/*!
 * beagle v1.4.0-prerelease (https://foxythemes.net)
 * Copyright 2018 Foxy Themes all rights reserved 
 */
dl,ol,p,pre,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

caption {
    text-align: left
}

pre,textarea {
    overflow: auto
}

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

progress,sub,sup {
    vertical-align: baseline
}

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

@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: 1px 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: 1px 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
    }
}

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

html {
    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
}

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

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

address {
    font-style: normal
}

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: 700;
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

a:hover {
    color: #0d5bdd
}

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

code,kbd,pre,samp {
    font-size: 1em
}

pre {
    -ms-overflow-style: scrollbar
}

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

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

table {
    border-collapse: collapse
}

caption {
    padding-top: 12px 10px;
    padding-bottom: 12px 10px;
    color: #878787;
    caption-side: bottom
}

th {
    text-align: inherit
}

button {
    border-radius: 0
}

button:focus {
    outline: none;
}

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=time],input[type=datetime-local],input[type=month],input[type=date] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

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

legend {
    width: 100%;
    max-width: 100%;
    padding: 0;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

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

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

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

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

.display-1,.display-2,.display-3,.display-4 {
    font-weight: 300;
    line-height: 1.1
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 300;
    line-height: 1.1;
    color: inherit
}

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

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

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

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

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

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

.lead {
    font-weight: 300
}

.display-1 {
    font-size: 6rem
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-4 {
    font-size: 3.5rem
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.img-fluid,.img-thumbnail {
    max-width: 100%;
    height: auto
}

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

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

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

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

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

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

.blockquote-footer::before {
    content: "\2014 \00A0"
}

.img-thumbnail {
    padding: .25rem;
    background-color: #EEE;
    border: 1px solid #dee2e6;
    border-radius: 2px
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #878787
}

code,kbd {
    font-size: 87.5%
}

a>code,pre code {
    color: inherit
}

code,kbd,pre,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

code {
    color: #4285f4;
    word-break: break-word
}

kbd {
    padding: .2rem .4rem;
    color: #FFF;
    background-color: #212529;
    border-radius: 2px
}

kbd kbd {
    padding: 0;
    font-size: 100%
}

.container,.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

pre {
    display: block
}

pre code {
    font-size: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

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

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.collapsing,.modal,.progress {
    overflow: hidden
}

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

.form-control:focus {
    color: #404040;
    background-color: #FFF;
    border-color: #4285f4;
    outline: 0;
    box-shadow: 0 0 0 0 transparent
}

.form-control::-webkit-input-placeholder {
    color: #878787;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #878787;
    opacity: 1
}

.form-control::placeholder {
    color: #878787;
    opacity: 1
}

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

select.form-control:not([size]):not([multiple]) {
    height: 3.692rem
}

select.form-control:focus::-ms-value {
    color: #404040;
    background-color: #FFF
}

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

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

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.15rem;
    line-height: 1.7
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .85rem;
    line-height: 1.6
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .7692rem;
    padding-bottom: .7692rem;
    margin-bottom: 0;
    line-height: 1.428571429;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.custom-file-input.is-valid~.custom-file-label,.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-file-input:valid~.custom-file-label,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus {
    border-color: #34a853
}

.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 {
    line-height: 1.6;
    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: 4.385rem
}

.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 {
    line-height: 1.7
}

.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: 2.846rem
}

.form-group {
    margin-bottom: 1.538rem
}

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

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

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

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #878787
}

.form-check-label {
    margin-bottom: 0
}

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

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

.invalid-tooltip,.valid-tooltip {
    position: absolute;
    z-index: 5;
    max-width: 100%;
    padding: .5rem;
    line-height: 1;
    border-radius: .2rem;
    top: 100%
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 65%;
    color: #34a853
}

.valid-tooltip {
    display: none;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(52,168,83,.8)
}

.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,.form-check-input.is-valid~.form-check-label,.was-validated .custom-control-input:valid~.custom-control-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #34a853
}

.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    background-color: #48c76a
}

.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 1px #EEE,0 0 0 0 rgba(52,168,83,.25)
}

.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-invalid~.custom-file-label,.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-file-input:invalid~.custom-file-label,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #ea4335
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 0 rgba(52,168,83,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 65%;
    color: #ea4335
}

.invalid-tooltip {
    display: none;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(234,67,53,.8)
}

.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,.form-check-input.is-invalid~.form-check-label,.was-validated .custom-control-input:invalid~.custom-control-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #ea4335
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    background-color: #ef6e63
}

.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 1px #EEE,0 0 0 0 rgba(234,67,53,.25)
}

.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:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    box-shadow: 0 0 0 0 rgba(234,67,53,.25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -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: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: 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: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn-block,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    transition: none
}

.btn.focus,.btn:focus {
    outline: 0;
    box-shadow: none
}

.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(66,133,244,.5)
}

.btn.disabled,.btn:disabled {
    opacity: .65
}

a.btn.disabled,fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #FFF;
    background-color: #4285f4;
    border-color: #4285f4
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #FFF;
    background-color: #1266f1;
    border-color: #0e60e9
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #FFF;
    background-color: #878787;
    border-color: #878787
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #FFF;
    background-color: #6e6d6d;
    border-color: #676767
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(135,135,135,.5)
}

.btn-success.focus,.btn-success:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(52,168,83,.5)
}

.btn-success.disabled,.btn-success:disabled {
    color: #FFF;
    background-color: #34a853;
    border-color: #34a853
}

.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
    color: #FFF;
    background-color: #288140;
    border-color: #25773b
}

.btn-info.focus,.btn-info:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(66,133,244,.5)
}

.btn-info {
    color: #FFF;
    background-color: #4285f4;
    border-color: #4285f4
}

.btn-info:hover {
    color: #FFF;
    background-color: #1e6ef2;
    border-color: #1266f1
}

.btn-info.disabled,.btn-info:disabled {
    color: #FFF;
    background-color: #4285f4;
    border-color: #4285f4
}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
    color: #FFF;
    background-color: #1266f1;
    border-color: #0e60e9
}

.btn-warning.focus,.btn-warning:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(251,188,5,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
    color: #212529;
    background-color: #fbbc05;
    border-color: #fbbc05
}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
    color: #FFF;
    background-color: #ca9703;
    border-color: #bd8e03
}

.btn-danger.focus,.btn-danger:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(234,67,53,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #FFF;
    background-color: #ea4335;
    border-color: #ea4335
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
    color: #FFF;
    background-color: #d62516;
    border-color: #ca2315
}

.btn-light.disabled,.btn-light:disabled {
    color: #212529;
    background-color: #FFF;
    border-color: #FFF
}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #e6e5e5;
    border-color: #dfdfdf
}

.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(255,255,255,.5)
}

.btn-dark.focus,.btn-dark:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(61,60,60,.5)
}

.btn-dark {
    color: #FFF;
    background-color: #3d3c3c;
    border-color: #3d3c3c
}

.btn-dark:hover {
    color: #FFF;
    background-color: #2a2929;
    border-color: #232323
}

.btn-dark.disabled,.btn-dark:disabled {
    color: #FFF;
    background-color: #3d3c3c;
    border-color: #3d3c3c
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
    color: #FFF;
    background-color: #232323;
    border-color: #1d1c1c
}

.btn-grey.focus,.btn-grey:focus,.btn-grey:not(:disabled):not(.disabled).active:focus,.btn-grey:not(:disabled):not(.disabled):active:focus,.show>.btn-grey.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(204,204,204,.5)
}

.btn-grey {
    color: #212529;
    background-color: #ccc;
    border-color: #ccc
}

.btn-grey:hover {
    color: #212529;
    background-color: #b9b9b9;
    border-color: #b3b2b2
}

.btn-grey.disabled,.btn-grey:disabled {
    color: #212529;
    background-color: #ccc;
    border-color: #ccc
}

.btn-grey:not(:disabled):not(.disabled).active,.btn-grey:not(:disabled):not(.disabled):active,.show>.btn-grey.dropdown-toggle {
    color: #212529;
    background-color: #b3b2b2;
    border-color: #acacac
}

.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(66,133,244,.5)
}

.btn-outline-primary {
    color: #4285f4;
    background-color: transparent;
    border-color: #4285f4
}

.btn-outline-primary:hover {
    color: #FFF;
    background-color: #4285f4;
    border-color: #4285f4
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #4285f4;
    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: #4285f4;
    border-color: #4285f4
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(135,135,135,.5)
}

.btn-outline-secondary {
    color: #878787;
    background-color: transparent;
    border-color: #878787
}

.btn-outline-secondary:hover {
    color: #FFF;
    background-color: #878787;
    border-color: #878787
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #878787;
    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: #878787;
    border-color: #878787
}

.btn-outline-success.focus,.btn-outline-success:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(52,168,83,.5)
}

.btn-outline-success {
    color: #34a853;
    background-color: transparent;
    border-color: #34a853
}

.btn-outline-success:hover {
    color: #FFF;
    background-color: #34a853;
    border-color: #34a853
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #34a853;
    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: #34a853;
    border-color: #34a853
}

.btn-outline-info.focus,.btn-outline-info:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(66,133,244,.5)
}

.btn-outline-info {
    color: #4285f4;
    background-color: transparent;
    border-color: #4285f4
}

.btn-outline-info:hover {
    color: #FFF;
    background-color: #4285f4;
    border-color: #4285f4
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #4285f4;
    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: #4285f4;
    border-color: #4285f4
}

.btn-outline-warning.focus,.btn-outline-warning:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(251,188,5,.5)
}

.btn-outline-warning {
    color: #fbbc05;
    background-color: transparent;
    background-image: none;
    border-color: #fbbc05
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #fbbc05;
    border-color: #fbbc05
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #fbbc05;
    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: #fbbc05;
    border-color: #fbbc05
}

.btn-outline-danger.focus,.btn-outline-danger:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(234,67,53,.5)
}

.btn-outline-danger {
    color: #ea4335;
    background-color: transparent;
    border-color: #ea4335
}

.btn-outline-danger:hover {
    color: #FFF;
    background-color: #ea4335;
    border-color: #ea4335
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #ea4335;
    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: #ea4335;
    border-color: #ea4335
}

.btn-outline-light.focus,.btn-outline-light:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(255,255,255,.5)
}

.btn-outline-light {
    color: #FFF;
    background-color: transparent;
    border-color: #FFF
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #FFF;
    border-color: #FFF
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #FFF;
    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: #FFF;
    border-color: #FFF
}

.btn-outline-dark.focus,.btn-outline-dark:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(61,60,60,.5)
}

.btn-outline-dark {
    color: #3d3c3c;
    background-color: transparent;
    border-color: #3d3c3c
}

.btn-outline-dark:hover {
    color: #FFF;
    background-color: #3d3c3c;
    border-color: #3d3c3c
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #3d3c3c;
    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: #3d3c3c;
    border-color: #3d3c3c
}

.btn-outline-grey.focus,.btn-outline-grey:focus,.btn-outline-grey:not(:disabled):not(.disabled).active:focus,.btn-outline-grey:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-grey.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(204,204,204,.5)
}

.btn-outline-grey {
    color: #ccc;
    background-color: transparent;
    border-color: #ccc
}

.btn-outline-grey:hover {
    color: #212529;
    background-color: #ccc;
    border-color: #ccc
}

.btn-outline-grey.disabled,.btn-outline-grey:disabled {
    color: #ccc;
    background-color: transparent
}

.btn-outline-grey:not(:disabled):not(.disabled).active,.btn-outline-grey:not(:disabled):not(.disabled):active,.show>.btn-outline-grey.dropdown-toggle {
    color: #212529;
    background-color: #ccc;
    border-color: #ccc
}

.btn-link,.btn-link:hover {
    background-color: transparent
}

.btn-link.focus,.btn-link:focus,.btn-link:hover {
    text-decoration: underline;
    border-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #4285f4
}

.btn-link:hover {
    color: #0d5bdd
}

.btn-link.focus,.btn-link:focus {
    box-shadow: none
}

.btn-link.disabled,.btn-link:disabled {
    color: #878787
}

.btn-block {
    display: block
}

.btn-block+.btn-block {
    margin-top: .5rem
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::before,.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child),.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::before,.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 1
}

.btn-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-group>.btn:first-child,.card>hr,.dropdown-toggle-split::after {
    margin-left: 0
}

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-right: 6px;
    padding-left: 6px
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-right: 9px;
    padding-left: 9px
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -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
}

.input-group-append,.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,.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: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control {
    position: relative;
    -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 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.custom-select-lg,.custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.alert-link,.close {
    font-weight: 700
}

.input-group-text input[type=radio],.input-group-text input[type=checkbox] {
    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
}

.custom-control {
    position: relative;
    display: block;
    padding-left: 2.1377rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1.385rem
}

.custom-control-label::after,.custom-control-label::before {
    position: absolute;
    top: -.1317142855rem;
    display: block;
    width: 1.692rem;
    height: 1.692rem;
    content: "";
    left: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #4285f4;
    background-color: #FFF
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none
}

.custom-control-input:active~.custom-control-label::before {
    color: #FFF;
    background-color: #FFF
}

.custom-control-input:disabled~.custom-control-label {
    color: #878787
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #ddd
}

.custom-control-label::before {
    pointer-events: none;
    user-select: none;
    background-color: #FFF
}

.custom-control-label::after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-file,.custom-select {
    display: inline-block;
    width: 100%
}

.custom-file-input:lang(en)~.custom-file-label::after,.custom-file-label::after {
    content: "Browse"
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #FFF
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #4285f4
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%234285f4' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(66,133,244,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #FFF
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(66,133,244,.5)
}

.custom-select {
    height: 3.692rem;
    color: #404040;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%233d3c3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #FFF;
    background-size: 8px 10px;
    border: 1px solid #d5d8de;
    appearance: none
}

.custom-file-input:focus~.custom-file-control::before,.custom-select:focus {
    border-color: #4285f4
}

.custom-select,button.close,input.form-control,textarea.form-control {
    -webkit-appearance: none
}

.custom-select:focus {
    outline: 0
}

.custom-select:focus::-ms-value {
    color: #404040;
    background-color: #FFF
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #878787;
    background-color: #ddd
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: 4.385rem;
    font-size: 75%
}

.custom-select-lg {
    height: 2.846rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    height: 3.692rem
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 3.692rem;
    margin: 0;
    opacity: 0
}

.custom-file-label,.custom-file-label::after {
    position: absolute;
    top: 0;
    padding: .7692rem .75rem;
    line-height: 1.428571429;
    color: #404040;
    right: 0
}

.custom-file-input:focus~.custom-file-control {
    border-color: #4285f4;
    box-shadow: 0 0 0 0 transparent
}

.custom-file-label {
    left: 0;
    z-index: 1;
    height: 3.692rem;
    background-color: #FFF;
    border: 1px solid #d5d8de;
    border-radius: 2px
}

.custom-file-label::after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(3.692rem - 1px * 2);
    background-color: #f5f5f5;
    border-left: 1px solid #d5d8de;
    border-radius: 0 2px 2px 0
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.card {
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125)
}

.card>hr {
    margin-right: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.card-title {
    margin-bottom: .7692rem
}

.card-header,.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.538rem
}

.card-header-pills,.card-header-tabs {
    margin-right: -.769rem;
    margin-left: -.769rem
}

.card-header {
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header:first-child {
    border-radius: calc(3px - 1px) calc(3px - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    background-color: #FFF;
    border-top: 1px solid rgba(0,0,0,.125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(3px - 1px) calc(3px - 1px)
}

.card-header-tabs {
    margin-bottom: -.7692rem;
    border-bottom: 0
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(3px - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(3px - 1px);
    border-top-right-radius: calc(3px - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(3px - 1px);
    border-bottom-left-radius: calc(3px - 1px)
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow:row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-group {
        -ms-flex-flow:row wrap;
        flex-flow: row wrap
    }

    .card-group>.card {
        -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: 3px
    }

    .card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child),.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 {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.card-columns .card {
    margin-bottom: .7692rem
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    border-radius: 2px
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .6154rem;
    padding-left: .6154rem;
    color: #878787;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #4d4c4c
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.page-link {
    position: relative;
    display: block
}

.page-link:hover {
    color: #0d5bdd;
    text-decoration: none;
    background-color: #ececec;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0 transparent
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.page-item:last-child .page-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.page-item.active .page-link {
    z-index: 1;
    color: #FFF;
    background-color: #4285f4;
    border-color: #4285f4
}

.page-item.disabled .page-link {
    color: #878787;
    pointer-events: none;
    cursor: auto;
    background-color: #FFF;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.15rem;
    line-height: 1.7
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .85rem;
    line-height: 1.6
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.badge {
    display: inline-block;
    padding: .07692rem .6154rem;
    text-align: center;
    vertical-align: baseline;
    border-radius: 2px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .7em;
    padding-left: .7em;
    border-radius: 10rem
}

.badge-primary[href]:focus,.badge-primary[href]:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #1266f1
}

.badge-secondary[href]:focus,.badge-secondary[href]:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #6e6d6d
}

.badge-success[href]:focus,.badge-success[href]:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #288140
}

.badge-info[href]:focus,.badge-info[href]:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #1266f1
}

.badge-warning[href]:focus,.badge-warning[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #ca9703
}

.badge-danger[href]:focus,.badge-danger[href]:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #d62516
}

.badge-light {
    color: #212529;
    background-color: #FFF
}

.badge-light[href]:focus,.badge-light[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #e6e5e5
}

.badge-dark {
    color: #FFF;
    background-color: #3d3c3c
}

.badge-dark[href]:focus,.badge-dark[href]:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #232323
}

.badge-grey {
    color: #212529;
    background-color: #ccc
}

.badge-grey[href]:focus,.badge-grey[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #b3b2b2
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #ddd;
    border-radius: 4px
}

@media (min-width: 576px) {
    .jumbotron {
        padding:4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    border: 1px solid transparent;
    border-radius: 2px
}

.alert-heading {
    color: inherit
}

.alert-dismissible {
    padding-right: 4.27rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.385rem;
    color: inherit
}

.alert-primary {
    color: #22457f;
    border-color: #caddfc
}

.alert-primary hr {
    border-top-color: #b2cefb
}

.alert-primary .alert-link {
    color: #172f57
}

.alert-secondary {
    color: #464646;
    background-color: #e7e7e7;
    border-color: #ddd
}

.alert-secondary hr {
    border-top-color: #d0d0d0
}

.alert-secondary .alert-link {
    color: #2d2c2c
}

.alert-success {
    color: #1b572b;
    border-color: #c6e7cf
}

.alert-success hr {
    border-top-color: #b4dfc0
}

.alert-success .alert-link {
    color: #0f3018
}

.alert-info {
    color: #22457f;
    border-color: #caddfc
}

.alert-info hr {
    border-top-color: #b2cefb
}

.alert-info .alert-link {
    color: #172f57
}

.alert-warning {
    color: #836203;
    border-color: #feecb9
}

.alert-warning hr {
    border-top-color: #fee5a0
}

.alert-warning .alert-link {
    color: #513d02
}

.alert-danger {
    color: #7a231c;
    border-color: #f9cac6
}

.alert-danger hr {
    border-top-color: #f7b5af
}

.alert-danger .alert-link {
    color: #511712
}

.alert-light {
    color: #858585;
    background-color: #fff;
    border-color: #fff
}

.alert-light hr {
    border-top-color: #f2f2f2
}

.alert-light .alert-link {
    color: #6c6b6b
}

.alert-dark {
    color: #201f1f;
    background-color: #d8d8d8;
    border-color: #c9c8c8
}

.alert-grey,.progress {
    background-color: #f5f5f5
}

.alert-dark hr {
    border-top-color: #bcbbbb
}

.alert-dark .alert-link {
    color: #060606
}

.alert-grey {
    color: #6a6a6a;
    border-color: #f1f1f1
}

.alert-grey hr {
    border-top-color: #e4e4e4
}

.alert-grey .alert-link {
    color: #515050
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 3.077rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 3.077rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    font-size: .9231rem;
    border-radius: 2px
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    background-color: #4285f4;
    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: 3.077rem 3.077rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #636c72;
    text-align: inherit
}

.list-group-item-action:focus,.list-group-item-action:hover {
    color: #636c72;
    text-decoration: none;
    background-color: #f5f5f5
}

.list-group-item-action:active {
    color: #404040;
    background-color: #ddd
}

.list-group-item {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,.125)
}

.list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.list-group-item:focus,.list-group-item:hover {
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled,.list-group-item:disabled {
    color: #878787;
    background-color: #ececec
}

.list-group-item.active {
    z-index: 2;
    color: #FFF;
    background-color: #4285f4;
    border-color: #4285f4
}

.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: #22457f;
    background-color: #caddfc
}

.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
    color: #22457f;
    background-color: #b2cefb
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #22457f;
    border-color: #22457f
}

.list-group-item-secondary {
    color: #464646;
    background-color: #ddd
}

.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
    color: #464646;
    background-color: #d0d0d0
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #464646;
    border-color: #464646
}

.list-group-item-success {
    color: #1b572b;
    background-color: #c6e7cf
}

.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
    color: #1b572b;
    background-color: #b4dfc0
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #1b572b;
    border-color: #1b572b
}

.list-group-item-info {
    color: #22457f;
    background-color: #caddfc
}

.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
    color: #22457f;
    background-color: #b2cefb
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #22457f;
    border-color: #22457f
}

.list-group-item-warning {
    color: #836203;
    background-color: #feecb9
}

.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
    color: #836203;
    background-color: #fee5a0
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #836203;
    border-color: #836203
}

.list-group-item-danger {
    color: #7a231c;
    background-color: #f9cac6
}

.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
    color: #7a231c;
    background-color: #f7b5af
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #7a231c;
    border-color: #7a231c
}

.list-group-item-light {
    color: #858585;
    background-color: #fff
}

.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
    color: #858585;
    background-color: #f2f2f2
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #858585;
    border-color: #858585
}

.list-group-item-dark {
    color: #201f1f;
    background-color: #c9c8c8
}

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
    color: #201f1f;
    background-color: #bcbbbb
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #201f1f;
    border-color: #201f1f
}

.list-group-item-grey {
    color: #6a6a6a;
    background-color: #f1f1f1
}

.list-group-item-grey.list-group-item-action:focus,.list-group-item-grey.list-group-item-action:hover {
    color: #6a6a6a;
    background-color: #e4e4e4
}

.list-group-item-grey.list-group-item-action.active {
    color: #fff;
    background-color: #6a6a6a;
    border-color: #6a6a6a
}

.close {
    float: right;
    font-size: 1.5rem;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.popover,.tooltip {
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    word-wrap: break-word;
    text-decoration: none
}

.modal-title,.popover {
    line-height: 1.428571429
}

.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
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.popover,.popover .arrow,.popover .arrow::after,.popover .arrow::before,.tooltip,.tooltip .arrow {
    position: absolute;
    display: block
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:600px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width:700px
    }
}

.tooltip {
    z-index: 1070;
    margin: 0;
    text-align: left;
    text-align: start;
    text-shadow: none;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #FFF;
    text-align: center;
    background-color: #000;
    border-radius: 2px
}

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    text-align: left;
    text-align: start;
    text-shadow: none;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px
}

.popover .arrow {
    width: 1rem;
    height: .5rem;
    margin: 0 4px
}

.popover .arrow::after,.popover .arrow::before {
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow {
    bottom: calc((.5rem + 1px) * -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: .5rem .5rem 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: 1px;
    border-top-color: #FFF
}

.bs-popover-auto[x-placement^=right],.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow {
    left: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: 4px 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: .5rem .5rem .5rem 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: 1px;
    border-right-color: #FFF
}

.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow {
    top: calc((.5rem + 1px) * -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 .5rem .5rem
}

.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: 1px;
    border-bottom-color: #FFF
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.carousel,.carousel-inner,.carousel-item {
    position: relative
}

.bs-popover-auto[x-placement^=left],.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow {
    right: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: 4px 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: .5rem 0 .5rem .5rem
}

.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: 1px;
    border-left-color: #FFF
}

.popover-header {
    padding: .6154rem 1.077rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(4px - 1px);
    border-top-right-radius: calc(4px - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .6154rem 1.077rem;
    color: #404040
}

.carousel-inner {
    width: 100%;
    overflow: hidden
}

.carousel-item {
    display: none;
    -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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: 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: 20px;
    height: 20px;
    background: center center no-repeat;
    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='%23FFFFFF' 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='%23FFFFFF' 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: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5)
}

.carousel-indicators li::after,.carousel-indicators li::before {
    left: 0;
    display: inline-block;
    height: 10px;
    position: absolute;
    width: 100%;
    content: ""
}

.carousel-indicators li::before {
    top: -10px
}

.carousel-indicators li::after {
    bottom: -10px
}

.carousel-indicators .active {
    background-color: #FFF
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    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: #4285f4!important
}

a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
    background-color: #1266f1!important
}

.bg-secondary {
    background-color: #878787!important
}

a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
    background-color: #6e6d6d!important
}

.bg-success {
    background-color: #34a853!important
}

a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
    background-color: #288140!important
}

.bg-info {
    background-color: #4285f4!important
}

a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
    background-color: #1266f1!important
}

.bg-warning {
    background-color: #fbbc05!important
}

a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
    background-color: #ca9703!important
}

.bg-danger {
    background-color: #ea4335!important
}

a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
    background-color: #d62516!important
}

.bg-light {
    background-color: #FFF!important
}

a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
    background-color: #e6e5e5!important
}

.bg-dark {
    background-color: #3d3c3c!important
}

a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
    background-color: #232323!important
}

.bg-grey {
    background-color: #ccc!important
}

a.bg-grey:focus,a.bg-grey:hover,button.bg-grey:focus,button.bg-grey:hover {
    background-color: #b3b2b2!important
}

.bg-white {
    background-color: #FFF!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.rounded-right,.rounded-top {
    border-top-right-radius: 2px!important
}

.rounded-bottom,.rounded-right {
    border-bottom-right-radius: 2px!important
}

.rounded-left,.rounded-top {
    border-top-left-radius: 2px!important
}

.rounded-bottom,.rounded-left {
    border-bottom-left-radius: 2px!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: #4285f4!important
}

.border-secondary {
    border-color: #878787!important
}

.border-success {
    border-color: #34a853!important
}

.border-info {
    border-color: #4285f4!important
}

.border-warning {
    border-color: #fbbc05!important
}

.border-danger {
    border-color: #ea4335!important
}

.border-light {
    border-color: #FFF!important
}

.border-dark {
    border-color: #3d3c3c!important
}

.border-grey {
    border-color: #ccc!important
}

.border-white {
    border-color: #FFF!important
}

.rounded {
    border-radius: 2px!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}


.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    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
}

.modal-open,.text-truncate {
    overflow: hidden
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.modal-container,.modal-overlay {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-8,.mx-8 {
    margin-left: 3.851rem!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: .3846153846rem!important
}

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

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

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

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

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

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

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

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

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

.p-3 {
    padding: 1.154rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-auto {
    margin: auto!important
}

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

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

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

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

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

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

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

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

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

    .m-sm-1 {
        margin: .3846153846rem!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml-sm-8,.mx-sm-8 {
        margin-left: 3.851rem!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: .3846153846rem!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-sm-auto {
        margin: auto!important
    }

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

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

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

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

@media (min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

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

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

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

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

    .m-md-1 {
        margin: .3846153846rem!important
    }

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

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

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

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

    .m-md-2 {
        margin: .7692307692rem!important
    }

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

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

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

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

    .m-md-3 {
        margin: 1.154rem!important
    }

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

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

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

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

    .m-md-4 {
        margin: 1.539rem!important
    }

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

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

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

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

    .m-md-5 {
        margin: 1.923rem!important
    }

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

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

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

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

    .m-md-6 {
        margin: 2.308rem!important
    }

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

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

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

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

    .m-md-7 {
        margin: 3.077rem!important
    }

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

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

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

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

    .m-md-8 {
        margin: 3.851rem!important
    }

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

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

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

    .ml-md-8,.mx-md-8 {
        margin-left: 3.851rem!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: .3846153846rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .3846153846rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .3846153846rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .3846153846rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .3846153846rem!important
    }

    .p-md-2 {
        padding: .7692307692rem!important
    }

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

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

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

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

    .p-md-3 {
        padding: 1.154rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1.154rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1.154rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1.154rem!important
    }

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

    .p-md-4 {
        padding: 1.539rem!important
    }

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

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

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

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

    .p-md-5 {
        padding: 1.923rem!important
    }

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

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

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

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

    .p-md-6 {
        padding: 2.308rem!important
    }

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

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

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

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

    .p-md-7 {
        padding: 3.077rem!important
    }

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

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

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

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

    .p-md-8 {
        padding: 3.851rem!important
    }

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

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

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

    .pl-md-8,.px-md-8 {
        padding-left: 3.851rem!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
    }
}

.text-justify {
    text-align: justify!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

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

@media (min-width: 576px) {
    .text-sm-left {
        text-align:left!important
    }

    .text-sm-right {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align:left!important
    }

    .text-md-right {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction:row!important;
        flex-direction: row!important
    }

    .flex-lg-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        -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 {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-lg-between {
        -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 {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-lg-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-lg-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        -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;
        -ms-grid-row-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;
        -ms-grid-row-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;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }

    .float-lg-left {
        float: left!important
    }

    .float-lg-right {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

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

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

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

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

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

    .m-lg-2 {
        margin: .7692307692rem!important
    }

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

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

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

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

    .m-lg-3 {
        margin: 1.154rem!important
    }

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

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

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

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

    .m-lg-4 {
        margin: 1.539rem!important
    }

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

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

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

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

    .m-lg-5 {
        margin: 1.923rem!important
    }

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

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

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

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

    .m-lg-6 {
        margin: 2.308rem!important
    }

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

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

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

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

    .m-lg-7 {
        margin: 3.077rem!important
    }

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

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

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

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

    .m-lg-8 {
        margin: 3.851rem!important
    }

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

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

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

    .ml-lg-8,.mx-lg-8 {
        margin-left: 3.851rem!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: .3846153846rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .3846153846rem!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .3846153846rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .3846153846rem!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .3846153846rem!important
    }

    .p-lg-2 {
        padding: .7692307692rem!important
    }

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

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

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

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

    .p-lg-3 {
        padding: 1.154rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1.154rem!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1.154rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1.154rem!important
    }

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

    .p-lg-4 {
        padding: 1.539rem!important
    }

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

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

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

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

    .p-lg-5 {
        padding: 1.923rem!important
    }

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

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

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

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

    .p-lg-6 {
        padding: 2.308rem!important
    }

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

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

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

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

    .p-lg-7 {
        padding: 3.077rem!important
    }

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

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

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

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

    .p-lg-8 {
        padding: 3.851rem!important
    }

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

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

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

    .pl-lg-8,.px-lg-8 {
        padding-left: 3.851rem!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
    }

    .text-lg-left {
        text-align: left!important
    }

    .text-lg-right {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction:row!important;
        flex-direction: row!important
    }

    .flex-xl-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        -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 {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-xl-between {
        -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 {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xl-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-xl-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        -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;
        -ms-grid-row-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;
        -ms-grid-row-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;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }

    .float-xl-left {
        float: left!important
    }

    .float-xl-right {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

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

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

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

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

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

    .m-xl-2 {
        margin: .7692307692rem!important
    }

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

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

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

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

    .m-xl-3 {
        margin: 1.154rem!important
    }

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

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

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

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

    .m-xl-4 {
        margin: 1.539rem!important
    }

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

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

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

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

    .m-xl-5 {
        margin: 1.923rem!important
    }

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

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

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

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

    .m-xl-6 {
        margin: 2.308rem!important
    }

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

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

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

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

    .m-xl-7 {
        margin: 3.077rem!important
    }

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

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

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

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

    .m-xl-8 {
        margin: 3.851rem!important
    }

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

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

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

    .ml-xl-8,.mx-xl-8 {
        margin-left: 3.851rem!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: .3846153846rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .3846153846rem!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .3846153846rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .3846153846rem!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .3846153846rem!important
    }

    .p-xl-2 {
        padding: .7692307692rem!important
    }

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

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

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

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

    .p-xl-3 {
        padding: 1.154rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1.154rem!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1.154rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1.154rem!important
    }

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

    .p-xl-4 {
        padding: 1.539rem!important
    }

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

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

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

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

    .p-xl-5 {
        padding: 1.923rem!important
    }

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

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

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

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

    .p-xl-6 {
        padding: 2.308rem!important
    }

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

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

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

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

    .p-xl-7 {
        padding: 3.077rem!important
    }

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

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

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

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

    .p-xl-8 {
        padding: 3.851rem!important
    }

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

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

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

    .pl-xl-8,.px-xl-8 {
        padding-left: 3.851rem!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-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: #4285f4!important
}

a.text-primary:focus,a.text-primary:hover {
    color: #1266f1!important
}

.text-secondary {
    color: #878787!important
}

a.text-secondary:focus,a.text-secondary:hover {
    color: #6e6d6d!important
}

.text-success {
    color: #34a853!important
}

a.text-success:focus,a.text-success:hover {
    color: #288140!important
}

.text-info {
    color: #4285f4!important
}

a.text-info:focus,a.text-info:hover {
    color: #1266f1!important
}

.text-warning {
    color: #fbbc05!important
}

a.text-warning:focus,a.text-warning:hover {
    color: #ca9703!important
}

.text-danger {
    color: #ea4335!important
}

a.text-danger:focus,a.text-danger:hover {
    color: #d62516!important
}

.text-light {
    color: #FFF!important
}

a.text-light:focus,a.text-light:hover {
    color: #e6e5e5!important
}

.text-dark {
    color: #3d3c3c!important
}

a.text-dark:focus,a.text-dark:hover {
    color: #232323!important
}

.text-grey {
    color: #ccc!important
}

a.text-grey:focus,a.text-grey:hover {
    color: #b3b2b2!important
}

.text-muted {
    color: #878787!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
}

.modal-perspective,.modal-perspective body {
    height: 100%;
    overflow: hidden
}

.modal-perspective body {
    background: #222;
    -webkit-perspective: 600px;
    perspective: 600px
}

.modal-container {
    height: 100%;
    z-index: 1050;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.modal-show {
    visibility: visible;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1051
}

.modal-overlay {
    height: 100%;
    visibility: hidden;
    z-index: 1050;
    opacity: 0;
    background: rgba(0,0,0,.5);
    transition: all .3s
}

.modal-show~.modal-overlay {
    opacity: 1;
    visibility: visible
}

.modal-content {
    position: relative;
    border-radius: 3px;
    margin: 30px auto;
    max-width: 630px;
    min-width: 320px
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal-effect-1 .modal-content {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    transition: all .3s
}

.modal-show.modal-effect-1 .modal-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal-effect-2 .modal-content {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    transition: all .3s cubic-bezier(.25,.5,.5,.9)
}

.modal-show.modal-effect-2 .modal-content {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.modal-effect-3 .modal-content {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    transition: all .3s
}

.modal-show.modal-effect-3 .modal-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.modal-effect-4 .modal-content {
    -webkit-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0
}

.modal-effect-4 .modal-content,.modal-show.modal-effect-4~.modal-overlay {
    transition: all .5s
}

.modal-show.modal-effect-4 .modal-content {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1
}

.modal-effect-5.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal-effect-5 .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0
}

.modal-show.modal-effect-5 .modal-content {
    transition: all .3s ease-in;
    -webkit-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
    opacity: 1
}

.modal-effect-6.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal-effect-6 .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0
}

.modal-show.modal-effect-6 .modal-content {
    transition: all .3s ease-in;
    -webkit-transform: translate(0) translateZ(0) rotate(0);
    transform: translate(0) translateZ(0) rotate(0);
    opacity: 1
}

.modal-effect-7 {
    top: 0
}

.modal-effect-7 .modal-content {
    margin-top: 0;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    transition: all .3s;
    opacity: 0
}

.modal-show.modal-effect-7 .modal-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0 0 3px 3px;
    opacity: 1
}

.modal-effect-8.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal-effect-8 .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    transition: all .3s;
    opacity: 0
}

.modal-show.modal-effect-8 .modal-content {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1
}

.modal-effect-9.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal-effect-9 .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    transition: all .3s;
    opacity: 0
}

.modal-show.modal-effect-9 .modal-content {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
}

.modal-effect-10.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal-effect-10 .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    transition: all .3s
}

.modal-show.modal-effect-10 .modal-content {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
}

.modal-effect-11 .modal-content {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    transition: all .3s
}

.modal-show.modal-effect-11 .modal-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal-effect-12 .modal-content {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    transition: all .3s
}

.modal-show.modal-effect-12~.modal-overlay {
    background: #000
}

.modal-show.modal-effect-12 .modal-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal-effect-13.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal-effect-13 .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0
}

.modal-show.modal-effect-13 .modal-content {
    -webkit-animation: slit .7s forwards ease-out;
    animation: slit .7s forwards ease-out
}

@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

.modal-effect-14.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal-effect-14 .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    transition: all .3s ease-out
}

.modal-show.modal-effect-14 .modal-content {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    opacity: 1
}

.modal-effect-15.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal-effect-15 .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    transition: all .3s
}

.modal-show.modal-effect-15 .modal-content {
    -webkit-transform: translateZ(0) translateX(0) rotateY(0);
    transform: translateZ(0) translateX(0) rotateY(0);
    opacity: 1
}

.modal-show.modal-effect-16~.modal-overlay {
    background: rgba(180,46,32,.5)
}

.modal-show.modal-effect-16~.container {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px)
}

.modal-effect-16 .modal-content {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0
}

.modal-effect-16 .modal-content,.modal-show.modal-effect-16~.container {
    transition: all .3s
}

.modal-show.modal-effect-16 .modal-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.modal-show.modal-effect-17~.container {
    height: 100%;
    overflow: hidden;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.modal-show.modal-effect-17~.container,.modal-show.modal-effect-17~.modal-overlay {
    -webkit-transform: rotateX(-2deg);
    transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.modal-effect-17 .modal-content {
    opacity: 0;
    -webkit-transform: translateY(200%);
    transform: translateY(200%)
}

.modal-show.modal-effect-17 .modal-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    transition: all .3s .2s
}

.modal-show.modal-effect-18~.container {
    height: 100%;
    overflow: hidden
}

.modal-show.modal-effect-18~.modal-overlay {
    background: rgba(143,27,15,.8);
    transition: all .5s
}

.modal-show.modal-effect-18~.container,.modal-show.modal-effect-18~.modal-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0 50%;
    -webkit-animation: rotateRightSideFirst .5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 0 50%;
    -moz-animation: rotateRightSideFirst .5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 0 50%;
    animation: rotateRightSideFirst .5s forwards ease-in
}

@-webkit-keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateZ(-200px)
    }
}

@keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
}

.modal-effect-18 .modal-content {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    opacity: 0
}

.modal-show.modal-effect-18 .modal-content {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition: all .5s .1s
}

html {
    height: 100%;
    overflow-x: hidden;
    font-size: 13px
}

body.be-alt-bg {
    background-color: #e9e9e9
}

a:focus,a:hover {
    text-decoration: none;
    outline: 0
}

p {
    font-size: inherit;
    line-height: 21px
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.be-wrapper {
    min-height: 100%;
}

@media print {
    .be-wrapper {
        padding-top: 0
    }
}

@media (min-width: 768px) {
    .be-wrapper.be-boxed-layout {
        max-width:1200px;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
        background-color: #f1f1f1;
        display: -ms-flexbox;
        display: flex;
        box-shadow: 0 0 7px 2px rgba(0,0,0,.05)
    }
}

.be-top-header {
    background-color: #FFF;
    border: 0;
    margin-bottom: 0;
    border-bottom: none;
    padding: 0;
    z-index: 0;
    height: 65px;
}

.be-top-header .container-fluid {
    padding: 0
}

@media (max-width: 767.98px) {
    .be-top-header {
        border-bottom-width:0;
        position: relative;
        min-height: 0
    }

    .be-nosidebar-left .be-top-header .container-fluid {
        display: block
    }

    .be-nosidebar-left .be-top-header .container-fluid .navbar-collapse {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .be-nosidebar-left .be-top-header .container-fluid .navbar-collapse.collapse {
        display: none!important
    }

    .be-nosidebar-left .be-top-header .container-fluid .navbar-collapse.collapse.show {
        display: block!important
    }
}

.be-top-header .be-navbar-header {
    display: -ms-flexbox;
    display: flex;
    width: 230px;
    height: 50px;
}

.be-collapsible-sidebar .be-top-header .be-navbar-header {
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 991.98px) {
    .be-nosidebar-left .be-top-header .be-navbar-header {
        width:auto
    }
}

.be-top-header .be-navbar-header .navbar-brand {
    height: 51px;
    width: 226px;
    background-image: url(../../img/top-menu-logo-bl.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding: 0 0px;
    margin: 0;
    display: block;
    background-size: contain;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .be-top-header .be-navbar-header .navbar-brand {
        background-image:url(../../img/top-menu-logo-bl.png);
    }
}

@media (max-width: 767.98px) {
    .be-top-header .be-navbar-header .navbar-brand {
        display:none
    }
}

.be-nosidebar-left .be-top-header .be-navbar-header .navbar-brand {
    width: 142px
}

.be-top-header .be-navbar-header .be-toggle-left-sidebar {
    display: inline-block;
    text-align: center;
    line-height: 60px;
    float: right;
    padding: 0 15px
}

.be-top-header .be-navbar-header .be-toggle-left-sidebar .icon {
    font-size: 1.615rem;
    color: #5a5959;
    line-height: 25px;
    vertical-align: middle
}

.be-top-header .page-title {
    font-size: 1.462rem;
    line-height: 60px;
    float: left;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 20px
}

.be-nosidebar-left .be-top-header .page-title {
    padding-left: 10px
}

@media (max-width: 767.98px) {
    .be-top-header .be-navbar-header,.be-top-header .page-title {
        display:none
    }
}

.be-top-header .navbar-nav>li>a.nav-link {
    line-height: 60px;
    color: #5a5959;
    font-size: 14px;
    padding: 0 18px;
    outline: 0
}

.be-top-header .navbar-nav>li>a.nav-link:focus,.be-top-header .navbar-nav>li>a.nav-link:hover {
    color: #5a5959
}

@media (max-width: 991.98px) {
    .be-top-header .be-navbar-header .navbar-brand {
        margin-right:10px
    }

    .be-top-header .navbar-nav>li>a.nav-link {
        padding: 0 24px
    }
}

.be-top-header .navbar-nav>li.show>a,.be-top-header .navbar-nav>li.show>a:active,.be-top-header .navbar-nav>li.show>a:focus,.be-top-header .navbar-nav>li.show>a:hover {
    color: #4285f4
}

.be-top-header .navbar-nav>li.dropdown>a .mdi-caret-down {
    font-size: 1.769rem;
    vertical-align: middle;
    margin-left: 3px
}

.be-top-header .navbar-nav>li.dropdown .dropdown-menu {
    border-radius: 3px;
    margin-top: 12px;
    line-height: 20px
}

.be-top-header .navbar-nav>li.dropdown .dropdown-menu>a {
    color: #504e4e;
    padding: 10px 20px;
    min-width: 175px;
    line-height: 18px
}

.be-top-header .navbar-nav>li.dropdown .dropdown-menu>a:hover {
    background-color: #4285f4;
    color: #FFF
}

.be-top-header .navbar-nav>li.dropdown .dropdown-menu>a:active,.be-top-header .navbar-nav>li.dropdown .dropdown-menu>a:focus {
    background-color: transparent;
    color: #504e4e
}

.be-top-header .navbar-nav>li.dropdown .dropdown-menu:after,.be-top-header .navbar-nav>li.dropdown .dropdown-menu:before {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -8px;
    content: "";
    display: inline-block;
    left: 42px;
    margin-left: -6px;
    position: absolute
}

.be-top-header .navbar-nav>li.dropdown .dropdown-menu:before {
    border-bottom-width: 9px;
    border-left-width: 9px;
    border-right-width: 9px;
    border-bottom-color: #e3e3e3;
    margin-left: -7px;
    top: -9px
}

.be-top-header .navbar-collapse {
    border-width: 0
}

@media (max-width: 767.98px) {
    .be-top-header .navbar-collapse {
        border-top:1px solid #f5f5f5;
        max-height: none
    }

    .be-top-header .navbar-collapse .navbar-nav {
        background-color: #fafafa;
        margin: 0;
        padding: 15px 0
    }

    .be-nosidebar-left .be-top-header .navbar-collapse .navbar-nav {
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .be-top-header .navbar-collapse .navbar-nav>li>a {
        display: block;
        padding: 0 20px;
        color: #646464;
        font-size: 1.077rem;
        line-height: 38px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .be-top-header .navbar-collapse .navbar-nav>li>a .icon {
        line-height: 18px;
        font-size: 19px;
        min-width: 19px;
        margin-right: 9px;
        text-align: center;
        vertical-align: middle
    }

    .be-top-header .navbar-collapse .navbar-nav>li.dropdown .mdi-caret-down {
        float: right;
        line-height: 38px;
        color: #c5c5c5
    }

    .be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu {
        background-color: #eee;
        padding: 10px 0;
        border-top: 1px solid #e6e6e6;
        border-right: 0;
        border-bottom: 1px solid #e6e6e6;
        border-left: 0;
        border-radius: 0
    }

    .be-nosidebar-left .be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        box-shadow: none
    }

    .be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu:after,.be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu:before {
        display: none
    }

    .be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu>a {
        color: #646464;
        padding: 8px 15px 8px 23px
    }
}

.be-top-header .search-container {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inline-block;
    height: 60px;
    padding: 10px 20px
}

.be-top-header .search-container .input-group {
    max-width: 800px
}

.be-top-header .search-container .btn {
    height: 37px;
    font-size: 1rem;
    padding: 4px 12px;
    border-radius: 0
}

.be-top-header .search-input {
    border-width: 1px;
    border-right: 0;
    color: #404040
}

@media (max-width: 767.98px) {
    .be-top-header .search-container {
        display:none
    }

    .be-top-header .search-input {
        background-color: #FFF;
        color: #404040
    }
}

.be-top-header .search-input:focus {
    background-color: #FFF;
    color: #807f7f
}

.be-top-header .search-input:focus::-webkit-input-placeholder {
    color: #737373
}

.be-top-header .search-input:focus:-ms-input-placeholder {
    color: #737373
}

.be-top-header .search-input:focus::placeholder {
    color: #737373
}

.be-top-header .be-right-navbar {
    padding-right: 20px;
    width: calc(100% - 230px)
}

.be-top-header .be-right-navbar-flex {
    display: -ms-flexbox;
    display: flex
}

.be-top-header .be-right-navbar .navbar-nav {
    background-color: transparent
}

@media (max-width: 767.98px) {
    .be-top-header .be-right-navbar .navbar-nav>li.show>a.nav-link,.be-top-header .be-right-navbar .navbar-nav>li.show>a.nav-link:active,.be-top-header .be-right-navbar .navbar-nav>li.show>a.nav-link:focus,.be-top-header .be-right-navbar .navbar-nav>li.show>a.nav-link:hover,.be-top-header .be-right-navbar .navbar-nav>li>a.nav-link,.be-top-header .be-right-navbar .navbar-nav>li>a.nav-link:active,.be-top-header .be-right-navbar .navbar-nav>li>a.nav-link:focus {
        color:#FFF
    }

    .be-top-header .be-right-navbar {
        padding-right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 1030
    }

    .be-offcanvas-menu .be-top-header .be-right-navbar {
        padding-right: 5px;
        position: relative
    }
}

.be-nosidebar-left .be-top-header .be-right-navbar {
    width: auto;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width: 767.98px) {
    .be-nosidebar-left .be-top-header .be-right-navbar {
        width:100%
    }

    .be-top-header .be-toggle-right-sidebar {
        margin-right: 0;
        padding-left: 5px;
        padding-right: 9px
    }
}

.be-top-header .be-toggle-top-header-menu {
    display: none;
    background-color: #FFF;
    padding: 16px 10px;
    color: #404040;
    font-weight: 300;
    font-size: 1.077rem;
    border-bottom: 1px solid #f5f5f5
}

.be-top-header .be-toggle-top-header-menu:before {
    content: '\f2f8';
    float: right;
    font-family: "Material Design Icons";
    font-size: 2.077rem;
    line-height: 22px;
    color: #c5c5c5
}

.be-top-header .be-toggle-top-header-menu.collapsed {
    border-bottom: 1px solid #e3e3e3;
    transition: border-bottom-color .4s ease
}

.be-animate .be-left-sidebar,.be-animate .be-right-sidebar {
    transition: all .35s ease
}

.be-top-header .be-toggle-top-header-menu.collapsed:before {
    content: '\f2f2'
}

.be-offcanvas-menu .be-top-header .be-navbar-header {
    width: 230px
}

.be-offcanvas-menu .be-top-header .be-navbar-header .be-toggle-left-sidebar {
    padding-left: 25px
}

.be-offcanvas-menu .be-top-header .be-navbar-header .be-toggle-left-sidebar .icon {
    color: #737373;
    font-size: 1.846rem
}

@media (max-width: 767.98px) {
    .be-top-header .be-toggle-top-header-menu {
        display:block
    }

    .be-offcanvas-menu .be-top-header {
        position: fixed
    }

    .be-offcanvas-menu .be-top-header .container-fluid {
        display: -ms-flexbox;
        display: flex
    }

    .be-offcanvas-menu .be-top-header .be-navbar-header {
        display: block;
        width: auto;
        background-color: #4285f4
    }

    .be-offcanvas-menu .be-top-header .be-navbar-header .be-toggle-left-sidebar {
        padding-left: 15px;
        padding-right: 13px
    }

    .be-offcanvas-menu .be-top-header .be-navbar-header .be-toggle-left-sidebar .icon {
        color: #FFF;
        overflow: hidden
    }
}

.be-offcanvas-menu .be-top-header .navbar-brand {
    width: 142px
}

.be-offcanvas-menu .be-top-header .be-toggle-left-sidebar {
    display: inline-block;
    text-align: center;
    line-height: 60px;
    float: left
}

@media (max-width: 767.98px) {
    .be-offcanvas-menu .be-top-header .be-toggle-left-sidebar {
        line-height:62px;
        margin-top: -1px
    }
}

.be-offcanvas-menu .be-top-header .be-toggle-left-sidebar .icon {
    font-size: 1.615rem;
    color: #5a5959;
    line-height: 25px;
    vertical-align: middle
}

.be-color-header .be-top-header {
    background-color: #4285f4;
    border-bottom-color: #4285f4
}

.be-color-header .be-top-header .be-navbar-header .navbar-brand {
    background-image: url(../img/logo-white.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .be-color-header .be-top-header .be-navbar-header .navbar-brand {
        background-image:url(../img/logo-white-xx.png)
    }
}

.be-color-header .be-top-header .be-right-navbar .be-icons-nav>li.dropdown>a .icon,.be-color-header .be-top-header .be-right-navbar .navbar-nav>li>a,.be-color-header .be-top-header .page-title {
    color: #FFF
}

.be-color-header .be-top-header .be-right-navbar .be-icons-nav>li.dropdown>a .indicator {
    background-color: #FFF
}

.be-color-header-success .be-top-header {
    background-color: #34a853;
    border-bottom-color: #34a853
}

@media (max-width: 767.98px) {
    .be-color-header-success .be-top-header .be-right-navbar {
        background-color:#34a853;
        border-bottom-color: #34a853
    }

    .be-color-header-warning .be-top-header .be-right-navbar {
        background-color: #fbbc05;
        border-bottom-color: #fbbc05
    }
}

.be-color-header-warning .be-top-header {
    background-color: #fbbc05;
    border-bottom-color: #fbbc05
}

.be-color-header-danger .be-top-header {
    background-color: #ea4335;
    border-bottom-color: #ea4335
}

@media (max-width: 767.98px) {
    .be-color-header-danger .be-top-header .be-right-navbar {
        background-color:#ea4335;
        border-bottom-color: #ea4335
    }
}

@media (min-width: 768px) {
    .be-boxed-layout .be-top-header {
        max-width:1200px;
        margin: 0 auto;
        z-index: 1032
    }

    .be-right-navbar-flex .be-icons-nav {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.be-top-header .be-icons-nav {
    margin-right: 20px
}

@media (max-width: 991.98px) {
    .be-top-header .be-icons-nav {
        margin-right:10px
    }
}

.be-icons-nav>li.dropdown {
    position: static
}

.be-icons-nav>li.dropdown>a {
    position: relative
}

.navbar-expand .be-icons-nav>li.dropdown>a {
    padding: 0 10px
}

.be-icons-nav>li.dropdown>a .icon {
    font-size: 1.846rem;
    vertical-align: middle;
    color: #737373
}

.be-icons-nav>li.dropdown>a .icon.mdi-comment-more {
    font-size: 1.538rem;
    position: relative;
    top: 1px
}

.be-icons-nav>li.dropdown>a .indicator {
    background-color: #4285f4;
    border-radius: 50%;
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    top: 18px;
    right: 6px
}

.be-icons-nav>li.dropdown>a:after {
    display: none;
    font-size: 1.231rem;
    margin-left: 6px
}

@media (max-width: 767.98px) {
    .be-icons-nav>li.dropdown>a:after {
        display:inline-block
    }
}

.be-icons-nav>li.dropdown .dropdown-toggle:after {
    content: '';
    margin: 0;
    border: 0
}

.be-icons-nav>li.dropdown.show>a:after,.be-icons-nav>li.dropdown.show>a:before {
    border-bottom: 8px solid #FFF;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: -13px;
    content: "";
    display: inline-block;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    z-index: 1001
}

.be-icons-nav>li.dropdown.show>a:before {
    border-bottom-width: 9px;
    border-left-width: 9px;
    border-right-width: 9px;
    border-bottom-color: #e3e3e3;
    margin-left: -9px;
    bottom: -12px
}

.be-icons-nav>li.dropdown .dropdown-menu {
    width: 300px;
    border-radius: 3px;
    padding: 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
    border: 1px solid #e0e0e0;
    box-sizing: content-box
}

.be-icons-nav>li.dropdown .dropdown-menu .title {
    font-size: 1rem;
    color: #8a8a8a;
    text-align: center;
    padding: 10px 0 8px;
    border-bottom: 1px solid #ebebeb
}

.be-icons-nav>li.dropdown .dropdown-menu .title .badge {
    font-size: .6962rem;
    line-height: 10px;
    vertical-align: middle;
    margin-left: 4px;
    background-color: #e4e4e4;
    color: #8a8a8a;
    min-width: 17px;
    height: 17px;
    text-align: center;
    padding: 3px 6px
}

.be-icons-nav>li.dropdown .dropdown-menu .title .badge-new {
    background-color: #4285f4;
    border-color: #4285f4;
    color: #FFF
}

.be-icons-nav>li.dropdown .dropdown-menu .footer a {
    background-color: #fafafa;
    font-size: 1rem;
    color: #8a8a8a;
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #ebebeb;
    display: block;
    outline: 0
}

.be-icons-nav>li.dropdown .dropdown-menu .footer a:hover {
    background-color: #f5f5f5
}

.be-top-header .be-icons-nav>li.dropdown .dropdown-menu:after,.be-top-header .be-icons-nav>li.dropdown .dropdown-menu:before {
    display: none
}

.be-icons-nav>li.dropdown.show>a {
    background-color: transparent
}

.be-icons-nav>li.dropdown.show>a .icon {
    color: #4285f4
}

@media (max-width: 767.98px) {
    .be-icons-nav>li.dropdown.show>a .icon {
        color:#FFF
    }

    .be-icons-nav {
        float: right;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .be-top-header .be-icons-nav {
        margin: 0 5px 0 0
    }

    .be-icons-nav>li.dropdown {
        display: inline-block;
        margin-left: 3px
    }

    .navbar-expand .be-icons-nav>li.dropdown>a {
        padding: 0 7px
    }

    .be-icons-nav>li.dropdown>a .icon {
        color: #FFF
    }

    .be-icons-nav>li.dropdown>a .indicator {
        right: 2px;
        background-color: #FFF
    }
}

@media (max-width: 575.98px) {
    .be-wrapper {
        overflow-x:hidden
    }

    .be-icons-nav>li.dropdown .dropdown-menu {
        left: 0;
        top: 60px;
        width: 100%;
        box-shadow: none;
        border-width: 0
    }

    .be-top-header .be-icons-nav>li.dropdown .dropdown-menu {
        border-radius: 0;
        margin-top: 1px
    }

    .be-icons-nav>li.dropdown .dropdown-menu .footer a {
        border-bottom: 1px solid #ebebeb
    }

    .be-icons-nav>li.dropdown.show>a:before {
        display: none
    }

    .be-icons-nav>li.dropdown.show>a:after {
        bottom: -1px
    }
}

.be-user-nav {
    margin-right: 0
}

@media (min-width: 768px) {
    .be-right-navbar-flex .be-user-nav {
        -ms-flex-order:1;
        order: 1
    }
}

.be-user-nav>li.dropdown>a {
    font-size: 0
}

.navbar-expand .be-user-nav>li.dropdown>a {
    padding-left: 5px;
    padding-right: 5px
}

@media (max-width: 991.98px) {
    .navbar-expand .be-user-nav>li.dropdown>a {
        padding-left:10px
    }
}

.be-user-nav>li.dropdown>a img {
    max-width: 32px;
    max-height: 32px;
    border-radius: 50%
}

.be-user-nav>li.dropdown>a .user-name {
    margin-left: 8px;
    display: none;
    font-size: 1.077rem;
    line-height: 20px;
    vertical-align: middle
}

.be-user-nav>li.dropdown>a:after {
    display: none;
    font-size: 1.231rem;
    margin-left: 6px
}

@media (max-width: 767.98px) {
    .be-user-nav>li.dropdown>a:after {
        display:inline-block
    }
}

.be-user-nav>li.dropdown .dropdown-menu {
    width: 220px;
    padding: 0 0 7px;
    left: -178px
}

@media (max-width: 991.98px) {
    .be-user-nav>li.dropdown .dropdown-menu {
        left:-173px
    }
}

.be-top-header .be-user-nav>li.dropdown .dropdown-menu a:active,.be-top-header .be-user-nav>li.dropdown .dropdown-menu a:focus {
    background-color: transparent;
    color: #504e4e
}

.be-top-header .be-user-nav>li.dropdown .dropdown-menu a:hover {
    background-color: #f5f5f5;
    color: #504e4e
}

.be-user-nav>li.dropdown .dropdown-menu a .icon {
    vertical-align: middle;
    margin-right: 6px
}

.be-user-nav>li.dropdown .dropdown-menu .user-info {
    background-color: #4285f4;
    color: #FFF;
    overflow: hidden;
    padding: 20px 15px 14px;
    border-radius: 2px 2px 0 0;
    margin-bottom: 7px
}

.be-user-nav>li.dropdown .dropdown-menu .user-info .user-name {
    display: block;
    font-size: 1.462rem;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.be-user-nav>li.dropdown .dropdown-menu .user-info .user-position {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 13px;
    position: relative
}

.be-user-nav>li.dropdown .dropdown-menu .user-info .user-position:after {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    left: 0;
    top: 5px;
    border: 1px solid #f0f0f0;
    border-radius: 50%;
    background-color: transparent;
    display: block
}

.be-user-nav>li.dropdown .dropdown-menu .user-info .user-position.online:after {
    background-color: #6cd187;
    border-color: #6cd187
}

.be-user-nav>li.dropdown .dropdown-menu .user-info .user-position.away:after {
    background-color: #fcd050;
    border-color: #fcd050
}

.be-user-nav>li.dropdown .dropdown-menu .user-info .user-position.busy:after {
    background-color: #f39088;
    border-color: #f39088
}

.be-user-nav>li.dropdown .dropdown-menu .user-info .switch-status {
    float: right;
    margin-top: 5px
}

.be-top-header .be-user-nav>li.dropdown .dropdown-menu:after {
    left: auto;
    right: 13px;
    border-bottom-color: #4285f4
}

.be-top-header .be-user-nav>li.dropdown .dropdown-menu:before {
    display: none
}

@media (max-width: 767.98px) {
    .be-user-nav {
        margin:0;
        display: inline-block;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        overflow: hidden
    }

    .be-user-nav>li.dropdown>a {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        height: 60px;
        white-space: nowrap
    }

    .be-user-nav>li.dropdown>a:after {
        color: #FFF
    }

    .be-user-nav>li.dropdown>a img {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .be-user-nav>li.dropdown>a .user-name {
        display: block;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .be-user-nav>li.dropdown .dropdown-menu {
        box-shadow: 0 2px 4px rgba(0,0,0,.08);
        background-color: #FFF;
        position: fixed;
        top: 60px;
        left: 0;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 220px
    }

    .be-top-header .be-user-nav>li.dropdown .dropdown-menu:after {
        right: auto;
        left: 20px
    }

    .be-offcanvas-menu .be-user-nav>li.dropdown>a {
        padding-left: 0
    }

    .be-offcanvas-menu .be-user-nav>li.dropdown>a img {
        display: none
    }

    .be-offcanvas-menu .be-user-nav>li.dropdown>a .user-name {
        margin-left: 0
    }
}

.be-notifications {
    padding-top: 0
}

.float-right .be-notifications {
    left: auto;
    right: 25px
}

.be-notifications .be-scroller {
    position: relative;
    height: 222px
}

.be-notifications .be-scroller>.content>ul {
    list-style: none;
    padding-left: 0
}

.be-notifications .notification {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}

.be-notifications .notification>a {
    padding: 15px;
    display: block;
    overflow: hidden
}

.be-notifications .notification>a .image {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background-color: #e4e4e4;
    float: left;
    text-align: center;
    overflow: hidden
}

.be-notifications .notification>a .image img {
    height: 38px;
    width: 38px;
    font-size: 1.923rem;
    color: #979595;
    line-height: 36px
}

.be-notifications .notification>a .notification-info {
    padding-left: 50px;
    line-height: 14px
}

.be-notifications .notification>a .notification-info .text {
    font-weight: 500;
    color: #8a8a8a;
    font-size: .9231rem;
    line-height: 16px
}

.be-notifications .notification>a .notification-info .user-name {
    color: #4285f4;
    font-size: 1rem
}

.be-notifications .notification>a .notification-info .date {
    color: #8a8a8a;
    display: block;
    font-size: .6923rem;
    margin-top: 4px;
    text-transform: uppercase
}

.be-notifications .notification:hover>a,.be-notifications .notification:hover>a .logo .icon,.be-notifications .notification:hover>a .notification-info .date,.be-notifications .notification:hover>a .notification-info .text,.be-notifications .notification:hover>a .notification-info .user-name {
    color: #FFF
}

.be-notifications .notification.notification-unread {
    background-color: #ebf2fe;
    border-bottom: 1px solid #dce9fd
}

.be-notifications .notification.notification-unread>a {
    position: relative
}

.be-notifications .notification.notification-unread>a:after {
    content: '';
    display: block;
    position: absolute;
    right: 15px;
    top: 20px;
    width: 6px;
    height: 6px;
    background-color: #4285f4;
    border-radius: 50%
}

.be-notifications .notification:hover {
    background-color: #4285f4
}

.be-notifications .notification:hover>a .logo {
    background-color: #206ff2
}

.be-notifications .notification:hover>a .notification-info .circle {
    background: #FFF
}

.be-notifications .notification:hover>a:after {
    background-color: #FFF
}

.be-notifications .notification:last-child {
    border-bottom: 0
}

@media (max-width: 575.98px) {
    .navbar-nav .show .be-notifications {
        background-color:#FFF;
        position: fixed
    }
}

.be-connections {
    min-width: 304px
}

.float-right .be-connections {
    left: auto;
    right: 25px
}

.be-connections .content {
    padding: 20px 15px
}

.be-connections .content .row {
    margin: 0
}

.be-connections .content .row>div {
    padding-left: 5px;
    padding-right: 5px
}

.be-connections .connection-item {
    border-radius: 3px;
    line-height: 34px;
    text-align: center;
    padding: 15px 0 9px;
    display: block;
    border: 1px solid transparent;
    color: #737373
}

.be-connections .connection-item span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.be-connections .connection-item img {
    max-height: 35px;
    max-width: 35px
}

.be-connections .connection-item:hover {
    background-color: transparent;
    border-color: #ebebeb
}

@media (max-width: 767.98px) {
    .float-right .be-connections {
        right:5px
    }

    .navbar-nav .show .be-connections {
        position: absolute;
        background-color: #FFF
    }
}

@media (max-width: 575.98px) {
    .be-connections {
        min-width:260px
    }

    .navbar-nav .show .be-connections {
        position: fixed
    }

    .be-connections .content {
        padding-left: 10px;
        padding-right: 10px
    }
}

.be-left-sidebar {
    background-color: #f5f5f5;
    width: 230px;
    left: 0;
    position: absolute;
    border-right: 1px solid #e3e3e3;
    color: #404040;
}

@media print {
    .be-left-sidebar {
        display: none
    }
}

.be-collapsible-sidebar-collapsed .be-left-sidebar {
    width: 60px
}

.be-left-sidebar .left-sidebar-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.be-left-sidebar .left-sidebar-spacer {
    height: 100%;
    display: table-row
}

@media (min-width: 768px) {
    .be-left-sidebar .left-sidebar-spacer {
        display:table-row
    }
}

.be-left-sidebar .left-sidebar-scroll {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.be-left-sidebar .left-sidebar-content {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 8px
}

.be-collapsible-sidebar-collapsed .be-left-sidebar .left-sidebar-content {
    padding-top: 20px
}

.be-left-sidebar .left-sidebar-toggle {
    display: none;
    background-color: #1e1e2d;
    padding: 16px 10px;
    color: #a2a3b7;
    font-weight: 300;
    font-size: 1.077rem
}

.be-left-sidebar .left-sidebar-toggle:before {
    content: '\f35d';
    float: right;
    font-family: "Material Design Icons";
    font-size: 2.077rem;
    line-height: 22px;
    color: #c5c5c5
}

.be-left-sidebar .left-sidebar-toggle.open:before {
    content: '\F360'
}

@media (max-width: 767.98px) {
    .be-collapsible-sidebar-collapsed .be-left-sidebar {
        width:100%
    }

    .be-left-sidebar .left-sidebar-toggle {
        display: block
    }
}

.be-left-sidebar .sidebar-elements {
    margin: 0;
    padding: 0
}

.be-left-sidebar .sidebar-elements .divider {
    padding: 5px 10px 0;
    color: #7b7b7b;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .3px;
}

@media (min-width: 768px) {
    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements .divider {
        padding:40px 0 0;
        height: 0;
        overflow: hidden;
        text-indent: -9999px
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements .divider:first-child {
        display: none
    }
}

.be-left-sidebar .sidebar-elements>li {
    list-style: none;
    min-height: 44px;
}

.be-left-sidebar .sidebar-elements>li>a {
    display: block;
    padding: 0 20px;
    color: #a2a3b7;
    font-size: 1.077rem;
    line-height: 44px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li>a {
    text-overflow: clip
}

.be-left-sidebar .sidebar-elements>li>a .icon {
    line-height: 18px;
    font-size: 19px;
    min-width: 19px;
    margin-right: 9px;
    text-align: center;
    vertical-align: middle;
    color: #494b74;
}
.be-left-sidebar .sidebar-elements>li>a:hover .icon, .be-left-sidebar .sidebar-elements>li.active>a .icon {
    color: #5d78ff;
}

@media (min-width: 768px) {
    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li>a span {
        display:none
    }
}

.be-left-sidebar .sidebar-elements>li>a:hover {
    background-color: #1a1a27;
    color: #fff;
}

.be-left-sidebar .sidebar-elements>li>a:hover>span {
    color: #fff;
}

.be-left-sidebar .sidebar-elements>li>ul {
    /*
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
    */
}

.be-collapsible-sidebar .be-left-sidebar .sidebar-elements>li>ul .nav-items .content>ul {
    display: block
}

.be-left-sidebar .sidebar-elements>li ul {
    display: none;
    background-color: #1e1e2d;
    padding: 0;
    list-style: none;
    line-height: 20px
}

.be-left-sidebar .sidebar-elements>li ul .title {
    display: none
}

.be-collapsible-sidebar .be-left-sidebar .sidebar-elements>li ul .content>ul {
    padding-left: 0
}

@media (min-width: 768px) {
    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li>ul {
        border-top-width:0;
        border-bottom-width: 0
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible {
        display: table;
        table-layout: fixed;
        position: fixed;
        left: 60px;
        top: 61px;
        height: 100%;
        z-index: 1031;
        padding: 0 0 61px;
        list-style: none;
        width: 232px;
        border-right: 1px solid #e6e6e6
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .title {
        display: block;
        padding: 30px 25px;
        font-size: 1.385rem;
        color: #737373
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items {
        display: table-row;
        height: 100%
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .be-scroller {
        display: table-cell;
        position: relative;
        height: 100%
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .be-scroller>.content {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul {
        border-color: transparent;
        padding: 0
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul>li>a {
        padding-left: 25px
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul>li>ul>li>a {
        padding-left: 35px
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul>li>ul>li>ul>li>a {
        padding-left: 45px
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul>li>ul>li>ul>li>ul>li>a {
        padding-left: 55px
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul>li>ul>li>ul>li>ul>li>ul>li>a {
        padding-left: 65px
    }
}

.be-left-sidebar .sidebar-elements>li ul li>a {
    padding: 3px 20px 3px 49px;
    color: #9899ac;
    font-size: 13px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-height: 44px;
}

.be-left-sidebar .sidebar-elements>li ul li.active>a,.be-left-sidebar .sidebar-elements>li.active>a>span {
    color: #fff;
    cursor: pointer;
    background-color: #1a1a27;
}

.be-left-sidebar .sidebar-elements>li ul li>a .badge {
    border-radius: 2px;
    font-weight: 500;
    line-height: 9px;
    font-size: .85rem;
    padding: 4px 7px;
    margin-left: 4px;
    margin-top: 1px
}

.be-left-sidebar .sidebar-elements>li ul li>a:hover {
    background-color: #1a1a27;
    cursor: pointer;
    color: #fff;
}

.be-left-sidebar .sidebar-elements>li ul li ul {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0
}

.be-left-sidebar .sidebar-elements>li ul li>ul,.be-left-sidebar .sidebar-elements>li ul li>ul>li ul {
    padding: 0;
}

.be-left-sidebar .sidebar-elements>li ul li>ul>li>a {
    padding-left: 59px;
    min-height: 40px;
}

.be-left-sidebar .sidebar-elements>li ul li>ul>li>ul>li>a {
    padding-left: 69px
}

.be-left-sidebar .sidebar-elements>li ul li>ul>li>ul>li>ul>li>a {
    padding-left: 79px
}

.be-left-sidebar .sidebar-elements>li ul li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 89px
}

.be-left-sidebar .sidebar-elements>li.active>a {
    padding-left: 20px;
    font-weight: 500;
    color: #fff;
    background-color: #1a1a27;
}

.be-left-sidebar .sidebar-elements>li.open>ul,.be-left-sidebar .sidebar-elements>li.open>ul .nav-items .content>ul {
    display: block
}

.be-left-sidebar .sidebar-elements li.parent>a:before {
    content: '\f35d';
    float: right;
    font-family: "Material Design Icons";
    font-size: 1.615rem;
    color: #c5c5c5;
    margin-right: -10px;
}

@media (min-width: 768px) {
    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li.open>ul {
        display:none
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li.open>ul.visible {
        display: table
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements li.parent>a:before {
        display: none
    }

    .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements .sub-menu.visible li.parent>a:before {
        display: block
    }
}

.be-left-sidebar .sidebar-elements li.parent.open>a:before {
    content: '\f35d';
}

.be-left-sidebar .sidebar-elements li.open>ul {
    display: block;
    background-color: #1e1e2d;
}

@media (min-width: 768px) {
    .be-boxed-layout .be-left-sidebar {
        -ms-flex:0 0 230px;
        flex: 0 0 230px;
        position: relative
    }

    .be-boxed-layout .be-left-sidebar:before {
        position: absolute
    }
}

.be-left-sidebar:before {
    content: "";
    position: fixed;
    z-index: -1;
    width: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: inherit;
    border-right: 1px solid #e3e3e3;
}

@media (max-width: 767.98px) {
    .be-left-sidebar:before {
        display:none
    }

    .be-left-sidebar {
        width: 100%;
        background-color: #fafafa;
        border-bottom: 1px solid #e3e3e3;
        border-right-width: 0;
        position: relative
    }

    .be-left-sidebar .sidebar-elements>li>a:hover,.be-left-sidebar .sidebar-elements>li>ul li>a:hover {
        background-color: transparent
    }

    .be-left-sidebar .left-sidebar-content,.be-left-sidebar .left-sidebar-scroll,.be-left-sidebar .left-sidebar-spacer,.be-left-sidebar .left-sidebar-wrapper {
        display: block;
        position: relative;
        overflow: visible
    }

    .be-left-sidebar .left-sidebar-spacer {
        display: none;
        border-top: 2px solid #f5f5f5
    }

    .be-left-sidebar .left-sidebar-spacer.open {
        display: block
    }

    .be-left-sidebar .left-sidebar-content {
        padding-bottom: 20px
    }

    .be-left-sidebar .sidebar-elements>li>a {
        text-align: left;
        position: relative
    }

    .be-left-sidebar .sidebar-elements>li>a:hover>span {
        color: inherit
    }

    .be-left-sidebar .sidebar-elements>li>ul {
        position: relative;
        height: auto;
        width: 100%;
        left: 0
    }

    .be-left-sidebar .sidebar-elements>li>ul li>a:active {
        background-color: #e7e7e7
    }

    .be-left-sidebar .sidebar-elements>li>ul>li.title {
        display: none
    }

    .be-left-sidebar .sidebar-elements>li>ul>li.nav-items {
        display: block;
        height: auto
    }

    .be-left-sidebar .sidebar-elements>li>ul>li.nav-items>.be-scroller {
        height: auto;
        overflow: visible
    }

    .be-left-sidebar .sidebar-elements>li>ul>li.nav-items>.be-scroller>.content {
        padding-top: 0;
        overflow: visible;
        position: relative
    }

    .be-left-sidebar .sidebar-elements>li:hover {
        background-color: inherit
    }

    .be-left-sidebar .sidebar-elements>li:hover>ul {
        display: none
    }

    .be-left-sidebar .sidebar-elements li.open>ul {
        display: block
    }
}

.be-fixed-sidebar .be-left-sidebar {
    height: 100%;
    margin-top: 50px;
    padding-bottom: 61px;
/*  position: fixed; */
    top: 0;
    bottom: 0;
    z-index: 1029;
}

.be-fixed-sidebar .be-left-sidebar .left-sidebar-content {
/*    position: absolute*/
}

@media (max-width: 767.98px) {
    .be-fixed-sidebar .be-left-sidebar .left-sidebar-content {
        position:relative
    }

    .be-fixed-sidebar .be-left-sidebar {
		position: static;
	    height: auto;
	    margin-top: 34px;
	    padding-bottom: 0;
	    border-top: 1px solid #cecece;
    }
    .be-wrapper {
    	padding-top: 0;
    }
}

.be-fixed-sidebar .be-left-sidebar:before {
    top: 60px
}

.be-offcanvas-menu .be-left-sidebar {
    position: fixed;
    height: 100%;
    top: 0;
    left: -240px;
    z-index: 1031;
    background-color: #FFF;
    box-shadow: 0 6px 18px 0 rgba(0,0,0,.18);
    border-right-width: 0
}

@media (max-width: 767.98px) {
    .be-offcanvas-menu .be-left-sidebar {
        width:230px;
        left: 0;
        -webkit-transform: translate3d(-105%,0,0);
        transform: translate3d(-105%,0,0)
    }

    .be-offcanvas-menu .be-left-sidebar .left-sidebar-toggle {
        display: none
    }
}

.be-offcanvas-menu .be-left-sidebar:before {
    left: -230px;
    border-right-width: 0
}

.be-offcanvas-menu .be-left-sidebar .be-toggle-left-sidebar {
    display: inline-block;
    text-align: center;
    line-height: 60px;
    float: left
}

.be-offcanvas-menu .be-left-sidebar .be-toggle-left-sidebar .icon {
    padding-left: 25px;
    font-size: 1.846rem;
    color: #737373;
    line-height: 25px;
    vertical-align: middle
}

.be-offcanvas-menu .be-left-sidebar .menu-logo {
    height: 60px;
    width: 150px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    display: block;
    float: left
}

.be-fixed-sidebar.be-offcanvas-menu .be-left-sidebar {
    margin-top: 61px;
    padding-bottom: 61px
}

@media (max-width: 767.98px) {
    .be-offcanvas-menu .be-left-sidebar .left-sidebar-wrapper {
        display:table
    }

    .be-offcanvas-menu .be-left-sidebar .left-sidebar-spacer {
        display: table-row;
        border-top-width: 0
    }

    .be-fixed-sidebar.be-offcanvas-menu .be-left-sidebar .left-sidebar-content {
        position: absolute
    }

    .be-offcanvas-menu .be-left-sidebar .be-navbar-header,.be-offcanvas-menu .be-left-sidebar .progress-widget {
        display: block
    }
}

.be-offcanvas-menu .be-left-sidebar .be-navbar-header .navbar-brand {
    padding-left: 0;
    background-position: 0 center
}

.be-left-sidebar .left-sidebar-top {
    border-bottom: 1px solid #ededed
}

.be-left-sidebar .left-sidebar-top::after {
    display: block;
    clear: both;
    content: ""
}

.be-left-sidebar .progress-widget {
    padding: 20px;
    cursor: pointer
}

.be-collapsible-sidebar-collapsed .be-left-sidebar .progress-widget {
    padding: 13px 14px;
    margin-top: 25px
}

.be-fixed-sidebar .be-left-sidebar .progress-widget {
    margin-top: 0
}

.be-left-sidebar .progress-widget .progress-data {
    color: #646464
}

.be-left-sidebar .progress-widget .progress-value {
    float: right
}

.be-collapsible-sidebar-collapsed .be-left-sidebar .progress-widget .progress-value {
    float: none;
    display: block;
    text-align: center;
    font-size: .8462rem
}

.be-collapsible-sidebar-collapsed .be-left-sidebar .progress-widget .name {
    display: none
}

.be-left-sidebar .progress-widget .progress {
    margin: 10px 0 0;
    height: 8px;
    background-color: #ebebeb;
    border-radius: 2px
}

.be-collapsible-sidebar-collapsed .be-left-sidebar .progress-widget .progress {
    height: 5px;
    margin-top: 7px
}

.be-left-sidebar .progress-widget:hover {
    background-color: #f0f0f0
}

.be-left-sidebar .progress-widget:hover .progress {
    background-color: #e6e6e6
}

@media (max-width: 767.98px) {
    .be-left-sidebar .progress-widget {
        display:none
    }
}

.be-right-sidebar {
    position: fixed;
    background-color: #FAFAFA;
    margin-top: 61px;
    padding-bottom: 61px;
    width: 290px;
    height: 100%;
    right: -290px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #e8e8e8;
    z-index: 1031
}

@media (min-width: 768px) {
    body.open-left-sidebar .be-left-sidebar {
        left:0
    }

    .be-boxed-layout .be-right-sidebar {
        position: absolute
    }

    body.open-right-sidebar .be-right-sidebar {
        right: 0
    }
}

@media (max-width: 767.98px) and (max-width:767.98px) {
    body.open-left-sidebar .be-wrapper {
        overflow:hidden
    }

    body.open-left-sidebar .be-left-sidebar {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    body.open-right-sidebar .be-wrapper {
        overflow: hidden
    }

    body.open-right-sidebar .be-right-sidebar {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.be-right-sidebar .sb-content {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%
}

.be-right-sidebar .tab-navigation .nav-tabs {
    background-color: transparent;
    border-bottom: 0;
    padding: 0
}

.be-right-sidebar .tab-navigation .nav-tabs>li.nav-item {
    margin-right: 0
}

.be-right-sidebar .tab-navigation .nav-tabs>li.nav-item>a.nav-link {
    background-color: #f2f2f2;
    border-width: 0;
    padding: 15px 10px;
    min-width: auto;
    font-size: 1.077rem
}

.be-right-sidebar .tab-navigation .nav-tabs>li.nav-item>a.nav-link .icon {
    font-size: 1.923rem;
    color: #aaa
}

.be-right-sidebar .tab-navigation .nav-tabs>li.nav-item>a.nav-link:hover {
    border: 0;
    background-color: #f6f6f6;
    color: #3b3b3b
}

.be-right-sidebar .tab-navigation .nav-tabs>li.nav-item>a.nav-link:focus {
    border: 0
}

.be-right-sidebar .tab-navigation .nav-tabs>li.nav-item>a.nav-link.active {
    color: #4285f4;
    background-color: transparent
}

@media (max-width: 767.98px) {
    .be-right-sidebar .tab-navigation .nav-justified>li {
        display:table-cell
    }

    .be-right-sidebar .tab-navigation .nav-justified>li>a {
        margin-bottom: 0;
        min-width: 40px
    }
}

.be-right-sidebar .tab-panel {
    height: 100%;
    display: table-row
}

.be-right-sidebar .tab-panel .tab-content {
    height: 100%;
    position: relative;
    width: 100%;
    padding: 0;
    background: 0 0;
    display: table-cell;
    overflow: hidden
}

.be-right-sidebar .tab-panel .tab-content .tab-pane {
    height: 100%;
    position: relative;
    width: 100%
}

.be-right-sidebar .tab-panel .tab-content .tab-pane>.content {
    overflow: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.be-right-sidebar .tab-panel .tab-content .tab-pane h2 {
    font-size: 1.154rem;
    font-weight: 400;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
    padding-left: 5px;
    margin-bottom: 20px;
    margin-top: 18px
}

.be-right-sidebar .tab-panel .tab-content .bottom-input {
    position: relative;
    border-top: 1px solid #f2f2f2
}

.be-right-sidebar .tab-panel .tab-content .bottom-input>input {
    border: 0;
    background-color: #FAFAFA;
    color: #404040;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    padding: 15px 20px;
    outline: 0
}

.be-right-sidebar .tab-panel .tab-content .bottom-input>span {
    position: absolute;
    color: #aaa;
    right: 15px;
    top: 50%;
    font-size: 1.538rem;
    margin-top: -10px;
    cursor: pointer
}

.be-right-sidebar .tab-panel .tab-content .bottom-input>span:hover {
    color: #d1d1d1
}

@media (max-width: 767.98px) {
    .be-right-sidebar {
        width:290px;
        right: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        margin-top: 0;
        padding-bottom: 0
    }

    .be-right-sidebar .tab-panel .tab-content>.chat,.be-right-sidebar .tab-panel .tab-content>.chat .chat-contacts,.be-right-sidebar .tab-panel .tab-content>.chat .chat-window {
        width: 100%
    }

    .be-right-sidebar .tab-panel .tab-content>.chat .chat-window {
        left: 100%
    }

    .be-right-sidebar .tab-panel .tab-content>.chat.chat-opened .chat-contacts {
        left: -100%
    }
}

@media (max-width: 320px) {
    .be-right-sidebar {
        width:90%
    }
}

.tab-chat {
    white-space: nowrap;
    font-size: 0;
    width: 290px
}

.tab-chat h2 {
    margin: 30px 20px 15px;
    line-height: 1.1
}

.tab-chat .contact-list {
    font-size: .9231rem
}

.tab-chat .contact-list .user a {
    display: block;
    padding: 11px 25px;
    overflow: hidden
}

.tab-chat .contact-list .user a img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left
}

.tab-chat .contact-list .user a .user-data,.tab-chat .contact-list .user a .user-data2 {
    padding-left: 40px;
    line-height: 16px
}

.tab-chat .contact-list .user a .user-data .status,.tab-chat .contact-list .user a .user-data2 .status {
    background-color: #00b777;
    border-radius: 50%;
    float: right;
    width: 7px;
    height: 7px;
    position: relative;
    top: 5px
}

.tab-chat .contact-list .user a .user-data .status.offline,.tab-chat .contact-list .user a .user-data2 .status.offline {
    background-color: #e65a5a
}

.tab-chat .contact-list .user a .user-data .status.away,.tab-chat .contact-list .user a .user-data2 .status.away {
    background-color: #f2c329
}

.tab-chat .contact-list .user a .user-data .name,.tab-chat .contact-list .user a .user-data2 .name {
    color: #404040;
    font-weight: 500;
    font-size: 1rem
}

.tab-chat .contact-list .user a .user-data .message,.tab-chat .contact-list .user a .user-data2 .message {
    display: block;
    color: #999;
    font-size: 1rem
}

.tab-chat .contact-list .user a .user-data2 {
    margin-top: 7px
}

.tab-chat .contact-list .user a:hover {
    background-color: #f5f5f5
}

.tab-chat .contact-list-recent {
    margin-bottom: 30px
}

.tab-chat .chat-contacts,.tab-chat .chat-window {
    height: 100%;
    width: 100%;
    display: table;
    table-layout: fixed;
    position: absolute;
    left: 0;
    transition: left .3s ease
}

.tab-chat .chat-contacts .chat-sections {
    height: 100%;
    display: table-row
}

.tab-chat .chat-contacts .chat-sections .be-scroller {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.tab-chat .chat-contacts .chat-sections .content {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0
}

.tab-chat .chat-contacts .search {
    position: relative
}

.tab-chat .chat-window {
    height: 100%;
    left: 290px;
    display: table;
    table-layout: fixed
}

.tab-chat .chat-window .title {
    padding: 20px 20px 20px 10px;
    overflow: hidden
}

.tab-chat .chat-window .title .icon {
    font-size: 2.077rem;
    width: 27px;
    text-align: center;
    color: #b3b2b2;
    position: relative;
    vertical-align: middle;
    cursor: pointer
}

.tab-chat .chat-window .title .user {
    display: inline-block;
    float: right;
    text-align: right;
    line-height: 13px
}

.tab-chat .chat-window .title .user img {
    height: 35px;
    width: 35x;
    border-radius: 50%;
    float: right;
    margin-left: 10px
}

.tab-chat .chat-window .title .user h2 {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0
}

.tab-chat .chat-window .title .user span {
    display: block;
    font-size: .9231rem;
    color: #999
}

.tab-chat .chat-window .chat-messages {
    height: 100%;
    display: table-row;
    font-size: 1rem
}

.tab-chat .chat-window .chat-messages .be-scroller {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.tab-chat .chat-window .chat-messages .content {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0
}

.tab-chat .chat-window .chat-messages ul {
    outline: 0;
    margin: 0;
    padding: 0
}

.tab-chat .chat-window .chat-messages ul>li {
    display: block;
    list-style: none;
    padding: 9px 16px
}

.tab-chat .chat-window .chat-messages ul>li .msg {
    position: relative;
    display: inline-block;
    background-color: #4c8bf5;
    color: #FFF;
    font-size: 1rem;
    padding: 6px 8px;
    border-radius: 3px;
    white-space: normal;
    text-align: left;
    margin-left: 40px
}

.tab-chat .chat-window .chat-messages ul>li .msg:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 7px;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #4c8bf5;
    border-top: 6px solid transparent
}

.tab-chat .chat-window .chat-messages ul>li.friend .msg {
    background-color: #f0f0f0;
    color: #595858;
    margin-left: 0;
    margin-right: 40px
}

.tab-chat .chat-window .chat-messages ul>li.friend .msg:after {
    right: auto;
    left: -5px;
    border-left-width: 0;
    border-right: 5px solid #f0f0f0
}

.tab-chat .chat-window .chat-messages ul>li.self {
    text-align: right
}

.tab-chat .chat-window .chat-input {
    position: relative
}

.tab-chat .chat-window .chat-input .input-wrapper {
    border-top: 1px solid #f2f2f2
}

.tab-chat .chat-window .chat-input .input-wrapper>input {
    border: 0;
    background-color: #FAFAFA;
    color: #b3b2b2;
    width: 100%;
    font-size: 1rem;
    font-weight: 300;
    padding: 15px 40px 15px 42px;
    outline: 0
}

.tab-chat .chat-window .chat-input .input-wrapper>span {
    position: absolute;
    color: #aaa;
    right: 15px;
    top: 50%;
    font-size: 1.538rem;
    margin-top: -10px;
    cursor: pointer
}

.tab-chat .chat-window .chat-input .input-wrapper>span:hover {
    color: #d1d1d1
}

.tab-chat .chat-window .chat-input .input-wrapper .photo {
    left: 15px;
    font-size: 1.692rem;
    top: 50%;
    right: auto
}

.tab-chat.chat-opened .chat-contacts {
    left: -290px
}

.tab-chat.chat-opened .chat-window {
    left: 0
}

.tab-todo .todo-container {
    height: 100%;
    display: table;
    table-layout: fixed;
    width: 100%
}

.tab-todo .todo-wrapper {
    display: table-row;
    height: 100%
}

.tab-todo .be-scroller {
    position: relative;
    overflow: hidden;
    height: 100%
}

.tab-todo .todo-content {
    padding: 10px 20px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tab-todo .category-title {
    display: block;
    font-size: 1.154rem;
    font-weight: 400;
    color: gray;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px
}

.todo-list {
    list-style: none;
    padding: 4px 0 1px;
    margin-bottom: 15px
}

.todo-list>li {
    margin: 0;
    padding: 0
}

.todo-list>li .custom-checkbox {
    display: block;
    margin-right: 4px
}

.todo-list>li .custom-checkbox.custom-control {
    margin-bottom: .7rem
}

.todo-list>li .custom-checkbox input[type=checkbox]~.custom-control-label {
    display: block;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.8
}

.todo-list>li .custom-checkbox input[type=checkbox]~.custom-control-label::before {
    margin-top: 5px;
    margin-right: 8px
}

.todo-list>li .custom-checkbox input[type=checkbox]:checked~.custom-control-label {
    text-decoration: line-through;
    color: #999
}

.todo-list>li .custom-checkbox input[type=checkbox]:checked~.custom-control-label::after {
    margin-top: 5px
}

.todo-list>li .custom-checkbox .delete {
    display: none;
    float: right;
    font-size: 1.308rem;
    color: #b3b3b3;
    line-height: 22px;
    margin-left: 5px;
    cursor: pointer
}

.todo-list>li .custom-checkbox .delete:hover {
    color: gray
}

.todo-list>li .custom-checkbox:hover .delete {
    display: inline-block
}

.tab-settings .settings-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden
}

.tab-settings .be-scroller {
    padding: 10px 20px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tab-settings .category-title {
    display: block;
    font-size: 1.154rem;
    font-weight: 400;
    color: gray;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px
}

.settings-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px
}

.settings-list>li {
    margin: 0;
    padding: 5px 0;
    line-height: 24px;
    font-size: 1.077rem
}

.settings-list>li .name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.settings-list>li .switch-button {
    float: right;
    margin-left: 5px
}

.be-content {
    position: relative;
    left: 0;
    margin-left: 230px;
    min-height: 100%;
    margin-bottom: 60px;
}

@media (max-width: 767.98px) {
    .be-content {
        margin-left:0
    }
}

@media print {
    .be-content {
        margin-left: 0
    }

    .page-head {
        display: none
    }
}

.be-nosidebar-left .be-content {
    margin-left: 0
}

.be-collapsible-sidebar-collapsed .be-content {
    margin-left: 60px
}

.be-offcanvas-menu .be-content {
    margin-left: 0
}

@media (min-width: 768px) {
    .be-boxed-layout .be-content {
        margin-left:0;
        overflow: hidden
    }
}

.main-content {
    padding: 0;
}

@media (max-width: 991.98px) {
    .main-content {
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    .be-collapsible-sidebar-collapsed .be-content {
        margin-left:0
    }

    .main-content {
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px
    }
}

@media (max-width: 575.98px) {
    .main-content {
        padding-right:10px;
        padding-left: 10px
    }
}

.be-no-padding .main-content {
    padding: 0
}

.page-head {
    padding: 20px 25px 10px;
    position: relative
}

.page-head-title {
    display: block;
    margin-bottom: 5px;
    margin-top: 6px;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 2.154rem;
    color: #6b6b6b;
    line-height: 36px
}

.page-head .breadcrumb>li,.page-head-description {
    font-size: 1.077rem;
    font-weight: 300
}

.page-head-description {
    display: block;
    color: #6e6e6e
}

.page-head .breadcrumb {
    background-color: transparent;
    padding: 3px 0;
    margin-bottom: 7px;
    line-height: 16px
}

.page-head .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #a3a3a3
}

.page-head .breadcrumb>li>a {
    color: #5e5e5e
}

.page-head .breadcrumb>li>a:hover {
    color: #303030
}

.page-head .breadcrumb>.active {
    color: #7a7a7a
}

.be-aside .main-content {
    margin-left: 280px;
    width: auto
}

@media (max-width: 767.98px) {
    .page-head {
        padding:18px 10px 0;
        display: none
    }

    .page-head-title {
        font-size: 1.846rem;
        line-height: 28px
    }

    .be-aside .main-content {
        margin-left: inherit
    }
}

.be-aside .be-content,.be-aside .content {
    height: 100%
}

.page-aside {
    background: #FFF;
    width: 280px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 230px;
    border-right: 1px solid #e6e5e5;
    margin-top: 61px;
    padding-bottom: 61px
}

.no-border .page-aside {
    border-width: 0
}

.page-aside .be-scroller {
    position: relative;
    height: 100%;
    width: 100%
}

.page-aside .content {
    padding: 20px 22px;
    position: relative
}

@media (max-width: 767.98px) {
    .page-aside {
        width:100%;
        display: block;
        height: auto;
        position: relative;
        margin-top: 0;
        padding-bottom: 0;
        left: 0;
        border-bottom: 2px solid #f2f2f2
    }
}

.aside-header {
    margin-bottom: 5px
}

.aside-header .title {
    display: block;
    margin: 16px 0 0;
    font-size: 27px;
    line-height: 27px;
    font-weight: 300
}

.aside-header .navbar-toggle {
    background: 0 0;
    display: none;
    outline: 0;
    border: 0;
    padding: 0 11px 0 0;
    text-align: right;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.aside-header .navbar-toggle .icon {
    font-size: 1.538rem;
    color: #c0bfbf
}

.aside-header .description {
    color: #5a5959;
    margin: 0
}

.aside-nav {
    display: block;
    visibility: visible
}

.aside-nav .nav li a {
    color: #404040;
    padding: 13px 22px
}

.aside-nav .nav li.active a,.aside-nav .nav li.active a .icon {
    color: #4285f4
}

.aside-nav .nav li .badge {
    float: right;
    font-size: .9231rem;
    font-weight: 300;
    padding: 1px 7px
}

.aside-nav .nav li .icon {
    font-size: 1.462rem;
    vertical-align: middle;
    text-align: center;
    min-width: 19px;
    margin-right: 3px;
    color: #616161
}

.aside-nav .title {
    display: block;
    color: #999;
    font-size: .8462rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0 0;
    padding: 8px 22px 4px
}

@media (max-width: 767.98px) {
    .aside-header .navbar-toggle {
        display:block
    }

    .aside-nav {
        border-bottom: 1px solid #e6e5e5
    }

    .aside-nav.collapse {
        display: none
    }

    .aside-nav.show {
        display: block
    }
}

.be-aside-header {
    background-color: #FFF;
    padding: 37px 25px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .be-aside-header {
        padding:20px 25px
    }
}

.be-aside-header-title {
    display: block;
    margin: 3px 0 0;
    font-size: 1.769rem;
    font-weight: 300
}

.be-aside-header-title .icon {
    font-size: 1.769rem;
    color: #737373
}

.be-aside-header-title .new-messages {
    font-size: 1rem;
    color: #8d8c8c;
    margin-left: 3px
}

.be-aside-header-filters {
    padding: 0 20px 30px;
    border-bottom: 1px solid #e6e5e5;
    background-color: #FFF;
    display: table;
    width: 100%
}

.be-aside-header-filters .dropdown-toggle:after {
    display: inline-block
}

.be-aside-header-filters>div {
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 991.98px) {
    .be-aside-header-title {
        margin-bottom:10px
    }

    .be-aside-header-filters>div {
        vertical-align: top
    }

    .be-aside-header-filters .btn-group+.btn-group {
        margin-left: 0
    }
}

.be-aside-header-filters .be-select-all.be-checkbox {
    display: inline-block;
    vertical-align: middle;
    padding: 0
}

.be-aside-header-filters .be-select-all.be-checkbox label:before {
    margin-right: 18px
}

.be-aside-header-filters .be-aside-header-filters-right {
    text-align: right
}

.splash-description,.splash-footer,.splash-title {
    text-align: center
}

.be-aside-header-filters input {
    margin-right: 8px
}

.be-aside-pagination-indicator {
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .be-aside-pagination-indicator {
        margin-right:0
    }
}

.be-aside-pagination-nav .btn {
    min-width: 30px
}

.be-aside-pagination-nav .btn i {
    font-size: 1.615rem;
    vertical-align: middle
}

.be-splash-screen {
    background-color: #eee
}

.be-splash-screen .be-wrapper {
    padding-top: 0
}

.be-splash-screen .be-wrapper .be-content {
    margin: 0
}

.splash-container {
    max-width: 401px;
    margin: 50px auto
}

.splash-container .card {
    margin-bottom: 30px
}

.splash-container .card .card-header {
    text-align: center;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-bottom: 0
}

.splash-container .card .card-body {
    padding: 20px 30px 15px
}

.splash-container .card .card-body .custom-checkbox {
    display: inline-block;
    margin: 0
}

@media (max-width: 767.98px) {
    .splash-container {
        margin-top:50px
    }
}

.splash-title {
    display: block;
    font-size: 1.308rem;
    font-weight: 300
}

.splash-description {
    display: block;
    line-height: 20px;
    font-size: 1rem;
    color: #5a5959;
    margin-top: 11px;
    padding-bottom: 10px
}

.be-scroll-top {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    color: #FFF;
    background-color: rgba(0,0,0,.6);
    padding: 0 14px;
    display: none;
    transition: background-color .2s ease;
    border-radius: 4px;
    z-index: 10710;
}

@media print {
    .be-scroll-top {
        display: none!important
    }
}

.be-scroll-top:hover {
    background-color: rgba(0,0,0,.8)
}

.be-scroll-top:focus,.be-scroll-top:hover {
    color: #FFF
}

.be-sub-navigation .navbar-nav>li.nav-item.show>a,.be-sub-navigation .navbar-nav>li.nav-item.show>a:focus,.be-sub-navigation .navbar-nav>li.nav-item>a.nav-link:hover {
    color: #333
}

.be-scroll-top:before {
    content: '\f143';
    font-family: "Material Design Icons";
    font-size: 2.538rem;
    display: inline-block;
    vertical-align: middle
}

.be-sub-navigation {
    background-color: #f5f5f5;
    border-color: #e3e3e3;
    border-width: 0;
    border-bottom: 1px solid #e6e5e5;
    padding: 0;
    margin-bottom: 18px
}

.be-sub-navigation .navbar-collapse {
    border-color: #e3e3e3;
    padding: 0;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .be-sub-navigation {
        background-color:#FFF;
        border-bottom-width: 0;
        display: block
    }

    .be-sub-navigation .navbar-collapse {
        border-top: 1px solid #f5f5f5
    }
}

.be-sub-navigation .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    float: none;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .be-sub-navigation .navbar-nav {
        width:100%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 15px 0;
        background-color: #fafafa
    }
}

.be-sub-navigation .navbar-nav>li.nav-item.show {
    display: block
}

.be-sub-navigation .navbar-nav>li.nav-item.show>a:hover {
    color: #4285f4
}

.be-sub-navigation .navbar-nav>li.nav-item.dropdown .dropdown-menu {
    margin-top: 12px
}

.be-sub-navigation .navbar-nav>li.nav-item.dropdown .dropdown-menu:after,.be-sub-navigation .navbar-nav>li.nav-item.dropdown .dropdown-menu:before {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -8px;
    content: "";
    display: inline-block;
    left: 42px;
    margin-left: -6px;
    position: absolute
}

.be-sub-navigation .navbar-nav>li.nav-item.dropdown .dropdown-menu:before {
    border-bottom-width: 9px;
    border-left-width: 9px;
    border-right-width: 9px;
    border-bottom-color: #e3e3e3;
    margin-left: -7px;
    top: -9px
}

.be-sub-navigation .navbar-nav>li.nav-item>a.nav-link {
    padding: 16px 15px;
    line-height: 18px;
    color: #777
}

@media (max-width: 767.98px) {
    .be-sub-navigation .navbar-nav>li.nav-item>a.nav-link {
        font-size:1.077rem;
        padding: 10px 20px;
        color: #646464
    }

    .be-sub-navigation .navbar-nav>li.nav-item>a.nav-link.dropdown-toggle .mdi-caret-down {
        color: #c5c5c5;
        float: right;
        line-height: 1.3
    }
}

.be-sub-navigation .navbar-nav>li.nav-item>a.nav-link.dropdown-toggle .mdi-caret-down {
    font-size: 1.385rem;
    vertical-align: middle;
    margin-left: 3px;
    margin-top: -2px
}

.be-sub-navigation .navbar-nav>li.nav-item>a.nav-link.dropdown-toggle:after {
    display: none
}

@media (max-width: 767.98px) {
    .be-sub-navigation .navbar-nav>li.nav-item.dropdown .dropdown-menu {
        background-color:#eee;
        padding: 10px 0;
        border-top: 1px solid #e6e6e6;
        border-right: 0;
        border-bottom: 1px solid #e6e6e6;
        border-left: 0;
        border-radius: 0;
        position: static;
        float: none;
        width: auto;
        box-shadow: none
    }

    .be-sub-navigation .navbar-nav>li.nav-item.dropdown .dropdown-menu:after,.be-sub-navigation .navbar-nav>li.nav-item.dropdown .dropdown-menu:before {
        display: none
    }

    .be-sub-navigation .navbar-nav>li.nav-item.dropdown .dropdown-menu>a {
        color: #646464;
        padding: 8px 15px 8px 22px
    }
}

.be-sub-navigation-collapse {
    padding: 16px 10px;
    color: #404040;
    border-bottom: 1px solid #f5f5f5;
    display: none
}

.be-sub-navigation-collapse.collapsed {
    border-bottom: 1px solid #e3e3e3;
    transition: border-bottom-color .4s ease
}

.be-sub-navigation-collapse.collapsed:before {
    content: '\f2f2'
}

.be-sub-navigation-collapse:before {
    content: '\f2f8';
    float: right;
    font-family: 'Material Design Icons';
    font-size: 2.077rem;
    line-height: 22px;
    color: #c5c5c5
}

.be-sub-navigation-collapse:focus {
    color: #404040
}

.be-sub-navigation-collapse:hover {
    color: #333
}

@media (max-width: 767.98px) {
    .be-sub-navigation-collapse {
        display:block;
        width: 100%;
        font-size: 1.077rem;
        font-weight: 300
    }
}

.switch-button {
    display: inline-block;
    border-radius: 50px;
    background-color: #b3b2b2;
    width: 60px;
    height: 27px;
    padding: 4px;
    position: relative;
    overflow: hidden;
    vertical-align: middle
}

.switch-button input[type=checkbox] {
    display: none
}

.switch-button label {
    border-radius: 50%;
    box-shadow: 0 0 1px 1px #FFF inset;
    background-color: #FFF;
    margin: 0;
    height: 19px;
    width: 19px;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    background-clip: padding-box
}

.switch-button label:before {
    position: absolute;
    font-size: .8462rem;
    font-weight: 600;
    z-index: 0;
    content: "OFF";
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 27px;
    top: 0;
    text-align: right;
    padding-right: 10px;
    color: #FFF
}

.switch-button input[type=checkbox]:checked+span {
    background-color: #4285f4;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 4px
}

.switch-button input[type=checkbox]:checked+span label {
    float: right;
    border-color: #2a75f3
}

.switch-button input[type=checkbox]:checked+span label:before {
    position: absolute;
    font-size: .8462rem;
    font-weight: 600;
    z-index: 0;
    content: "ON";
    color: #FFF;
    left: 0;
    text-align: left;
    padding-left: 10px
}

.switch-button.switch-button-yesno label:before {
    content: "NO"
}

.switch-button.switch-button-yesno input[type=checkbox]:checked+span label:before {
    content: "YES"
}

.widget-chart-info::after,.widget-head::after {
    content: "";
    clear: both
}

.switch-button.switch-button-xs {
    height: 20px;
    line-height: 16px;
    width: 50px
}

.switch-button.switch-button-xs label {
    height: 12px;
    width: 12px
}

.switch-button.switch-button-xs label:before {
    line-height: 21px
}

.switch-button.switch-button-sm {
    height: 24px;
    width: 57px;
    line-height: 20px
}

.switch-button.switch-button-sm label {
    height: 16px;
    width: 16px
}

.switch-button.switch-button-sm label:before {
    line-height: 25px
}

.switch-button.switch-button-lg {
    height: 30px;
    line-height: 26px;
    width: 65px
}

.switch-button.switch-button-lg label {
    height: 22px;
    width: 22px
}

.switch-button.switch-button-lg label:before {
    line-height: 31px
}

.switch-button.switch-button-success {
    background-color: #b3b2b2
}

.switch-button.switch-button-success label {
    border-color: #ababab
}

.switch-button.switch-button-success input[type=checkbox]:checked+span {
    background-color: #34a853
}

.switch-button.switch-button-success input[type=checkbox]:checked+span label {
    border-color: #2e9549
}

.switch-button.switch-button-warning {
    background-color: #b3b2b2
}

.switch-button.switch-button-warning label {
    border-color: #ababab
}

.switch-button.switch-button-warning input[type=checkbox]:checked+span {
    background-color: #fbbc05
}

.switch-button.switch-button-warning input[type=checkbox]:checked+span label {
    border-color: #e3aa04
}

.switch-button.switch-button-danger {
    background-color: #b3b2b2
}

.switch-button.switch-button-danger label {
    border-color: #ababab
}

.switch-button.switch-button-danger input[type=checkbox]:checked+span {
    background-color: #ea4335
}

.switch-button.switch-button-danger input[type=checkbox]:checked+span label {
    border-color: #e82e1e
}

.widget {
    background-color: #f5f5f5;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 3px
}

.widget.widget-fullwidth .chart-table table,ol.linenums {
    margin-bottom: 0
}

.widget.widget-fullwidth {
    padding: 0
}

.widget.widget-fullwidth .widget-head {
    padding: 20px 20px 10px;
    margin-bottom: 0
}

@media (max-width: 575.98px) {
    .widget.widget-fullwidth .widget-head {
        padding-left:15px
    }
}

.widget.widget-fullwidth .widget-chart-container .counter {
    left: 20px
}

.widget-head .button-toolbar .dropdown-menu,.widget-head .tools .dropdown-menu {
    right: 0;
    left: auto
}

.widget-head,.widget.widget-small {
    margin-bottom: 20px
}

.widget.widget-small.widget-fullwidth>.widget-head {
    padding: 20px 15px 10px
}

.widget th {
    border-top: 0
}

.widget-head {
    display: block;
    border-radius: 3px 3px 0 0
}

.widget-head::after {
    display: block
}

.widget-head .title {
    display: block;
    font-size: 1.385rem;
    font-weight: 300
}

.widget-head .description {
    display: block;
    color: #9e9e9e;
    line-height: 22px;
    font-weight: 300
}

.widget-head .tools {
    float: right;
    margin-left: 10px
}

.widget-head .tools .icon {
    display: inline-block;
    font-size: 1.538rem;
    line-height: 25px;
    vertical-align: middle;
    cursor: pointer;
    color: #bababa;
    min-width: 1.538rem;
    text-align: center
}

.chart-legend-value,.widget-counter-group-right {
    text-align: right
}

.widget-head .tools .icon+.icon {
    margin-left: 2px
}

.widget-head .tools .icon:hover {
    color: #a6a6a6
}

.widget-head .tools .value {
    font-size: 1.846rem;
    line-height: 22px
}

.widget-head .tools .dropdown {
    display: inline-block
}

.widget-head .button-toolbar {
    float: right
}

.widget-head .button-toolbar .btn-group+* {
    margin-left: 7px
}

.widget-chart-container {
    position: relative;
    max-width: 190px;
    min-width: 190px;
    margin: auto;
}

.widget-chart-container .counter {
    min-height: auto;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

.widget-chart-container .counter-inline {
    position: relative;
    display: inline-block
}

.widget-chart-container .counter .value {
    font-size: 1.846rem
}

.widget-chart-container .counter .desc {
    text-transform: uppercase;
    font-size: .8462rem;
    color: #9d9d9d
}

.widget-chart-container .counter-big .value {
    display: block;
    font-size: 2.077rem;
    line-height: 2.077rem;
    font-weight: 300;
    margin-bottom: 5px
}

.widget-chart-container .indicator-equal .icon {
    color: #4285f4
}

.widget-chart-container .indicator-positive .icon {
    color: #34a853
}

.widget-chart-container .indicator-negative .icon {
    color: #ea4335
}

.widget-chart-container .indicator .icon {
    font-size: 1.923rem;
    margin-right: 7px;
    line-height: 24px;
    vertical-align: middle
}

.widget-chart-container .indicator .number {
    font-size: 1.538rem;
    vertical-align: middle
}

.widget-chart-info::after {
    display: block
}

@media (max-width: 767.98px) {
    .widget-head .button-toolbar .btn-group {
        margin-bottom:5px
    }

    .widget-chart-info+.widget-counter-group {
        margin-top: 15px
    }
}

.widget-fullwidth .widget-chart-info {
    padding: 9px 20px 0
}

.widget-counter-group {
    padding: 0 20px 10px
}

.widget-counter-group .counter {
    position: static;
    display: inline-block
}

.widget-counter-group .counter+.counter {
    margin-left: 20px
}

.chart-legend table {
    width: 100%
}

.chart-legend table tr td {
    padding: 6px 0;
    vertical-align: middle
}

.chart-legend-color>span {
    display: block;
    background-color: #f2f2f2;
    height: 10px;
    width: 10px
}

.chart-legend-horizontal {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 14px
}

.chart-legend-horizontal>li {
    display: inline-block
}

.chart-legend-horizontal>li+li {
    margin-left: 14px
}

.chart-legend-horizontal>li>span {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #f2f2f2;
    margin-right: 2px
}

.chart-pie-counter {
    diplay: block;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    line-height: 3.846rem;
    margin-top: -1.923rem;
    font-size: 3.846rem;
    font-weight: 300
}

.clr-primary {
    background-color: #4285f4
}

.clr-success {
    background-color: #34a853
}

.clr-warning {
    background-color: #fbbc05
}

.clr-danger {
    background-color: #ea4335
}

.clr-grey {
    background-color: #ccc
}

.bs-grid-block {
    border: 2px dashed #c3c3c3;
    font-weight: 300;
    font-size: 1.538rem;
    color: #807e7e;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 40px
}

.bs-grid-block .content {
    display: table-cell;
    height: 177px;
    text-align: center;
    vertical-align: middle
}

.bs-grid-block .content .size {
    display: block
}

.bs-grid-block .content .device {
    line-height: 0
}

.bs-grid-block .content .device:after {
    font-size: 1.154rem;
    content: 'Large Desktop';
    color: #4285f4
}

@media (max-width: 1199.98px) {
    .bs-grid-block .content .device:after {
        content:'Desktop';
        color: #4285f4
    }
}

@media (max-width: 991.98px) {
    .bs-grid-block .content .device:after {
        content:'Laptop';
        color: #4285f4
    }
}

@media (max-width: 767.98px) {
    .bs-grid-block .content .device:after {
        content:'Tablet';
        color: #34a853
    }
}

@media (max-width: 575.98px) {
    .bs-grid-block .content .device:after {
        content:'Phone';
        color: #34a853
    }
}

.icon-container {
    background-color: #FFF;
    padding: 20px;
    cursor: default
}

.icon-container .icon {
    transition: background-color .3s ease-in-out;
    background-color: #f5f5f5;
    border-radius: 50%;
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-right: 8px;
    padding: 13px;
    text-align: center;
    vertical-align: middle
}

.icon-container .icon:hover,.icon-container:hover .icon {
    background-color: #4285f4
}

.be-option-button,.pricing-table {
    text-align: center;
    border-radius: 3px
}

.icon-container .icon span {
    transition: color .3s ease-in-out;
    font-size: 1.923rem;
    color: #696767
}

.icon-container .icon:hover span {
    color: #FFF
}

.icon-container .icon-class {
    transition: color .3s ease-in-out;
    font-size: 1.385rem;
    font-weight: 300;
    vertical-align: middle;
    color: #696767
}

.icon-container:hover .icon span {
    color: #FFF
}

.icon-container:hover .icon-class {
    color: #4285f4
}

.be-icons-list.hide-icons .icon-category .row>div {
    display: none
}

.be-icons-list.hide-icons .icon-category .row>div.icon-visible {
    display: block
}

.be-loading {
    position: relative
}

.be-loading:after {
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,.7);
    transition: all .2s ease;
    z-index: 2
}

.timeline-item:before,.timeline:before {
    content: ''
}

.be-loading .be-spinner {
    display: none;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -20px;
    margin-right: -20px;
    z-index: 3
}

.be-loading-active:after {
    visibility: visible;
    opacity: 1
}

.be-loading-active .be-spinner {
    display: block
}

.be-spinner svg {
    -webkit-animation: be-spinner-rotation 1.4s linear infinite;
    animation: be-spinner-rotation 1.4s linear infinite;
    stroke: #4285f4
}

.be-spinner svg .circle {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: be-spinner-turn 1.4s ease-in-out infinite;
    animation: be-spinner-turn 1.4s ease-in-out infinite
}

@-webkit-keyframes be-spinner-rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes be-spinner-rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-webkit-keyframes be-spinner-turn {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes be-spinner-turn {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

.prettyprint {
    font-size: .9231rem;
    line-height: 1.5
}

pre {
    color: #555
}

pre .pln {
    color: #777
}

pre .str {
    color: #D14
}

pre .kwd {
    color: #458
}

pre .com {
    color: #b8b6b1
}

pre .typ {
    color: teal
}

pre .lit {
    color: #D14
}

pre .clo,pre .opn,pre .pun {
    color: #949494
}

pre .tag {
    color: #4285F4
}

pre .atn {
    color: #ef6e62
}

pre .atv {
    color: #697ce8
}

pre .dec,pre .var {
    color: #D14
}

pre .fun {
    color: #458
}

pre.be-code-dark {
    background-color: #4d4342;
    color: #FFF
}

pre.be-code-dark .pln {
    color: #fff
}

pre.be-code-dark .str {
    color: #b5db99
}

pre.be-code-dark .kwd {
    color: #e9c865
}

pre.be-code-dark .com {
    color: #c3b8b7
}

pre.be-code-dark .typ {
    color: #FF9787
}

pre.be-code-dark .lit {
    color: #b5db99
}

pre.be-code-dark .clo,pre.be-code-dark .opn,pre.be-code-dark .pun {
    color: #fff
}

pre.be-code-dark .tag {
    color: #e9c865
}

pre.be-code-dark .atn {
    color: #FF9787
}

pre.be-code-dark .atv,pre.be-code-dark .dec,pre.be-code-dark .var {
    color: #b5db99
}

pre.be-code-dark .fun {
    color: #e9c865
}

ol.linenums {
    margin-top: 0
}

li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 {
    list-style-type: none
}

li.L1,li.L3,li.L5,li.L7,li.L9 {
    background: #eee
}

.card-divider {
    margin: 10px 0;
    border-top: 1px solid #f2f2f2
}

.card-divider-lg {
    margin: 15px 0
}

.card-divider-xl {
    margin: 20px 0
}

.pricing-tables {
    margin: 30px 0 20px
}

.pricing-tables>div {
    padding-left: 10px;
    padding-right: 10px
}

.pricing-table {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
    border-top: 3px solid #c9c9c9;
    padding: 35px 20px;
    background: #FFF;
    margin: 0 0 20px
}

.pricing-table-image {
    margin-bottom: 15px
}

.pricing-table-image svg path {
    fill: #a6a6a6
}

.pricing-table-title {
    font-size: 1.538rem;
    font-weight: 300
}

.pricing-table-price {
    padding: 5px 0 20px
}

.pricing-table-price .currency {
    vertical-align: top
}

.pricing-table-price .value {
    font-size: 35px;
    line-height: 40px
}

.pricing-table-price .frecuency {
    font-size: 1.538rem;
    font-weight: 300
}

.pricing-table-features {
    margin: 0 0 25px;
    padding: 0;
    list-style: none
}

.pricing-table-features>li {
    font-size: 1.077rem;
    font-weight: 300;
    line-height: 33px
}

.pricing-table .btn {
    line-height: 36px;
    min-width: 120px
}

.pricing-table-primary {
    border-color: #4285f4
}

.pricing-table-primary .pricing-table-image svg path {
    fill: #4285f4
}

.pricing-table-primary.pricing-table-color {
    background-color: #5f99f5;
    border-color: #5f99f5
}

.pricing-table-primary.pricing-table-color .card-divider {
    border-top-color: #3d84f3
}

.pricing-table-warning {
    border-color: #fbbc05
}

.pricing-table-warning .pricing-table-image svg path {
    fill: #fbbc05
}

.pricing-table-warning.pricing-table-color {
    background-color: #f6c163;
    border-color: #f6c163
}

.pricing-table-warning.pricing-table-color .card-divider {
    border-top-color: #f4b441
}

.pricing-table-success {
    border-color: #34a853
}

.pricing-table-success .pricing-table-image svg path {
    fill: #34a853
}

.pricing-table-success.pricing-table-color {
    background-color: #37b358;
    border-color: #37b358
}

.pricing-table-success.pricing-table-color .card-divider {
    border-top-color: #2f984b
}

.pricing-table-danger {
    border-color: #ea4335
}

.pricing-table-danger .pricing-table-image svg path {
    fill: #ea4335
}

.pricing-table-danger.pricing-table-color {
    background-color: #eb6357;
    border-color: #eb6357
}

.pricing-table-danger.pricing-table-color .card-divider {
    border-top-color: #e74537
}

.pricing-table-color {
    color: #FFF
}

.pricing-table-color .pricing-table-image svg path {
    fill: #FFF
}

.pricing-table-color .card-divider {
    border-top-color: #FFF
}

.be-option-buttons {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.be-option-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #404040;
    padding: 12px 21px;
    min-width: 107px
}

.be-option-button:hover {
    background-color: #4285f4;
    color: #FFF
}

.be-option-button .icon {
    font-size: 1.615rem;
    font-weight: 400
}

.timeline {
    margin: 0 auto 40px;
    padding: 0 0 20px;
    max-width: 840px;
    position: relative
}

.timeline:before {
    position: absolute;
    top: 40px;
    bottom: 0;
    width: 2px;
    background: #dbdbdb;
    left: 170px;
    margin-left: -1px
}

@media (max-width: 767.98px) {
    .timeline {
        padding:0
    }

    .timeline:before {
        left: 50%;
        margin-left: -1px;
        top: -35px
    }
}

.timeline-item {
    position: relative;
    padding-left: 210px;
    list-style: none;
    margin-bottom: 30px
}

.timeline-item:before {
    position: absolute;
    top: 34.5px;
    left: 162px;
    border: 2px solid #ccc;
    width: 16px;
    height: 16px;
    background-color: #ededed;
    border-radius: 50px
}

@media (max-width: 767.98px) {
    .timeline-item {
        padding-left:0;
        margin-top: 60px;
        margin-bottom: 0
    }

    .timeline-item:before {
        display: none
    }
}

.timeline-item:nth-child(4n+1):before {
    border-color: #4285f4
}

.timeline-item:nth-child(4n+2):before {
    border-color: #fbbc05
}

.timeline-item:nth-child(4n+3):before {
    border-color: #34a853
}

.timeline-item:nth-child(4n+4):before {
    border-color: #ea4335
}

.timeline-variant .timeline-item {
    padding-left: 0;
    margin: 30px 0 0
}

.timeline-variant .timeline-item.right {
    right: 0;
    padding-left: calc(50% + 45px)
}

@media (max-width: 767.98px) {
    .timeline-variant .timeline-item {
        margin-top:60px
    }

    .timeline-variant .timeline-item.right {
        padding: 0
    }
}

.timeline-variant .timeline-item.left {
    left: 0;
    padding-right: calc(50% + 45px)
}

.timeline-variant .timeline-item.left .timeline-content:after,.timeline-variant .timeline-item.left .timeline-content:before {
    right: -5px;
    left: inherit
}

.timeline-variant .timeline-item.left .timeline-icon {
    left: initial;
    right: -67px
}

@media (max-width: 767.98px) {
    .timeline-variant .timeline-item.left {
        padding:0
    }

    .timeline-variant .timeline-item.left .timeline-icon {
        left: 50%;
        margin-left: -18px;
        top: -48px
    }
}

.timeline-variant .timeline-item:before {
    display: none
}

.timeline-date {
    position: absolute;
    display: block;
    left: 0;
    top: 34px;
    width: 145px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 767.98px) {
    .timeline-date {
        width:100%;
        left: 0;
        top: -40px;
        text-align: center
    }

    .timeline-date span {
        background-color: #e0e0e0;
        padding: 5px 8px;
        border-radius: 4px;
        line-height: 25px
    }

    .timeline-content:after {
        display: none
    }
}

.timeline-content:after,.timeline-content:before {
    width: 10px;
    height: 10px;
    top: 37.5px;
    left: -5px;
    content: ""
}

.timeline-content {
    position: relative;
    background-color: #FFF;
    padding: 25px 30px 25px 28px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,.07);
    min-height: 85px
}

.timeline-item-gallery .timeline-content {
    padding-bottom: 15px
}

@media (max-width: 575.98px) {
    .timeline-content {
        padding:15px 18px
    }
}

.timeline-content:after {
    position: absolute;
    background-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: -1px 1px 5px rgba(0,0,0,.07);
    z-index: -1
}

.timeline-content:before {
    position: absolute;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (max-width: 767.98px) {
    .timeline-content:before {
        display:none
    }
}

.timeline-avatar {
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 50px;
    overflow: hidden;
    vertical-align: middle;
    float: left
}

.timeline-avatar img {
    width: 100%;
    height: 100%
}

.timeline-header {
    display: block;
    padding: 7px 0 0 46px
}

@media (max-width: 767.98px) {
    .timeline-header {
        padding-top:0
    }
}

.timeline-variant .timeline-header {
    padding-top: 0;
    line-height: 16px
}

.timeline-autor {
    display: inline-block;
    font-weight: 700
}

.timeline-activity {
    display: inline-block;
    margin: 0
}

.timeline-variant .timeline-activity {
    display: inline;
    line-height: 16px
}

.timeline-time {
    float: right;
    color: #ababab
}

.timeline-variant .timeline-time {
    float: none;
    display: block;
    line-height: 21px
}

.timeline-summary {
    color: #8a8a8a;
    margin-top: 4px
}

.timeline-summary p {
    margin-bottom: 0
}

.timeline-variant .timeline-summary {
    margin-top: 20px
}

.timeline-variant .timeline-summary p {
    line-height: 16px
}

.timeline-gallery {
    margin-top: 12px
}

.timeline-variant .timeline-gallery {
    margin-top: 20px
}

.timeline-gallery .gallery-thumbnail {
    display: inline-block;
    max-width: 100px;
    margin-right: 10px;
    margin-bottom: 10px
}

.timeline-blockquote {
    margin: 10px 0 0 5px;
    padding: 4px 10px;
    border-left: 4px solid #e0e0e0;
    color: #8a8a8a
}

.timeline-variant .timeline-blockquote {
    margin-top: 20px
}

.timeline-blockquote p {
    font-size: 1rem
}

.timeline-blockquote footer {
    color: #8a8a8a
}

@media (max-width: 767.98px) {
    .timeline-loadmore {
        text-align:center;
        padding: 0;
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.timeline-loadmore .load-more-btn {
    background-color: #dbdbdb;
    border-radius: 2px;
    padding: 5px 9px;
    color: #424242;
    outline: 0;
    font-size: .92308rem;
    font-weight: 500;
    position: absolute;
    left: 131px
}

@media (max-width: 767.98px) {
    .timeline-loadmore .load-more-btn {
        position:relative;
        left: 0
    }
}

.timeline-loadmore:before {
    display: none
}

.timeline-variant .timeline-loadmore {
    text-align: center;
    margin-bottom: 40px
}

.timeline-variant .timeline-loadmore .load-more-btn {
    position: relative;
    left: initial
}

.timeline-item-detailed .timeline-header,.timeline-item-detailed .timeline-time {
    line-height: 21px
}

.timeline-variant .timeline-item-detailed .timeline-header {
    border-bottom: 1px solid #EEE;
    padding-bottom: 15px
}

.timeline-item-detailed .timeline-avatar {
    vertical-align: top
}

.timeline-variant {
    max-width: none;
    padding-bottom: 0
}

.timeline-variant:before {
    left: 50%;
    z-index: -1;
    top: 70px
}

.timeline-month {
    width: 100%;
    text-align: center;
    list-style: none;
    margin: 30px 0 15px;
    padding: 11px 0 12px;
    font-size: 1.385rem;
    background-color: #EEE;
    font-weight: 300
}

.timeline-month:first-child {
    margin-top: 0;
    padding-bottom: 5px
}

.timeline-icon {
    position: absolute;
    color: #FFF;
    top: 20px;
    left: -67px;
    width: 44px;
    height: 44px;
    font-size: 1.538rem;
    border: 2px solid #FFF;
    text-align: center;
    background-color: #ededed;
    border-radius: 50%
}

.timeline-icon>.icon {
    line-height: 40px;
    vertical-align: middle
}

@media (max-width: 767.98px) {
    .timeline-icon {
        left:50%;
        margin-left: -18px;
        top: -48px;
        width: 38px;
        height: 38px;
        font-size: 1.385rem
    }

    .timeline-icon>.icon {
        line-height: 34px
    }
}

.file .timeline-icon {
    background-color: #4285f4
}

.comment .timeline-icon {
    background-color: #fbbc05
}

.gallery .timeline-icon {
    background-color: #34a853
}

.quote .timeline-icon {
    background-color: #ea4335
}

.table-filters-container {
    margin: 0;
    border-bottom: 1px solid #e6e5e5
}

.invoice-details td.amount,.invoice-details td.description,.invoice-details td.hours,.invoice-details td.summary,.invoice-details th {
    border-bottom: 1px solid #f0f0f0
}

.table-filters-container .custom-checkbox {
    white-space: nowrap
}

.table-filters {
    padding: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.table-filter-title {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 20px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #787878
}

#slider-value {
    font-size: 1.462rem;
    font-weight: 400
}

.filter-container {
    padding: 5px 0 15px
}

.invoice {
    background-color: #FFF;
    padding: 100px 100px 70px;
    color: #8c8c8c
}

.invoice-header {
    margin-bottom: 100px
}

@media (max-width: 991.98px) {
    .invoice {
        padding:50px 50px 35px
    }

    .invoice-header {
        margin-bottom: 50px
    }
}

@media (max-width: 575.98px) {
    .invoice {
        padding:35px 25px 15px
    }

    .invoice-header>div {
        float: none;
        width: 100%
    }
}

.invoice-logo {
    height: 54px;
    min-width: 204px;
    background-image: url(../img/logo-xx.png);
    background-repeat: no-repeat;
    background-position: 0
}

@media (max-width: 991.98px) {
    .invoice-logo {
        height:27px;
        width: 102px;
        background-image: url(../img/logo.png)
    }
}

@media print {
    .invoice-logo {
        height: 27px!important;
        width: 102px!important;
        background-image: url(../img/logo.png)!important;
        display: block!important;
        background-repeat: no-repeat!important
    }
}

.invoice-order {
    text-align: right
}

@media (max-width: 575.98px) {
    .invoice-logo {
        margin:0 auto 20px;
        float: none;
        min-width: auto
    }

    .invoice-order {
        text-align: center
    }

    .invoice-data>div {
        float: none;
        width: 100%
    }
}

.invoice-id {
    display: block;
    font-size: 2.308rem;
    line-height: 2.308rem
}

@media (max-width: 991.98px) {
    .invoice-id {
        font-size:1.154rem;
        line-height: 1.3849rem
    }
}

.incoice-date {
    display: block;
    font-size: 1.385rem
}

.invoice-data {
    margin-bottom: 110px
}

@media (max-width: 991.98px) {
    .incoice-date {
        font-size:1rem
    }

    .invoice-data {
        margin-bottom: 55px
    }
}

@media (max-width: 575.98px) {
    .invoice-person {
        text-align:center
    }
}

.invoice-person span {
    font-size: 1.385rem;
    line-height: 2rem;
    display: block
}

@media (max-width: 991.98px) {
    .invoice-person span {
        font-size:1.0004rem;
        line-height: 1.5385rem
    }
}

.invoice-person .name {
    font-weight: 500
}

.invoice-person:last-child {
    text-align: right
}

.invoice-payment-direction {
    text-align: center;
    position: relative;
    padding-top: 20px
}

.invoice-payment-direction .icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #f7f7f7;
    font-size: 3.846rem;
    color: #c2c2c2;
    line-height: 80px
}

@media (max-width: 991.98px) {
    .invoice-payment-direction .icon {
        width:40px;
        height: 40px;
        line-height: 40px;
        font-size: 1.923rem
    }
}

@media (max-width: 575.98px) {
    .invoice-person:last-child {
        text-align:center
    }

    .invoice-payment-direction {
        padding: 20px
    }

    .invoice-payment-direction .icon {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media print {
    .invoice-payment-direction .icon {
        background-color: #f7f7f7!important;
        color: #c2c2c2!important
    }
}

.invoice-details {
    width: 100%;
    font-size: 1.231rem
}

.invoice-details tr>td {
    padding: 20px 0
}

@media (max-width: 991.98px) {
    .invoice-details {
        font-size:.8464rem
    }

    .invoice-details tr>td {
        padding: 15px 0
    }
}

.invoice-details th {
    text-align: right;
    padding-bottom: 8px
}

.invoice-details th:first-child {
    text-align: left
}

.invoice-details td.amount,.invoice-details td.hours {
    text-align: right
}

.btn-big,.dropdown-tools,.invoice-footer {
    text-align: center
}

.invoice-details td.summary {
    color: #c4c4c4
}

.invoice-details td.total {
    color: #8c8c8c;
    font-weight: 500
}

.invoice-details td.total-value {
    font-size: 1.692rem;
    color: #4285f4
}

.invoice-payment-method {
    margin-bottom: 75px
}

@media (max-width: 991.98px) {
    .invoice-details td.total-value {
        font-size:.8464rem
    }

    .invoice-payment-method {
        margin-bottom: 37px
    }
}

.invoice-payment-method span {
    font-size: 1.385rem;
    line-height: 2rem;
    display: block
}

@media (max-width: 991.98px) {
    .invoice-payment-method span {
        font-size:1.0004rem;
        line-height: 1.5385rem
    }
}

.invoice-payment-method .title {
    font-weight: 500
}

.invoice-message {
    font-size: 1.231rem;
    margin-bottom: 62px
}

@media (max-width: 575.98px) {
    .invoice-message {
        margin-bottom:31px
    }

    .row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.invoice-message .title {
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin-bottom: 12px
}

.invoice-message p {
    line-height: 2rem
}

@media (max-width: 991.98px) {
    .invoice-message {
        font-size:1rem
    }

    .invoice-message p {
        line-height: 1.5385rem
    }
}

.invoice-company-info {
    margin-bottom: 70px
}

.invoice-company-info>div {
    border-left: 1px solid #f0f0f0;
    padding: 8px 40px
}

@media (max-width: 767.98px) {
    .invoice-company-info {
        margin-bottom:35px
    }

    .invoice-company-info>div {
        border: none;
        padding: 8px 15px
    }
}

.invoice-company-info>div:first-child {
    border-left: none
}

.invoice-company-info .summary {
    padding: 0 40px;
    line-height: 16px
}

@media (max-width: 767.98px) {
    .invoice-company-info .summary {
        padding:8px 15px
    }
}

.invoice-company-info .summary .title {
    color: #8c8c8c;
    font-size: 1.077rem;
    line-height: 21px;
    font-weight: 500
}

.invoice-company-info .summary p {
    line-height: 16px
}

@media (max-width: 991.98px) {
    .invoice-company-info .phone {
        border-left-width:0
    }
}

.invoice-footer .btn {
    min-width: 96px;
    font-size: 1.077rem
}

@media print {
    .invoice-footer {
        display: none!important
    }
}

.img-rounded {
    border-radius: 4px
}

pre {
    padding: 20px;
    border: 0;
    border-radius: 0;
    background-color: #fafafa;
    font-size: .9231rem;
    margin: 0 0 9px
}

.btn-hspace,.btn-space {
    margin-right: 5px
}

.btn-space,.btn-vspace {
    margin-bottom: 5px
}

pre code {
    white-space: pre-wrap
}

.input-group-append>.btn+.dropdown-toggle,.input-group-btn>.btn+.dropdown-toggle,.input-group-prepend>.btn+.dropdown-toggle {
    padding-left: 9px;
    padding-right: 9px
}

.breadcrumb {
    background-color: #f5f5f5;
    margin-bottom: 0px;
    padding: 7px 20px 6px;
    line-height: 16px;
    border-top: 1px solid #eff0f6;
}

.breadcrumb .icon {
    font-size: 1.231rem
}

.breadcrumb>.active,.breadcrumb>li+li:before {
    color: #4d4c4c
}

.card {
    background-color: #FFF;
    margin-bottom: 25px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
    border-width: 0;
    border-radius: 3px;
    display: block
}

.card th {
    border-top: 0;
    vertical-align: middle
}

.card-body {
    padding: 8px 20px 20px;
    border-radius: 0 0 3px 3px
}

.card-header {
    font-size: 18px;
    font-weight: 300;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1.5384rem;
    margin: 0 1.538rem;
    border-bottom-width: 0;
    border-radius: 3px 3px 0 0;
    background-color: transparent
}

.card-header .tools {
    float: right;
    font-size: 0
}

.card-header .tools>a {
    display: inline-block
}

.card-header .tools .icon {
    display: inline-block;
    font-size: 1.538rem;
    line-height: 25px;
    vertical-align: middle;
    cursor: pointer;
    color: #bababa;
    min-width: 1.538rem;
    text-align: center
}

.card-header .tools .icon+.icon {
    margin-left: 2px
}

.card-header .tools .icon:hover {
    color: #a6a6a6
}

.card-title {
    font-size: 18px;
    font-weight: 300;
    display: block;
    margin: 0
}

.card-subtitle {
    display: block;
    font-size: 1rem;
    color: #707070;
    margin-top: 0;
    margin-bottom: .4615rem
}

.card-full-color .card-header .card-subtitle,.card-full-color .card-header .icon,.card-full-primary,.card-full-primary .tools .icon {
    color: #FFF
}

.card-header-divider {
    border-bottom: 1px solid #d9d9d9;
    margin: 0 1.538rem 8px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1.2307rem
}

.card-header-divider .card-subtitle {
    margin-top: 0;
    margin-bottom: 0
}

.card-flat {
    border: none;
    box-shadow: none
}

.card-border {
    box-shadow: none;
    border: 1px solid #d4d4d4
}

.card-contrast .card-header {
    margin: 0;
    padding: 20px 20px 11px
}

.card-contrast .card-body {
    padding-top: 16px
}

.card-body-contrast,.card-header-contrast {
    background-color: #f5f5f5
}

.card-border-color {
    border-top: 3px solid #c9c9c9
}

.card-border-color-primary {
    border-top-color: #4285f4
}

.card-border-color-danger {
    border-top-color: #ea4335
}

.card-border-color-warning {
    border-top-color: #fbbc05
}

.card-border-color-success {
    border-top-color: #34a853
}

.card-border-color-dark {
    border-top-color: #3d3c3c
}

.card-full .card-header {
    margin: 0;
    padding-left: 1.538rem;
    padding-right: 1.538rem
}

.card-full .card-header .card-title {
    border-width: 0
}

.card-full-color .card-header {
    color: #FFF;
    padding: 27px 20px 15px;
    margin: 0
}

.card-full-color .card-body {
    padding: 20px
}

.card-full-primary {
    background-color: #5f99f5
}

.card-full-primary .card-header-contrast {
    background-color: #6da2f6;
    padding: 20px 20px 15px;
    margin: 0
}

.card-full-primary .tools .icon:hover {
    color: #4287f3
}

.card-full-success {
    background-color: #37b358;
    color: #FFF
}

.card-full-success .card-header-contrast {
    background-color: #3bbf5e;
    padding: 20px 20px 15px;
    margin: 0
}

.card-full-success .tools .icon {
    color: #FFF
}

.card-full-success .tools .icon:hover {
    color: #309c4c
}

.card-full-warning {
    background-color: #f6c163;
    color: #FFF
}

.card-full-warning .card-header-contrast {
    background-color: #f7c771;
    padding: 20px 20px 15px;
    margin: 0
}

.card-full-warning .tools .icon {
    color: #FFF
}

.card-full-warning .tools .icon:hover {
    color: #f4b646
}

.card-full-danger {
    background-color: #eb6357;
    color: #FFF
}

.card-full-danger .card-header-contrast {
    background-color: #ed7065;
    padding: 20px 20px 15px;
    margin: 0
}

.card-full-danger .tools .icon {
    color: #FFF
}

.card-full-danger .tools .icon:hover {
    color: #e84a3c
}

.card-full,.card-full .tools .icon {
    color: #FFF
}

.card-full {
    background-color: #bdbdbd
}

.card-full .card-header-contrast {
    background-color: #c4c4c4;
    padding: 20px 20px 15px;
    margin: 0
}

.card-full .tools .icon:hover {
    color: #adadad
}

.card-full-dark {
    background-color: #333;
    color: #FFF
}

.card-full-dark .card-header-contrast {
    background-color: #3b3b3b;
    padding: 20px 20px 15px;
    margin: 0
}

.card-full-dark .tools .icon {
    color: #FFF
}

.card-full-dark .tools .icon:hover {
    color: #242424
}

.card-table .card-body {
    padding: 0
}

.card-fullwidth .card-header {
    margin: 0;
    padding-left: 1.538rem;
    padding-right: 1.538rem
}

.card-fullwidth .card-body {
    padding-top: 16px
}

.custom-file-input.is-invalid:focus,.custom-file-input.is-valid:focus,.custom-radio-icon input[type=radio]:focus+.custom-control-label,.custom-select.is-invalid:focus,.custom-select.is-valid:focus,.form-control.is-invalid:focus,.form-control.is-valid:focus,.was-validated .custom-file-input:invalid:focus,.was-validated .custom-file-input:valid:focus,.was-validated .custom-select:invalid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:invalid:focus,.was-validated .form-control:valid:focus {
    box-shadow: none
}


.form-check {
    margin-bottom: .5rem
}

.custom-control {
    min-height: 1.692rem;
    min-width: 1.692rem;
    margin-bottom: .923rem
}

.custom-control-input .custom-control-label {
    line-height: 1.6
}

.custom-control-input:checked~.custom-control-label::after {
    color: #4285f4
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #4285f4
}

.custom-control-input:checked~.custom-control-color::after {
    background-color: #4285f4;
    color: #FFF;
    border-radius: 3px
}

.custom-radio .custom-control-input:checked~.custom-control-color::after {
    border-radius: 50%
}

.custom-checkbox .custom-control-label::before {
    content: "";
    width: 1.699rem;
    height: 1.699rem;
    border: 1px solid #ccc;
    border-radius: 3px
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    content: "\f26b";
    font-size: 1.5452rem;
    font-family: "Material Design Icons";
    font-weight: 400;
    text-align: center;
    line-height: 1.1
}

.custom-radio .custom-control-label::before {
    border: 1px solid #d5d8de;
    width: 1.77592rem;
    height: 1.77592rem;
    content: ""
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    content: "\f26d";
    width: 1.77592rem;
    height: 1.77592rem;
    font-size: 1rem;
    font-family: "Material Design Icons";
    text-align: center;
    line-height: 1.8
}

.custom-radio-icon {
    padding: 7px 0;
    width: 52px;
    height: 52px
}

.custom-radio-icon .custom-control-label::after,.custom-radio-icon .custom-control-label::before {
    display: none
}

.custom-radio-icon .custom-control-label {
    cursor: pointer;
    margin: 0;
    width: 52px;
    height: 52px;
    line-height: 52px;
    border: 1px solid #d5d8de;
    border-radius: 50%;
    text-align: center;
    font-size: 36px;
    vertical-align: middle;
    color: gray
}

.alert .icon,.alert-icon>.icon {
    cursor: default;
    text-align: center
}

.custom-radio-icon .custom-control-label:hover {
    border-color: #b8bdc8
}

.custom-radio-icon input[type=radio]:checked+.custom-control-label {
    border-color: #4285f4;
    color: #4285f4;
    background-color: #FFF
}

.custom-file-input.is-valid~.custom-file-control,.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-file-input:valid~.custom-file-control,.was-validated .custom-select:valid,.was-validated .form-control:valid {
    border-color: #34a853
}

.custom-radio-icon input[type=radio]:checked+.custom-control-label i {
    color: #4285f4
}

.col-form-label.is-valid,.custom-control.is-valid,.form-check-label.is-valid,.form-control-feedback.is-valid,.was-validated .col-form-label:valid,.was-validated .custom-control:valid,.was-validated .form-check-label:valid,.was-validated .form-control-feedback:valid {
    color: #404040
}

.custom-file-input.is-valid~.custom-file-control::before,.was-validated .custom-file-input:valid~.custom-file-control::before {
    border-color: inherit
}

.custom-control-input.is-valid~.custom-control-label::after,.was-validated .custom-control-input:valid~.custom-control-label::after {
    color: #34a853
}

.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before {
    background-color: #FFF;
    border-color: #34a853;
    color: #34a853
}

.custom-file-input.is-invalid~.custom-file-control,.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-file-input:invalid~.custom-file-control,.was-validated .custom-select:invalid,.was-validated .form-control:invalid {
    border-color: #ea4335
}

.custom-control-input:checked.is-valid~.custom-control-color::after,.was-validated .custom-control-input:checked:valid~.custom-control-color::after {
    background-color: #34a853;
    color: #FFF
}

.col-form-label.is-invalid,.custom-control.is-invalid,.form-check-label.is-invalid,.form-control-feedback.is-invalid,.was-validated .col-form-label:invalid,.was-validated .custom-control:invalid,.was-validated .form-check-label:invalid,.was-validated .form-control-feedback:invalid {
    color: #404040
}

.custom-file-input.is-invalid~.custom-file-control::before,.was-validated .custom-file-input:invalid~.custom-file-control::before {
    border-color: inherit
}

.custom-control-input.is-invalid~.custom-control-label::after,.was-validated .custom-control-input:invalid~.custom-control-label::after {
    color: #ea4335
}

.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
    background-color: #FFF;
    border-color: #ea4335;
    color: #ea4335
}

.custom-control-input:checked.is-invalid~.custom-control-color::after,.was-validated .custom-control-input:checked:invalid~.custom-control-color::after {
    background-color: #ea4335;
    color: #FFF
}

.custom-control-sm {
    min-width: 1.38462rem;
    min-height: 1.38462rem
}

.custom-control-sm.custom-control {
    top: 2px
}

.custom-control-sm .custom-control-input~.custom-control-label::before {
    width: 1.38462rem;
    height: 1.38462rem
}

.custom-control-sm .custom-control-input:checked~.custom-control-label::after {
    width: 1.38462rem;
    height: 1.38462rem;
    font-size: 15px;
    right: 0;
    line-height: 1.3;
    vertical-align: top
}

.be-addon .dropdown-toggle:after {
    display: inline-block
}

.custom-select {
    border-radius: 0
}

.custom-select:focus {
    box-shadow: 0 0 0 transparent
}

.tab-content {
    background: #FFF;
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 0 0 3px 3px
}

.tab-content .tab-pane h1:first-child,.tab-content .tab-pane h2:first-child,.tab-content .tab-pane h3:first-child,.tab-content .tab-pane h4:first-child,.tab-content .tab-pane h5:first-child,.tab-content .tab-pane h6:first-child {
    margin-top: 5px
}

.nav-tabs-success>li.nav-item a.nav-link:focus,.nav-tabs-success>li.nav-item a.nav-link:hover {
    color: #34a853
}

.nav-tabs-success>li.nav-item a.nav-link.active {
    border-bottom: 2px solid #34a853
}

.nav-tabs-warning>li.nav-item a.nav-link:focus,.nav-tabs-warning>li.nav-item a.nav-link:hover {
    color: #fbbc05
}

.nav-tabs-warning>li.nav-item a.nav-link.active {
    border-bottom: 2px solid #fbbc05
}

.nav-tabs-danger>li.nav-item a.nav-link:focus,.nav-tabs-danger>li.nav-item a.nav-link:hover {
    color: #ea4335
}

.nav-tabs-danger>li.nav-item a.nav-link.active {
    border-bottom: 2px solid #ea4335
}

.tooltip {
    font-size: .952rem;
    line-height: 1.5
}

.modal-content {
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
    overflow: hidden;
    background-color: #FFF;
    color: #404040;
    border: none
}

.modal-header {
    border: 0;
    padding: 19px
}

.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6 {
    display: block;
    margin: 0
}

.modal-header .close {
    font-size: 1.538rem;
    opacity: .4;
    text-shadow: none;
    margin-top: -17px
}

.modal-header .close:hover {
    opacity: .8
}

.modal-header .close:focus {
    outline: 0
}

.modal-body {
    padding: 10px 20px 20px
}

.modal-body .row:last-child .form-group {
    margin-bottom: 0
}

.modal-main-icon {
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: normal;
    font-size: 3.846rem
}

.modal-footer {
    padding: 10px;
    border: none;
	background-color: #EEE;
}

.modal-footer>:not(:first-child) {
    margin-left: 4px
}

.modal-footer>:not(:last-child) {
    margin-right: 4px
}

.modal-open .modal {
    padding: 0!important
}

.modal-full-color .modal-header {
    padding: 19px
}

.modal-full-color .modal-content {
    color: #FFF;
    background-color: transparent
}

.modal-full-color .modal-content .close {
    color: #FFF;
    line-height: 40px;
    opacity: .6
}

.modal-full-color .modal-content .close:hover {
    opacity: 1
}

.modal-full-color .modal-content .modal-footer {
    border: none
}

.modal-full-color .btn-secondary {
    border-width: 2px;
    border-color: transparent
}

.modal-full-color .btn-danger,.modal-full-color .btn-primary,.modal-full-color .btn-success,.modal-full-color .btn-warning {
    background-color: transparent;
    border-color: rgba(255,255,255,.5);
    border-width: 2px
}

.modal-full-color .btn-danger:focus,.modal-full-color .btn-primary:focus,.modal-full-color .btn-success:focus,.modal-full-color .btn-warning:focus {
    background-color: transparent;
    border-color: rgba(255,255,255,.4)
}

.modal-full-color .btn-danger .hover,.modal-full-color .btn-danger.active,.modal-full-color .btn-danger:active,.modal-full-color .btn-danger:hover,.modal-full-color .btn-danger:not([disabled]):not(.disabled).active,.modal-full-color .btn-danger:not([disabled]):not(.disabled):active,.modal-full-color .btn-primary .hover,.modal-full-color .btn-primary.active,.modal-full-color .btn-primary:active,.modal-full-color .btn-primary:hover,.modal-full-color .btn-primary:not([disabled]):not(.disabled).active,.modal-full-color .btn-primary:not([disabled]):not(.disabled):active,.modal-full-color .btn-success .hover,.modal-full-color .btn-success.active,.modal-full-color .btn-success:active,.modal-full-color .btn-success:hover,.modal-full-color .btn-success:not([disabled]):not(.disabled).active,.modal-full-color .btn-success:not([disabled]):not(.disabled):active,.modal-full-color .btn-warning .hover,.modal-full-color .btn-warning.active,.modal-full-color .btn-warning:active,.modal-full-color .btn-warning:hover,.modal-full-color .btn-warning:not([disabled]):not(.disabled).active,.modal-full-color .btn-warning:not([disabled]):not(.disabled):active {
    box-shadow: none;
    background-color: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.8)
}

.alert-icon,.alert-simple {
    box-shadow: .5px .9px 0 rgba(0,0,0,.07)
}

.modal-full-color-success .modal-body,.modal-full-color-success .modal-footer,.modal-full-color-success .modal-header {
    background-color: #37b358
}

.modal-full-color-success .btn-secondary,.modal-full-color-success .btn-secondary:active {
    color: #37b358
}

.modal-full-color-primary .modal-body,.modal-full-color-primary .modal-footer,.modal-full-color-primary .modal-header {
    background-color: #5f99f5
}

.modal-full-color-primary .btn-secondary,.modal-full-color-primary .btn-secondary:active {
    color: #5f99f5
}

.modal-full-color-warning .modal-body,.modal-full-color-warning .modal-footer,.modal-full-color-warning .modal-header {
    background-color: #f6c163
}

.modal-full-color-warning .btn-secondary,.modal-full-color-warning .btn-secondary:active {
    color: #f6c163
}

.modal-full-color-danger .modal-body,.modal-full-color-danger .modal-footer,.modal-full-color-danger .modal-header {
    background-color: #eb6357
}

.modal-full-color-danger .btn-secondary,.modal-full-color-danger .btn-secondary:active {
    color: #eb6357
}

.modal-full-color-dark .modal-body,.modal-full-color-dark .modal-footer,.modal-full-color-dark .modal-header {
    background-color: #3d3c3c
}

.modal-full-color-dark .btn-secondary,.modal-full-color-dark .btn-secondary:active {
    color: #3d3c3c
}

.full-width {
    width: 90%;
    max-width: none
}

.full-width.modal-container {
    width: 100%
}

@media (max-width: 767.98px) {
    .full-width,.full-width.modal-container {
        width:100%
    }
}

.full-width.modal-container .modal-content {
    width: 81%
}

@media (max-width: 767.98px) {
    .full-width.modal-container .modal-content {
        width:100%
    }
}

.full-width .modal-content {
    width: 100%;
    max-width: none
}

.custom-width .modal-content,.custom-width .modal-dialog {
    width: 700px;
    max-width: none
}

.colored-header .modal-content .modal-header {
    background-color: #e6e5e5;
    color: #FFF;
    padding: 30px 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.colored-header .modal-content .modal-header .modal-title {
    font-size: 1.538rem
}

.colored-header .modal-content .modal-header .close {
    color: rgba(0,0,0,.7);
    margin-top: -13px
}

.colored-header .modal-content .modal-body {
    padding: 35px 20px 20px;
    background-color: #FFF;
    color: #404040
}

.colored-header .modal-content .modal-footer {
    background-color: #FFF
}

.colored-header-success .modal-content .modal-header {
    background-color: #37b358
}

.colored-header-primary .modal-content .modal-header {
    background-color: #5f99f5
}

.colored-header-warning .modal-content .modal-header {
    background-color: #f6c163
}

.colored-header-danger .modal-content .modal-header {
    background-color: #eb6357
}

.colored-header-dark .modal-content .modal-header {
    background-color: #3d3c3c
}

@media (max-width: 767.98px) {
    .custom-width .modal-content,.custom-width .modal-dialog,.custom-width .modal-header {
        width:100%!important
    }

    .modal-dialog {
        margin: 0 auto
    }

    .table-responsive tbody>tr>td {
        white-space: nowrap
    }
}

.be-modal-open {
    overflow-x: visible
}

.form-control-xs {
    height: 30px;
    font-size: .9231rem;
    padding: 6px 9px
}

select.form-control-xs:not([size]):not([multiple]) {
    height: 3.1384rem
}

.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 {
    height: 37px;
    font-size: 1rem;
    padding: 4px 12px
}

.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 {
    height: 57px;
    padding: 12px 14px;
    font-size: 1.385rem;
    font-weight: 300;
    border-radius: 2px
}

.form-group.row {
    margin-bottom: 0;
    padding: 12px 0
}

.form-horizontal .form-group.row .col-form-label {
    text-align: right
}

.form-group.row label {
    white-space: nowrap
}

.input-group-append .custom-control,.input-group-prepend .custom-control {
    width: 1.77592rem;
    height: 1.77592rem;
    top: 2px;
    margin: 0;
    padding: 0
}

.custom-select {
    line-height: 1.2;
    padding: .375rem 1.75rem .375rem .75rem;
    -moz-appearance: none
}

.form-control-error,.form-control-success {
    padding: 10px 45px 10px 12px
}

.form-control-error+span,.form-control-success+span {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .923rem;
    background-size: 1.846rem 1.846rem;
    font-size: 19px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    pointer-events: none
}

.form-control-error.is-valid+span,.form-control-success.is-valid+span {
    color: #34a853
}

.form-control-error.is-invalid+span,.form-control-success.is-invalid+span {
    color: #ea4335
}

.input-search input {
    border: 1px solid #d5d8de;
    border-radius: 0;
    display: block;
    font-size: 1rem
}

.input-search input:focus {
    background-color: transparent
}

.input-search .input-group-btn {
    position: absolute;
    display: block;
    width: auto;
    top: 1px;
    right: 1px;
    z-index: 3
}

.login-submit .btn,.row.login-submit .btn,.signup-password .btn {
    width: 100%
}

.input-search .input-group-btn button {
    box-shadow: none;
    border: none;
    height: 3.5382rem
}

.input-search .input-group-btn button:active {
    background-color: transparent;
    box-shadow: none
}

.input-search .input-group-btn button .icon {
    font-size: 1.923rem;
    color: #737373
}

.input-search .input-group-btn button:hover .icon {
    color: #5a5959
}

.input-search.input-group-lg .input-group-btn button {
    height: 2.6922rem
}

.input-search.input-group-sm .input-group-btn button {
    height: 2.693rem
}

.input-search.input-group-sm .input-group-btn button .icon {
    font-size: 1.692rem
}

.row.login-tools {
    padding: 15px 0 0;
    margin-bottom: 16px
}

.login-forgot-password {
    line-height: 2.3;
    text-align: right
}

.login-submit,.row.login-submit {
    padding: 19px 0 0;
    margin-bottom: 1.3842rem
}

.login-submit>div:first-child,.row.login-submit>div:first-child {
    padding-right: 10px
}

.login-submit>div:last-child,.row.login-submit>div:last-child {
    padding-left: 10px
}

.be-error .error-container {
    text-align: center;
    margin-top: 100px
}

.be-error .error-number {
    display: block;
    font-size: 11.54rem;
    font-weight: 700;
    line-height: 240px;
    margin-bottom: 30px;
    max-height: 240px
}

.be-error .error-number:after {
    padding-top: .25%;
    display: block;
    content: ''
}

@media (max-width: 767.98px) {
    .be-error .error-container {
        margin-top:50px
    }

    .be-error .error-number {
        padding: 20px 0;
        font-size: 6.923rem;
        margin-bottom: 10px;
        line-height: 100px
    }
}

.be-error .error-description {
    font-size: 2.308rem;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .be-error .error-description {
        font-size:1.462rem
    }
}

.be-error .error-goback-text {
    font-size: 1.692rem;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 15px
}

@media (max-width: 767.98px) {
    .be-error .error-goback-text {
        font-size:1.15rem
    }
}

.be-error .error-goback-button {
    margin-bottom: 30px
}

.be-error .error-goback-button .btn {
    min-width: 153px;
    text-align: center
}

.be-error-404 .error-container .error-number {
    background: url(../img/404-bg.png) center center no-repeat;
    background-size: contain
}

@media (max-width: 575.98px) {
    .be-error-404 .error-container .error-number {
        padding:0;
        font-size: 5.385rem
    }
}

@media (max-width: 340px) {
    .be-error-404 .error-container .error-number {
        font-size:3.846rem
    }
}

@media (max-width: 295px) {
    .be-error-404 .error-container .error-number {
        font-size:3.077rem
    }
}

.splash-container.sign-up {
    max-width: 433px;
    margin: 10px auto
}

.splash-container.sign-up .card .card-header {
    margin-bottom: 0
}

.signup-password.row {
    padding: 0;
    margin-bottom: 1.3842rem
}

.signup-password>div:first-child {
    padding-right: 10px
}

.signup-password>div:last-child {
    padding-left: 10px
}

.splash-container.forgot-password .card .card-header {
    margin-bottom: 5px
}

.gallery-container .item {
    width: 25%;
    margin-bottom: 20px;
    padding: 0 10px
}

.gallery-container .item .photo {
    background: #FFF
}

.gallery-container .item .photo .img {
    position: relative
}

.gallery-container .item .photo .img img {
    width: 100%
}

.gallery-container .item .photo .img .over {
    top: 0;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(66,133,244,.8);
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    overflow: hidden
}

.gallery-container .item .photo .img .over .info-wrapper {
    display: table;
    height: 100%;
    width: 100%;
    margin-top: -80px;
    transition: margin-top .2s ease-in-out
}

.gallery-container .item .photo .img .over .info {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: 0;
    text-align: center;
    color: #FFF;
    padding: 0 10px
}

.gallery-container .item .photo .img .over .title {
    font-size: 1.38462rem;
    font-weight: 300
}

.gallery-container .item .photo .img .over .description {
    margin: 10px 0 18px;
    line-height: 15px
}

.gallery-container .item .photo .img .over .func a {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    background: rgba(255,255,255,.2);
    border-radius: 50%
}

.gallery-container .item .photo .img .over .func a:hover {
    background: rgba(255,255,255,.3)
}

.gallery-container .item .photo .img .over .func a i {
    font-size: 1.385rem;
    color: #FFF;
    line-height: 30px
}

.gallery-container .item .photo .img:hover .over {
    opacity: 1
}

.gallery-container .item .photo .img:hover .over .info-wrapper {
    margin-top: 0
}

.gallery-container .item .photo .description {
    line-height: 20px;
    display: table;
    width: 100%
}

.gallery-container .item .photo .description .icon {
    display: table-cell;
    background-color: #e6e5e5;
    padding: 20px;
    vertical-align: middle;
    width: 20px
}

.gallery-container .item .photo .description .icon a {
    color: #4d4d4d
}

.gallery-container .item .photo .description .icon a i {
    font-size: 2.308rem
}

.gallery-container .item .photo .description .icon a:hover {
    color: #4285f4
}

@media (max-width: 575.98px) {
    .gallery-container .item .photo .description .icon a i {
        font-size:1.538rem
    }

    .gallery-container .item .photo .description .icon {
        padding: 15px
    }
}

.gallery-container .item .photo .description .desc {
    display: table-cell;
    padding: 10px 20px;
    vertical-align: middle
}

.gallery-container .item .photo .description .desc h4 {
    margin: 0;
    font-size: 1.385rem
}

@media (max-width: 575.98px) {
    .gallery-container .item .photo .description .desc h4 {
        font-size:1.154rem
    }

    .gallery-container .item .photo .description .desc {
        padding: 10px
    }
}

.gallery-container .item .photo .description .desc span {
    color: #8a8888;
    font-size: .9231rem;
    font-weight: 300
}

.gallery-container .item.w2 {
    width: 50%
}

@media (max-width: 1199.98px) {
    .gallery-container .item {
        width:33.333%
    }
}

@media (max-width: 991.98px) {
    .gallery-container .item {
        width:50%
    }
}

.email-filters,.email-list-item {
    border-bottom: 1px solid #e6e5e5;
    width: 100%
}

@media (max-width: 575.98px) {
    .gallery-container {
        max-width:767px
    }

    .gallery-container .item {
        width: 100%;
        padding: 0
    }

    .gallery-container .item.w2 {
        width: 100%
    }
}

.aside-compose {
    text-align: center;
    padding: 20px 25px;
    margin-top: 10px
}

.email-inbox-header {
    background-color: #FFF;
    padding: 37px 25px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .email-inbox-header {
        padding:20px 25px
    }
}

.email-title {
    display: block;
    margin: 3px 0 0;
    font-size: 1.769rem;
    font-weight: 300
}

.email-title .icon {
    font-size: 1.769rem;
    color: #737373
}

.email-title .new-messages {
    font-size: 1rem;
    color: #8d8c8c;
    margin-left: 3px
}

.email-filters {
    padding: 0 20px 30px;
    background-color: #FFF;
    display: table
}

.email-filters .dropdown-toggle:after {
    display: inline-block
}

.email-filters>div {
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 991.98px) {
    .email-title {
        margin-bottom:10px
    }

    .email-filters>div {
        vertical-align: top
    }
}

.email-filters .btn-group+.btn-group {
    margin-left: 10px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .email-filters .btn-group+.btn-group {
        margin-left:0;
        margin-top: 10px
    }
}

@media (max-width: 575.98px) {
    .email-filters .btn-group+.btn-group {
        margin-left:0;
        margin-top: 10px
    }
}

.email-filters .be-select-all.custom-checkbox {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: .5rem 1rem 0 0
}

.email-filters .be-select-all.custom-checkbox .custom-control-label::before {
    margin-right: 18px
}

.email-filters .email-filters-right {
    text-align: right
}

.email-filters input {
    margin-right: 8px
}

.email-pagination-indicator {
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .email-pagination-indicator {
        margin-right:0
    }
}

.email-pagination-nav .btn {
    min-width: 30px
}

.email-pagination-nav .btn i {
    font-size: 1.615rem;
    vertical-align: middle
}

.email-list {
    background: #FFF
}

.email-list-item {
    padding: 14px 20px;
    display: table;
    cursor: pointer;
    position: relative;
    background-color: #fafafa
}

.email-list-item--unread {
    background-color: #FFF
}

.email-list-item--unread:after {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    top: -1px;
    bottom: -1px;
    left: 0;
    background-color: #4285f4
}

.email-list-item--unread .email-list-detail .date,.email-list-item--unread .email-list-detail .from {
    font-weight: 500
}

.email-list-item .icon {
    margin-right: 7px;
    font-size: 1.154rem;
    vertical-align: middle;
    color: #666
}

.email-list-item .from {
    display: block;
    font-weight: 400;
    font-size: 1rem;
    margin: 0 0 3px
}

.email-list-item .msg {
    margin: 0;
    color: #737373
}

.email-list-item:hover {
    background-color: #f7f7f7
}

.compose-title,.email-attachments,.email-body,.email-compose-fields,.email-head,.email.editor {
    background-color: #FFF
}

.email-list-actions,.email-list-detail {
    vertical-align: top;
    display: table-cell
}

.email-list-actions {
    width: 40px
}

.email-list-actions .custom-checkbox {
    padding: 0;
    margin-top: 2px
}

.email-list-actions .custom-checkbox.custom-control {
    margin-bottom: 0
}

.email-list-actions .favorite {
    display: block;
    padding-top: 2px;
    padding-left: 3px;
    line-height: 15px
}

.email-head-subject,.email-head-title {
    padding: 25px;
    border-bottom: 1px solid #e6e5e5
}

.email-list-actions .favorite span {
    font-size: 1.538rem;
    line-height: 17px;
    color: #c0bfbf
}

.email-head-subject .title>a .icon,.email-head-title .icon {
    line-height: 31px;
    top: -1px;
    vertical-align: middle;
    position: relative
}

.email-list-actions .favorite:hover span {
    color: #8d8c8c
}

.email-list-actions .favorite.active span {
    color: #FFC600
}

.email-head-title {
    display: block;
    font-weight: 400;
    color: #5a5959;
    font-size: 1.769rem
}

.email-head-title .icon {
    color: #696969;
    margin-right: 12px;
    float: left;
    font-size: 1.538rem
}

.email-head-subject .title {
    display: block;
    font-size: 1.769rem;
    font-weight: 300;
    color: #5a5959
}

.email-head-subject .title>a .icon {
    color: #c0bfbf;
    font-size: 1.385rem;
    margin-right: 6px
}

.email-head-subject .title>a:hover .icon {
    color: #8d8c8c
}

.email-head-subject .title>a.active .icon {
    color: #FFC600
}

.email-head-subject .icons {
    font-size: 1.538rem;
    float: right
}

.email-head-subject .icons .icon {
    color: #737373;
    margin-left: 12px;
    vertical-align: middle
}

.email-head-subject .icons .icon:hover {
    color: #5a5959
}

.email-head-sender {
    padding: 13px 25px;
    line-height: 40px
}

.email-head-sender .avatar {
    float: left;
    margin-right: 10px
}

.email-head-sender .avatar img {
    max-width: 40px;
    max-height: 40px;
    border-radius: 50%
}

.email-head-sender .sender {
    font-size: 1.15rem
}

.email-head-sender .sender .actions {
    display: inline-block;
    position: relative
}

.email-head-sender .sender .icon {
    font-size: 1.538rem;
    line-height: 16px;
    color: #5a5959;
    margin-left: 7px
}

.email-head-sender .sender .icon i {
    line-height: 16px;
    vertical-align: middle
}

.email-head-sender .date {
    float: right
}

.email-head-sender .date a {
    vertical-align: middle;
    margin-right: 5px
}

.email-head-sender .date .icon {
    font-size: 1.538rem
}

.email-body {
    border-top: 1px solid #e6e5e5;
    padding: 30px 28px
}

.email-body p {
    line-height: 25px;
    margin-bottom: 20px
}

.email-body p:last-child {
    margin-bottom: 0
}

.email-attachments {
    padding: 25px 28px;
    border-top: 1px solid #e6e5e5
}

.email-attachments .title {
    display: block;
    font-weight: 500
}

.email-attachments .title span {
    font-weight: 400
}

.email-attachments ul {
    list-style: none;
    margin: 15px 0 0;
    padding: 0
}

.email-attachments ul>li {
    line-height: 23px
}

.email-attachments ul>li a {
    color: #404040;
    font-weight: 500
}

.compose-title,.email-attachments ul>li span {
    font-weight: 400
}

.email-attachments ul>li a:hover {
    color: #4285f4
}

.email-attachments ul>li .icon {
    vertical-align: middle;
    color: #737373;
    margin-right: 2px
}

.compose-title {
    font-size: 1.769rem;
    height: auto;
    padding: 25px 23px;
    border: 0;
    width: 100%;
    outline: 0
}

.code-editor,.code-editor #console,.code-editor #console .CodeMirror {
    height: 100%
}

.compose-title .icon {
    float: left;
    font-size: 1.538rem;
    margin-right: 15px;
    color: #696969;
    margin-top: 6px
}

.email-compose-fields {
    border-bottom: 1px solid #e6e5e5;
    padding: 30px 30px 20px
}

.email-compose-fields label {
    padding-top: 15px
}

.email.editor {
    padding: 30px
}

.email.editor .note-toolbar {
    border: 0
}

.email.editor .form-group {
    text-align: right;
    margin-top: 15px
}

.email.editor .form-group .icon {
    font-size: 1.769rem
}

.aside-content .nav {
    display: block
}

.aside-content .nav li a {
    display: block;
    position: relative
}

.aside-content .nav li a:hover {
    text-decoration: none;
    background-color: #EEE
}

.codeditor .page-title {
    font-size: 2rem;
    margin-bottom: 0;
    margin-top: 10px
}

.codeditor .description {
    color: #888
}

.page-aside.codeditor .compose {
    margin-top: 10px;
    font-size: 1.077rem;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 25px
}

.page-aside.codeditor+.main-content {
    height: calc(100vh - 61px);
    width: auto
}

@media (max-width: 767.98px) {
    .page-aside.codeditor+.main-content {
        height:auto
    }
}

.page-aside.codeditor .compose .btn {
    width: 100%;
    border: 0;
    border-radius: 3px!important;
    max-width: 180px
}

.page-aside.codeditor .mail-nav {
    display: block;
    margin-top: 13px;
    padding: 0
}

.page-aside.codeditor .mail-nav ul li {
    margin: 0
}

.page-aside.codeditor .mail-nav ul li a {
    border-radius: 0;
    color: #555;
    padding: 12px 15px
}

.page-aside.codeditor .mail-nav ul li a:hover {
    background: rgba(0,0,0,.01)
}

.page-aside.codeditor .mail-nav ul li.active a {
    color: #555;
    background: rgba(0,0,0,.025)
}

.page-aside.codeditor .mail-nav ul li a .label {
    border-radius: 2px
}

.page-aside.codeditor .mail-nav ul li a .label.label-default {
    background: #b5b5b5
}

.page-aside.codeditor .mail-nav ul li a .label.label1 {
    background: #19B698
}

.page-aside.codeditor .mail-nav ul li a .label.label2 {
    background: #E85647
}

.page-aside.codeditor .mail-nav ul li a .label.label3 {
    background: #F4A425
}

.page-aside.codeditor ul li a span.unsaved {
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -5px;
    content: '';
    background-color: #4285f4;
    border-radius: 100%;
    display: block;
    height: 10px;
    width: 10px;
    line-height: 10px
}

.page-aside.codeditor .mail-nav ul li a i {
    font-size: 1.077rem;
    width: 24px;
    text-align: center
}

.page-aside.codeditor .mail-nav .title {
    color: #888;
    margin: 5px 0 0;
    padding: 8px 13px 4px;
    border-bottom: 1px solid #E5E5E5
}

.mail-inbox .head {
    background: #FFF;
    padding: 20px 25px
}

.mail-inbox .head h3 {
    margin: 9px 0 15px
}

.mail-inbox .head h3 span {
    color: #888;
    font-weight: 300;
    font-size: 1.231rem
}

.mail-inbox .head input[type=text] {
    box-shadow: 0 1px 1px rgba(0,0,0,.01) inset;
    border: 1px solid #D8D8D8;
    border-radius: 3px
}

.mail-inbox .head input[type=text]:focus {
    border-color: #43b6ff
}

.mail-inbox .filters {
    padding: 9px 20px 10px;
    border-bottom: 1px solid #E5E5E5
}

.mail-inbox .filters .checkbox {
    margin-right: 8px
}

.mail-inbox .mails {
    background: #FFF
}

.mail-inbox .mails .item {
    border-bottom: 1px solid #E5E5E5;
    padding: 17px 20px;
    display: table;
    width: 100%;
    cursor: pointer
}

.mail-inbox .mails .item:nth-child(even) {
    background: rgba(0,0,0,.015)
}

.mail-inbox .mails .item:hover {
    background: rgba(0,0,0,.035)
}

.mail-inbox .mails .item>div {
    vertical-align: top;
    display: table-cell
}

.mail-inbox .mails .item>div:first-child {
    width: 35px
}

.mail-inbox .mails .item>div:first-child>div {
    margin-top: 2px
}

.mail-inbox .checkbox {
    background-color: #FFF
}

.mail-inbox .mails .item .from {
    font-weight: 600;
    font-size: 1rem;
    margin: 0 0 3px
}

.mail-inbox .mails .item .date i {
    margin-right: 7px;
    font-size: 1.077rem
}

.mail-inbox .mails .item .msg {
    font-size: .9231rem;
    margin: 0
}

.message .head {
    background: #FFF;
    padding: 20px 25px 24px
}

.message .head h3 {
    margin: 9px 0 15px
}

.message .head h3 span {
    font-weight: 300;
    font-size: 1.538rem;
    float: right
}

.message .head h3 span a {
    color: #888;
    margin-right: 15px
}

.message .head h4 span {
    font-weight: 100;
    font-size: 1.154rem;
    float: right
}

.message .head h4 span a {
    color: #FEA200;
    margin-right: 10px
}

.message .mail {
    background: #FFF;
    border-top: 1px solid #E5E5E5;
    padding: 30px;
    font-size: 2rem
}

.message .mail p {
    font-size: 1.154rem;
    font-weight: 100
}

.message .mails .item {
    border-bottom: 1px solid #E5E5E5;
    padding: 17px 20px;
    display: table;
    width: 100%;
    cursor: pointer
}

.message .mails .item:nth-child(even) {
    background: rgba(0,0,0,.015)
}

.message .mails .item:hover {
    background: rgba(0,0,0,.035)
}

.message .mails .item>div {
    vertical-align: top;
    display: table-cell
}

.message .mails .item>div:first-child {
    width: 35px
}

.message .mails .item>div:first-child>div {
    margin-top: 2px
}

.message .checkbox {
    background-color: #FFF
}

.message .mails .item .from {
    font-weight: 600;
    font-size: 1rem;
    margin: 0 0 3px
}

.message .mails .item .date i {
    margin-right: 7px;
    font-size: 1.077rem
}

.message .mails .item .msg {
    font-size: .9231rem;
    margin: 0
}

@media (max-width: 767px) {
    .page-aside.codeditor .mail-nav,.page-aside.codeditor div.content {
        border-bottom:1px solid #E5E5E5
    }

    .aside .content,.cl-mcont.aside,.cl-mcont.aside>.content,.page-aside.codeditor,.page-aside.codeditor .mail-nav ul li,.page-aside.codeditor .mail-nav.collapse.show {
        display: block
    }

    .page-aside>div {
        width: 100%
    }

    .page-aside.codeditor .mail-nav {
        margin-top: 0;
        padding: 0;
        width: 100%
    }

    .page-aside.codeditor .mail-nav .compose {
        border-top: 1px solid #E5E5E5;
        background: #FCFCFC
    }

    .page-aside.codeditor .mail-nav.collapse {
        display: none
    }

    .message .mail {
        border-top: 0
    }
}

.CodeMirror {
    height: auto
}

.CodeMirror-scroll {
    overflow-y: hidden;
    overflow-x: auto
}

.be-booking-promos.row {
    padding: 26px
}

@media (max-width: 767.98px) {
    .be-booking-promos.row {
        margin:0;
        padding: 15px 0
    }
}

.be-booking-promo {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 3px;
    background-color: #FFF;
    border-left: 3px solid #4285f4;
    padding: 23px 30px 26px;
    margin-bottom: 26px
}

@media (max-width: 575.98px) {
    .be-booking-promo {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .be-booking-desc {
        margin-bottom: 20px;
        text-align: center
    }
}

.be-booking-promo.be-booking-promo-danger {
    border-left-color: #ea4335
}

.be-booking-promo.be-booking-promo-warning {
    border-left-color: #fbbc05
}

.be-booking-promo.be-booking-promo-success {
    border-left-color: #34a853
}

.be-booking-promo.be-booking-promo-soldout {
    border-left-color: #e3e3e3
}

.be-booking-promo.be-booking-promo-soldout:before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 72px 72px 0;
    border-color: transparent #e3e3e3 transparent transparent
}

.be-booking-promo.be-booking-promo-soldout .be-soldout-title {
    position: absolute;
    font-size: .8462rem;
    color: #969696;
    top: 20px;
    right: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.be-booking-desc {
    -ms-flex: 0 1 60%;
    flex: 0 1 60%
}

.be-booking-desc-title {
    padding-bottom: 15px;
    font-size: 1.538rem;
    margin: 0 0 13px;
    border-bottom: 1px solid #ebebeb
}

.be-booking-desc-details {
    font-size: 1.077rem
}

.be-booking-promo-price {
    text-align: center
}

.be-booking-promo-amount {
    position: relative;
    margin: 3px 0 19px
}

.be-booking-promo-soldout .be-booking-promo-amount {
    margin-top: 41px
}

.be-booking-promo-amount .currency {
    font-size: 1.154rem;
    line-height: 1;
    vertical-align: top
}

.be-booking-promo-amount .price {
    font-size: 3.154rem;
    line-height: 1
}

.be-booking-promo-amount .frecuency {
    font-size: 1.769rem;
    line-height: 1;
    font-weight: 300
}

.btn.be-booking-btn-price {
    padding: 0 21px;
    line-height: 34px
}

.be-booking-promo-big {
    padding: 25px 30px 35px;
    margin-top: -5px;
    margin-bottom: 20px
}

.be-booking-promo-big .be-booking-desc-title {
    font-size: 1.538rem;
    font-weight: 400
}

.be-booking-promo-big .be-promo-big-title {
    position: absolute;
    font-size: 1.462rem;
    color: #FFF;
    top: 13px;
    right: 14px
}

.be-booking-promo-big:before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 72px 72px 0;
    border-color: transparent
}

.be-booking-promo-big.be-booking-promo-danger .be-booking-desc-title {
    color: #ea4335
}

.be-booking-promo-big.be-booking-promo-danger:before {
    border-right-color: #ea4335
}

.be-booking-promo-big.be-booking-promo-primary .be-booking-desc-title {
    color: #4285f4
}

.be-booking-promo-big.be-booking-promo-primary:before {
    border-right-color: #4285f4
}

.be-booking-promo-big.be-booking-promo-success .be-booking-desc-title {
    color: #34a853
}

.be-booking-promo-big.be-booking-promo-success:before {
    border-right-color: #34a853
}

.be-booking-promo-big.be-booking-promo-warning .be-booking-desc-title {
    color: #fbbc05
}

.be-booking-promo-big.be-booking-promo-warning:before {
    border-right-color: #fbbc05
}

.be-booking-promo-color {
    color: #FFF
}

.be-booking-promo-color.be-booking-promo-danger {
    background-color: #ea4335
}

.be-booking-promo-color.be-booking-promo-primary {
    background-color: #4285f4
}

.be-booking-promo-color.be-booking-promo-success {
    background-color: #34a853
}

.be-booking-promo-color.be-booking-promo-warning {
    background-color: #fbbc05
}

table.dataTable {
    margin: 0!important;
    border-collapse: collapse!important
}

table.dataTable thead .sorting:after,table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_desc:before {
    font-size: 1.538rem;
    bottom: .5rem
}

div.dataTables_wrapper {
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0
}

div.dataTables_wrapper div.dataTables_info {
    color: #616161;
    padding-top: 5px
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0;
    -ms-flex-pack: end;
    justify-content: flex-end
}

div.dataTables_wrapper div.dataTables_filter label,div.dataTables_wrapper div.dataTables_length label {
    margin-bottom: 0;
    font-size: 1rem;
    color: #616161
}

div.dataTables_wrapper div.dataTables_length label {
    -ms-flex-pack: start;
    justify-content: flex-start
}

div.dataTables_wrapper div.dataTables_length label .input-group-sm>.input-group-append>select.btn,div.dataTables_wrapper div.dataTables_length label .input-group-sm>.input-group-append>select.input-group-text,div.dataTables_wrapper div.dataTables_length label .input-group-sm>.input-group-prepend>select.btn,div.dataTables_wrapper div.dataTables_length label .input-group-sm>.input-group-prepend>select.input-group-text,div.dataTables_wrapper div.dataTables_length label .input-group-sm>select.form-control,div.dataTables_wrapper div.dataTables_length label select.form-control-sm {
    height: 37px;
    padding: 2px;
    margin: 0 5px
}

div.dataTables_wrapper div.dataTables_filter label {
    -ms-flex-pack: end;
    justify-content: flex-end
}

div.dataTables_wrapper div.dataTables_filter label select {
    padding: 2px
}

.be-datatable-header {
    border-bottom: 1px solid #dee2e6;
    margin: 2px 0 0;
    padding: 15px 10px 22px
}

.be-datatable-header .dt-buttons .btn embed {
    outline: 0
}

.be-datatable-footer {
    margin: 0;
    padding: 15px 3px 13px;
    background-color: #f7f7f7;
    border-top: 1px solid #dee2e6
}

.datetimepicker {
    padding: 4px 12px
}

.datetimepicker.input-group {
    padding: 4px 0
}

.datetimepicker .input-group-append>button {
    padding: 0 13px;
    font-size: 1.846rem;
    line-height: 23px
}

.datetimepicker .input-group-append>button>i {
    vertical-align: middle
}

.datetimepicker.input-group-sm .input-group-append>button {
    font-size: 1.538rem;
    line-height: 21px;
    padding: 0 11px
}

.datetimepicker.input-group-lg .input-group-append>button {
    padding: 0 15px
}

.datetimepicker table {
    border-collapse: separate;
    border-spacing: 7px 2px
}

.datetimepicker table thead tr th {
    padding: 10px 4px 8px
}

.datetimepicker table thead tr th.next,.datetimepicker table thead tr th.prev {
    padding: 0
}

.datetimepicker table thead tr th.next>.icon,.datetimepicker table thead tr th.prev>.icon {
    font-size: 1.615rem
}

.datetimepicker table thead tr th.next:hover,.datetimepicker table thead tr th.prev:hover {
    background-color: transparent;
    color: #4285f4
}

.datetimepicker table thead tr th.switch {
    font-weight: 600;
    font-size: 1.077rem
}

.datetimepicker table thead tr th.switch:hover {
    background-color: transparent;
    color: #5a5959
}

.datetimepicker table thead tr th.dow {
    font-weight: 400;
    font-size: 1.077rem;
    padding-top: 10px
}

.datetimepicker table tbody tr td {
    line-height: 31px;
    padding: 0 8px
}

.datetimepicker table tbody tr td.day {
    border-radius: 50%;
    color: #737373
}

.datetimepicker table tbody tr td.day.new,.datetimepicker table tbody tr td.day.old {
    color: #b3b3b3
}

.datetimepicker table tbody tr td.day.active {
    background: #4285f4;
    color: #FFF;
    text-shadow: none
}

.datetimepicker table tbody tr td.day.active:hover {
    background: #1266f1
}

.datetimepicker table tbody tr td .hour,.datetimepicker table tbody tr td .minute,.datetimepicker table tbody tr td .month,.datetimepicker table tbody tr td .year {
    color: #737373
}

.datetimepicker table tbody tr td .hour.new,.datetimepicker table tbody tr td .hour.old,.datetimepicker table tbody tr td .minute.new,.datetimepicker table tbody tr td .minute.old,.datetimepicker table tbody tr td .month.new,.datetimepicker table tbody tr td .month.old,.datetimepicker table tbody tr td .year.new,.datetimepicker table tbody tr td .year.old {
    color: #b3b3b3
}

.datetimepicker table tbody tr td .hour.active,.datetimepicker table tbody tr td .minute.active,.datetimepicker table tbody tr td .month.active,.datetimepicker table tbody tr td .year.active {
    background: #4285f4;
    color: #FFF;
    text-shadow: none
}

.datetimepicker table tbody tr td .hour.active:hover,.datetimepicker table tbody tr td .minute.active:hover,.datetimepicker table tbody tr td .month.active:hover,.datetimepicker table tbody tr td .year.active:hover {
    background: #1266f1
}

.datetimepicker table tbody tr td fieldset legend {
    font-size: 1.308rem;
    font-weight: 400;
    color: #5a5959;
    margin-bottom: 5px
}

.datetimepicker.dropdown-menu {
    border-color: rgba(0,0,0,.1);
    padding: 10px
}

.datetimepicker.dropdown-menu:before {
    border-bottom-color: rgba(0,0,0,.08)
}

form.dropzone {
    position: relative;
    border: 2px dashed #c3c3c3;
    padding: 70px 60px 80px;
    background: 0 0
}

form.dropzone .icon {
    background-color: #e6e5e5;
    border-radius: 50%;
    display: inline-block;
    height: 100px;
    width: 100px;
    margin-bottom: 15px;
    padding: 20px;
    text-align: center
}

form.dropzone .icon span {
    font-size: 4.615rem;
    color: #696767
}

form.dropzone h2 {
    margin-bottom: 30px;
    font-size: 3.077rem;
    font-weight: 300
}

form.dropzone .note {
    font-size: 1.231rem
}

form.dropzone .dz-preview.dz-file-preview .dz-image,form.dropzone .dz-preview.dz-image-preview .dz-image {
    border: 3px solid #4285f4;
    border-radius: 3px;
    background: #ededed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

form.dropzone .dz-preview.dz-file-preview.dz-error .dz-image,form.dropzone .dz-preview.dz-image-preview.dz-error .dz-image {
    border-color: #ea4335
}

form.dropzone .dz-preview.dz-file-preview.dz-success .dz-image,form.dropzone .dz-preview.dz-image-preview.dz-success .dz-image {
    border-color: #4285f4
}

form.dropzone .dz-preview .dz-details .dz-filename span,form.dropzone .dz-preview .dz-details .dz-size span {
    background: 0 0
}

form.dropzone .dz-preview .dz-error-message {
    word-break: break-word
}

.dropzone-mobile-trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.tooltip-chart {
    display: -ms-flexbox;
    display: flex
}

.tooltip-chart .content-chart {
    background-color: rgba(0,0,0,.8);
    color: #FFF;
    border-radius: 3px;
    padding: 5px 12px;
    position: relative
}

.tooltip-chart .content-chart:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0,0,0,.8);
    position: absolute;
    bottom: -5px;
    margin-left: 50%;
    left: -5px
}

.tooltip-chart .content-chart.arrow-none:before {
    display: none
}

.tooltip-chart .content-chart span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: -2px;
    text-align: center;
    color: #bad3fb
}

.tooltip-chart .content-chart .label {
    font-size: 11px;
    text-align: center
}

.tooltip-chart .content-chart .label .label-x,.tooltip-chart .content-chart .label .label-y {
    display: inline-block
}

.full-calendar .fc-toolbar {
    padding-top: 25px;
    margin-bottom: 30px
}

.full-calendar .fc-view-container .fc-event-container .fc-event {
    background: #4285f4;
    border-color: #1b6cf2;
    color: #FFF;
    border-radius: 0
}

.full-calendar .fc-view-container .fc-border-separate .fc-today {
    background-color: #f7f7f7
}

.full-calendar .fc-view-container .fc-cell-overlay {
    background-color: fade(#4285f4,50%)
}

.full-calendar .fc-button {
    color: #404040;
    background: #FFF;
    border-color: #dbdbdb;
    height: auto;
    padding: 10px;
    font-size: 1rem;
    line-height: 28px
}

.full-calendar .fc-button.focus,.full-calendar .fc-button:focus {
    color: #404040;
    background-color: #FFF;
    border-color: #dbdbdb;
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
    outline: 0
}

.full-calendar .fc-button.hover,.full-calendar .fc-button:hover {
    box-shadow: 0 1px 0 rgba(0,0,0,.1);
    background-color: #FFF;
    border-color: #bababa
}

.full-calendar .fc-button.active,.full-calendar .fc-button.active.focus,.full-calendar .fc-button.active:focus,.full-calendar .fc-button.active:hover,.full-calendar .fc-button.fc-state-active,.full-calendar .fc-button.fc-state-active.focus,.full-calendar .fc-button.fc-state-active:focus,.full-calendar .fc-button.fc-state-active:hover,.full-calendar .fc-button:active,.full-calendar .fc-button:active.focus,.full-calendar .fc-button:active:focus,.full-calendar .fc-button:active:hover,.open>.full-calendar .fc-button.dropdown-toggle,.open>.full-calendar .fc-button.dropdown-toggle.focus,.open>.full-calendar .fc-button.dropdown-toggle:focus,.open>.full-calendar .fc-button.dropdown-toggle:hover {
    color: #272626;
    background-color: #e3e3e3;
    border-color: #bababa;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.06)
}

.full-calendar .fc-button.active,.full-calendar .fc-button:active,.open>.full-calendar .fc-button.dropdown-toggle {
    background-image: none
}

.full-calendar .fc-button.disabled,.full-calendar .fc-button.disabled.active,.full-calendar .fc-button.disabled.focus,.full-calendar .fc-button.disabled:active,.full-calendar .fc-button.disabled:focus,.full-calendar .fc-button.disabled:hover,.full-calendar .fc-button[disabled],.full-calendar .fc-button[disabled].active,.full-calendar .fc-button[disabled].focus,.full-calendar .fc-button[disabled]:active,.full-calendar .fc-button[disabled]:focus,.full-calendar .fc-button[disabled]:hover,fieldset[disabled] .full-calendar .fc-button,fieldset[disabled] .full-calendar .fc-button.active,fieldset[disabled] .full-calendar .fc-button.focus,fieldset[disabled] .full-calendar .fc-button:active,fieldset[disabled] .full-calendar .fc-button:focus,fieldset[disabled] .full-calendar .fc-button:hover {
    background-color: #FFF;
    border-color: #dbdbdb
}

.full-calendar .fc-button.fc-next-button,.full-calendar .fc-button.fc-prev-button {
    padding-left: 7px;
    padding-right: 7px
}

.full-calendar .fc-button .fc-icon:after {
    position: static;
    font-weight: 400;
    font-size: 1.615rem
}

.full-calendar .fc-state-default.fc-corner-left {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.full-calendar .fc-state-default.fc-corner-right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

@media (max-width: 767.98px) {
    .full-calendar {
        max-width:767px
    }

    .full-calendar .fc-toolbar .fc-center,.full-calendar .fc-toolbar .fc-left,.full-calendar .fc-toolbar .fc-right {
        text-align: center;
        display: block;
        width: 100%
    }

    .full-calendar .fc-toolbar .fc-left {
        padding-bottom: 20px
    }

    .full-calendar .fc-toolbar .fc-center {
        padding: 0
    }
}

.fullcalendar-external-events .fc-event {
    margin: 2px 0;
    padding: 5px;
    background: #4285f4;
    color: #FFF;
    font-size: .85em;
    cursor: pointer;
    display: inline-block;
    border-width: 0
}

.fullcalendar-external-events p input {
    margin-top: 15px
}

.fullcalendar-external-events p label {
    font-weight: 300;
    vertical-align: middle
}

.ps-container>.ps-scrollbar-y-rail {
    width: 6px;
    background-color: rgba(0,0,0,.1)
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    right: 0;
    height: 6px;
    width: 6px;
    border-radius: 3px;
    background-color: rgba(0,0,0,.25)
}

.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    width: 6px
}

#gritter-notice-wrapper {
    width: 360px;
    top: 82px
}

.gritter-item-wrapper {
    background: url(../lib/jquery.gritter/images/gritter-bg.png);
    box-shadow: 0 0 4px rgba(0,0,0,.2)
}

.gritter-item-wrapper .gritter-item {
    font-family: 'Open Sans',sans-serif;
    background: 0 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%
}

.gritter-item-wrapper .gritter-item .gritter-img-container {
    display: table-cell;
    width: 26%;
    vertical-align: middle;
    text-align: center;
    background-color: #302f2f
}

.gritter-item-wrapper .gritter-item .gritter-img-container .gritter-image {
    float: none
}

.gritter-item-wrapper .gritter-item .gritter-content {
    width: auto
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image {
    padding: 15px 35px 17px 15px;
    color: #d9d9d9;
    width: 267px;
    display: table-cell
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close {
    display: block;
    top: 0;
    right: 0;
    left: auto;
    height: 30px;
    width: 30px;
    font-size: 0;
    background: 0 0;
    text-indent: inherit;
    opacity: .4
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:hover,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:hover {
    opacity: .8
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:after,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:after {
    content: '\f136';
    font-family: "Material Design Icons";
    color: #FFF;
    font-size: 1.538rem;
    text-shadow: none;
    line-height: 35px;
    margin-left: 7px
}

.gritter-item-wrapper.clean .gritter-item,.gritter-item-wrapper.clean .gritter-item .gritter-content,.gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close:after {
    color: #404040
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-title,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-title {
    text-shadow: none;
    font-weight: 300;
    font-size: 1.308rem
}

.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image p,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image p {
    font-size: .9231rem;
    line-height: 19px
}

.gritter-item-wrapper .gritter-item .gritter-content .gritter-without-image {
    border-left: 0
}

.gritter-item-wrapper.img-rounded {
    border-radius: 0
}

.gritter-item-wrapper.img-rounded .gritter-img-container .gritter-image {
    border-radius: 50%
}

.gritter-item-wrapper.clean {
    background: #FFF
}

.gritter-item-wrapper.clean .gritter-item .gritter-img-container {
    background-color: #fafafa
}

.gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close {
    opacity: .5
}

.gritter-item-wrapper.color .gritter-item .gritter-content {
    color: #FFF
}

.gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close {
    opacity: .7
}

.gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close:hover {
    opacity: 1
}

.gritter-item-wrapper.primary {
    background: #4285f4
}

.gritter-item-wrapper.success {
    background: #34a853
}

.gritter-item-wrapper.warning {
    background: #fbbc05
}

.gritter-item-wrapper.danger {
    background: #ea4335
}

.gritter-item-wrapper.dark {
    background: #3d3c3c
}

.gritter-item-wrapper.facebook {
    background: #5d82d1
}

.gritter-item-wrapper.facebook .gritter-item .gritter-img-container {
    background-color: #5179ce
}

.gritter-item-wrapper.twitter {
    background: #50bff5
}

.gritter-item-wrapper.twitter .gritter-item .gritter-img-container {
    background-color: #42baf4
}

.gritter-item-wrapper.google-plus {
    background: #eb5e4c
}

.gritter-item-wrapper.google-plus .gritter-item .gritter-img-container {
    background-color: #e9523e
}

.gritter-item-wrapper.dribbble {
    background: #f7659c
}

.gritter-item-wrapper.dribbble .gritter-item .gritter-img-container {
    background-color: #f65693
}

.gritter-item-wrapper.flickr {
    background: #0063dc
}

.gritter-item-wrapper.flickr .gritter-item .gritter-img-container {
    background-color: #005ccd
}

.gritter-item-wrapper.linkedin {
    background: #238cc8
}

.gritter-item-wrapper.linkedin .gritter-item .gritter-img-container {
    background-color: #2183bb
}

.gritter-item-wrapper.youtube {
    background: #ef4e41
}

.gritter-item-wrapper.youtube .gritter-item .gritter-img-container {
    background-color: #ee4133
}

.gritter-item-wrapper.pinterest {
    background: #e13138
}

.gritter-item-wrapper.pinterest .gritter-item .gritter-img-container {
    background-color: #df242b
}

.gritter-item-wrapper.github {
    background: #333
}

.gritter-item-wrapper.github .gritter-item .gritter-img-container {
    background-color: #2b2b2b
}

.gritter-item-wrapper.tumblr {
    background: #426d9b
}

.gritter-item-wrapper.tumblr .gritter-item .gritter-img-container {
    background-color: #3d6590
}

.ms-container .ms-selectable {
    background-color: transparent
}

.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover {
    background-color: #4285f4
}

.ms-container .ms-list {
    background-color: #FFF
}

.ms-container .ms-list.ms-focus {
    box-shadow: none;
    border-color: #4285f4
}

.ms-container .search-input {
    height: 30px;
    margin-bottom: 10px
}

.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--single {
    border: .07692rem solid #d5d8de;
    border-radius: 2px
}

.select2-container--default .select2-selection--single {
    height: 3.692rem
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 15px;
    height: 3.53816rem;
    line-height: 3.53816rem;
    font-size: 1.077rem;
    color: #404040
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
    right: 25px;
    font-size: 1.538rem
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 3.5382rem;
    width: 30px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    content: "\f2f9";
    font-family: "Material Design Icons";
    font-size: 1.923rem;
    font-weight: 400;
    line-height: 3.5382rem;
    color: #404040
}

.select2-container--default .select2-selection--multiple {
    min-height: 3.53816rem
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 8px;
    margin-right: 0;
    font-size: 1.538rem
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 4px 12px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0;
    background-color: #f2f2f2;
    color: #5a5959;
    border-width: 0;
    padding: 4px 6px;
    line-height: 18px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #666;
    margin-right: 3px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #4d4d4d
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    line-height: 2rem
}

.select2-container--default.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: .07692rem solid #d5d8de
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
    content: "\f2f9"
}

.select2-container--default .select2-results__group {
    font-size: .9231rem;
    color: #5a5959
}

.select2-container--default .select2-results__option {
    padding: 10px 6px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f7f7f7
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4285f4
}

.select2-container--default .select2-dropdown {
    border-width: .07692rem;
    border-color: #d5d8de
}

.select2-container--default .select2-dropdown--above {
    border-radius: 2px 2px 0 0;
    box-shadow: 0 -2px 6px rgba(0,0,0,.12)
}

.select2-container--default .select2-dropdown--below {
    border-radius: 0 0 2px 2px;
    box-shadow: 0 2px 6px rgba(0,0,0,.12)
}

.select2-container--default .select2-search--dropdown {
    background-color: #f2f3f4;
    border-bottom: .07692rem solid #d5d8de
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: transparent;
    border-width: 0;
    outline: 0
}

.slider.slider-vertical {
    margin-right: 13px
}

.slider.slider-vertical .slider-handle {
    margin-left: -1px
}

.dd,.dd-list {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    list-style: none
}

.slider.slider-horizontal {
    height: 24px
}

.slider.slider-horizontal .slider-track {
    height: 8px
}

.slider-selection {
    background: #4285f4;
    border: 1px solid #4285f4;
    box-shadow: none
}

.slider-track {
    background: #f2f2f2;
    box-shadow: none
}

.slider-handle {
    opacity: 1;
    background: #FFF;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 3px rgba(0,0,0,.12);
    height: 22px;
    width: 22px;
    transition: box-shadow .2s ease-in-out
}

.dd {
    max-width: 600px;
    font-size: 1rem;
    line-height: 20px
}

.dd-list .dd-item .dd-handle,.dd-list .dd3-item .dd-handle {
    cursor: default;
    display: block;
    margin: 5px 0;
    padding: 7px 10px;
    text-decoration: none;
    border: 1px solid #dedede;
    background: #FFF
}

.dd-list .dd-item .dd-handle:hover,.dd-list .dd3-item .dd-handle:hover {
    color: #FFF;
    background: #4285f4;
    border-color: #4285f4
}

.dd-list .dd-item>button,.dd-list .dd3-item>button {
    font-family: "Material Design Icons";
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 8px 2px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    font-size: 1.231rem;
    line-height: 1;
    text-align: center
}

.dd-list .dd-item>button:before,.dd-list .dd3-item>button:before {
    content: '\f278';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0
}

.dd-list .dd-item>button[data-action=collapse]:before,.dd-list .dd3-item>button[data-action=collapse]:before {
    content: '\f273'
}

.dd-list .dd-item .dd3-content,.dd-list .dd3-item .dd3-content {
    display: block;
    margin: 5px 0;
    padding: 7px 10px 7px 40px;
    text-decoration: none;
    background: #FFF;
    border: 1px solid #dedede
}

.dd-list .dd-item .dd3-content:hover,.dd-list .dd3-item .dd3-content:hover {
    background: #FFF
}

.dd-list .dd-item .dd3-handle,.dd-list .dd3-item .dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: all-scroll;
    width: 34px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #4285f4;
    background: #4285f4;
    height: 36px
}

.fuelux .wizard>.steps-container>.steps.previous-disabled li.complete,.fuelux .wizard>.steps-container>.steps.previous-disabled li.complete:hover {
    cursor: default
}

.dd-list .dd-item .dd3-handle:before,.dd-list .dd3-item .dd3-handle:before {
    content: '=';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #FFF;
    font-size: 1.769rem;
    line-height: 24px;
    font-weight: 400
}

.dd-list .dd-item .dd3-handle:hover,.dd-list .dd3-item .dd3-handle:hover {
    background: #5a95f5;
    border-color: #5a95f5
}

.dd-list .dd3-item>button {
    margin-left: 35px
}

.dd-list .dd-empty,.dd-list .dd-item,.dd-list .dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 1rem;
    line-height: 20px
}

.dd-list .dd-empty,.dd-list .dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #FFF;
    border: 1px dashed #b3b2b2;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dd-list .dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: linear-gradient(45deg,#FFF 25%,transparent 25%,transparent 75%,#FFF 75%,#FFF),linear-gradient(45deg,#FFF 25%,transparent 25%,transparent 75%,#FFF 75%,#FFF);
    background-size: 60px 60px;
    background-position: 0 0,30px 30px
}

.dd-list .dd-collapsed .dd-list {
    display: none
}

.dd-list.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999
}

.dd-list.dd-dragel>.dd-item .dd-handle {
    margin-top: 0
}

.dd-list.dd-dragel .dd-handle,.dd-list.dd-dragel .dd3-handle {
    box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1)
}

.dd-list .dd-list {
    padding-left: 30px
}

.parsley-errors-list.filled {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 15px 20px;
    position: relative;
    background-color: #eb6357;
    color: #FFF
}

.parsley-errors-list.filled:after {
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 20px;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 7px solid #eb6357;
    -moz-transform: scale(.9999);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.parsley-errors-list.filled>li {
    list-style: none
}

.note-editor.note-frame {
    margin-bottom: 0;
    border-width: 0;
    box-shadow: none
}

.note-editor.note-frame .note-toolbar {
    margin: 0;
    padding-bottom: 5px
}

.note-editor.note-frame .note-toolbar .btn .fa {
    font-size: 1.077rem
}

.note-editor.note-frame .note-toolbar>.btn-group {
    margin-left: 0;
    margin-right: 5px;
    margin-top: 5px
}

.note-editor.note-frame .note-toolbar>.btn-group .btn-light {
    border-color: #d5d8de
}

.note-editor.note-frame .note-toolbar>.btn-group .btn-light:hover {
    border-color: #bdbdbd
}

.note-editor.note-frame .note-toolbar>.btn-group .btn-light:not([disabled]):not(.disabled).active,.note-editor.note-frame .note-toolbar>.btn-group .btn-light:not([disabled]):not(.disabled):active,.show>.note-editor.note-frame .note-toolbar>.btn-group .btn-light.dropdown-toggle {
    border-color: #bababa
}

.note-editor.note-frame .note-toolbar>.btn-group .btn-light.dropdown-toggle:after {
    display: inline-block
}

.note-editor.note-frame .note-toolbar>.btn-group .btn-light+.dropdown-menu blockquote {
    padding: 10px 20px
}

.note-editor.note-frame .note-toolbar .note-color .dropdown-toggle {
    padding-left: 5px;
    width: 20px
}

.note-editor.note-frame .note-statusbar {
    background-color: #f6f6f6
}

.note-editor.note-frame .note-statusbar .note-resizebar {
    height: auto;
    padding-top: 3px;
    padding-bottom: 4px
}

.note-editor.note-frame .note-editable {
    border: 1px solid #d5d8de;
    padding: 10px 12px;
    margin-top: 6px;
    border-radius: 0
}

.note-editor.note-frame .note-editing-area .note-editable {
    color: #404040
}

.jvectormap-zoomin,.jvectormap-zoomout {
    line-height: 11px
}

.jqvmap-zoomin,.jqvmap-zoomout {
    width: 30px;
    height: 30px;
    background-color: #d9d9d9;
    color: #7a7a7a;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    border-radius: 0;
    top: auto;
    left: 0;
    bottom: 0
}

.jqvmap-zoomin:hover,.jqvmap-zoomout:hover {
    background-color: #c9c9c9
}

.jqvmap-zoomin {
    left: 43px
}

.fuelux .wizard {
    background-color: #f9f9f9;
    position: relative;
    min-height: 48px;
    overflow: hidden
}

.fuelux .wizard:after,.fuelux .wizard:before {
    display: table;
    content: "";
    line-height: 0
}

.fuelux .wizard:after {
    clear: both
}

.fuelux .wizard>.steps-container>.steps {
    list-style: none;
    padding: 0;
    margin: 0
}

.fuelux .wizard>.steps-container>.steps li {
    float: left;
    margin: 0;
    padding: 0 20px 0 30px;
    height: 46px;
    line-height: 46px;
    position: relative;
    background: #ededed;
    color: #999;
    cursor: not-allowed
}

.fuelux .wizard>.steps-container>.steps li .chevron {
    border: 24px solid transparent;
    border-left: 14px solid #d4d4d4;
    border-right: 0;
    display: block;
    position: absolute;
    right: -14px;
    top: 0;
    z-index: 1;
    -moz-transform: scale(.9999)
}

.fuelux .wizard>.steps-container>.steps li .chevron:before {
    border: 24px solid transparent;
    border-left: 14px solid #ededed;
    border-right: 0;
    content: "";
    display: block;
    position: absolute;
    right: 1px;
    top: -24px
}

.fuelux .wizard>.steps-container>.steps li.complete:hover {
    cursor: pointer
}

.fuelux .wizard>.steps-container>.steps li.complete:hover .chevron:before {
    border-left: 14px solid #e7eff8
}

.fuelux .wizard>.steps-container>.steps li.active {
    cursor: default
}

.fuelux .wizard>.actions .btn-next[disabled],.fuelux .wizard>.actions .btn-prev[disabled] {
    cursor: not-allowed
}

.fuelux .wizard>.steps-container>.steps li.active .badge {
    background-color: #3a87ad
}

.fuelux .wizard>.steps-container>.steps li .badge {
    margin-right: 8px
}

.fuelux .wizard>.steps-container>.steps li .badge-success {
    background-color: #468847
}

.fuelux .wizard>.steps-container>.steps li:first-child {
    padding-left: 20px
}

.fuelux .wizard>.actions {
    z-index: 1000;
    position: absolute;
    right: 0;
    float: right;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
    background-color: #e5e5e5;
    border-left: 1px solid #d4d4d4
}

.fuelux .wizard>.actions .btn,.fuelux .wizard>.actions .btn:active,.fuelux .wizard>.actions .btn:focus {
    box-shadow: none;
    border-width: 0
}

.fuelux .wizard>.actions a {
    line-height: 45px;
    font-size: .9231rem;
    margin-right: 8px
}

.fuelux .wizard>.actions .btn-prev span {
    margin-right: 5px
}

.fuelux .wizard>.actions .btn-next span {
    margin-left: 5px
}

.fuelux .wizard .step-content .step-pane {
    display: none
}

.fuelux .wizard .step-content>.active {
    display: block
}

.fuelux .wizard .step-content>.active .btn-group .active {
    display: inline-block
}

.fuelux .wizard.complete>.actions .glyphicon-arrow-right:before {
    display: none
}

.fuelux .wizard.complete>.actions .glyphicon-arrow-right {
    margin-left: 0
}

.block-wizard {
    padding: 0
}

.fuelux .wizard {
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    background: #FFF
}

.fuelux .wizard label.col-form-label {
    font-weight: 600
}

.fuelux .wizard .wizard-title {
    margin: 10px 0 0
}

.fuelux .wizard>.actions {
    line-height: 48px;
    background: #f7f7f7;
    padding: 0;
    font-size: 0
}

.fuelux .wizard>.actions .btn {
    line-height: 48px;
    border-radius: 0;
    vertical-align: top;
    padding: 0 14px;
    font-weight: 400;
    color: #949494
}

.fuelux .wizard>.actions .btn:hover {
    background-color: #f7f7f7
}

.fuelux .wizard>.actions .btn:first-child {
    border-right: 1px solid #d4d4d4
}

.fuelux .wizard>.actions .btn .icon {
    font-size: 1.308rem;
    line-height: 17px;
    position: relative;
    top: -1px;
    color: #949494
}

.fuelux .wizard>.actions .btn.btn-previous i {
    margin-right: 5px
}

.fuelux .wizard>.actions .btn.btn-next i {
    margin-left: 5px
}

.fuelux .wizard>.steps-container>.steps>li {
    height: 48px;
    background-color: #f7f7f7
}

.fuelux .wizard>.steps-container>.steps>li .chevron {
    border-left-color: #e0e0e0
}

.fuelux .wizard>.steps-container>.steps>li .chevron:before {
    border-left: 14px solid #f7f7f7
}

.fuelux .wizard>.steps-container>.steps li {
    font-size: 1.154rem
}

.fuelux .wizard>.steps-container>.steps li:first-child {
    border-radius: 0
}

.fuelux .wizard>.steps-container>.steps li.active {
    background: #FFF;
    color: #4285f4
}

.fuelux .wizard>.steps-container>.steps li.active .chevron:before {
    -moz-transform: scale(.9999);
    border-left: 14px solid #FFF
}

.fuelux .wizard>.steps-container>.steps li.complete {
    color: #FFF;
    background: #4285f4
}

.fuelux .wizard>.steps-container>.steps li.complete .chevron {
    border-left-color: #1b6cf2
}

.fuelux .wizard>.steps-container>.steps li.complete .chevron:before {
    border-left: 14px solid #4285f4
}

.fuelux .wizard>.steps-container>.steps li.complete:hover {
    background: #508ef5
}

.fuelux .wizard>.steps-container>.steps li.complete:hover .chevron {
    border-left-color: #2572f2
}

.fuelux .wizard>.steps-container>.steps li.complete:hover .chevron:before {
    border-left-color: #508ef5
}

.fuelux .wizard>.steps-container>.steps.previous-disabled li.complete:hover {
    color: #FFF;
    background: #4285f4
}

.fuelux .wizard>.steps-container>.steps.previous-disabled li.complete:hover .chevron:before {
    border-left-color: #4285f4
}

.fuelux .wizard>.actions button {
    font-size: .9231rem
}

.fuelux .wizard>.actions button i {
    font-size: .8462rem;
    line-height: 17px
}

.fuelux .wizard>.actions button.btn-prev i {
    margin-right: 3px
}

.fuelux .wizard>.actions button.btn-next i {
    margin-left: 3px
}

.fuelux .wizard .step-content {
    float: left;
    width: 100%;
    padding: 20px 30px;
    clear: both;
    border-top: 1px solid #E2E2E2
}

@media (max-width: 767px) {
    .wizard-row .fuelux {
        position:static
    }
}

.widget-calendar .ui-datepicker {
    position: relative;
    margin: 10px 0 32px
}

.widget-calendar .ui-datepicker .ui-datepicker-header {
    border-bottom: 1px solid rgba(255,255,255,.6);
    padding-bottom: 5px;
    margin-bottom: 20px
}

.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    cursor: default;
    line-height: 24px;
    margin: 0 2.3em;
    text-align: center;
    font-weight: 300;
    font-size: 1.385rem
}

.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next,.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    height: 1.8em;
    position: absolute;
    top: -5px;
    width: 1.8em;
    color: #404040;
    font-size: 1.923rem
}

.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span,.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
    overflow: hidden;
    display: block;
    text-indent: -99999px
}

.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after,.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:after {
    cursor: pointer;
    content: "\f2fa";
    font-family: "Material Design Icons";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    text-indent: 0
}

.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 8px
}

.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 2px
}

.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after {
    content: "\f2fb";
    right: 2px
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar {
    width: 100%
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td:first-child,.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr th:first-child {
    padding-left: 0
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td:last-child,.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr th:last-child {
    padding-right: 0
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar th {
    border: 0;
    padding: 3px;
    text-align: center;
    font-weight: 400;
    color: #404040
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar th span {
    font-size: 1.077rem
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td {
    border: 0;
    padding: 6px 0;
    text-align: center
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a {
    display: inline-block;
    padding: 0;
    text-align: center;
    text-decoration: none;
    color: #737373;
    width: 27px;
    height: 27px;
    line-height: 27px
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a:hover {
    color: #404040
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active,.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background-color: #e6e5e5;
    border-radius: 50%
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background-color: #4285f4;
    color: #FFF
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td.has-events a {
    position: relative;
    background-color: #ebf2fe;
    border-radius: 50%
}

.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td.ui-datepicker-other-month a {
    color: #ccc
}

.widget-calendar .ui-datepicker.ui-datepicker-6rows {
    margin-bottom: 28px
}

.widget-calendar .ui-datepicker.ui-datepicker-6rows table.ui-datepicker-calendar tr td {
    padding: 3px 0
}

.widget.widget-map .map-container>div {
    height: 229px
}

.widget.widget-tile {
	padding: 15px 10px;
    margin-bottom: 10px;
    display: table;
    table-layout: fixed;
    width: 100%
}

.widget.widget-tile .data-info {
    display: table-cell;
    text-align: right
}

.widget.widget-tile .data-info .value, .widget.widget-tile .data-info .value .z-label {
    font-size: 1.493rem;
    font-weight: 300;
    white-space: nowrap;
}

.widget.widget-tile .data-info .indicator {
    font-size: 1.923rem;
    margin-right: 0;
    line-height: 24px;
    vertical-align: middle
}

.widget.widget-tile .data-info .indicator-equal {
    color: #4285f4
}

.widget.widget-tile .data-info .indicator-positive {
    color: #34a853
}

.widget.widget-tile .data-info .indicator-negative {
    color: #ea4335
}

.widget.widget-tile .data-info .desc, .widget.widget-tile .data-info .desc .z-label {
    font-size: 1.1rem;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.widget.widget-tile .chart {
    width: 85px;
    min-height: 45px;
    padding: 5px 0;
    display: table-cell;
    vertical-align: middle
}

.widget.widget-tile.widget-tile-wide {
    display: table;
    width: 100%
}

.widget.widget-tile.widget-tile-wide>div {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.widget.widget-tile.widget-tile-wide .data-info {
    vertical-align: top
}

.widget.widget-tile.widget-tile-wide .data-info .title {
    font-size: 1.231rem;
    line-height: 22px;
    margin-bottom: 2px
}

.widget.widget-tile.widget-tile-wide .data-info .desc {
    color: #807f7f;
    font-size: .9231rem
}

.widget.widget-tile.widget-tile-wide .tile-value {
    text-align: right
}

.widget.widget-tile.widget-tile-wide .tile-value>span {
    display: block;
    padding-right: 10px;
    font-weight: 300;
    font-size: 2.385rem
}

.widget.widget-tile.widget-tile-wide .icon {
    float: none;
    line-height: 43px;
    vertical-align: top;
    margin-right: 5px
}

.balances .widget.widget-tile {
    padding: 0;
}
.balances .widget.widget-tile .data-info .desc, .widget.widget-tile .data-info .desc .z-label {
    margin-right: 5px;
}
.balances .widget.widget-tile .data-info .value {
	font-size: 1.1rem;
}
.user-display {
    margin-bottom: 30px;
    border-radius: 2px;
    background-color: #FFF
}

.user-display-bg {
    max-height: 300px;
    overflow: hidden
}

.user-display-bg img {
    width: 100%;
    border-radius: 2px 2px 0 0
}

@media (max-width: 767.98px) {
    .user-display-bg img {
        min-height:130px
    }
}

.user-display-bottom {
    position: relative;
    padding: 11px 20px
}

.user-display-avatar {
    position: absolute;
    left: 20px;
    top: -50px;
    border-radius: 50%;
    background-color: #FFF
}

.user-display-avatar img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 3px solid #FFF
}

.user-display-info {
    line-height: 20px;
    padding-left: 130px
}

.user-display-info .name {
    display: block;
    font-size: 1.385rem;
    font-weight: 500;
    line-height: 22px
}

.user-display-info .nick {
    line-height: 21px;
    color: #5f5f5f
}

.user-display-details {
    margin-top: 15px
}

.user-display-details .title {
    text-transform: uppercase;
    font-size: .9231rem;
    color: #5f5f5f
}

.user-display-details .counter {
    font-size: 1.385rem
}

.user-info-list table {
    width: 100%;
    table-layout: fixed
}

.user-info-list table tr td {
    padding: 12px 0
}

.user-info-list table tr td.icon {
    width: 33px
}

.user-info-list table tr td.icon>span {
    font-size: 1.538rem;
    vertical-align: middle;
    margin-bottom: 1px
}

.user-info-list table tr td.item {
    width: 34%
}

.user-progress {
    margin-bottom: 15px
}

.user-progress .title {
    display: block;
    margin-bottom: 10px
}

.user-progress .value {
    display: block;
    text-align: right;
    font-size: 1.385rem;
    padding-top: 18px;
    overflow-wrap: normal
}

.user-progress .progress {
    height: 10px;
    border-radius: 5px;
    margin-bottom: 0
}

.user-progress .progress-bar {
    border-radius: 5px
}

.user-progress-small {
    margin-bottom: 20px
}

.user-progress-small .title {
    display: inline-block
}

.user-progress-small .progress {
    margin-top: 5px;
    height: 5px
}

.user-timeline {
    padding: 0;
    margin: 5px 0 15px;
    list-style: none;
    position: relative
}

.user-timeline:after,.user-timeline:before {
    position: absolute;
    background-color: #4285f4;
    content: ""
}

.user-timeline:before {
    left: 7px;
    top: 2px;
    height: 100%;
    width: 2px
}

.user-timeline:after {
    left: 4px;
    bottom: -2px;
    height: 8px;
    width: 8px;
    border-radius: 50%
}

.user-timeline>li {
    display: block;
    position: relative;
    padding-left: 30px;
    padding-bottom: 27px
}

.user-timeline>li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    height: 16px;
    width: 16px;
    background-color: #FFF;
    border-radius: 50%;
    border: 1px solid #4285f4
}

.user-timeline>li.latest:before {
    background-color: #4285f4
}

.user-timeline-compact:after,.user-timeline-compact:before,.user-timeline-compact>li.latest:before {
    background-color: #f6c163
}

.user-timeline-date {
    text-transform: uppercase;
    color: #737373;
    margin-bottom: 8px
}

.user-timeline-title {
    font-weight: 500
}

.user-timeline-compact .user-timeline-date {
    float: right;
    text-transform: capitalize;
    margin-bottom: 0;
    line-height: 22px
}

.user-timeline-compact .user-timeline-title {
    font-size: 1.385rem;
    font-weight: 300
}

.user-timeline-compact .user-timeline-description {
    color: #737373;
    margin-top: 4px
}

.user-timeline-compact>li {
    padding-bottom: 35px
}

.user-timeline-compact>li:last-child {
    padding-bottom: 25px
}

.user-timeline-compact>li:before {
    border: 1px solid #f6c163
}
.breadcrumb-item.active span {
    margin: 0;
    padding: 0 1rem 0 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: #434349;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}