@charset "UTF-8";

:root {
    --blue: #1ca1f2;
    --indigo: #6610F2;
    --purple: #6F42C1;
    --pink: #E83E8C;
    --red: #DC3545;
    --orange: #FD7E14;
    --yellow: #FFC107;
    --green: #28A745;
    --teal: #20C997;
    --cyan: #17A2B8;
    --white: #FFF;
    --gray: #6C757D;
    --gray-dark: #343A40;
    --primary: #3C4252;
    --secondary: #2196F3;
    --success: #4CAF50;
    --info: #009688;
    --warning: #FF9800;
    --danger: #F44336;
    --light: #F8F9FA;
    --dark: #343A40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Roboto", "Helvetica Neue", sans-serif;
    --font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --border-color: rgba(0, 0, 0, 0.12);
}

.material-textfield {
    position: relative;
}
  
.material-textfield label {
    position: absolute;
    font-size: 1.2rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    color: gray;
    padding: 0 .5rem;
    margin: 0 .5rem;
    transition: .1s ease-out;
    transform-origin: left top;
    pointer-events: none;
}

.material-textfield input {
    font-size: 1.2rem;
    outline: none;
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: 5px;  
    padding: 1rem 0.7rem;
    color: var(--gray);
    transition: 0.1s ease-out;
}

.material-textfield input:-webkit-autofill,
.material-textfield input:-webkit-autofill:hover, 
.material-textfield input:-webkit-autofill:focus, 
.material-textfield input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.material-textfield input:focus {
    border-color: var(--blue);  
}
.material-textfield input:focus + label {
    color: var(--blue);
    top: 0;
    transform: translateY(-50%) scale(.9);
}

.material-textfield input:not(:placeholder-shown) + label {
    top: 0;
    transform: translateY(-50%) scale(.9);
}

dl,
ol,
p,
pre,
ul {
    margin-top: 0
}

address,
dl,
ol,
p,
pre,
ul {
    margin-bottom: 1rem
}

body,
caption {
    text-align: left
}

dd,
label {
    margin-bottom: .5rem
}

button,
hr,
input {
    overflow: visible
}

pre,
textarea {
    overflow: auto
}

.form-control,
.form-control-file,
.form-control-plaintext,
.form-control-range {
    width: 100%;
    display: block
}

body,
html {
    overflow-x: hidden
}

#wrapper,
body {
    min-height: 100%
}

.btn,
.btn-secondary {
    will-change: box-shadow
}

.btn,
.form-check,
.form-group {
    letter-spacing: .04em;
    box-sizing: border-box
}



@media print {

    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    *,
    ::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: 0 solid #999
    }

    thead {
        display: table-header-group
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    .container,
    body {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 0 solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
}

.btn,
.btn:focus,
.btn:hover,
a {
    text-decoration: none
}

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

html {
    font-family: sans-serif;
    -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: Roboto, "Helvetica Neue", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529
}

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

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

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

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

address {
    font-style: normal;
    line-height: inherit
}

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

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
}

.btn,
img {
    vertical-align: middle
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #1c1e26;
    text-decoration: underline
}

a:not([href]):not([tabindex]),
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: 1em
}

pre {
    -ms-overflow-style: scrollbar
}

img {
    border-style: none
}

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

table {
    border-collapse: collapse
}

caption {
    padding-top: .8rem;
    padding-bottom: .8rem;
    color: rgba(0, 0, 0, .38);
    caption-side: bottom
}

.form-control,
.form-control:focus {
    color: #495057;
    background-color: transparent
}

th {
    text-align: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

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 {
    resize: vertical
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    font-size: 1.4rem;
    line-height: 1.785714;
    background-clip: padding-box
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    border-color: none;
    outline: 0
}

.form-control::placeholder {
    color: rgba(0, 0, 0, .54);
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: transparent;
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.4999996rem + 0)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: transparent
}

.col-form-label {
    padding-top: calc(.8rem + 1px);
    padding-bottom: calc(.8rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.785714
}

.col-form-label-lg,
.col-form-label-sm {
    padding-top: calc(0 + 1px);
    padding-bottom: calc(0 + 1px)
}

.col-form-label-lg {
    font-size: 1.6rem;
    line-height: 2.25
}

.col-form-label-sm {
    font-size: 1.3rem;
    line-height: 1.785714
}

.form-control-plaintext {
    padding-top: .8rem;
    padding-bottom: .8rem;
    margin-bottom: 0;
    line-height: 1.785714;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 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: 0 1.6rem;
    font-size: 1.3rem;
    line-height: 1.785714;
    border-radius: 2px
}

.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(2.3214282rem + 0)
}

.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: 0 1.6rem;
    font-size: 1.6rem;
    line-height: 2.25;
    border-radius: 2px
}

.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.925rem + 0)
}

.form-text {
    display: block;
    margin-top: .8rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    display: block;
    padding-left: 0
}

.form-check-input:disabled~.form-check-label {
    color: rgba(0, 0, 0, .38)
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .8rem;
    font-size: 80%;
    color: #4caf50
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.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: .4rem !important
}

.mt-1,
.my-1 {
    margin-top: .4rem !important
}

.mr-1,
.mx-1 {
    margin-right: .4rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .4rem !important
}

.ml-1,
.mx-1 {
    margin-left: .4rem !important
}

.m-2 {
    margin: .8rem !important
}

.mt-2,
.my-2 {
    margin-top: .8rem !important
}

.mr-2,
.mx-2 {
    margin-right: .8rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .8rem !important
}

.ml-2,
.mx-2 {
    margin-left: .8rem !important
}

.m-3 {
    margin: 1.2rem !important
}

.mt-3,
.my-3 {
    margin-top: 1.2rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1.2rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1.2rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1.2rem !important
}

.m-4 {
    margin: 1.6rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.6rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.6rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.6rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.6rem !important
}

.m-5 {
    margin: 2rem !important
}

.mt-5,
.my-5 {
    margin-top: 2rem !important
}

.mr-5,
.mx-5 {
    margin-right: 2rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 2rem !important
}

.ml-5,
.mx-5 {
    margin-left: 2rem !important
}

.m-6 {
    margin: 2.4rem !important
}

.mt-6,
.my-6 {
    margin-top: 2.4rem !important
}

.mr-6,
.mx-6 {
    margin-right: 2.4rem !important
}

.mb-6,
.my-6 {
    margin-bottom: 2.4rem !important
}

.ml-6,
.mx-6 {
    margin-left: 2.4rem !important
}

.m-7 {
    margin: 2.8rem !important
}

.mt-7,
.my-7 {
    margin-top: 2.8rem !important
}

.mr-7,
.mx-7 {
    margin-right: 2.8rem !important
}

.mb-7,
.my-7 {
    margin-bottom: 2.8rem !important
}

.ml-7,
.mx-7 {
    margin-left: 2.8rem !important
}

.m-8 {
    margin: 3.2rem !important
}

.mt-8,
.my-8 {
    margin-top: 3.2rem !important
}

.mr-8,
.mx-8 {
    margin-right: 3.2rem !important
}

.mb-8,
.my-8 {
    margin-bottom: 3.2rem !important
}

.ml-8,
.mx-8 {
    margin-left: 3.2rem !important
}

.m-9 {
    margin: 3.6rem !important
}

.mt-9,
.my-9 {
    margin-top: 3.6rem !important
}

.mr-9,
.mx-9 {
    margin-right: 3.6rem !important
}

.mb-9,
.my-9 {
    margin-bottom: 3.6rem !important
}

.pl-3,
.px-3 {
    padding-left: 1.2rem !important
}

.p-4 {
    padding: 1.6rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.6rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.6rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.6rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.6rem !important
}

.p-5 {
    padding: 2rem !important
}

.pt-5,
.py-5 {
    padding-top: 2rem !important
}

.pr-5,
.px-5 {
    padding-right: 2rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 2rem !important
}

.pl-5,
.px-5 {
    padding-left: 2rem !important
}

.p-6 {
    padding: 2.4rem !important
}

.pt-6,
.py-6 {
    padding-top: 2.4rem !important
}

.pr-6,
.px-6 {
    padding-right: 2.4rem !important
}

.pb-6,
.py-6 {
    padding-bottom: 2.4rem !important
}

.pl-6,
.px-6 {
    padding-left: 2.4rem !important
}

.p-7 {
    padding: 2.8rem !important
}

.pt-7,
.py-7 {
    padding-top: 2.8rem !important
}

.pr-7,
.px-7 {
    padding-right: 2.8rem !important
}

.pb-7,
.py-7 {
    padding-bottom: 2.8rem !important
}

.pl-7,
.px-7 {
    padding-left: 2.8rem !important
}

.p-8 {
    padding: 3.2rem !important
}

.pt-8,
.py-8 {
    padding-top: 3.2rem !important
}

.pr-8,
.px-8 {
    padding-right: 3.2rem !important
}

.pb-8,
.py-8 {
    padding-bottom: 3.2rem !important
}

.pl-8,
.px-8 {
    padding-left: 3.2rem !important
}

.p-9 {
    padding: 3.6rem !important
}

.pt-9,
.py-9 {
    padding-top: 3.6rem !important
}

.pr-9,
.px-9 {
    padding-right: 3.6rem !important
}

.pb-9,
.py-9 {
    padding-bottom: 3.6rem !important
}

.pl-9,
.px-9 {
    padding-left: 3.6rem !important
}

.p-10 {
    padding: 4rem !important
}

.pt-10,
.py-10 {
    padding-top: 4rem !important
}

.pr-10,
.px-10 {
    padding-right: 4rem !important
}

.pb-10,
.py-10 {
    padding-bottom: 4rem !important
}

.pl-10,
.px-10 {
    padding-left: 4rem !important
}

.p-11 {
    padding: 4.4rem !important
}

.pt-11,
.py-11 {
    padding-top: 4.4rem !important
}

.pr-11,
.px-11 {
    padding-right: 4.4rem !important
}

.pb-11,
.py-11 {
    padding-bottom: 4.4rem !important
}

.pl-11,
.px-11 {
    padding-left: 4.4rem !important
}

.p-12 {
    padding: 4.8rem !important
}

.pt-12,
.py-12 {
    padding-top: 4.8rem !important
}

.pr-12,
.px-12 {
    padding-right: 4.8rem !important
}

.pb-12,
.py-12 {
    padding-bottom: 4.8rem !important
}

.pl-12,
.px-12 {
    padding-left: 4.8rem !important
}

.p-13 {
    padding: 5.2rem !important
}

.pt-13,
.py-13 {
    padding-top: 5.2rem !important
}

.pr-13,
.px-13 {
    padding-right: 5.2rem !important
}

.pb-13,
.py-13 {
    padding-bottom: 5.2rem !important
}

.pl-13,
.px-13 {
    padding-left: 5.2rem !important
}

.p-14 {
    padding: 5.6rem !important
}

.pt-14,
.py-14 {
    padding-top: 5.6rem !important
}

.pr-14,
.px-14 {
    padding-right: 5.6rem !important
}

.pb-14,
.py-14 {
    padding-bottom: 5.6rem !important
}

.pl-14,
.px-14 {
    padding-left: 5.6rem !important
}

.p-15 {
    padding: 6rem !important
}

.pt-15,
.py-15 {
    padding-top: 6rem !important
}

.pr-15,
.px-15 {
    padding-right: 6rem !important
}

.pb-15,
.py-15 {
    padding-bottom: 6rem !important
}

.pl-15,
.px-15 {
    padding-left: 6rem !important
}

.p-16 {
    padding: 6.4rem !important
}

.pt-16,
.py-16 {
    padding-top: 6.4rem !important
}

.pr-16,
.px-16 {
    padding-right: 6.4rem !important
}

.pb-16,
.py-16 {
    padding-bottom: 6.4rem !important
}

.pl-16,
.px-16 {
    padding-left: 6.4rem !important
}

.p-17 {
    padding: 6.8rem !important
}

.pt-17,
.py-17 {
    padding-top: 6.8rem !important
}

.pr-17,
.px-17 {
    padding-right: 6.8rem !important
}

.pb-17,
.py-17 {
    padding-bottom: 6.8rem !important
}

.pl-17,
.px-17 {
    padding-left: 6.8rem !important
}

.p-18 {
    padding: 7.2rem !important
}

.pt-18,
.py-18 {
    padding-top: 7.2rem !important
}

.pr-18,
.px-18 {
    padding-right: 7.2rem !important
}

.pb-18,
.py-18 {
    padding-bottom: 7.2rem !important
}

.pl-18,
.px-18 {
    padding-left: 7.2rem !important
}

.p-19 {
    padding: 7.6rem !important
}

.pt-19,
.py-19 {
    padding-top: 7.6rem !important
}

.pr-19,
.px-19 {
    padding-right: 7.6rem !important
}

.pb-19,
.py-19 {
    padding-bottom: 7.6rem !important
}

.pl-19,
.px-19 {
    padding-left: 7.6rem !important
}

.p-20 {
    padding: 8rem !important
}

.pt-20,
.py-20 {
    padding-top: 8rem !important
}

.pr-20,
.px-20 {
    padding-right: 8rem !important
}

.pb-20,
.py-20 {
    padding-bottom: 8rem !important
}

.pl-20,
.px-20 {
    padding-left: 8rem !important
}

.p-21 {
    padding: 8.4rem !important
}

.pt-21,
.py-21 {
    padding-top: 8.4rem !important
}

.pr-21,
.px-21 {
    padding-right: 8.4rem !important
}

.pb-21,
.py-21 {
    padding-bottom: 8.4rem !important
}

.pl-21,
.px-21 {
    padding-left: 8.4rem !important
}

.p-22 {
    padding: 8.8rem !important
}

.pt-22,
.py-22 {
    padding-top: 8.8rem !important
}

.pr-22,
.px-22 {
    padding-right: 8.8rem !important
}

.pb-22,
.py-22 {
    padding-bottom: 8.8rem !important
}

.pl-22,
.px-22 {
    padding-left: 8.8rem !important
}

.p-23 {
    padding: 9.2rem !important
}

.pt-23,
.py-23 {
    padding-top: 9.2rem !important
}

.pr-23,
.px-23 {
    padding-right: 9.2rem !important
}

.pb-23,
.py-23 {
    padding-bottom: 9.2rem !important
}

.pl-23,
.px-23 {
    padding-left: 9.2rem !important
}

.p-24 {
    padding: 9.6rem !important
}

.pt-24,
.py-24 {
    padding-top: 9.6rem !important
}

.pr-24,
.px-24 {
    padding-right: 9.6rem !important
}

.pb-24,
.py-24 {
    padding-bottom: 9.6rem !important
}

.pl-24,
.px-24 {
    padding-left: 9.6rem !important
}

.p-25 {
    padding: 10rem !important
}

.pt-25,
.py-25 {
    padding-top: 10rem !important
}

.pr-25,
.px-25 {
    padding-right: 10rem !important
}

.pb-25,
.py-25 {
    padding-bottom: 10rem !important
}

.pl-25,
.px-25 {
    padding-left: 10rem !important
}

.p-26 {
    padding: 10.4rem !important
}

.pt-26,
.py-26 {
    padding-top: 10.4rem !important
}

.pr-26,
.px-26 {
    padding-right: 10.4rem !important
}

.pb-26,
.py-26 {
    padding-bottom: 10.4rem !important
}

.pl-26,
.px-26 {
    padding-left: 10.4rem !important
}

.p-27 {
    padding: 10.8rem !important
}

.pt-27,
.py-27 {
    padding-top: 10.8rem !important
}

.pr-27,
.px-27 {
    padding-right: 10.8rem !important
}

.pb-27,
.py-27 {
    padding-bottom: 10.8rem !important
}

.pl-27,
.px-27 {
    padding-left: 10.8rem !important
}

.p-28 {
    padding: 11.2rem !important
}

.pt-28,
.py-28 {
    padding-top: 11.2rem !important
}

.pr-28,
.px-28 {
    padding-right: 11.2rem !important
}

.pb-28,
.py-28 {
    padding-bottom: 11.2rem !important
}

.pl-28,
.px-28 {
    padding-left: 11.2rem !important
}

.p-29 {
    padding: 11.6rem !important
}

.pt-29,
.py-29 {
    padding-top: 11.6rem !important
}

.pr-29,
.px-29 {
    padding-right: 11.6rem !important
}

.pb-29,
.py-29 {
    padding-bottom: 11.6rem !important
}

.pl-29,
.px-29 {
    padding-left: 11.6rem !important
}

.p-30 {
    padding: 12rem !important
}

.pt-30,
.py-30 {
    padding-top: 12rem !important
}

.pr-30,
.px-30 {
    padding-right: 12rem !important
}

.pb-30,
.py-30 {
    padding-bottom: 12rem !important
}

.pl-30,
.px-30 {
    padding-left: 12rem !important
}

.p-31 {
    padding: 12.4rem !important
}

.pt-31,
.py-31 {
    padding-top: 12.4rem !important
}

.pr-31,
.px-31 {
    padding-right: 12.4rem !important
}

.pb-31,
.py-31 {
    padding-bottom: 12.4rem !important
}

.pl-31,
.px-31 {
    padding-left: 12.4rem !important
}

.p-32 {
    padding: 12.8rem !important
}

.pt-32,
.py-32 {
    padding-top: 12.8rem !important
}

.pr-32,
.px-32 {
    padding-right: 12.8rem !important
}

.pb-32,
.py-32 {
    padding-bottom: 12.8rem !important
}

.pl-32,
.px-32 {
    padding-left: 12.8rem !important
}

.p-33 {
    padding: 13.2rem !important
}

.pt-33,
.py-33 {
    padding-top: 13.2rem !important
}

.pr-33,
.px-33 {
    padding-right: 13.2rem !important
}

.pb-33,
.py-33 {
    padding-bottom: 13.2rem !important
}

.pl-33,
.px-33 {
    padding-left: 13.2rem !important
}

.p-34 {
    padding: 13.6rem !important
}

.pt-34,
.py-34 {
    padding-top: 13.6rem !important
}

.pr-34,
.px-34 {
    padding-right: 13.6rem !important
}

.pb-34,
.py-34 {
    padding-bottom: 13.6rem !important
}

.pl-34,
.px-34 {
    padding-left: 13.6rem !important
}

.p-35 {
    padding: 14rem !important
}

.pt-35,
.py-35 {
    padding-top: 14rem !important
}

.pr-35,
.px-35 {
    padding-right: 14rem !important
}

.pb-35,
.py-35 {
    padding-bottom: 14rem !important
}

.pl-35,
.px-35 {
    padding-left: 14rem !important
}

.p-36 {
    padding: 14.4rem !important
}

.pt-36,
.py-36 {
    padding-top: 14.4rem !important
}

.pr-36,
.px-36 {
    padding-right: 14.4rem !important
}

.pb-36,
.py-36 {
    padding-bottom: 14.4rem !important
}

.pl-36,
.px-36 {
    padding-left: 14.4rem !important
}

.p-37 {
    padding: 14.8rem !important
}

.pt-37,
.py-37 {
    padding-top: 14.8rem !important
}

.pr-37,
.px-37 {
    padding-right: 14.8rem !important
}

.pb-37,
.py-37 {
    padding-bottom: 14.8rem !important
}

.pl-37,
.px-37 {
    padding-left: 14.8rem !important
}

.p-38 {
    padding: 15.2rem !important
}

.pt-38,
.py-38 {
    padding-top: 15.2rem !important
}

.pr-38,
.px-38 {
    padding-right: 15.2rem !important
}

.pb-38,
.py-38 {
    padding-bottom: 15.2rem !important
}

.pl-38,
.px-38 {
    padding-left: 15.2rem !important
}

.p-39 {
    padding: 15.6rem !important
}

.pt-39,
.py-39 {
    padding-top: 15.6rem !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .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: .4rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .4rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .4rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .4rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .4rem !important
    }

    .m-sm-2 {
        margin: .8rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .8rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .8rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .8rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .8rem !important
    }

    .m-sm-3 {
        margin: 1.2rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1.2rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1.2rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1.2rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1.2rem !important
    }

    .m-sm-4 {
        margin: 1.6rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.6rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.6rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.6rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.6rem !important
    }

    .m-sm-5 {
        margin: 2rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 2rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 2rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 2rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 2rem !important
    }

    .m-sm-6 {
        margin: 2.4rem !important
    }

    .mt-sm-6,
    .my-sm-6 {
        margin-top: 2.4rem !important
    }

    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 2.4rem !important
    }

    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 2.4rem !important
    }

    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 2.4rem !important
    }

    .m-sm-7 {
        margin: 2.8rem !important
    }

    .mt-sm-7,
    .my-sm-7 {
        margin-top: 2.8rem !important
    }

    .mr-sm-7,
    .mx-sm-7 {
        margin-right: 2.8rem !important
    }

    .mb-sm-7,
    .my-sm-7 {
        margin-bottom: 2.8rem !important
    }

    .ml-sm-7,
    .mx-sm-7 {
        margin-left: 2.8rem !important
    }

    .m-sm-8 {
        margin: 3.2rem !important
    }

    .mt-sm-8,
    .my-sm-8 {
        margin-top: 3.2rem !important
    }

    .mr-sm-8,
    .mx-sm-8 {
        margin-right: 3.2rem !important
    }

    .mb-sm-8,
    .my-sm-8 {
        margin-bottom: 3.2rem !important
    }

    .ml-sm-8,
    .mx-sm-8 {
        margin-left: 3.2rem !important
    }

    .m-sm-9 {
        margin: 3.6rem !important
    }

    .mt-sm-9,
    .my-sm-9 {
        margin-top: 3.6rem !important
    }

    .mr-sm-9,
    .mx-sm-9 {
        margin-right: 3.6rem !important
    }

    .mb-sm-9,
    .my-sm-9 {
        margin-bottom: 3.6rem !important
    }

    .ml-sm-9,
    .mx-sm-9 {
        margin-left: 3.6rem !important
    }

    .m-sm-10 {
        margin: 4rem !important
    }

    .mt-sm-10,
    .my-sm-10 {
        margin-top: 4rem !important
    }

    .mr-sm-10,
    .mx-sm-10 {
        margin-right: 4rem !important
    }

    .mb-sm-10,
    .my-sm-10 {
        margin-bottom: 4rem !important
    }

    .ml-sm-10,
    .mx-sm-10 {
        margin-left: 4rem !important
    }

    .m-sm-11 {
        margin: 4.4rem !important
    }

    .mt-sm-11,
    .my-sm-11 {
        margin-top: 4.4rem !important
    }

    .mr-sm-11,
    .mx-sm-11 {
        margin-right: 4.4rem !important
    }

    .mb-sm-11,
    .my-sm-11 {
        margin-bottom: 4.4rem !important
    }

    .ml-sm-11,
    .mx-sm-11 {
        margin-left: 4.4rem !important
    }

    .m-sm-12 {
        margin: 4.8rem !important
    }

    .mt-sm-12,
    .my-sm-12 {
        margin-top: 4.8rem !important
    }

    .mr-sm-12,
    .mx-sm-12 {
        margin-right: 4.8rem !important
    }

    .mb-sm-12,
    .my-sm-12 {
        margin-bottom: 4.8rem !important
    }

    .ml-sm-12,
    .mx-sm-12 {
        margin-left: 4.8rem !important
    }

    .m-sm-13 {
        margin: 5.2rem !important
    }

    .mt-sm-13,
    .my-sm-13 {
        margin-top: 5.2rem !important
    }

    .mr-sm-13,
    .mx-sm-13 {
        margin-right: 5.2rem !important
    }

    .mb-sm-13,
    .my-sm-13 {
        margin-bottom: 5.2rem !important
    }

    .ml-sm-13,
    .mx-sm-13 {
        margin-left: 5.2rem !important
    }

    .m-sm-14 {
        margin: 5.6rem !important
    }

    .mt-sm-14,
    .my-sm-14 {
        margin-top: 5.6rem !important
    }

    .mr-sm-14,
    .mx-sm-14 {
        margin-right: 5.6rem !important
    }

    .mb-sm-14,
    .my-sm-14 {
        margin-bottom: 5.6rem !important
    }

    .ml-sm-14,
    .mx-sm-14 {
        margin-left: 5.6rem !important
    }

    .m-sm-15 {
        margin: 6rem !important
    }

    .mt-sm-15,
    .my-sm-15 {
        margin-top: 6rem !important
    }

    .mr-sm-15,
    .mx-sm-15 {
        margin-right: 6rem !important
    }

    .mb-sm-15,
    .my-sm-15 {
        margin-bottom: 6rem !important
    }

    .ml-sm-15,
    .mx-sm-15 {
        margin-left: 6rem !important
    }

    .m-sm-16 {
        margin: 6.4rem !important
    }

    .mt-sm-16,
    .my-sm-16 {
        margin-top: 6.4rem !important
    }

    .mr-sm-16,
    .mx-sm-16 {
        margin-right: 6.4rem !important
    }

    .mb-sm-16,
    .my-sm-16 {
        margin-bottom: 6.4rem !important
    }

    .ml-sm-16,
    .mx-sm-16 {
        margin-left: 6.4rem !important
    }

    .m-sm-17 {
        margin: 6.8rem !important
    }

    .mt-sm-17,
    .my-sm-17 {
        margin-top: 6.8rem !important
    }

    .mr-sm-17,
    .mx-sm-17 {
        margin-right: 6.8rem !important
    }

    .mb-sm-17,
    .my-sm-17 {
        margin-bottom: 6.8rem !important
    }

    .ml-sm-17,
    .mx-sm-17 {
        margin-left: 6.8rem !important
    }

    .m-sm-18 {
        margin: 7.2rem !important
    }

    .mt-sm-18,
    .my-sm-18 {
        margin-top: 7.2rem !important
    }

    .mr-sm-18,
    .mx-sm-18 {
        margin-right: 7.2rem !important
    }

    .mb-sm-18,
    .my-sm-18 {
        margin-bottom: 7.2rem !important
    }

    .ml-sm-18,
    .mx-sm-18 {
        margin-left: 7.2rem !important
    }

    .m-sm-19 {
        margin: 7.6rem !important
    }

    .mt-sm-19,
    .my-sm-19 {
        margin-top: 7.6rem !important
    }

    .mr-sm-19,
    .mx-sm-19 {
        margin-right: 7.6rem !important
    }

    .mb-sm-19,
    .my-sm-19 {
        margin-bottom: 7.6rem !important
    }

    .ml-sm-19,
    .mx-sm-19 {
        margin-left: 7.6rem !important
    }

    .m-sm-20 {
        margin: 8rem !important
    }

    .mt-sm-20,
    .my-sm-20 {
        margin-top: 8rem !important
    }

    .mr-sm-20,
    .mx-sm-20 {
        margin-right: 8rem !important
    }

    .mb-sm-20,
    .my-sm-20 {
        margin-bottom: 8rem !important
    }

    .ml-sm-20,
    .mx-sm-20 {
        margin-left: 8rem !important
    }

    .m-sm-21 {
        margin: 8.4rem !important
    }

    .mt-sm-21,
    .my-sm-21 {
        margin-top: 8.4rem !important
    }

    .mr-sm-21,
    .mx-sm-21 {
        margin-right: 8.4rem !important
    }

    .mb-sm-21,
    .my-sm-21 {
        margin-bottom: 8.4rem !important
    }

    .ml-sm-21,
    .mx-sm-21 {
        margin-left: 8.4rem !important
    }

    .m-sm-22 {
        margin: 8.8rem !important
    }

    .mt-sm-22,
    .my-sm-22 {
        margin-top: 8.8rem !important
    }

    .mr-sm-22,
    .mx-sm-22 {
        margin-right: 8.8rem !important
    }

    .mb-sm-22,
    .my-sm-22 {
        margin-bottom: 8.8rem !important
    }

    .ml-sm-22,
    .mx-sm-22 {
        margin-left: 8.8rem !important
    }

    .m-sm-23 {
        margin: 9.2rem !important
    }

    .mt-sm-23,
    .my-sm-23 {
        margin-top: 9.2rem !important
    }

    .mr-sm-23,
    .mx-sm-23 {
        margin-right: 9.2rem !important
    }

    .mb-sm-23,
    .my-sm-23 {
        margin-bottom: 9.2rem !important
    }

    .ml-sm-23,
    .mx-sm-23 {
        margin-left: 9.2rem !important
    }

    .m-sm-24 {
        margin: 9.6rem !important
    }

    .mt-sm-24,
    .my-sm-24 {
        margin-top: 9.6rem !important
    }

    .mr-sm-24,
    .mx-sm-24 {
        margin-right: 9.6rem !important
    }

    .mb-sm-24,
    .my-sm-24 {
        margin-bottom: 9.6rem !important
    }

    .ml-sm-24,
    .mx-sm-24 {
        margin-left: 9.6rem !important
    }

    .m-sm-25 {
        margin: 10rem !important
    }

    .mt-sm-25,
    .my-sm-25 {
        margin-top: 10rem !important
    }

    .mr-sm-25,
    .mx-sm-25 {
        margin-right: 10rem !important
    }

    .mb-sm-25,
    .my-sm-25 {
        margin-bottom: 10rem !important
    }

    .ml-sm-25,
    .mx-sm-25 {
        margin-left: 10rem !important
    }

    .m-sm-26 {
        margin: 10.4rem !important
    }

    .mt-sm-26,
    .my-sm-26 {
        margin-top: 10.4rem !important
    }

    .mr-sm-26,
    .mx-sm-26 {
        margin-right: 10.4rem !important
    }

    .mb-sm-26,
    .my-sm-26 {
        margin-bottom: 10.4rem !important
    }

    .ml-sm-26,
    .mx-sm-26 {
        margin-left: 10.4rem !important
    }

    .m-sm-27 {
        margin: 10.8rem !important
    }

    .mt-sm-27,
    .my-sm-27 {
        margin-top: 10.8rem !important
    }

    .mr-sm-27,
    .mx-sm-27 {
        margin-right: 10.8rem !important
    }

    .mb-sm-27,
    .my-sm-27 {
        margin-bottom: 10.8rem !important
    }

    .ml-sm-27,
    .mx-sm-27 {
        margin-left: 10.8rem !important
    }

    .m-sm-28 {
        margin: 11.2rem !important
    }

    .mt-sm-28,
    .my-sm-28 {
        margin-top: 11.2rem !important
    }

    .mr-sm-28,
    .mx-sm-28 {
        margin-right: 11.2rem !important
    }

    .mb-sm-28,
    .my-sm-28 {
        margin-bottom: 11.2rem !important
    }

    .ml-sm-28,
    .mx-sm-28 {
        margin-left: 11.2rem !important
    }

    .m-sm-29 {
        margin: 11.6rem !important
    }

    .mt-sm-29,
    .my-sm-29 {
        margin-top: 11.6rem !important
    }

    .mr-sm-29,
    .mx-sm-29 {
        margin-right: 11.6rem !important
    }

    .mb-sm-29,
    .my-sm-29 {
        margin-bottom: 11.6rem !important
    }

    .ml-sm-29,
    .mx-sm-29 {
        margin-left: 11.6rem !important
    }

    .m-sm-30 {
        margin: 12rem !important
    }

    .mt-sm-30,
    .my-sm-30 {
        margin-top: 12rem !important
    }

    .mr-sm-30,
    .mx-sm-30 {
        margin-right: 12rem !important
    }

    .mb-sm-30,
    .my-sm-30 {
        margin-bottom: 12rem !important
    }

    .ml-sm-30,
    .mx-sm-30 {
        margin-left: 12rem !important
    }

    .m-sm-31 {
        margin: 12.4rem !important
    }

    .mt-sm-31,
    .my-sm-31 {
        margin-top: 12.4rem !important
    }

    .mr-sm-31,
    .mx-sm-31 {
        margin-right: 12.4rem !important
    }

    .mb-sm-31,
    .my-sm-31 {
        margin-bottom: 12.4rem !important
    }

    .ml-sm-31,
    .mx-sm-31 {
        margin-left: 12.4rem !important
    }

    .m-sm-32 {
        margin: 12.8rem !important
    }

    .mt-sm-32,
    .my-sm-32 {
        margin-top: 12.8rem !important
    }

    .mr-sm-32,
    .mx-sm-32 {
        margin-right: 12.8rem !important
    }

    .mb-sm-32,
    .my-sm-32 {
        margin-bottom: 12.8rem !important
    }

    .ml-sm-32,
    .mx-sm-32 {
        margin-left: 12.8rem !important
    }

    .m-sm-33 {
        margin: 13.2rem !important
    }

    .mt-sm-33,
    .my-sm-33 {
        margin-top: 13.2rem !important
    }

    .mr-sm-33,
    .mx-sm-33 {
        margin-right: 13.2rem !important
    }

    .mb-sm-33,
    .my-sm-33 {
        margin-bottom: 13.2rem !important
    }

    .ml-sm-33,
    .mx-sm-33 {
        margin-left: 13.2rem !important
    }

    .m-sm-34 {
        margin: 13.6rem !important
    }

    .mt-sm-34,
    .my-sm-34 {
        margin-top: 13.6rem !important
    }

    .mr-sm-34,
    .mx-sm-34 {
        margin-right: 13.6rem !important
    }

    .mb-sm-34,
    .my-sm-34 {
        margin-bottom: 13.6rem !important
    }

    .ml-sm-34,
    .mx-sm-34 {
        margin-left: 13.6rem !important
    }

    .m-sm-35 {
        margin: 14rem !important
    }

    .mt-sm-35,
    .my-sm-35 {
        margin-top: 14rem !important
    }

    .mr-sm-35,
    .mx-sm-35 {
        margin-right: 14rem !important
    }

    .mb-sm-35,
    .my-sm-35 {
        margin-bottom: 14rem !important
    }

    .ml-sm-35,
    .mx-sm-35 {
        margin-left: 14rem !important
    }

    .m-sm-36 {
        margin: 14.4rem !important
    }

    .mt-sm-36,
    .my-sm-36 {
        margin-top: 14.4rem !important
    }

    .mr-sm-36,
    .mx-sm-36 {
        margin-right: 14.4rem !important
    }

    .mb-sm-36,
    .my-sm-36 {
        margin-bottom: 14.4rem !important
    }

    .ml-sm-36,
    .mx-sm-36 {
        margin-left: 14.4rem !important
    }

    .m-sm-37 {
        margin: 14.8rem !important
    }

    .mt-sm-37,
    .my-sm-37 {
        margin-top: 14.8rem !important
    }

    .mr-sm-37,
    .mx-sm-37 {
        margin-right: 14.8rem !important
    }

    .mb-sm-37,
    .my-sm-37 {
        margin-bottom: 14.8rem !important
    }

    .ml-sm-37,
    .mx-sm-37 {
        margin-left: 14.8rem !important
    }

    .m-sm-38 {
        margin: 15.2rem !important
    }

    .mt-sm-38,
    .my-sm-38 {
        margin-top: 15.2rem !important
    }

    .mr-sm-38,
    .mx-sm-38 {
        margin-right: 15.2rem !important
    }

    .mb-sm-38,
    .my-sm-38 {
        margin-bottom: 15.2rem !important
    }

    .ml-sm-38,
    .mx-sm-38 {
        margin-left: 15.2rem !important
    }

    .m-sm-39 {
        margin: 15.6rem !important
    }

    .mt-sm-39,
    .my-sm-39 {
        margin-top: 15.6rem !important
    }

    .mr-sm-39,
    .mx-sm-39 {
        margin-right: 15.6rem !important
    }

    .mb-sm-39,
    .my-sm-39 {
        margin-bottom: 15.6rem !important
    }

    .ml-sm-39,
    .mx-sm-39 {
        margin-left: 15.6rem !important
    }

    .m-sm-40 {
        margin: 16rem !important
    }

    .mt-sm-40,
    .my-sm-40 {
        margin-top: 16rem !important
    }

    .mr-sm-40,
    .mx-sm-40 {
        margin-right: 16rem !important
    }

    .mb-sm-40,
    .my-sm-40 {
        margin-bottom: 16rem !important
    }

    .ml-sm-40,
    .mx-sm-40 {
        margin-left: 16rem !important
    }

    .m-sm-41 {
        margin: 16.4rem !important
    }

    .mt-sm-41,
    .my-sm-41 {
        margin-top: 16.4rem !important
    }

    .mr-sm-41,
    .mx-sm-41 {
        margin-right: 16.4rem !important
    }

    .mb-sm-41,
    .my-sm-41 {
        margin-bottom: 16.4rem !important
    }

    .ml-sm-41,
    .mx-sm-41 {
        margin-left: 16.4rem !important
    }

    .m-sm-42 {
        margin: 16.8rem !important
    }

    .mt-sm-42,
    .my-sm-42 {
        margin-top: 16.8rem !important
    }

    .mr-sm-42,
    .mx-sm-42 {
        margin-right: 16.8rem !important
    }

    .mb-sm-42,
    .my-sm-42 {
        margin-bottom: 16.8rem !important
    }

    .ml-sm-42,
    .mx-sm-42 {
        margin-left: 16.8rem !important
    }

    .m-sm-43 {
        margin: 17.2rem !important
    }

    .mt-sm-43,
    .my-sm-43 {
        margin-top: 17.2rem !important
    }

    .mr-sm-43,
    .mx-sm-43 {
        margin-right: 17.2rem !important
    }

    .mb-sm-43,
    .my-sm-43 {
        margin-bottom: 17.2rem !important
    }

    .ml-sm-43,
    .mx-sm-43 {
        margin-left: 17.2rem !important
    }

    .m-sm-44 {
        margin: 17.6rem !important
    }

    .mt-sm-44,
    .my-sm-44 {
        margin-top: 17.6rem !important
    }

    .mr-sm-44,
    .mx-sm-44 {
        margin-right: 17.6rem !important
    }

    .mb-sm-44,
    .my-sm-44 {
        margin-bottom: 17.6rem !important
    }

    .ml-sm-44,
    .mx-sm-44 {
        margin-left: 17.6rem !important
    }

    .m-sm-45 {
        margin: 18rem !important
    }

    .mt-sm-45,
    .my-sm-45 {
        margin-top: 18rem !important
    }

    .mr-sm-45,
    .mx-sm-45 {
        margin-right: 18rem !important
    }

    .mb-sm-45,
    .my-sm-45 {
        margin-bottom: 18rem !important
    }

    .ml-sm-45,
    .mx-sm-45 {
        margin-left: 18rem !important
    }

    .m-sm-46 {
        margin: 18.4rem !important
    }

    .mt-sm-46,
    .my-sm-46 {
        margin-top: 18.4rem !important
    }

    .mr-sm-46,
    .mx-sm-46 {
        margin-right: 18.4rem !important
    }

    .mb-sm-46,
    .my-sm-46 {
        margin-bottom: 18.4rem !important
    }

    .ml-sm-46,
    .mx-sm-46 {
        margin-left: 18.4rem !important
    }

    .m-sm-47 {
        margin: 18.8rem !important
    }

    .mt-sm-47,
    .my-sm-47 {
        margin-top: 18.8rem !important
    }

    .mr-sm-47,
    .mx-sm-47 {
        margin-right: 18.8rem !important
    }

    .mb-sm-47,
    .my-sm-47 {
        margin-bottom: 18.8rem !important
    }

    .ml-sm-47,
    .mx-sm-47 {
        margin-left: 18.8rem !important
    }

    .m-sm-48 {
        margin: 19.2rem !important
    }

    .mt-sm-48,
    .my-sm-48 {
        margin-top: 19.2rem !important
    }

    .mr-sm-48,
    .mx-sm-48 {
        margin-right: 19.2rem !important
    }

    .mb-sm-48,
    .my-sm-48 {
        margin-bottom: 19.2rem !important
    }

    .ml-sm-48,
    .mx-sm-48 {
        margin-left: 19.2rem !important
    }

    .m-sm-49 {
        margin: 19.6rem !important
    }

    .mt-sm-49,
    .my-sm-49 {
        margin-top: 19.6rem !important
    }

    .mr-sm-49,
    .mx-sm-49 {
        margin-right: 19.6rem !important
    }

    .mb-sm-49,
    .my-sm-49 {
        margin-bottom: 19.6rem !important
    }

    .ml-sm-49,
    .mx-sm-49 {
        margin-left: 19.6rem !important
    }

    .m-sm-50 {
        margin: 20rem !important
    }

    .mt-sm-50,
    .my-sm-50 {
        margin-top: 20rem !important
    }

    .mr-sm-50,
    .mx-sm-50 {
        margin-right: 20rem !important
    }

    .mb-sm-50,
    .my-sm-50 {
        margin-bottom: 20rem !important
    }

    .ml-sm-50,
    .mx-sm-50 {
        margin-left: 20rem !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: .4rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .4rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .4rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .4rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .4rem !important
    }

    .p-sm-2 {
        padding: .8rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .8rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .8rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .8rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .8rem !important
    }

    .p-sm-3 {
        padding: 1.2rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1.2rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1.2rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1.2rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1.2rem !important
    }

    .p-sm-4 {
        padding: 1.6rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.6rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.6rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.6rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.6rem !important
    }

    .p-sm-5 {
        padding: 2rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 2rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 2rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 2rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 2rem !important
    }

    .p-sm-6 {
        padding: 2.4rem !important
    }

    .pt-sm-6,
    .py-sm-6 {
        padding-top: 2.4rem !important
    }

    .pr-sm-6,
    .px-sm-6 {
        padding-right: 2.4rem !important
    }

    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 2.4rem !important
    }

    .pl-sm-6,
    .px-sm-6 {
        padding-left: 2.4rem !important
    }

    .p-sm-7 {
        padding: 2.8rem !important
    }

    .pt-sm-7,
    .py-sm-7 {
        padding-top: 2.8rem !important
    }

    .pr-sm-7,
    .px-sm-7 {
        padding-right: 2.8rem !important
    }

    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 2.8rem !important
    }

    .pl-sm-7,
    .px-sm-7 {
        padding-left: 2.8rem !important
    }

    .p-sm-8 {
        padding: 3.2rem !important
    }

    .pt-sm-8,
    .py-sm-8 {
        padding-top: 3.2rem !important
    }

    .pr-sm-8,
    .px-sm-8 {
        padding-right: 3.2rem !important
    }

    .pb-sm-8,
    .py-sm-8 {
        padding-bottom: 3.2rem !important
    }

    .pl-sm-8,
    .px-sm-8 {
        padding-left: 3.2rem !important
    }

    .p-sm-9 {
        padding: 3.6rem !important
    }

    .pt-sm-9,
    .py-sm-9 {
        padding-top: 3.6rem !important
    }

    .pr-sm-9,
    .px-sm-9 {
        padding-right: 3.6rem !important
    }

    .pb-sm-9,
    .py-sm-9 {
        padding-bottom: 3.6rem !important
    }

    .pl-sm-9,
    .px-sm-9 {
        padding-left: 3.6rem !important
    }

    .p-sm-10 {
        padding: 4rem !important
    }

    .pt-sm-10,
    .py-sm-10 {
        padding-top: 4rem !important
    }

    .pr-sm-10,
    .px-sm-10 {
        padding-right: 4rem !important
    }

    .pb-sm-10,
    .py-sm-10 {
        padding-bottom: 4rem !important
    }

    .pl-sm-10,
    .px-sm-10 {
        padding-left: 4rem !important
    }

    .p-sm-11 {
        padding: 4.4rem !important
    }

    .pt-sm-11,
    .py-sm-11 {
        padding-top: 4.4rem !important
    }

    .pr-sm-11,
    .px-sm-11 {
        padding-right: 4.4rem !important
    }

    .pb-sm-11,
    .py-sm-11 {
        padding-bottom: 4.4rem !important
    }

    .pl-sm-11,
    .px-sm-11 {
        padding-left: 4.4rem !important
    }

    .p-sm-12 {
        padding: 4.8rem !important
    }

    .pt-sm-12,
    .py-sm-12 {
        padding-top: 4.8rem !important
    }

    .pr-sm-12,
    .px-sm-12 {
        padding-right: 4.8rem !important
    }

    .pb-sm-12,
    .py-sm-12 {
        padding-bottom: 4.8rem !important
    }

    .pl-sm-12,
    .px-sm-12 {
        padding-left: 4.8rem !important
    }

    .p-sm-13 {
        padding: 5.2rem !important
    }

    .pt-sm-13,
    .py-sm-13 {
        padding-top: 5.2rem !important
    }

    .pr-sm-13,
    .px-sm-13 {
        padding-right: 5.2rem !important
    }

    .pb-sm-13,
    .py-sm-13 {
        padding-bottom: 5.2rem !important
    }

    .pl-sm-13,
    .px-sm-13 {
        padding-left: 5.2rem !important
    }

    .p-sm-14 {
        padding: 5.6rem !important
    }

    .pt-sm-14,
    .py-sm-14 {
        padding-top: 5.6rem !important
    }

    .pr-sm-14,
    .px-sm-14 {
        padding-right: 5.6rem !important
    }

    .pb-sm-14,
    .py-sm-14 {
        padding-bottom: 5.6rem !important
    }

    .pl-sm-14,
    .px-sm-14 {
        padding-left: 5.6rem !important
    }

    .p-sm-15 {
        padding: 6rem !important
    }

    .pt-sm-15,
    .py-sm-15 {
        padding-top: 6rem !important
    }

    .pr-sm-15,
    .px-sm-15 {
        padding-right: 6rem !important
    }

    .pb-sm-15,
    .py-sm-15 {
        padding-bottom: 6rem !important
    }

    .pl-sm-15,
    .px-sm-15 {
        padding-left: 6rem !important
    }

    .p-sm-16 {
        padding: 6.4rem !important
    }

    .pt-sm-16,
    .py-sm-16 {
        padding-top: 6.4rem !important
    }

    .pr-sm-16,
    .px-sm-16 {
        padding-right: 6.4rem !important
    }

    .pb-sm-16,
    .py-sm-16 {
        padding-bottom: 6.4rem !important
    }

    .pl-sm-16,
    .px-sm-16 {
        padding-left: 6.4rem !important
    }

    .p-sm-17 {
        padding: 6.8rem !important
    }

    .pt-sm-17,
    .py-sm-17 {
        padding-top: 6.8rem !important
    }

    .pr-sm-17,
    .px-sm-17 {
        padding-right: 6.8rem !important
    }

    .pb-sm-17,
    .py-sm-17 {
        padding-bottom: 6.8rem !important
    }

    .pl-sm-17,
    .px-sm-17 {
        padding-left: 6.8rem !important
    }

    .p-sm-18 {
        padding: 7.2rem !important
    }

    .pt-sm-18,
    .py-sm-18 {
        padding-top: 7.2rem !important
    }

    .pr-sm-18,
    .px-sm-18 {
        padding-right: 7.2rem !important
    }

    .pb-sm-18,
    .py-sm-18 {
        padding-bottom: 7.2rem !important
    }

    .pl-sm-18,
    .px-sm-18 {
        padding-left: 7.2rem !important
    }

    .p-sm-19 {
        padding: 7.6rem !important
    }

    .pt-sm-19,
    .py-sm-19 {
        padding-top: 7.6rem !important
    }

    .pr-sm-19,
    .px-sm-19 {
        padding-right: 7.6rem !important
    }

    .pb-sm-19,
    .py-sm-19 {
        padding-bottom: 7.6rem !important
    }

    .pl-sm-19,
    .px-sm-19 {
        padding-left: 7.6rem !important
    }
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #0c7cd5 !important
}

.md-elevation-0 {
    box-shadow: 0 rgba(0, 0, 0, .2), 0 rgba(0, 0, 0, .14), 0 rgba(0, 0, 0, .12)
}

.md-elevation-1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.md-elevation-2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.md-elevation-3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.md-elevation-4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.md-elevation-5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.md-elevation-6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.md-elevation-7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.md-elevation-8 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.md-elevation-9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.md-elevation-10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.md-elevation-11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.md-elevation-12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.md-elevation-13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.md-elevation-14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.md-elevation-15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.md-elevation-16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.md-elevation-17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.md-elevation-18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.md-elevation-19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.md-elevation-20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.md-elevation-21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.md-elevation-22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.md-elevation-23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.md-elevation-24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.mdc-elevation-transition {
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow
}

html {
    font-size: 62.5%;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%
}

body {
    overflow-y: auto;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    background-color: #f5f5f5
}

#wrapper {
    flex: auto
}

body,
html {
    overflow: hidden !important
}

body>main {
    top: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.layout #wrapper {
    display: flex;
    height: 100%;
    max-height: 100%;
    overflow: hidden
}

.layout #wrapper>.content-wrapper {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    width: 100%
}

.layout #wrapper>.content-wrapper>.content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: auto;
    position: relative
}

.btn,
.layout.layout-vertical #wrapper>.content-wrapper {
    overflow: hidden
}

.layout.layout-vertical.layout-above-toolbar>main {
    display: flex;
    flex-direction: column
}

.layout.layout-vertical.layout-above-toolbar #toolbar {
    z-index: 1030
}

.layout.layout-vertical.layout-above-toolbar #wrapper {
    flex: 1;
    min-height: auto
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    border: 0 solid transparent;
    padding: 0 1.6rem;
    font-size: 1.4rem;
    border-radius: 2px;
    position: relative;
    min-width: 8.8rem;
    height: 3.6rem;
    line-height: 3.6rem;
    outline: 0;
    text-transform: uppercase;
    -webkit-appearance: none;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1)
}

.btn:focus,
.btn:hover {
    cursor: pointer
}

.btn.focus,
.btn:focus {
    outline: 0
}

.btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

.btn.disabled,
.btn:disabled {
    box-shadow: 0 rgba(0, 0, 0, .2), 0 rgba(0, 0, 0, .14), 0 rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26) !important;
    background: rgba(0, 0, 0, .12) !important;
    cursor: default;
    pointer-events: none;
    opacity: 1
}

.btn:not(:disabled):not(.disabled),
.form-check-label {
    cursor: pointer
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    background-image: none;
    outline: 0;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.btn-secondary {
    background-color: #2196f3;
    border-color: #2196f3;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    color: #fff !important
}

.btn-secondary:hover {
    background-color: #0c83e2;
    border-color: #0c7cd5;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #0c83e2;
    background-image: none;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.btn-secondary.fuse-ripple-ready .fuse-ripple {
    background: rgba(255, 255, 255, .28) !important
}

.btn-block {
    display: block;
    width: 100%
}

button,
input[type=button],
input[type=email],
input[type=image],
input[type=password],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /* border: none; */
    outline: 0
}

.form-control {
    padding: 0;
    border: 0 solid transparent;
    border-radius: 0;
    /* box-shadow: 0 1px 0 0 rgba(0, 0, 0, .42);
    transition: box-shadow 180ms cubic-bezier(.4, 0, .2, 1) */
}

.form-control:hover {
    /* --box-shadow: 0 2px 0 0 rgba(0, 0, 0, .87) */
}

.form-control:focus {
    /* box-shadow: 0 2px 0 0 #3c4252 */
}

label+.form-control::placeholder {
    color: rgba(0, 0, 0, .54);
    opacity: 1 !important
}

input[type=checkbox]:disabled~.checkbox-icon,
input[type=checkbox]:disabled~.custom-control-indicator,
input[type=checkbox]:disabled~.form-check-description,
input[type=checkbox][disabled]~.checkbox-icon,
input[type=checkbox][disabled]~.custom-control-indicator,
input[type=checkbox][disabled]~.form-check-description {
    color: rgba(0, 0, 0, .38) !important
}

.custom-checkbox,
.custom-radio,
.form-check-label {
    padding-left: 20px !important;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    min-width: 24px;
    min-height: 24px
}

.custom-checkbox input[type=checkbox],
.custom-radio input[type=checkbox],
.form-check-label input[type=checkbox] {
    position: absolute;
    top: -8px;
    left: 2px
}

.custom-checkbox input[type=checkbox]~.checkbox-icon,
.custom-checkbox input[type=checkbox]~.custom-control-indicator,
.custom-radio input[type=checkbox]~.checkbox-icon,
.custom-radio input[type=checkbox]~.custom-control-indicator,
.form-check-label input[type=checkbox]~.checkbox-icon,
.form-check-label input[type=checkbox]~.custom-control-indicator {
    position: absolute;
    top: -8px;
    left: -10px;
    font-family: fuse-iconfont;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: normal;
    cursor: pointer;
    width: 40px;
    height: 40px;
    pointer-events: initial;
    color: rgba(0, 0, 0, .54)
}

#login .form-wrapper .register,
#login .form-wrapper form .remember-forgot-password .forgot-password {
    font-weight: 500;
    font-size: 1.3rem
}

.custom-checkbox input[type=checkbox]~.checkbox-icon+span,
.custom-checkbox input[type=checkbox]~.custom-control-indicator+span,
.custom-radio input[type=checkbox]~.checkbox-icon+span,
.custom-radio input[type=checkbox]~.custom-control-indicator+span,
.form-check-label input[type=checkbox]~.checkbox-icon+span,
.form-check-label input[type=checkbox]~.custom-control-indicator+span {
    padding-left: 8px
}

.custom-checkbox input[type=checkbox]~.checkbox-icon.fuse-ripple-ready,
.custom-checkbox input[type=checkbox]~.custom-control-indicator.fuse-ripple-ready,
.custom-radio input[type=checkbox]~.checkbox-icon.fuse-ripple-ready,
.custom-radio input[type=checkbox]~.custom-control-indicator.fuse-ripple-ready,
.form-check-label input[type=checkbox]~.checkbox-icon.fuse-ripple-ready,
.form-check-label input[type=checkbox]~.custom-control-indicator.fuse-ripple-ready {
    overflow: visible
}

.custom-checkbox input[type=checkbox]~.checkbox-icon:after,
.custom-checkbox input[type=checkbox]~.checkbox-icon:before,
.custom-checkbox input[type=checkbox]~.custom-control-indicator:after,
.custom-checkbox input[type=checkbox]~.custom-control-indicator:before,
.custom-radio input[type=checkbox]~.checkbox-icon:after,
.custom-radio input[type=checkbox]~.checkbox-icon:before,
.custom-radio input[type=checkbox]~.custom-control-indicator:after,
.custom-radio input[type=checkbox]~.custom-control-indicator:before,
.form-check-label input[type=checkbox]~.checkbox-icon:after,
.form-check-label input[type=checkbox]~.checkbox-icon:before,
.form-check-label input[type=checkbox]~.custom-control-indicator:after,
.form-check-label input[type=checkbox]~.custom-control-indicator:before {
    position: absolute;
    -webkit-transition: opacity 180ms 0s cubic-bezier(0, 0, .2, 1), -webkit-transform 180ms 0s cubic-bezier(0, 0, .2, 1);
    transition: opacity 180ms 0s cubic-bezier(0, 0, .2, 1), -webkit-transform 180ms 0s cubic-bezier(0, 0, .2, 1);
    transition: opacity 180ms 0s cubic-bezier(0, 0, .2, 1), transform 180ms 0s cubic-bezier(0, 0, .2, 1);
    transition: opacity 180ms 0s cubic-bezier(0, 0, .2, 1), transform 180ms 0s cubic-bezier(0, 0, .2, 1), -webkit-transform 180ms 0s cubic-bezier(0, 0, .2, 1);
    top: 8px;
    left: 8px
}

.custom-checkbox input[type=checkbox]~.checkbox-icon:before,
.custom-checkbox input[type=checkbox]~.custom-control-indicator:before,
.custom-radio input[type=checkbox]~.checkbox-icon:before,
.custom-radio input[type=checkbox]~.custom-control-indicator:before,
.form-check-label input[type=checkbox]~.checkbox-icon:before,
.form-check-label input[type=checkbox]~.custom-control-indicator:before {
    opacity: 1
}

.custom-checkbox input[type=checkbox]~.checkbox-icon:after,
.custom-checkbox input[type=checkbox]~.custom-control-indicator:after,
.custom-radio input[type=checkbox]~.checkbox-icon:after,
.custom-radio input[type=checkbox]~.custom-control-indicator:after,
.form-check-label input[type=checkbox]~.checkbox-icon:after,
.form-check-label input[type=checkbox]~.custom-control-indicator:after {
    opacity: 0
}

.custom-checkbox input[type=checkbox]:disabled .form-check-description,
.custom-checkbox input[type=checkbox]:disabled~.checkbox-icon,
.custom-checkbox input[type=checkbox]:disabled~.custom-control-indicator,
.custom-checkbox input[type=checkbox][disabled] .form-check-description,
.custom-checkbox input[type=checkbox][disabled]~.checkbox-icon,
.custom-checkbox input[type=checkbox][disabled]~.custom-control-indicator,
.custom-radio input[type=checkbox]:disabled .form-check-description,
.custom-radio input[type=checkbox]:disabled~.checkbox-icon,
.custom-radio input[type=checkbox]:disabled~.custom-control-indicator,
.custom-radio input[type=checkbox][disabled] .form-check-description,
.custom-radio input[type=checkbox][disabled]~.checkbox-icon,
.custom-radio input[type=checkbox][disabled]~.custom-control-indicator,
.form-check-label input[type=checkbox]:disabled .form-check-description,
.form-check-label input[type=checkbox]:disabled~.checkbox-icon,
.form-check-label input[type=checkbox]:disabled~.custom-control-indicator,
.form-check-label input[type=checkbox][disabled] .form-check-description,
.form-check-label input[type=checkbox][disabled]~.checkbox-icon,
.form-check-label input[type=checkbox][disabled]~.custom-control-indicator {
    cursor: not-allowed;
    pointer-events: none
}

.custom-checkbox input[type=checkbox]:checked~.checkbox-icon,
.custom-checkbox input[type=checkbox]:checked~.custom-control-indicator,
.custom-radio input[type=checkbox]:checked~.checkbox-icon,
.custom-radio input[type=checkbox]:checked~.custom-control-indicator,
.form-check-label input[type=checkbox]:checked~.checkbox-icon,
.form-check-label input[type=checkbox]:checked~.custom-control-indicator {
    color: #3c4252
}

.custom-checkbox input[type=checkbox]:checked~.checkbox-icon:before,
.custom-checkbox input[type=checkbox]:checked~.custom-control-indicator:before,
.custom-radio input[type=checkbox]:checked~.checkbox-icon:before,
.custom-radio input[type=checkbox]:checked~.custom-control-indicator:before,
.form-check-label input[type=checkbox]:checked~.checkbox-icon:before,
.form-check-label input[type=checkbox]:checked~.custom-control-indicator:before {
    opacity: 0
}

.custom-checkbox input[type=checkbox]:checked~.checkbox-icon:after,
.custom-checkbox input[type=checkbox]:checked~.custom-control-indicator:after,
.custom-radio input[type=checkbox]:checked~.checkbox-icon:after,
.custom-radio input[type=checkbox]:checked~.custom-control-indicator:after,
.form-check-label input[type=checkbox]:checked~.checkbox-icon:after,
.form-check-label input[type=checkbox]:checked~.custom-control-indicator:after {
    opacity: 1
}

.custom-control-input,
.form-check-input {
    opacity: 0;
    width: 40px;
    height: 40px;
    position: relative;
    margin-top: 0;
    margin-left: -1.2rem
}

.custom-control-input:only-child,
.form-check-input:only-child {
    position: static
}

@media (min-width:576px) {
    .form-inline .form-check-input {
        margin-right: 0;
        margin-left: -1.2rem
    }

    .form-inline .custom-control-indicator {
        position: absolute
    }
}

.form-group {
    padding-top: 1.6rem;
    margin-bottom: 3.2rem
}

.form-group.row>label {
    transform: scale(1)
}

.form-group>label {
    width: 100%;
    color: rgba(0, 0, 0, .38);
    transform: scale(.923, .923);
    transform-origin: left
}

.form-check,
.form-group {
    font-size: 1.6rem;
    will-change: opacity, transform, color;
    position: relative;
    align-items: flex-start;
    flex-wrap: wrap
}

.form-check.md-focus input[type=date].form-control::placeholder,
.form-check.md-focus input[type=datetime-local].form-control::placeholder,
.form-check.md-focus input[type=email].form-control::placeholder,
.form-check.md-focus input[type=month].form-control::placeholder,
.form-check.md-focus input[type=number].form-control::placeholder,
.form-check.md-focus input[type=password].form-control::placeholder,
.form-check.md-focus input[type=search].form-control::placeholder,
.form-check.md-focus input[type=tel].form-control::placeholder,
.form-check.md-focus input[type=text].form-control::placeholder,
.form-check.md-focus input[type=time].form-control::placeholder,
.form-check.md-focus input[type=url].form-control::placeholder,
.form-check.md-focus input[type=week].form-control::placeholder,
.form-check.md-focus textarea.form-control::placeholder,
.form-group.md-focus input[type=date].form-control::placeholder,
.form-group.md-focus input[type=datetime-local].form-control::placeholder,
.form-group.md-focus input[type=email].form-control::placeholder,
.form-group.md-focus input[type=month].form-control::placeholder,
.form-group.md-focus input[type=number].form-control::placeholder,
.form-group.md-focus input[type=password].form-control::placeholder,
.form-group.md-focus input[type=search].form-control::placeholder,
.form-group.md-focus input[type=tel].form-control::placeholder,
.form-group.md-focus input[type=text].form-control::placeholder,
.form-group.md-focus input[type=time].form-control::placeholder,
.form-group.md-focus input[type=url].form-control::placeholder,
.form-group.md-focus input[type=week].form-control::placeholder,
.form-group.md-focus textarea.form-control::placeholder {
    opacity: 1
}

.form-check.md-focus textarea.form-control,
.form-group.md-focus textarea.form-control {
    box-shadow: inset 0 0 0 2px #3c4252
}

.form-check .form-control,
.form-group .form-control {
    margin: 0
}

.form-check.has-danger .custom-checkbox .checkbox-icon,
.form-check.has-danger .custom-checkbox .custom-control-indicator,
.form-check.has-danger .form-check-label .checkbox-icon,
.form-check.has-danger .form-check-label .custom-control-indicator,
.form-check.has-success .custom-checkbox .checkbox-icon,
.form-check.has-success .custom-checkbox .custom-control-indicator,
.form-check.has-success .form-check-label .checkbox-icon,
.form-check.has-success .form-check-label .custom-control-indicator,
.form-check.has-warning .custom-checkbox .checkbox-icon,
.form-check.has-warning .custom-checkbox .custom-control-indicator,
.form-check.has-warning .form-check-label .checkbox-icon,
.form-check.has-warning .form-check-label .custom-control-indicator,
.form-group.has-danger .custom-checkbox .checkbox-icon,
.form-group.has-danger .custom-checkbox .custom-control-indicator,
.form-group.has-danger .form-check-label .checkbox-icon,
.form-group.has-danger .form-check-label .custom-control-indicator,
.form-group.has-success .custom-checkbox .checkbox-icon,
.form-group.has-success .custom-checkbox .custom-control-indicator,
.form-group.has-success .form-check-label .checkbox-icon,
.form-group.has-success .form-check-label .custom-control-indicator,
.form-group.has-warning .custom-checkbox .checkbox-icon,
.form-group.has-warning .custom-checkbox .custom-control-indicator,
.form-group.has-warning .form-check-label .checkbox-icon,
.form-group.has-warning .form-check-label .custom-control-indicator {
    color: inherit !important
}

.form-check:not(.has-success):not(.has-warning):not(.has-danger) .form-control:focus+label,
.form-check:not(.has-success):not(.has-warning):not(.has-danger).md-focus label,
.form-group:not(.has-success):not(.has-warning):not(.has-danger) .form-control:focus+label,
.form-group:not(.has-success):not(.has-warning):not(.has-danger).md-focus label {
    color: #3c4252 !important
}

/* .form-check input[type=date].form-control,
.form-check input[type=datetime-local].form-control,
.form-check input[type=email].form-control,
.form-check input[type=month].form-control,
.form-check input[type=number].form-control,
.form-check input[type=password].form-control,
.form-check input[type=search].form-control,
.form-check input[type=tel].form-control,
.form-check input[type=text].form-control,
.form-check input[type=time].form-control,
.form-check input[type=url].form-control,
.form-check input[type=week].form-control,
.form-check textarea.form-control,
.form-group input[type=date].form-control,
.form-group input[type=datetime-local].form-control,
.form-group input[type=email].form-control,
.form-group input[type=month].form-control,
.form-group input[type=number].form-control,
.form-group input[type=password].form-control,
.form-group input[type=search].form-control,
.form-group input[type=tel].form-control,
.form-group input[type=text].form-control,
.form-group input[type=time].form-control,
.form-group input[type=url].form-control,
.form-group input[type=week].form-control,
.form-group textarea.form-control {
    padding: 0 0 8px;
    border: none;
    background: 0 0;
    appearance: none
} */

.form-check input[type=date].form-control::placeholder,
.form-check input[type=datetime-local].form-control::placeholder,
.form-check input[type=email].form-control::placeholder,
.form-check input[type=month].form-control::placeholder,
.form-check input[type=number].form-control::placeholder,
.form-check input[type=password].form-control::placeholder,
.form-check input[type=search].form-control::placeholder,
.form-check input[type=tel].form-control::placeholder,
.form-check input[type=text].form-control::placeholder,
.form-check input[type=time].form-control::placeholder,
.form-check input[type=url].form-control::placeholder,
.form-check input[type=week].form-control::placeholder,
.form-check textarea.form-control::placeholder,
.form-group input[type=date].form-control::placeholder,
.form-group input[type=datetime-local].form-control::placeholder,
.form-group input[type=email].form-control::placeholder,
.form-group input[type=month].form-control::placeholder,
.form-group input[type=number].form-control::placeholder,
.form-group input[type=password].form-control::placeholder,
.form-group input[type=search].form-control::placeholder,
.form-group input[type=tel].form-control::placeholder,
.form-group input[type=text].form-control::placeholder,
.form-group input[type=time].form-control::placeholder,
.form-group input[type=url].form-control::placeholder,
.form-group input[type=week].form-control::placeholder,
.form-group textarea.form-control::placeholder {
    opacity: 0;
    transition: opacity 180ms ease
}

.form-check input[type=date].form-control.md-has-value+label,
.form-check input[type=date].form-control:focus+label,
.form-check input[type=datetime-local].form-control.md-has-value+label,
.form-check input[type=datetime-local].form-control:focus+label,
.form-check input[type=email].form-control.md-has-value+label,
.form-check input[type=email].form-control:focus+label,
.form-check input[type=month].form-control.md-has-value+label,
.form-check input[type=month].form-control:focus+label,
.form-check input[type=number].form-control.md-has-value+label,
.form-check input[type=number].form-control:focus+label,
.form-check input[type=password].form-control.md-has-value+label,
.form-check input[type=password].form-control:focus+label,
.form-check input[type=search].form-control.md-has-value+label,
.form-check input[type=search].form-control:focus+label,
.form-check input[type=tel].form-control.md-has-value+label,
.form-check input[type=tel].form-control:focus+label,
.form-check input[type=text].form-control.md-has-value+label,
.form-check input[type=text].form-control:focus+label,
.form-check input[type=time].form-control.md-has-value+label,
.form-check input[type=time].form-control:focus+label,
.form-check input[type=url].form-control.md-has-value+label,
.form-check input[type=url].form-control:focus+label,
.form-check input[type=week].form-control.md-has-value+label,
.form-check input[type=week].form-control:focus+label,
.form-check textarea.form-control.md-has-value+label,
.form-check textarea.form-control:focus+label,
.form-group input[type=date].form-control.md-has-value+label,
.form-group input[type=date].form-control:focus+label,
.form-group input[type=datetime-local].form-control.md-has-value+label,
.form-group input[type=datetime-local].form-control:focus+label,
.form-group input[type=email].form-control.md-has-value+label,
.form-group input[type=email].form-control:focus+label,
.form-group input[type=month].form-control.md-has-value+label,
.form-group input[type=month].form-control:focus+label,
.form-group input[type=number].form-control.md-has-value+label,
.form-group input[type=number].form-control:focus+label,
.form-group input[type=password].form-control.md-has-value+label,
.form-group input[type=password].form-control:focus+label,
.form-group input[type=search].form-control.md-has-value+label,
.form-group input[type=search].form-control:focus+label,
.form-group input[type=tel].form-control.md-has-value+label,
.form-group input[type=tel].form-control:focus+label,
.form-group input[type=text].form-control.md-has-value+label,
.form-group input[type=text].form-control:focus+label,
.form-group input[type=time].form-control.md-has-value+label,
.form-group input[type=time].form-control:focus+label,
.form-group input[type=url].form-control.md-has-value+label,
.form-group input[type=url].form-control:focus+label,
.form-group input[type=week].form-control.md-has-value+label,
.form-group input[type=week].form-control:focus+label,
.form-group textarea.form-control.md-has-value+label,
.form-group textarea.form-control:focus+label {
    transform: translateY(-100%) scale(.75, .75);
    cursor: auto
}

.form-check input[type=date].form-control+label,
.form-check input[type=datetime-local].form-control+label,
.form-check input[type=email].form-control+label,
.form-check input[type=month].form-control+label,
.form-check input[type=number].form-control+label,
.form-check input[type=password].form-control+label,
.form-check input[type=search].form-control+label,
.form-check input[type=tel].form-control+label,
.form-check input[type=text].form-control+label,
.form-check input[type=time].form-control+label,
.form-check input[type=url].form-control+label,
.form-check input[type=week].form-control+label,
.form-check textarea.form-control+label,
.form-group input[type=date].form-control+label,
.form-group input[type=datetime-local].form-control+label,
.form-group input[type=email].form-control+label,
.form-group input[type=month].form-control+label,
.form-group input[type=number].form-control+label,
.form-group input[type=password].form-control+label,
.form-group input[type=search].form-control+label,
.form-group input[type=tel].form-control+label,
.form-group input[type=text].form-control+label,
.form-group input[type=time].form-control+label,
.form-group input[type=url].form-control+label,
.form-group input[type=week].form-control+label,
.form-group textarea.form-control+label {
    position: absolute;
    top: 16px;
    left: 0;
    -webkit-transform-origin: left top;
    transform: translateY(0) scale(1);
    transform-origin: left top;
    -webkit-transition: color 180ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 180ms cubic-bezier(.4, 0, .2, 1);
    transition: color 180ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 180ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 180ms cubic-bezier(.4, 0, .2, 1), color 180ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 180ms cubic-bezier(.4, 0, .2, 1), color 180ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 180ms cubic-bezier(.4, 0, .2, 1);
    cursor: text;
    pointer-events: none;
    margin: 0;
    line-height: normal
}

.text-secondary {
    color: #2196f3 !important
}

#login {
    flex: 1 0 auto;
    width: 100%;
    min-height: 100%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.form-wrapper {
    text-align: center;
    width: 34.4rem;
    max-width: 34.4rem;
    border-radius: 4px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

#login .form-wrapper .logo {
    width: 12.8rem;
    height: 12.8rem;
    line-height: 12.8rem;
    font-size: 8.6rem;
    font-weight: 500;
    margin: 3.2rem auto;
    color: #fff;
    border-radius: 2px
}

#login .form-wrapper .title {
    font-size: 1.7rem
}

#login .form-wrapper form {
    width: 100%;
    text-align: left
}

#login .form-wrapper form .remember-forgot-password .remember-me {
    font-size: 1.3rem
}

#login .form-wrapper form .submit-button {
    width: 22rem
}

#login .form-wrapper .separator {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 2.4rem auto 1.6rem;
    position: relative;
    overflow: hidden;
    width: 10rem;
    color: rgba(0, 0, 0, .54);
    text-align: center
}

#login .form-wrapper .separator .text {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    padding: 0 .8rem;
    z-index: 9999
}

#login .form-wrapper .separator .text:after,
#login .form-wrapper .separator .text:before {
    content: "";
    display: block;
    width: 3rem;
    position: absolute;
    top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, .12)
}

#login .form-wrapper .separator .text:before {
    right: 100%
}

#login .form-wrapper .separator .text:after {
    left: 100%
}

#login .form-wrapper .btn.facebook,
#login .form-wrapper .btn.google {
    width: 19.2rem;
    text-transform: none;
    color: #fff;
    font-size: 1.3rem
}

#login .form-wrapper .btn.facebook i,
#login .form-wrapper .btn.google i {
    color: #fff;
    margin: 0 .8rem 0 0
}

#login .form-wrapper .btn.google {
    background-color: #d73d32
}

#login .form-wrapper .btn.facebook {
    background-color: #3f5c9a
}

.login-header {
    width: 100%;
    padding: 0;
    margin: 0;
    height: 80px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background-image: url(../images/backgrounds/main-logo-v2-dark.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 140px 40px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

a {
    color: #39c
}

.submit-button,
.submit-button:active,
.submit-button:hover,
.submit-button:visited {
    background-color: #f2a312 !important
}

@media (max-width:767.98px) {
    #login .form-wrapper {
        padding: 2.4rem;
        width: 100%
    }

    #login .form-wrapper form .btn {
        width: 95%
    }

    #login .form-wrapper btn.facebook,
    #login .form-wrapper btn.google {
        width: 80%
    }
}

#forgot-password {
    flex: 1 0 auto;
    width: 100%;
    min-height: 100%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#forgot-password .form-wrapper .logo {
    width: 12.8rem;
    height: 12.8rem;
    line-height: 12.8rem;
    font-size: 8.6rem;
    font-weight: 500;
    margin: 3.2rem auto;
    color: #fff;
    border-radius: 2px
}

#forgot-password .form-wrapper .title {
    font-size: 1.7rem
}

#forgot-password .form-wrapper form {
    width: 100%;
    text-align: left
}

#forgot-password .form-wrapper form .submit-button {
    width: 22rem
}

@media (max-width:767.98px) {
    #forgot-password .form-wrapper {
        padding: 2.4rem;
        width: 100%
    }

    #forgot-password .form-wrapper form .btn {
        width: 95%
    }
}

.custom-checkbox input[type=checkbox]~.checkbox-icon:before,
.custom-checkbox input[type=checkbox]~.custom-control-indicator:before,
.custom-radio input[type=checkbox]~.checkbox-icon:before,
.custom-radio input[type=checkbox]~.custom-control-indicator:before,
.form-check-label input[type=checkbox]~.checkbox-icon:before,
.form-check-label input[type=checkbox]~.custom-control-indicator:before {
    content: "";
    opacity: 1
}

.custom-checkbox input[type=checkbox]~.checkbox-icon:after,
.custom-checkbox input[type=checkbox]~.custom-control-indicator:after,
.custom-radio input[type=checkbox]~.checkbox-icon:after,
.custom-radio input[type=checkbox]~.custom-control-indicator:after,
.form-check-label input[type=checkbox]~.checkbox-icon:after,
.form-check-label input[type=checkbox]~.custom-control-indicator:after {
    content: "";
    opacity: 0
}