@charset "UTF-8";
@import url("/a/fonts/montserrat_400_500_600.css");

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


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

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

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

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

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

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

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

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

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

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

dt {
    font-weight: bold;
}

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

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

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

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

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

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

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

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

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

figure {
    margin: 0 0 1rem;
}

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

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

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #868e96;
    text-align: left;
    caption-side: bottom;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

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

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

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

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

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

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

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

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

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

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

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

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

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

code {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
}

a > code {
    padding: 0;
    color: inherit;
    background-color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

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

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #212529;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0;
}

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

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

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

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

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

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

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

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

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

.card-link + .card-link {
    margin-left: 1.25rem;
}

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

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

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

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

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

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

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

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

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

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

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

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

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

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

    .card-group .card {
        flex: 1 0 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-img-top {
        border-top-right-radius: 0;
    }

    .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-img-top {
        border-top-left-radius: 0;
    }

    .card-group .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0;
    }

    .card-group .card:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .card-group .card:not(:first-child):not(:last-child) .card-img-top,
    .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
        border-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
    }

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

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge:empty {
    display: none;
}

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

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

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc;
}

.badge-secondary {
    color: #fff;
    background-color: #868e96;
}

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

.badge-success {
    color: #fff;
    background-color: #28a745;
}

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

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-info[href]:focus, .badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b;
}

.badge-warning {
    color: #111;
    background-color: #ffc107;
}

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

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

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

.badge-light {
    color: #111;
    background-color: #f8f9fa;
}

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

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

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

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

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

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

.alert {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: bold;
}

.alert-dismissible .close {
    position: relative;
    top: -0.75rem;
    right: -1.25rem;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-secondary {
    color: #464a4e;
    background-color: #e7e8ea;
    border-color: #dddfe2;
}

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

.alert-secondary .alert-link {
    color: #2e3133;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

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

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

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

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

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

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

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

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

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

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

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

.alert-dark .alert-link {
    color: #040505;
}

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

.media-body {
    flex: 1;
}

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

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

.list-group-item-action:focus, .list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

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

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

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

.list-group-item.disabled, .list-group-item:disabled {
    color: #868e96;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #004085;
}

a.list-group-item-primary:focus, a.list-group-item-primary:hover,
button.list-group-item-primary:focus,
button.list-group-item-primary:hover {
    color: #004085;
    background-color: #9fcdff;
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085;
}

.list-group-item-secondary {
    color: #464a4e;
    background-color: #dddfe2;
}

a.list-group-item-secondary,
button.list-group-item-secondary {
    color: #464a4e;
}

a.list-group-item-secondary:focus, a.list-group-item-secondary:hover,
button.list-group-item-secondary:focus,
button.list-group-item-secondary:hover {
    color: #464a4e;
    background-color: #cfd2d6;
}

a.list-group-item-secondary.active,
button.list-group-item-secondary.active {
    color: #fff;
    background-color: #464a4e;
    border-color: #464a4e;
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #155724;
}

a.list-group-item-success:focus, a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #155724;
    background-color: #b1dfbb;
}

a.list-group-item-success.active,
button.list-group-item-success.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #0c5460;
}

a.list-group-item-info:focus, a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #0c5460;
    background-color: #abdde5;
}

a.list-group-item-info.active,
button.list-group-item-info.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #856404;
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #856404;
    background-color: #ffe8a1;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404;
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #721c24;
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: #721c24;
    background-color: #f1b0b7;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

a.list-group-item-light,
button.list-group-item-light {
    color: #818182;
}

a.list-group-item-light:focus, a.list-group-item-light:hover,
button.list-group-item-light:focus,
button.list-group-item-light:hover {
    color: #818182;
    background-color: #ececf6;
}

a.list-group-item-light.active,
button.list-group-item-light.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

a.list-group-item-dark,
button.list-group-item-dark {
    color: #1b1e21;
}

a.list-group-item-dark:focus, a.list-group-item-dark:hover,
button.list-group-item-dark:focus,
button.list-group-item-dark:hover {
    color: #1b1e21;
    background-color: #b9bbbe;
}

a.list-group-item-dark.active,
button.list-group-item-dark.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

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

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}

button.close {
    padding: 0;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

button#artikelincompleetbutton {
    position:absolute;
    right:10px;
    top:10px;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
}

.tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] {
    padding: 5px 0;
}

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

.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 5px;
}

.tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
}

.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
    padding: 5px 0;
}

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

.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 5px;
}

.tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
}

.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

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

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 10px;
    height: 5px;
}

.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow::before {
    content: "";
    border-width: 11px;
}

.popover .arrow::after {
    content: "";
    border-width: 11px;
}

.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
    margin-bottom: 10px;
}

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

.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
    border-bottom-width: 0;
}

.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
    bottom: -11px;
    margin-left: -6px;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
    bottom: -10px;
    margin-left: -6px;
    border-top-color: #fff;
}

.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
    margin-left: 10px;
}

.popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
    left: 0;
}

.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
    margin-top: -8px;
    border-left-width: 0;
}

.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
    left: -11px;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
    left: -10px;
    border-right-color: #fff;
}

.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
    margin-top: 10px;
}

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

.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    margin-left: -7px;
    border-top-width: 0;
}

.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
    top: -11px;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    top: -10px;
    border-bottom-color: #fff;
}

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

.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
    margin-right: 10px;
}

.popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
    right: 0;
}

.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
    margin-top: -8px;
    border-right-width: 0;
}

.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
    right: -11px;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
    right: -10px;
    border-left-color: #fff;
}

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

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 9px 14px;
    color: #212529;
}

.carousel {
    position: relative;
}

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

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    transition: transform 0.6s ease;
    backface-visibility: hidden;
    perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0);
}

@supports (transform-style: preserve-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    transform: translateX(100%);
}

@supports (transform-style: preserve-3d) {
    .carousel-item-next,
    .active.carousel-item-right {
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    transform: translateX(-100%);
}

@supports (transform-style: preserve-3d) {
    .carousel-item-prev,
    .active.carousel-item-left {
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

.carousel-control-prev:focus, .carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-next:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 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: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

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

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

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

.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: #007bff !important;
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #868e96 !important;
}

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

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #117a8b !important;
}

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

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

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

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

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

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

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:focus, a.bg-dark:hover {
    background-color: #1d2124 !important;
}

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

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

.border {
    border: 1px solid #e9ecef !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #007bff !important;
}

.border-secondary {
    border-color: #868e96 !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
    border-radius: 50%;
}

.rounded-0 {
    border-radius: 0;
}

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

.d-none {
    display: none !important;
}

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

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

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

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

    .d-sm-flex {
        display: flex !important;
    }

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

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

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

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

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

    .d-md-flex {
        display: flex !important;
    }

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

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

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

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

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

    .d-lg-flex {
        display: flex !important;
    }

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

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

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

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

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

    .d-xl-flex {
        display: flex !important;
    }

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

.d-print-block {
    display: none !important;
}

@media print {
    .d-print-block {
        display: block !important;
    }
}

.d-print-inline {
    display: none !important;
}

@media print {
    .d-print-inline {
        display: inline !important;
    }
}

.d-print-inline-block {
    display: none !important;
}

@media print {
    .d-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
}

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

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

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.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.85714%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

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

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

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

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

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    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;
    clip-path: none;
}

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

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

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

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

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

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

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

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

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

.m-1 {
    margin: 0.25rem !important;
}

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

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

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

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

.m-2 {
    margin: 0.5rem !important;
}

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

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

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

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

.m-3 {
    margin: 1rem !important;
}

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

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

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

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

.m-4 {
    margin: 1.5rem !important;
}

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

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

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

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

.m-5 {
    margin: 3rem !important;
}

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

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

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

.ml-5,
.mx-5 {
    margin-left: 3rem !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: 0.25rem !important;
}

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

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

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

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

.p-2 {
    padding: 0.5rem !important;
}

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

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

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

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

.p-3 {
    padding: 1rem !important;
}

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

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

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

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

.p-4 {
    padding: 1.5rem !important;
}

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

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

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

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

.p-5 {
    padding: 3rem !important;
}

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

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

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

.pl-5,
.px-5 {
    padding-left: 3rem !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: 0.25rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !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: 0.25rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-md-auto {
        margin: auto !important;
    }

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

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

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

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

@media (min-width: 992px) {
    .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: 0.25rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

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

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

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

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

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

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

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

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

@media (min-width: 1200px) {
    .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: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

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

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

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

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

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

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

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

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

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

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

@media (min-width: 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) {
    .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) {
    .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: normal !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:focus, a.text-primary:hover {
    color: #0062cc !important;
}

.text-secondary {
    color: #868e96 !important;
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #6c757d !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:focus, a.text-success:hover {
    color: #1e7e34 !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:focus, a.text-info:hover {
    color: #117a8b !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:focus, a.text-warning:hover {
    color: #d39e00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:focus, a.text-danger:hover {
    color: #bd2130 !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:focus, a.text-light:hover {
    color: #dae0e5 !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:focus, a.text-dark:hover {
    color: #1d2124 !important;
}

.text-muted {
    color: #868e96 !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;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.split-view {
    position: relative;
    height: 100%;
}

.split-view .split-list {
    float: left;
    width: 360px;
    background: #fff;
    height: 100%;
    overflow-y: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    border-right: 1px solid #e6e6e6;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.split-view .split-list .list-view-fake-header {
    font-size: 11px !important;
    line-height: normal !important;
}

.split-view .split-list.slideLeft {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

.split-view .split-list .list-refresh {
    position: absolute;
    right: 18px;
    top: 4px;
    color: #626262;
    opacity: .34;
    z-index: 101;
}

.split-view .split-list .list-refresh i {
    font-size: 11px;
}

.split-view .split-list .list-view-fake-header, .split-view .split-list .list-view-group-header {
    background: #f0f0f0;
    height: 28px;
    color: rgba(98, 98, 98, 0.7);
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 11px;
    padding-left: 12px;
    padding-top: 6px;
    letter-spacing: 0.07em;
    width: 100%;
}

.split-view .split-list .item {
    height: 111px;
    list-style: none;
    position: relative;
    border-bottom: 1px solid rgba(230, 230, 230, 0.7);
    cursor: pointer;
}

.split-view .split-list .item .inline {
    width: 280px;
}

.split-view .split-list .item .inline > * {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: arial;
}

.split-view .split-list .item .recipients {
    letter-spacing: 0.01em;
    padding-bottom: 2px;
}

.split-view .split-list .item .checkbox {
    float: left;
    clear: left;
    display: none;
    max-width: 32px;
}

.split-view .split-list .item .subject {
    font-family: 'Helvetica';
    font-size: 14px;
    color: #3b4752;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 38px;
    display: -webkit-box;
    white-space: normal;
    line-height: 18px;
}

.split-view .split-list .item .body {
    font-size: 13px;
    opacity: .52;
    height: 22px;
}

.split-view .split-list .item .datetime {
    color: #121212;
    font-family: arial;
    font-size: 11px;
    position: absolute;
    right: 20px;
    top: 15px;
    opacity: 0.46;
}

.split-view .split-details {
    position: relative;
    overflow: auto;
    height: 100%;
}

.split-view .split-details .no-result {
    bottom: 0;
    left: 0;
    margin-top: -34px;
    opacity: 0.5;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}

.split-view .split-details .actions {
    height: 50px;
    float: left;
}

.split-view .split-details .actions li {
    list-style: none;
    position: relative;
}

.split-view .split-details .actions li:last-child:after {
    display: none;
}

.split-view .split-details .actions li:after {
    content: "";
    height: 14px;
    position: absolute;
    right: -4px;
    top: 18px;
    width: 1px;
    background: rgba(0, 0, 0, 0.07);
}

.split-view .split-details .actions li a {
    font-size: 13px;
    color: #626262;
    font-weight: 600;
    padding: 0 13px;
    line-height: 50px;
    white-space: nowrap;
}

.inner-content {
    margin-top: 0;
    padding: 0;
    overflow: auto;
    min-height: 100%;
    margin-left: 250px;
}

/* Quick View
------------------------------------
*/
.quickview-wrapper {
    position: fixed;
    right: -285px;
    top: 0;
    width: 285px;
    background: #fff;
    bottom: 0;
    z-index: 1000;
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
    border-left: 1px solid rgba(222, 227, 231, 0.56);
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.quickview-wrapper.open {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
}

.quickview-wrapper .quickview-toggle {
    position: absolute;
    right: 12px;
    top: 2px;
    color: #788296;
    padding: 6px;
    opacity: 0.4;
}

.quickview-wrapper .quickview-toggle:hover {
    opacity: 1;
}

.quickview-wrapper .nav-tabs {
    /* Quickview Tabs */
    background-color: #2b303b;
    position: relative;
    padding: 0 43px;
}

.quickview-wrapper .nav-tabs > li > a {
    padding: 11px;
    color: #788296;
    border: 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    min-width: 62px;
    line-height: 1.4;
}

.quickview-wrapper .nav-tabs > li > a > span {
    opacity: 0.6;
}

.quickview-wrapper .nav-tabs > li > a:hover > span {
    color: #788296;
    opacity: 1;
}

.quickview-wrapper .nav-tabs > li.active > a, .quickview-wrapper .nav-tabs > li.active > a:hover, .quickview-wrapper .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border: 0;
    color: #cdd1d8;
    opacity: 1;
}

.quickview-wrapper .nav-tabs ~ .tab-content {
    position: absolute;
    padding: 0;
    left: 0;
    right: 0;
    top: 38px;
    bottom: 0;
    height: auto;
}

.quickview-wrapper .nav-tabs ~ .tab-content > div {
    height: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content ul {
    margin: 0;
    padding: 0;
}

.quickview-wrapper .nav-tabs ~ .tab-content ul li {
    list-style: none;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes {
    /* Quickview Notes */
    background: #fbf9e3;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes a, .quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes button {
    color: #968974;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list {
    position: relative;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar {
    height: 50px;
    padding: 0 25px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar ul {
    margin-top: 10px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar ul > li {
    display: inline-block;
    height: auto;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar ul > li a {
    height: 22px;
    line-height: 22px;
    display: block;
    padding: 0 5px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar ul > li a:hover, .quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar ul > li a.selected {
    background: #968974;
    color: #FBF9E3;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list .toolbar .btn-remove-notes {
    background: transparent;
    bottom: 8px;
    display: block;
    left: 50%;
    margin-left: -40%;
    position: absolute;
    width: 83%;
    border: 1px solid #968974;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul {
    padding: 0;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li {
    cursor: pointer;
    height: 42px;
    padding: 0 25px;
    display: block;
    clear: both;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .left {
    float: left;
    width: 65%;
    height: 100%;
    padding-top: 9px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .left .checkbox {
    display: none;
    float: left;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .left .checkbox label {
    margin-right: 0;
    vertical-align: text-top;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .left p {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .right {
    font-size: 10px;
    text-align: right;
    width: 35%;
    line-height: 41px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li .right .date {
    margin-right: 10px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list > ul li:hover {
    background: #f4ecd1;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note {
    /* Quickview Note */
    background-image: url("../img/notes_lines.png");
    background-repeat: repeat-y;
    background-position: 27px top;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note > div {
    display: table;
    height: 100%;
    width: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar {
    background: #fcfcfa;
    height: 35px;
    width: 100%;
    display: table-row;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.33);
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li {
    display: inline-block;
    border-right: 1px solid #EDECEC;
    float: left;
    line-height: 37px;
    padding: 0;
    text-align: center;
    width: 40px;
    height: auto;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li > a {
    color: #a5a5a5;
    display: block;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li > a:hover {
    background: #fffaf6;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li > a.active {
    color: #333;
    background: #f9f1ea;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar:after {
    position: absolute;
    content: "";
    width: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body {
    display: table-row;
    height: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body > div {
    display: table;
    height: 100%;
    width: 100%;
    padding: 0 20px 0 45px;
    white-space: normal;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .top {
    height: 50px;
    display: table-row;
    clear: both;
    line-height: 50px;
    text-align: center;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .top > a {
    float: left;
    color: #b0b0a8;
    margin-left: 10px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .top > span {
    font-style: italic;
    color: #b0b0a8;
    font-size: 11px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content {
    display: table-row;
    height: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content form {
    height: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor {
    font-size: 12px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor:focus {
    outline: none;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor::-moz-selection {
    background: #fef8ae;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor::selection {
    background: #fef8ae;
}
/* Other overides */
.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

.copyright {
    padding: 25px 0;
    border-top: 1px solid #e6e6e6;
}

/*------------------------------------------------------------------
[3. Chat]
*/
/* Chat Components
--------------------------------------------------
*/
.chat-view .chat-inner {
    padding: 15px;
    overflow-x: hidden;
    height: calc(100% - 103px);
}

.chat-view .message {
    margin-bottom: 10px;
    line-height: 30px;
}

.chat-view .profile-img-wrapper {
    height: 28px;
    width: 28px;
}

.chat-view .chat-bubble {
    position: relative;
    border-radius: 12px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 16px;
    margin: 5px 0 0 5px;
    max-width: 60%;
    white-space: normal;
}

.chat-view .chat-bubble > p {
    margin: 0;
}

.chat-view .chat-bubble.from-me {
    background: #daeffd;
    color: #2c2c2c;
    opacity: 0.8;
    float: right;
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.chat-view .chat-bubble.from-them {
    color: #2c2c2c;
    opacity: 0.8;
    background: #f0f0f0;
    position: relative;
    opacity: 0.8;
    float: left;
    border: 1px solid #f0f5f8;
}

.chat-view .chat-input {
    border: 0;
    height: 45px;
}

.chat-view .chat-input:focus, .chat-view .chat-input:active {
    background-color: #fff;
}

.chat-view .user-controls {
    padding-top: 12px;
}

/* Chat User List
--------------------------------------------------
*/
.chat-user-list > a {
    height: 60px;
}

/* Alert List
--------------------------------------------------
*/
.alert-list > a {
    height: 45px;
}

/*------------------------------------------------------------------
[4. Cards]
*/
.card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
    background-color: #fff;
    margin-bottom: 20px;
    width: 100%;
}

.card .card-header {
    background: transparent;
    border-radius: 0px;
    border-bottom: 0px;
    padding: 20px 20px 7px 20px;
    position: relative;
    z-index: 3;
    min-height: 48px;
}

.card .card-header.separator:after {
    content: "";
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    left: 16px;
    right: 16px;
    position: absolute;
    bottom: 0;
}

.card .card-header + .card-block {
    padding-top: 0;
}

.card .card-header .card-title {
    font-family: 'Montserrat';
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.06em;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-stroke: 0;
    filter: alpha(opacity=40);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.card .card-header .card-controls {
    float: right;
    margin-top: -3px;
}

.card .card-header .card-controls ul {
    margin: 0;
    padding: 0;
}

.card .card-header .card-controls ul li {
    display: inline-block;
    list-style: none;
    line-height: 0;
}

.card .card-header .card-controls:after {
    content: "";
    display: table;
    clear: both;
}

.card .card-header.card-header-hover .card-title {
    opacity: .4;
}

.card .card-header.card-header-hover:hover .card-title {
    opacity: 1;
}

.card.card-default {
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.card.card-default > .card-header {
    color: #333;
}

.card.card-bordered {
    border: 1px solid rgba(230, 230, 230, 0.7);
}

.card.card-borderless {
    border: none;
}

.card.card-condensed .card-header {
    padding: 13px 13px 0 13px;
    min-height: 30px;
}

.card.card-condensed .card-header .card-title {
    opacity: .4;
}

.card.card-condensed .card-block {
    padding: 13px;
}

.card.card-hover .card-header .card-title {
    opacity: .4;
}

.card.card-hover:hover .card-header .card-title {
    opacity: 1;
}

.card.card-transparent {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.card.card-transparent .card-block {
    background: transparent;
}

.card.full-height {
    height: 100%;
}

.card.full-height .card-block {
    height: auto;
    width: 100%;
    height: 100%;
}

.card.card-featured {
    -webkit-box-shadow: -1px 1px 3px 0px rgba(121, 129, 135, 0.14);
    box-shadow: -1px 1px 3px 0px rgba(121, 129, 135, 0.14);
    width: calc(100% - 50px);
    float: right;
}

.card.card-featured .card-title h4 {
    font-family: 'Montserrat';
    font-size: 16px;
    text-transform: uppercase;
    color: #f0f0f0;
}

.card.card-featured .card-block h3 {
    line-height: 34px;
    font-size: 26px;
}

.card.card-featured .footer .username {
    line-height: 8px;
    padding-top: 10px;
    font-size: 16px;
}

.card.card-featured .footer .buttons li {
    display: inline;
    list-style: none;
    font-weight: bold;
    margin-left: 20px;
}

.card.card-featured .footer .buttons li:first-child {
    margin-left: 0;
}

.card.card-featured .footer .buttons .heart {
    color: #f55753;
}

.card.card-featured .footer .buttons .comment {
    color: #626262;
}

.card.card-featured .ribbon {
    width: 38px;
    height: 38px;
    margin-left: -39px;
    float: left;
    -webkit-box-shadow: inset -3px 0px 3px 0px rgba(0, 0, 0, 0.14);
    box-shadow: inset -3px 0px 3px 0px rgba(0, 0, 0, 0.14);
}

.card.card-featured .ribbon.green {
    background: #48b0f7;
}

.card.card-featured .ribbon.blue {
    background: #10cfbd;
}

.card.hover-fill:hover {
    background: #f0f0f0;
}

.card.hover-stroke:hover {
    border: 1px solid #e6e6e6;
}

.card .card-block.no-padding .row {
    margin-left: 0;
    margin-right: 0;
}

.card .card-block.no-bottom-padding {
    padding-bottom: 0;
}

.card .card-block.no-top-padding {
    padding-top: 0;
}

.card .card-block .title {
    margin-top: 0px;
}

.card .card-block.scrollable {
    margin-bottom: 20px;
}

/* Portlets
------------------------------------
*/
.card-progress {
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
    display: none;
    z-index: 2;
}

.card-progress > .progress,
.card-progress > .progress.progress-small {
    height: 3px;
}

.card-progress > .progress-circle-indeterminate,
.card-progress > .card-bar-indeterminate {
    display: block;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
}

.card-progress > .progress-circle-indeterminate {
    width: 35px;
    height: 35px;
}

.card-maximized {
    position: fixed !important;
    left: 70px;
    top: 59px;
    bottom: 0;
    right: 0;
    z-index: 600;
    margin: 0;
}

/* Pages notification holder */
.card .pgn-wrapper {
    position: absolute;
    z-index: 602;
}

.card-header a:not(.btn) {
    color: #626262 !important;
    opacity: .4;
}

.card-header a:not(.btn).card-refresh {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.card-header a:not(.btn).card-refresh.refreshing {
    opacity: 1;
}

.card-header .dropdown-menu {
    margin-top: 5px;
}

.card-header .dropdown-menu .dropdown-item {
    padding: 0 20px !important;
}

.card-header .dropdown-menu .dropdown-item:hover {
    opacity: 1;
    background-color: transparent;
}

.card-header a[data-toggle]:hover {
    opacity: 1;
}

.card-icon {
    -moz-osx-font-smoothing: grayscale;
    font-family: "pages-icon";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}

.card-icon-close:before {
    content: "\e60a";
}

.card-icon-maximize:before {
    content: "\e634";
}

.card-icon-refresh:before {
    content: "\e600";
}

.card-icon-collapse:before {
    content: "\e62c";
}

.card-icon-settings:before {
    content: "\e655";
}

.card-icon-refresh-lg-master,
.card-icon-refresh-lg-white {
    width: 15px;
    height: 15px;
    display: block;
    background-size: cover;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.card-icon-refresh-lg-master.fade,
.card-icon-refresh-lg-white.fade {
    opacity: 0.1;
}

.card-icon-refresh-lg-master {
    background-image: url("../img/progress/progress-circle-lg-master-static.svg");
}

.card-icon-refresh-lg-white {
    background-image: url("../img/progress/progress-circle-lg-white-static.svg");
}

.card-icon-refresh-lg-master-animated,
.card-icon-refresh-lg-white-animated {
    width: 15px;
    height: 15px;
    display: block;
    background-size: cover;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.card-icon-refresh-lg-master-animated.active,
.card-icon-refresh-lg-white-animated.active {
    opacity: 1;
}

.card-icon-refresh-lg-master-animated {
    background-image: url("../img/progress/progress-circle-lg-master.svg");
}

.card-icon-refresh-lg-white-animated {
    background-image: url("../img/progress/progress-circle-lg-white.svg");
}

/* For demo purpose only */
.card-scroll {
    height: 100px;
}

.sortable .card-header {
    cursor: move;
}

/* To prevent lag while dragging */
.ui-sortable-handle {
    transition: max-height 0.3s ease 0s;
}

.sortable .grid .grid-title {
    cursor: move;
}

.ui-sortable {
    min-height: 0px !important;
}

.ui-sortable-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
    height: 100% !important;
}

.ui-sortable-placeholder * {
    visibility: hidden;
}

.sortable-box-placeholder {
    background-color: #f0f0f0;
    border: 1px dashed #e6e6e6;
    display: block;
    margin-top: 0px !important;
    margin-bottom: 24px !important;
}

.sortable-box-placeholder * {
    visibility: hidden;
}

.sortable .card {
    transition: none;
}

.sortable-column {
    padding-bottom: 100px;
}

.demo-card-scrollable {
    height: 158px;
}

.card-block {
    padding: 15px;
}

/*------------------------------------------------------------------
[5. Typography]
*/
/* Standard elements
--------------------------------------------------
*/
/* To Load Hinted Fonts for Windows */
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    color: #626262;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.01em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
}

/* Headings
------------------------------------
*/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

h1 {
    font-size: 44px;
    line-height: 55px;
    letter-spacing: -0.08px;
}

h2 {
    font-size: 31px;
    line-height: 40px;
}

h3 {
    font-size: 27px;
    line-height: 35px;
}

h4 {
    font-size: 22px;
    line-height: 32px;
}

h5 {
    font-size: 18px;
    line-height: 26px;
}

h3 small,
h4 small,
h5 small {
    font-weight: 300;
}

h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
    padding-bottom: 10px;
}

/* Lins and Others
------------------------------------
*/
a {
    text-shadow: none !important;
    color: #584b8d;
    transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
}

a:focus, a:hover, a:active {
    color: #6d5cae;
}

a, a:focus, a:hover, a:active {
    outline: 0 !important;
    text-decoration: none;
}

a[ng-click] {
    cursor: pointer;
}

br {
    line-height: normal;
    clear: both;
}

code {
    color: #c64643;
    background-color: #f0f0f0;
}

code:hover {
    background-color: #fddddd;
}

p {
    display: block;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.01em;
    line-height: 22px;
    margin: 0 0 10px 0;
    font-style: normal;
    white-space: normal;
}

small,
.small {
    line-height: 18px;
    font-size: 85%;
}

label.inline {
    display: inline-block;
    position: relative;
    top: 0px;
    font-size: 13px;
}

ul, ol {
    margin-bottom: 10px;
}

ul > li, ol > li {
    padding-left: 3px;
    line-height: 24px;
}

ul.lg-icon > li, ol.lg-icon > li {
    font-size: 21px;
}

ul.lg-icon > li span, ol.lg-icon > li span {
    font-size: 14px;
}

ul.no-style, ol.no-style {
    list-style: none;
    padding-left: 5px;
}

address {
    margin-bottom: 0px;
}

address a {
    color: #626262;
}

blockquote {
    padding: 0 0 0 18px;
    border-left: 0;
}

blockquote:before {
    font-family: FontAwesome;
    content: "\f10d";
    margin-right: 13px;
    float: left;
}

blockquote p {
    font-size: 16px;
}

blockquote small {
    line-height: 29px;
    color: #8b91a0;
    padding-left: 30px;
}

blockquote small:before {
    content: "";
}

blockquote.pull-right {
    border-right: 0;
}

blockquote.pull-right:before {
    float: right;
    font-family: FontAwesome;
    content: "\f10d";
    margin-left: 13px;
    margin-right: 0;
}

blockquote.pull-right small {
    padding-right: 30px;
}

blockquote.pull-right small:after {
    content: "";
}

hr {
    border-color: #e6e6e6;
}

hr.double {
    border-width: 2px;
}

hr.dotted {
    border-style: dotted none none;
}

/* Font Sizes
------------------------------------
*/
.small-text {
    font-size: 12px !important;
}

.normal-text {
    font-size: 13px !important;
}

.large-text {
    font-size: 15px !important;
}

/* Font Weights
------------------------------------
 */
.normal {
    font-weight: normal;
}

.semi-bold {
    font-weight: 400 !important;
}

.bold {
    font-weight: bold !important;
}

.light {
    font-weight: 300 !important;
}

/* Misc
------------------------------------
*/
.logo {
    margin: 18px 14px;
}

.all-caps {
    text-transform: uppercase;
}

.muted {
    color: #e2e2e2;
}

.hint-text {
    opacity: .7;
}

.no-decoration {
    text-decoration: none !important;
}

/* Monochrome Colors
------------------------------------
 */
.bg-master {
    background-color: #626262;
}

.bg-master-light {
    background-color: #e6e6e6;
}

.bg-master-lighter {
    background-color: #f0f0f0;
}

.bg-master-lightest {
    background-color: #fafafa;
}

.bg-master-dark {
    background-color: #2c2c2c;
}

.bg-master-darker {
    background-color: #1a1a1a;
}

.bg-master-darkest {
    background-color: #121212;
}

/* Contextual Colors
------------------------------------
*/
/* Primary
------------------------------------
*/
.bg-primary {
    background-color: #6d5cae !important;
}

.bg-primary-dark {
    background-color: #584b8d;
}

.bg-primary-darker {
    background-color: #413768;
}

.bg-primary-light {
    background-color: #8a7dbe;
}

.bg-primary-lighter {
    background-color: #e2deef;
}

/* Complete
------------------------------------
*/
.bg-complete {
    background-color: #48b0f7;
}

.bg-complete-dark {
    background-color: #3a8fc8;
}

.bg-complete-darker {
    background-color: #2b6a94;
}

.bg-complete-light {
    background-color: #6dc0f9;
}

.bg-complete-lighter {
    background-color: #daeffd;
}

/* Success
------------------------------------
*/
.bg-success {
    background-color: #10cfbd !important;
}

.bg-success-dark {
    background-color: #0da899;
}

.bg-success-darker {
    background-color: #0a7c71;
}

.bg-success-light {
    background-color: #40d9ca;
}

.bg-success-lighter {
    background-color: #cff5f2;
}

/* Info
------------------------------------
*/
.bg-info {
    background-color: #3b4752 !important;
}

.bg-info-dark {
    background-color: #303a42;
}

.bg-info-darker {
    background-color: #232b31;
}

.bg-info-light {
    background-color: #626c75;
}

.bg-info-lighter {
    background-color: #d8dadc;
}

/* Danger
------------------------------------
*/
.bg-danger {
    background-color: #f55753 !important;
}

.bg-danger-dark {
    background-color: #c64643;
}

.bg-danger-darker {
    background-color: #933432;
}

.bg-danger-light {
    background-color: #f77975;
}

.bg-danger-lighter {
    background-color: #fddddd;
}

/* Warning
------------------------------------
 */
.bg-warning {
    background-color: #f8d053 !important;
}

.bg-warning-dark {
    background-color: #c9a843;
}

.bg-warning-darker {
    background-color: #957d32;
}

.bg-warning-light {
    background-color: #f9d975;
}

.bg-warning-lighter {
    background-color: #fef6dd;
}

/* More Color Options
------------------------------------
*/
/* Menu
------------------------------------
*/
.bg-menu-dark {
    background-color: #21252d;
}

.bg-menu {
    background-color: #2b303b;
}

.bg-menu-light {
    background-color: #788296;
}

/* Gradients
------------------------------------
*/
.gradient-grey {
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 75%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 75%);
}

.gradient-black {
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 75%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 75%);
}

/* Other Colors
------------------------------------
*/
.bg-white {
    background-color: #fff;
}

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

/* Text Colors */
.link {
    opacity: .7;
}

.link:hover {
    opacity: 1;
}

.text-master {
    color: #626262 !important;
}

.text-master-light {
    color: #e6e6e6 !important;
}

.text-black {
    color: #2c2c2c !important;
}

.text-white {
    color: #fff !important;
}

.text-complete {
    color: #48b0f7 !important;
}

.text-success {
    color: #10cfbd !important;
}

.text-info {
    color: #3b4752 !important;
}

.text-warning {
    color: #f8d053 !important;
}

.text-warning-dark {
    color: #c9a843 !important;
}

.text-danger {
    color: #f55753 !important;
}

.text-primary {
    color: #6d5cae !important;
}

/* Labels
------------------------------------
*/
.label {
    padding: 3px 9px;
    font-size: 11px;
    line-height: 1;
    text-shadow: none;
    background-color: #e6e6e6;
    font-weight: 600;
    color: #626262;
    border-radius: .25em;
}

.label-success {
    background-color: #10cfbd;
    color: #fff;
}

.label-warning {
    background-color: #f8d053;
    color: #fff;
}

.label-important, .label-danger {
    background-color: #f55753;
    color: #fff;
}

.label-info {
    background-color: #48b0f7;
    color: #fff;
}

.label-inverse {
    background-color: #3a8fc8;
    color: #fff;
}

.label-white {
    background-color: #fff;
    color: #626262;
}

/* Font Sizes
------------------------------------
*/
.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 10.5px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

/* Line-heights
------------------------------------
*/
.lh-normal {
    line-height: normal;
}

.lh-10 {
    line-height: 10px;
}

.lh-11 {
    line-height: 11px;
}

.lh-12 {
    line-height: 12px;
}

.lh-13 {
    line-height: 13px;
}

.lh-14 {
    line-height: 14px;
}

.lh-15 {
    line-height: 15px;
}

.lh-16 {
    line-height: 16px;
}

/* Wells
------------------------------------
*/
.well {
    background-color: #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    background-image: none;
}

.well.well-large {
    padding: 24px;
    width: auto;
}

.well.well-small {
    padding: 13px;
    width: auto;
}

.well.green {
    background-color: #48b0f7;
    color: #fff;
    border: none;
}

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

.jumbotron {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.jumbotron p {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: inherit;
}

.jumbotron p.small {
    font-size: 85%;
}

/* Responsive Handlers : Typo
------------------------------------
*/
@media (max-width: 1400px) {
    body, p {
        font-size: 13px;
        line-height: 20px;
    }

    h1 {
        font-size: 33px;
        line-height: 44px;
        letter-spacing: -0.08px;
    }

    h2 {
        font-size: 28px;
        line-height: 40px;
    }

    h3 {
        font-size: 24px;
        line-height: 36px;
    }

    h4 {
        font-size: 18px;
        line-height: 34px;
    }

    h5 {
        font-size: 16px;
        line-height: 26px;
    }

    small, .small {
        font-size: 89%;
        line-height: 17px;
    }
}

/* For Windows : Fixes
------------------------------------
*/
.windows body,
.windows p {
    font-size: 13px;
    letter-spacing: normal;
}

.windows h3 {
    font-size: 29px;
    line-height: 33px;
}

.windows h4 {
    font-size: 23px;
    line-height: 32px;
}

.windows h5 {
    font-size: 19px;
    line-height: 28px;
    font-weight: normal;
}

.windows h1,
.windows h2,
.windows h3,
.windows h4,
.windows h5 {
    font-weight: 300;
    letter-spacing: normal;
}

.windows .jumbotron p {
    font-size: 13px;
}

.windows .jumbotron p.small {
    font-size: 85%;
}

.windows small,
.windows .small {
    font-size: 89%;
}

.alert > p, .alert > ul {
    margin-bottom: 0;
}

.table > tbody > tr > td,
.table > tbody > tr > th ,
.table > tfoot > tr > td,
.table > tfoot > tr > th ,
.table > thead > tr > td,
.table > thead > tr > th {
    line-height: 1.5;
}

/*
Animated buttons
--------------------------------------------------
*/
.btn-animated {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.btn-animated > span {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.btn-animated:before {
    position: absolute;
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 2.5;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-animated:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-animated.from-top:before {
    left: 0;
    top: -100%;
}

.btn-animated.from-top:hover:before, .btn-animated.from-top.show-icon:before {
    top: 0;
}

.btn-animated.from-top:hover > span, .btn-animated.from-top.show-icon > span {
    -webkit-transform: translateY(300%);
    -ms-transform: translateY(300%);
    transform: translateY(300%);
}

.btn-animated.from-left:before {
    left: -100%;
    top: 0;
}

.btn-animated.from-left:hover:before, .btn-animated.from-left.show-icon:before {
    left: 0;
}

.btn-animated.from-left:hover > span, .btn-animated.from-left.show-icon > span {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
}

.btn-animated.fa:before {
    font-family: FontAwesome;
}

.btn-animated.pg:before {
    font-family: "pages-icon";
}

/*
Tag buttons
--------------------------------------------------
*/
.btn-tag {
    line-height: 22px;
    border-radius: 17px 3px 3px 17px;
    padding: 5px 19px;
}

.btn-tag:hover, .btn-tag.hover {
    border-color: transparent;
}

.btn-tag.btn-tag-light {
    background: #fafdff;
    color: #5b8ca5;
    border: 1px solid #cbe4f0;
}

.btn-tag.btn-tag-light:hover {
    background: #fff;
}

.btn-tag.btn-tag-dark {
    background: #e6e6e6;
    color: #626262;
}

.btn-tag.btn-tag-dark:hover {
    background: #ebebeb;
}

.btn-tag.btn-tag-rounded {
    border-radius: 17px;
}

/*
Misc buttons
--------------------------------------------------
*/
.btn-toolbar .btn {
    padding-left: 14px;
    padding-right: 14px;
}

.pager .disabled > button,
.pager .disabled > button:hover,
.pager .disabled > button:focus,
.pager .disabled > span {
    cursor: not-allowed;
    opacity: .5;
}

.modal-content a.btn-primary:not([href]):not([tabindex]) {
    color: #fff;
}

.modal-content a.btn-primary:not([href]):not([tabindex]):hover, .modal-content a.btn-primary:not([href]):not([tabindex]):focus {
    color: #fff;
}

/*------------------------------------------------------------------
[7. Alerts]
*/
.alert {
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    padding: 9px 19px 9px 15px;
    border-radius: 3px;
    font-size: 13px;
    border-width: 0;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.alert.bordered {
    border-width: 1px;
}

.alert .link {
    color: #ce8f22;
    font-weight: bold;
}

.alert .alert-heading {
    color: #ce8f22 !important;
    margin-bottom: 5px;
    font-weight: 600;
}

.alert .btn-small {
    position: relative;
    top: -3.5px;
}

.alert .button-set .btn {
    position: relative;
    top: 8px;
}

.alert .close {
    background: url("../img/icons/noti-cross.png") no-repeat scroll 0 0 transparent;
    background-position: -9px -10px;
    width: 10px;
    height: 9px;
    position: relative;
    opacity: 0.8;
    top: 4.5px;
    margin-left: 20px;
    font-size: 0;
}

.alert .close:hover {
    opacity: 1;
}

/* Alert : Color Options
------------------------------------
*/
.alert-danger,
.alert-error {
    background-color: #fddddd;
    color: #933432;
    border-color: #933432;
}

.alert-danger .close,
.alert-error .close {
    background-position: -95px -10px !important;
}

.alert-warning {
    background-color: #fef6dd;
    color: #957d32;
    border-color: #957d32;
}

.alert-info {
    background-color: #daeffd;
    color: #2b6a94;
    border-color: #2b6a94;
}

.alert-info .close {
    background-position: -67px -10px !important;
}

.alert-success {
    background-color: #cff5f2;
    color: #0a7c71;
    border-color: #0a7c71;
}

.alert-success .close {
    background-position: -38px -10px !important;
}

.alert-default {
    background-color: #fff;
    color: #626262;
    border-color: #e6e6e6;
}

.alert-default .close {
    background-position: -67px -10px !important;
}

/*------------------------------------------------------------------
[8. Notifications]
*/
/* Badges
--------------------------------------------------
*/
.badge {
    text-shadow: none;
    font-family: wf_segoe-ui_light, wf_segoe-ui_normal, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    background-color: #e6e6e6;
    font-size: 11px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
    color: #626262;
    border-radius: 10px;
}

.badge-success {
    background-color: #10cfbd;
    color: #fff;
}

.badge-warning {
    background-color: #f8d053;
    color: #fff;
}

.badge-important {
    background-color: #f55753;
    color: #fff;
}

.badge-danger {
    background-color: #f55753;
    color: #fff;
}

.badge-info {
    background-color: #3b4752;
    color: #fff;
}

.badge-inverse {
    background-color: #2b6a94;
    color: #fff;
}

.badge-white {
    background-color: #fff;
    color: #626262;
}

.badge-disable {
    background-color: #2c2c2c;
    color: #626262;
}

/* Tool Tip
--------------------------------------------------
*/
.tooltip-inner {
    font-size: 12px;
}

/* Notification popup
--------------------------------------------------
*/
.popover {
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
    z-index: 12000;
}

.notification-toggle {
    top: 35px;
    left: -26px;
    padding: 0;
}

.notification-toggle:before {
    border-bottom: 0px !important;
}

.notification-toggle:after {
    border-bottom: 0px !important;
}

.notification-panel {
    background-color: #fff;
    border: 1px solid #e6e6e6;
}

.notification-panel .notification-body {
    height: auto;
    max-height: 350px;
    position: relative;
    overflow: hidden;
}

.notification-panel .notification-body .notification-item {
    position: relative;
    margin-left: 25px;
    background-color: #fff;
    padding-right: 26px;
}

.notification-panel .notification-body .notification-item.unread .heading {
    opacity: 1;
}

.notification-panel .notification-body .notification-item.unread .option {
    background-color: #daeffd;
}

.notification-panel .notification-body .notification-item.unread .option .mark {
    color: #6dc0f9;
}

.notification-panel .notification-body .notification-item .heading {
    line-height: 43px;
    margin-right: 5px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    float: left;
    width: 100%;
    font-size: 14px;
    opacity: 0.7;
}

.notification-panel .notification-body .notification-item .heading:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background-color: #fff;
    right: 0;
    top: 1px;
}

.notification-panel .notification-body .notification-item .heading .thumbnail-wrapper {
    cursor: pointer;
}

.notification-panel .notification-body .notification-item .heading .thumbnail-wrapper i {
    -webkit-transition: all 0.12s linear;
    transition: all 0.12s linear;
}

.notification-panel .notification-body .notification-item .heading .time {
    font-size: 11px;
    margin-right: 8px;
}

.notification-panel .notification-body .notification-item .heading.open {
    display: block;
}

.notification-panel .notification-body .notification-item .heading.open .more-details {
    display: block;
}

.notification-panel .notification-body .notification-item .heading.open .thumbnail-wrapper i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.notification-panel .notification-body .notification-item .heading .thumbnail-wrapper.d24 {
    line-height: 20px;
}

.notification-panel .notification-body .notification-item .more-details {
    display: none;
    background-color: #fff;
    width: 100%;
    height: 100%;
    clear: both;
    position: relative;
}

.notification-panel .notification-body .notification-item .more-details .more-details-inner {
    margin-left: 10px;
    padding-left: 28px;
    padding-top: 15px;
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #e6e6e6;
}

.notification-panel .notification-body .notification-item .more-details .more-details-inner:after {
    width: 14px;
    height: 14px;
    position: absolute;
    content: '';
    background-color: #fff;
    left: -7px;
    top: 25px;
    border: 1px solid #e6e6e6;
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
}

.notification-panel .notification-body .notification-item .more-details .more-details-inner:before {
    color: silver;
    position: absolute;
    bottom: 0;
    left: -5px;
    content: ' \25CF';
    font-size: 13px;
    line-height: 5px;
    background-color: #fff;
    height: 9px;
}

.notification-panel .notification-body .notification-item .more-details .more-details-inner .hint-text {
    opacity: .44;
}

.notification-panel .notification-body .notification-item .option {
    font-size: 10px;
    position: absolute;
    width: 26px;
    right: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 44px;
    background-color: #fafafa;
    height: 100%;
}

.notification-panel .notification-body .notification-item .option .mark {
    background-color: transparent;
    color: silver;
}

.notification-panel .notification-body .notification-item .option .mark:before {
    content: ' \25CF';
    font-size: 12px;
}

.notification-panel .notification-body .notification-item:last-child .heading {
    border-bottom: 0px;
}

.notification-panel .notification-footer {
    padding: 10px;
    display: block;
    border-top: 1px solid #e6e6e6;
}

.notification-panel .notification-footer a {
    color: #626262;
    opacity: .54;
}

.notification-panel .notification-footer a:hover {
    opacity: .74;
}

/* Simple alerts
--------------------------------------------------
*/
.alerts-container {
    position: fixed;
    width: 350px;
    right: 20px;
    z-index: 999;
    top: 80px;
}

.alerts-container[data-placement$='-left'] {
    left: 100px;
    right: auto;
}

.alerts-container[data-placement$='-right'] {
    right: 20px;
    left: auto;
}

.alerts-container[data-placement^='top-'] {
    top: 80px;
    bottom: auto;
}

.alerts-container[data-placement^='bottom-'] {
    top: auto;
    bottom: 20px;
}

.alerts-container[data-placement='bottom-right'] .alert:last-child, .alerts-container[data-placement='bottom-left'] .alert:last-child {
    margin-bottom: 0;
}

.alerts-container .alert {
    position: relative;
}

.alerts-container .alert .close {
    position: absolute;
    right: 9px;
    top: 15px;
}

/* Pages Notifications plugin
--------------------------------------------------
*/
body.menu-pin > .pgn-wrapper[data-position$='-left'],
body.menu-pin > .pgn-wrapper[data-position="top"],
body.menu-pin > .pgn-wrapper[data-position="bottom"] {
    left: 250px;
}

.pgn-wrapper {
    position: fixed;
    z-index: 1000;
}

.pgn-wrapper[data-position$='-left'] {
    left: 30px;
}

.pgn-wrapper[data-position$='-right'] {
    right: 20px;
}

.pgn-wrapper[data-position^='top-'] {
    top: 20px;
}

.pgn-wrapper[data-position^='bottom-'] {
    bottom: 20px;
}

.pgn-wrapper[data-position='top'] {
    top: 0;
    left: 0;
    right: 0;
}

.pgn-wrapper[data-position='bottom'] {
    bottom: 0;
    left: 0;
    right: 0;
}

.pgn {
    position: relative;
    margin: 10px;
}

.pgn .alert {
    margin: 0;
}

/* Simple
------------------------------------
*/
.pgn-simple .alert {
    padding-top: 13px;
    padding-bottom: 13px;
    max-width: 500px;
    animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    max-height: 250px;
    overflow: hidden;
}

/* Bar
------------------------------------
*/
.pgn-bar {
    overflow: hidden;
    margin: 0;
}

.pgn-bar .alert {
    border-radius: 0;
    padding-top: 13px;
    padding-bottom: 13px;
    max-height: 91px;
}

.pgn-wrapper[data-position='top'] .pgn-bar .alert {
    animation: slideInFromTop 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation: slideInFromTop 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    transform-origin: top left;
    -webkit-transform-origin: top left;
}

.pgn-wrapper[data-position='bottom'] .pgn-bar .alert {
    animation: slideInFromBottom 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation: slideInFromBottom 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
}

.pgn-bar .alert span {
    opacity: 0;
    animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
}

@keyframes slideInFromTop {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slideInFromTop {
    0% {
        -webkit-transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slideInFromBottom {
    0% {
        -webkit-transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

/* Circle
------------------------------------
*/
.pgn-circle .alert {
    border-radius: 300px;
    animation: fadeInCircle 0.3s ease forwards, resizeCircle 0.3s 0.4s cubic-bezier(0.25, 0.25, 0.4, 1.6) forwards;
    -webkit-animation: fadeInCircle 0.3s ease forwards, resizeCircle 0.3s 0.4s cubic-bezier(0.25, 0.25, 0.4, 1.6) forwards;
    height: 60px;
    overflow: hidden;
    padding: 6px 55px 6px 6px;
    -webkit-transform: translateZ(0);
    position: relative;
}

.pgn-wrapper[data-position$='-right'] .pgn-circle .alert {
    float: right;
}

.pgn-wrapper[data-position$='-left'] .pgn-circle .alert {
    float: left;
}

.pgn-circle .alert > div > div.pgn-thumbnail > div {
    border-radius: 50%;
    overflow: hidden;
    width: 48px;
    height: 48px;
}

.pgn-circle .alert > div > div.pgn-thumbnail > div > img {
    width: 100%;
    height: 100%;
}

.pgn-circle .alert > div > div.pgn-message > div {
    opacity: 0;
    height: 47px;
    padding-left: 9px;
    animation: fadeIn .3s .5s ease forwards;
    -webkit-animation: fadeIn .3s .5s ease forwards;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
}

.pgn-circle .alert > div > div.pgn-message > div p:only-child {
    padding: 12px 0;
}

.pgn-circle .alert .close {
    margin-top: -12px;
    position: absolute;
    right: 18px;
    top: 50%;
    opacity: 0;
    animation: fadeIn .3s .5s ease forwards;
    -webkit-animation: fadeIn .3s .5s ease forwards;
}

.pgn-circle .alert p {
    margin-bottom: 0;
}

.pgn-circle .alert > div {
    display: table;
    height: 100%;
}

.pgn-circle .alert > div > div {
    display: table-cell;
    vertical-align: middle;
}

@keyframes fadeInCircle {
    0% {
        opacity: 0;
        width: 60px;
    }
    100% {
        opacity: 1;
        width: 60px;
    }
}

@-webkit-keyframes fadeInCircle {
    0% {
        opacity: 0;
        width: 60px;
    }
    100% {
        opacity: 1;
        width: 60px;
    }
}

@keyframes resizeCircle {
    0% {
        width: 60px;
    }
    100% {
        width: 300px;
    }
}

@-webkit-keyframes resizeCircle {
    0% {
        width: 60px;
    }
    100% {
        width: 300px;
    }
}

/* Flip
------------------------------------
*/
.pgn-wrapper[data-position^='top-'] .pgn-flip {
    top: -30px;
}

.pgn-wrapper[data-position^='bottom-'] .pgn-flip {
    bottom: -30px;
}

.pgn-wrapper[data-position^='bottom-'] .pgn-flip .alert {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.pgn-flip .alert {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    box-shadow: 0 6px 4px -3px rgba(0, 0, 0, 0.2);
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    border-radius: 0;
    padding: 25px 35px;
    max-width: 500px;
    max-height: 250px;
    overflow: hidden;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -webkit-transition-timing-function: ease-out;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -webkit-transition-timing-function: ease-out;
    }
    100% {
        -webkit-transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Pages Notification customizations */
body > .pgn-wrapper[data-position="top"] {
    top: 60px;
    left: 70px;
}

body > .pgn-wrapper[data-position="bottom"] {
    left: 70px;
}

body > .pgn-wrapper[data-position$='-left'] {
    left: 90px;
    right: auto;
}

body > .pgn-wrapper[data-position^='top-'] {
    top: 80px;
    bottom: auto;
}

.pgn-circle .alert .close {
    margin-top: -4px;
}

body > .pgn-wrapper {
    z-index: 900;
}

@media (max-width: 979px) {
    body > .pgn-wrapper[data-position="top"] {
        left: 0;
    }

    body > .pgn-wrapper[data-position="bottom"] {
        left: 0;
    }
}

@media (max-width: 767px) {
    body > .pgn-wrapper[data-position$='-left'],
    body > .pgn-wrapper[data-position$='-right'] {
        left: 10px !important;
        right: 10px !important;
    }

    body > .pgn-wrapper[data-position$='-right'] .alert,
    body > .pgn-wrapper[data-position$='-left'] .alert {
        max-width: 100%;
        width: 100%;
    }
}

/* Notifications demo
--------------------------------------------------
*/
.notification-positions {
    border-radius: 4px;
    border: 3px dashed #e6e6e6;
    height: 370px;
    position: relative;
}

.notification-positions > div > .position:not(:only-child) {
    max-width: 50%;
}

.notification-positions .position {
    padding: 15px;
}

.notification-positions .position img {
    border: 3px solid transparent;
}

.notification-positions .position:hover {
    cursor: pointer;
}

.notification-positions .position.active img {
    border-color: #0090d9;
}

.notification-positions .position.pull-top, .notification-positions .position.pull-bottom {
    left: 0;
    right: 0;
}

.notification-positions .position img {
    width: 100%;
}

/*------------------------------------------------------------------
[9. Progress Indicators]
*/
.progress {
    height: 4px;
    background-color: rgba(98, 98, 98, 0.2);
    background-image: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 20px;
}

.progress.transparent {
    background-color: rgba(0, 0, 0, 0.28);
}

.progress.progress-small {
    height: 3px;
}

/* Circular Progress : indeterminate color
------------------------------------
*/
.progress-bar-indeterminate {
    background: url("../img/progress/progress-bar-master.svg") no-repeat top left;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.progress-bar-indeterminate.progress-bar-primary {
    background-image: url("../img/progress/progress-bar-primary.svg");
    background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-complete {
    background-image: url("../img/progress/progress-bar-complete.svg");
    background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-success {
    background-image: url("../img/progress/progress-bar-success.svg");
    background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-info {
    background-image: url("../img/progress/progress-bar-info.svg");
    background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-warning {
    background-image: url("../img/progress/progress-bar-warning.svg");
    background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-danger {
    background-image: url("../img/progress/progress-bar-danger.svg");
    background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-master {
    background-image: url("../img/progress/progress-bar-master.svg");
    background-color: transparent;
}

/* Progress Bar
------------------------------------
*/
.progress-bar {
    box-shadow: none;
    border-radius: 0;
    background-color: #626262;
    background-image: none;
    -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

/* Progress Bar : Color Options
------------------------------------
*/
.progress-bar-primary {
    background-color: #6d5cae;
    background-image: none;
}

.progress-bar-complete {
    background-color: #48b0f7;
    background-image: none;
}

.progress-bar-success {
    background-color: #10cfbd;
    background-image: none;
}

.progress-bar-info {
    background-color: #3b4752;
    background-image: none;
}

.progress-bar-warning {
    background-color: #f8d053;
    background-image: none;
}

.progress-bar-danger {
    background-color: #f55753;
    background-image: none;
}

.progress-bar-white {
    background-color: #fff;
    background-image: none;
}

.progress-bar-black {
    background-color: #000;
    background-image: none;
}

.progress-info .bar, .progress .bar-info {
    background-color: #232b31;
    background-image: none;
}

.progress-warning .bar, .progress .bar-warning {
    background-color: #957d32;
    background-image: none;
}

.progress-danger .bar, .progress .bar-danger {
    background-color: #933432;
    background-image: none;
}

.progress-white .bar, .progress .bar-white {
    background-color: #fff;
    background-image: none;
}

.progress-success.progress-striped .bar, .progress-striped .bar-success {
    background-color: #10cfbd;
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
    background-color: #3b4752;
}

/* Circular Progress : indeterminate
------------------------------------
*/
.progress-circle-indeterminate {
    background: url("../img/progress/progress-circle-master.svg") no-repeat top left;
    width: 50px;
    height: 50px;
    background-size: 100% auto;
    margin: 0 auto;
}

.progress-circle-indeterminate.progress-circle-warning {
    background-image: url("../img/progress/progress-circle-warning.svg");
}

.progress-circle-indeterminate.progress-circle-danger {
    background-image: url("../img/progress/progress-circle-danger.svg");
}

.progress-circle-indeterminate.progress-circle-info {
    background-image: url("../img/progress/progress-circle-info.svg");
}

.progress-circle-indeterminate.progress-circle-primary {
    background-image: url("../img/progress/progress-circle-primary.svg");
}

.progress-circle-indeterminate.progress-circle-success {
    background-image: url("../img/progress/progress-circle-success.svg");
}

.progress-circle-indeterminate.progress-circle-complete {
    background-image: url("../img/progress/progress-circle-complete.svg");
}

/* Circular Progress
------------------------------------
*/
.progress-circle {
    display: block;
    height: 45px;
    margin: 0 auto;
    position: relative;
    width: 45px;
    -webkit-backface-visibility: hidden;
}

.progress-circle.progress-circle-warning .pie .half-circle {
    border-color: #f8d053;
}

.progress-circle.progress-circle-danger .pie .half-circle {
    border-color: #f55753;
}

.progress-circle.progress-circle-info .pie .half-circle {
    border-color: #3b4752;
}

.progress-circle.progress-circle-primary .pie .half-circle {
    border-color: #6d5cae;
}

.progress-circle.progress-circle-success .pie .half-circle {
    border-color: #10cfbd;
}

.progress-circle.progress-circle-complete .pie .half-circle {
    border-color: #48b0f7;
}

.progress-circle.progress-circle-thick .pie .half-circle, .progress-circle.progress-circle-thick .shadow {
    border-width: 5px;
}

.progress-circle .pie {
    clip: rect(0, 45px, 45px, 22.5px);
    height: 45px;
    position: absolute;
    width: 45px;
}

.progress-circle .pie .half-circle {
    border: 3px solid #626262;
    border-radius: 50%;
    clip: rect(0, 22.5px, 45px, 0);
    height: 45px;
    position: absolute;
    width: 45px;
}

.progress-circle .shadow {
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

/*------------------------------------------------------------------
[10. Modals]
*/
.modal .close {
    position: absolute;
    right: 25px;
    top: 15px;
}

.modal .close:focus {
    outline: 0;
}

.modal .modal-dialog {
    transition: all .2s !important;
}

.modal .modal-content {
    border: 1px solid #f2f6f7;
    border-radius: 3px;
    box-shadow: none;
}

.modal .modal-header {
    text-align: center;
    border-bottom: 0;
    padding: 25px 25px 0 25px;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
}

.modal .modal-header p {
    color: #8b91a0;
}

.modal .modal-body {
    box-shadow: none;
    padding: 25px;
    padding-top: 0;
    white-space: normal;
}

.modal .modal-footer {
    border-top: none;
    box-shadow: none;
    margin-top: 0;
    padding: 25px;
    padding-top: 0;
}

.modal .drop-shadow {
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36) !important;
}

.modal.fade {
    opacity: 1 !important;
}

.modal.fade.stick-up .modal-dialog {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -ms-transform: translate(0, -100%);
    margin-top: -5px;
}

.modal.fade.stick-up.show .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0);
}

.modal.fade.slide-up {
    height: 100%;
    top: auto;
}

.modal.fade.slide-up.show .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0);
}

.modal.fade.slide-up.disable-scroll {
    overflow: hidden;
}

.modal.fade.slide-up .modal-dialog {
    display: table;
    height: 100%;
    -webkit-transform: translate3d(0, 75%, 0);
    transform: translate3d(0, 75%, 0);
    -ms-transform: translate(0, 75%);
}

.modal.fade.slide-up .modal-content-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.modal.fade.center-scale .modal-dialog {
    display: table;
    height: 100%;
}

.modal.fade.center-scale .modal-content {
    display: table-cell;
    vertical-align: middle;
    border: 0;
    background: transparent;
}

.modal.fade.center-scale .modal-content .modal-header {
    border-bottom: 0px;
}

.modal.fade.center-scale.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.modal.fade.center-scale .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

.modal.fade.fill-in {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.modal.fade.fill-in > .close {
    opacity: 0.6;
    z-index: 9999;
}

.modal.fade.fill-in > .close > i {
    font-size: 16px;
}

.modal.fade.fill-in .modal-dialog {
    display: table;
    height: 100%;
}

.modal.fade.fill-in .modal-content {
    display: table-cell;
    vertical-align: middle;
    border: 0;
    background: transparent;
}

.modal.fade.fill-in .modal-content .modal-header {
    border-bottom: 0px;
}

.modal.fade.fill-in.show {
    background-color: rgba(255, 255, 255, 0.85);
}

.modal.fade.fill-in.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.modal.fade.fill-in .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

.modal.fade.slide-right .close {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 10px;
    z-index: 10;
}

.modal.fade.slide-right.show .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0);
}

.modal.fade.slide-right .modal-dialog {
    position: absolute;
    right: 0;
    margin: 0;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
}

.modal.fade.slide-right .modal-dialog .modal-content-wrapper {
    height: 100%;
}

.modal.fade.slide-right .modal-dialog .modal-content {
    height: 100%;
}

.modal.fade.slide-right .modal-content {
    border-radius: 0px;
}

.fill-in-modal .modal-backdrop {
    background-color: transparent;
}

.modal-backdrop {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.modal-backdrop.show {
    opacity: 0.30;
}

/* Responsive Handlers: Modals
------------------------------------
*/
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

@media (max-width: 768px) {
    .modal.fill-in .modal-dialog {
        width: calc(100% - 20px);
    }

    .modal.slide-up .modal-dialog {
        width: calc(100% - 20px);
    }
}

@media (min-width: 768px) {
    .modal.stick-up .modal-dialog {
        margin: -5px auto;
    }

    .modal.slide-up .modal-dialog {
        margin: 0 auto;
    }

    .modal.fill-in .modal-dialog {
        margin: 0 auto;
    }

    .modal .modal-content {
        box-shadow: none;
    }

    .modal .modal-dialog {
        width: 600px;
    }

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

    .modal .modal-sm {
        min-width: auto;
    }

    .modal .modal-lg {
        width: 766px;
    }
}

/*------------------------------------------------------------------
[13. Treeview]
*/
span.fancytree-active a {
    color: #2c2c2c !important;
    background-color: transparent !important;
}

span.fancytree-selected a {
    color: #2c2c2c !important;
    font-style: normal;
}

ul.fancytree-container a:focus, span.fancytree-focused a:link {
    background-color: transparent;
}

ul.fancytree-container {
    background-color: transparent;
}

ul.fancytree-container a:hover {
    color: #626262;
    opacity: 0.7;
    background-color: transparent;
}

ul.fancytree-container a {
    color: #626262;
}

span.fancytree-empty, span.fancytree-vline, span.fancytree-connector, span.fancytree-expander, span.fancytree-icon, span.fancytree-checkbox, span.fancytree-radio, span.fancytree-drag-helper-img, #fancytree-drop-marker {
    height: 17px;
    position: relative;
    top: 3px;
}

/*------------------------------------------------------------------
[14. Nesstables]
*/
.dd-handle {
    border-color: rgba(230, 230, 230, 0.7);
    color: #626262;
}

.dd-handle:hover {
    background-color: #fafafa;
}

.dark .dd-handle {
    color: #626262;
    background: #f0f0f0;
}

.dark .dd-handle:hover {
    background-color: #fafafa;
}

.dark .dd-placeholder {
    background-color: #e6e6e6;
}

.dd3-content {
    background: #fff;
    border-color: rgba(230, 230, 230, 0.7);
    color: #626262;
}

.dd3-content:hover {
    background-color: #fafafa;
}

.dd3-handle {
    background: transparent;
    text-indent: 9999px;
}

.dd3-handle:before {
    font-family: 'pages-icon';
    color: #626262;
    content: "\e660";
    font-size: 11px;
    top: 5px;
}

.dd-placeholder {
    background: #f0f0f0;
    border-color: rgba(98, 98, 98, 0.35);
}

.dd-empty {
    background-image: none;
    background: #f0f0f0;
    border-color: rgba(98, 98, 98, 0.5);
}

.dd-item > button {
    font-size: 11px;
}

.dd-item > button:before {
    font-family: 'pages-icon';
    content: "\e63b";
}

.dd-item > button[data-action="collapse"]:before {
    font-family: 'pages-icon';
    content: "\e635";
}

/* Responsive Handlers : Nestables
------------------------------------
*/
@media only screen and (min-width: 700px) {
    .dd {
        width: 100%;
    }

    .nestable-lists .dd {
        float: left;
    }
}

.ui-select-bootstrap .ui-select-choices-row.active > a {
    background: #f0f0f0;
    border-radius: 3px;
    color: #626262;
}

.ui-select-bootstrap > .ui-select-choices {
    background-color: #fff;
}

.ui-select-choices-group-label {
    color: #2c2c2c;
    font-weight: bold;
}

.modal-open .select2-drop-active {
    z-index: 1051;
}

.modal-open .datepicker.dropdown-menu {
    z-index: 1051 !important;
}

.modal-open .select2-drop-mask {
    z-index: 1050;
}

.modal-open .cs-skin-slide.cs-active {
    z-index: 1050;
}

.dropdown-placeholder {
    display: inline-block;
    vertical-align: middle;
}

.dropdown-mask {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 600;
}

/* Bootstrap Tags input
https://github.com/timschlechter/bootstrap-tagsinput
*/
.form-group-default .bootstrap-tagsinput {
    border: 0px;
    padding-left: 0;
    margin-bottom: 0;
    padding-top: 0;
    vertical-align: top;
    padding-bottom: 0px;
    padding-left: 0;
    margin-top: -3px;
}

.form-group-default .bootstrap-tagsinput .tag {
    padding: 2px 9px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 2px;
}

.form-group-default .bootstrap-tagsinput .tag [data-role="remove"] {
    display: inline-block;
    vertical-align: top;
}

.form-group-default .bootstrap-tagsinput input {
    min-height: 20px;
}

.form-group-default .bootstrap-tagsinput input:first-child {
    margin-left: 0;
}

.bootstrap-tagsinput {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    padding: 5px 5px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    -webkit-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;
}

.bootstrap-tagsinput.active-element {
    background-color: #e6e6e6;
}

.bootstrap-tagsinput input {
    border: none;
    margin: 0 0 5px 5px;
    min-height: 25px;
    min-width: 10em !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-shrink: 0;
    -webkit-flex-grow: 1;
    -webkit-flex-basis: auto;
}

.bootstrap-tagsinput .tag {
    padding: 3px 6px 3px 9px;
    border-radius: 3px;
    line-height: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0 0 5px 5px;
    -webkit-flex-shrink: 0;
    -webkit-flex-grow: 1;
    -webkit-flex-basis: auto;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 4px;
    float: right;
    vertical-align: middle;
}

.bootstrap-tagsinput .tag[data-role="remove"]:hover:active,
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: none;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    font-family: 'pages-icon';
    content: "\e60a";
    padding: 0;
}

/* Bootstrap3 wysihtml5
https://github.com/Waxolunist/bootstrap3-wysihtml5-bower
*/
.wysiwyg5-wrapper {
    position: relative;
}

.wysiwyg5-wrapper .wysihtml5-toolbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /*height: 50px;*/
    background: #f0f0f0;
    border-top: 1px solid #e6e6e6;
}

.wysiwyg5-wrapper .wysihtml5-toolbar .btn {
    background: none repeat scroll 0 0 transparent;
    border-color: transparent;
    border-right-color: #e6e6e6;
    color: #A5A5A5;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    padding: 0 5px;
    border-width: 1px;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.wysiwyg5-wrapper .wysihtml5-toolbar .btn:hover .editor-icon {
    opacity: .8;
}

.wysiwyg5-wrapper .wysihtml5-toolbar .btn.active .editor-icon {
    opacity: 1;
}

.wysiwyg5-wrapper .wysihtml5-toolbar .btn.dropdown-toggle {
    padding-left: 10px;
    padding-right: 20px;
}

.wysiwyg5-wrapper .wysihtml5-toolbar .btn.dropdown-toggle .current-font {
    opacity: .5;
    font-size: 14px;
}

.wysiwyg5-wrapper .wysihtml5-toolbar > li {
    margin: 0;
    padding: 0;
}

.wysiwyg5-wrapper .wysiwyg {
    width: 100%;
    min-height: 200px;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 50px !important;
    border: 0;
}

.wysiwyg5-wrapper .wysiwyg:focus {
    background-color: #fafafa;
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wysiwyg5-wrapper .expand-wysiwyg {
    bottom: 0;
    color: #A5A5A5;
    font-size: 20px;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    position: absolute;
    right: 0;
}

.wysiwyg5-wrapper .wysihtml5-sandbox {
    border: none !important;
    padding: 16px 16px 50px !important;
    width: 100% !important;
}

.wysiwyg5-wrapper .wysihtml5-sandbox.expanded {
    height: 100% !important;
}

.toggle-wysiwyg {
    position: absolute;
    right: 15px;
    top: 0;
}

.toggle-wysiwyg li {
    display: inline-block;
    font-weight: 600;
}

.editor-icon {
    background-image: url("../img/editor_tray.png");
    display: inline-block;
    height: 40px;
    margin-top: 5px;
    opacity: 0.4;
    vertical-align: top;
    width: 40px;
}

.editor-icon-headline {
    background-position: 0 0;
    width: 31px;
}

.editor-icon-bold {
    background-position: -40px 0;
}

.editor-icon-italic {
    background-position: -80px 0;
}

.editor-icon-underline {
    background-position: -120px 0;
}

.editor-icon-link {
    background-position: -160px 0;
}

.editor-icon-quote {
    background-position: -200px 0;
}

.editor-icon-ul {
    background-position: -240px 0;
}

.editor-icon-ol {
    background-position: -280px 0;
}

.editor-icon-outdent {
    background-position: -320px 0;
}

.editor-icon-indent {
    background-position: -360px 0;
}

.editor-icon-image {
    background-position: -400px 0;
}

.editor-icon-html {
    background-position: -440px 0;
}

/* Summernote
https://github.com/HackerWins/summernote
*/
.summernote-wrapper .note-editor {
    border-color: #e6e6e6;
}

.summernote-wrapper .note-editor .note-toolbar {
    padding: 0;
    background-color: #f0f0f0;
    border-bottom: none;
}

.summernote-wrapper .note-editor .note-toolbar .btn-group {
    margin: 0 -1px 0 0;
}

.summernote-wrapper .note-editor .note-toolbar .btn-group .btn {
    font-size: 12px;
    font-weight: 600;
    height: 50px;
    min-width: 47px;
    line-height: 50px;
    padding: 0 5px;
    border-radius: 0;
    background-color: #f0f0f0;
    border-color: transparent;
    border-right-color: #e6e6e6;
    border-bottom-color: #e6e6e6;
    color: #626262;
}

.summernote-wrapper .note-editor .note-toolbar .btn-group .btn.active, .summernote-wrapper .note-editor .note-toolbar .btn-group .btn:active {
    background-color: #e6e6e6;
}

.summernote-wrapper .note-editor .note-toolbar .btn-group .btn.dropdown-toggle {
    min-width: 61px;
}

.summernote-wrapper .note-editor .note-toolbar .btn-group .btn:not(:last-child), .summernote-wrapper .note-editor .note-toolbar .btn-group .btn:not(:only-child) {
    margin-right: 1px;
}

.summernote-wrapper .note-editor .note-statusbar {
    background-color: transparent;
}

.summernote-wrapper .note-editor .note-statusbar .note-resizebar {
    border-top-color: transparent;
}

.summernote-wrapper .note-editor .note-statusbar .note-resizebar .note-icon-bar {
    border-top: 1px solid #e6e6e6;
}

.summernote-wrapper .note-popover .popover .popover-content .dropdown-menu li a i, .summernote-wrapper .note-toolbar .dropdown-menu li a i {
    color: #6d5cae;
}

.dropzone {
    overflow: hidden;
}

.dropzone .dz-default.dz-message {
    width: 100%;
}

/* Dropzone for Angular */
.dropzone[dropzone="dropzone"] input[type="file"] {
    visibility: hidden;
}

/* end overrides */
.twitter-typeahead {
    width: 100%;
}

.tt-menu {
    width: 100%;
    padding: 3px 10px 3px 3px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-top: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.tt-suggestion {
    color: #626262;
    padding: 3px 7px 4px 26px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    background: #f0f0f0;
}

.tt-suggestion.tt-cursor {
    background: #f0f0f0;
}

.tt-suggestion p {
    margin: 0;
}

/*------------------------------------------------------------------
[17. Charts]
*/
.line-chart .nvd3 line.nv-guideline {
    /* Vertical bar on hover in interactive chart */
    stroke-width: 30px;
    stroke-opacity: .04;
    stroke: #000;
}

.line-chart .nvd3 .nv-groups path.nv-area {
    /*  filled area */
    fill-opacity: .1;
}

.line-chart .nvd3 .nv-groups path.nv-line {
    /*  Line */
    stroke-opacity: .3;
}

.line-chart .nvd3 .nv-axis line {
    /*  grid lines */
    stroke-opacity: .5;
}

.line-chart[data-x-grid="false"] .nv-x .tick line {
    display: none;
}

.line-chart[data-y-grid="false"] .nv-y .tick line {
    display: none;
}

.line-chart .domain {
    /* domain */
    opacity: 0;
}

.line-chart[data-points="true"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    /* Toggle points */
    fill-opacity: 1;
    stroke-opacity: .5;
}

.line-chart .nvtooltip table td.legend-color-guide div {
    border-radius: 100px;
}

.line-chart thead .nv-pointer-events-none strong {
    color: #afafaf;
}

.line-chart .nv-pointer-events-none {
    font-size: 12px;
}

.line-chart .nv-pointer-events-none .value.nv-pointer-events-none {
    font-family: 'Montserrat';
    font-weight: normal;
    font-size: 11px;
    color: #afafaf;
}

.line-chart .nvtooltip table {
    margin: 12px 10px 14px 15px;
}

.line-chart .nvtooltip.xy-tooltip.nv-pointer-events-none {
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.line-chart[data-stroke-width="1"] .nvd3 .nv-groups path.nv-line {
    /* Line widths */
    stroke-width: 1px;
}

.line-chart[data-stroke-width="1"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    /* Line widths */
    stroke-width: 2px;
}

.line-chart[data-stroke-width="2"] .nvd3 .nv-groups path.nv-line {
    stroke-width: 2px;
}

.line-chart[data-stroke-width="2"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    stroke-width: 3px;
}

.line-chart[data-stroke-width="3"] .nvd3 .nv-groups path.nv-line {
    stroke-width: 3px;
}

.line-chart[data-stroke-width="3"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    stroke-width: 4px;
}

.line-chart .tick text, .line-chart .nvd3 .nv-axis .nv-axisMaxMin text {
    fill: #626262;
    font-family: "Montserrat";
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
}

.line-chart .nvd3.nv-scatter .nv-groups .nv-point.hover,
.line-chart .nvd3 .nv-groups .nv-point.hover {
    fill: inherit !important;
    stroke: inherit !important;
}

#nvd3-line svg,
#nvd3-line2 svg,
#nvd3-area svg {
    height: 500px;
}

/* Rickshaw Charts
------------------------------------
*/
.rickshaw-chart.rickshaw_graph .detail {
    padding-left: 15px;
    transform: translateX(-15px);
    width: 30px;
    background: rgba(0, 0, 0, 0.04);
    right: -15px;
}

.rickshaw-chart.rickshaw_graph .detail .item, .rickshaw-chart.rickshaw_graph .detail .x_label {
    transform: translateX(15px);
}

.rickshaw-chart.rickshaw_graph .detail:after {
    content: "";
    width: 1px;
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
    display: block;
}

.rickshaw-chart .y_grid .tick.major line {
    stroke-dasharray: 3px, 5px;
    opacity: .7;
}

.rickshaw-chart.rickshaw_graph .detail .x_label {
    display: none;
}

.rickshaw-chart.rickshaw_graph .detail .item {
    line-height: 1.4;
    padding: 0.5em;
}

.rickshaw-chart.rickshaw_graph .detail_swatch {
    float: right;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px 0 0;
}

.rickshaw-chart.rickshaw_graph .detail .date {
    font-size: 11px;
    color: #a0a0a0;
    opacity: .5;
}

#tab-rickshaw-realtime #rickshaw-realtime_y_axis {
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    width: 40px;
    left: 0;
    z-index: 1;
}

#tab-rickshaw-realtime #rickshaw-realtime_y_axis .rickshaw_graph .y_ticks path, #tab-rickshaw-realtime #rickshaw-realtime_y_axis .rickshaw_graph .x_ticks_d3 path {
    fill: none;
    stroke: none;
}

#tab-rickshaw-realtime #rickshaw-realtime_y_axis .rickshaw_graph .y_ticks text, #tab-rickshaw-realtime #rickshaw-realtime_y_axis .rickshaw_graph .x_ticks_d3 text {
    opacity: 0.35;
    font-family: 'Montserrat';
    font-size: 11px;
}

#tab-rickshaw-bars #rickshaw-stacked-bars.rickshaw_graph .detail .dot {
    border-radius: 50px;
}

#tab-rickshaw-bars #rickshaw-stacked-bars.rickshaw_graph .detail .x_label {
    display: none;
}

#tab-rickshaw-bars #rickshaw-stacked-bars.rickshaw_graph .detail .item {
    line-height: 1.4;
    padding: 0.5em;
}

#tab-rickshaw-bars #rickshaw-stacked-bars .detail_swatch {
    float: right;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px 0 0;
}

#tab-rickshaw-bars #rickshaw-stacked-bars.rickshaw_graph .detail .date {
    font-size: 11px;
    color: #a0a0a0;
    opacity: .5;
}

#tab-rickshaw-slider #rickshaw-slider {
    height: 500px;
}

#tab-rickshaw-slider .rickshaw_graph .x_grid_d3 .tick {
    stroke-opacity: 0;
}

#tab-rickshaw-slider .rickshaw_graph .y_ticks path, #tab-rickshaw-slider .rickshaw_graph .x_ticks_d3 path {
    stroke: none;
}

#tab-rickshaw-slider .rickshaw_graph .y_ticks text, #tab-rickshaw-slider .rickshaw_graph .x_ticks_d3 text {
    font-family: 'Montserrat';
    font-size: 11px;
}

#tab-rickshaw-slider .rickshaw_range_slider_preview .frame {
    opacity: 0;
}

#tab-rickshaw-slider .rickshaw_range_slider_preview .left_handle, #tab-rickshaw-slider .rickshaw_range_slider_preview .right_handle {
    fill: #000;
    fill-opacity: 0.1 !important;
}

#tab-rickshaw-slider .slider {
    position: absolute;
    top: 0;
    height: 93px;
    overflow: hidden;
}

#tab-rickshaw-slider .chart {
    position: absolute;
    bottom: 40px;
    top: 150px;
    left: 33px;
    right: 0;
    width: auto;
}

#tab-rickshaw-slider .chart .x_tick.plain .title {
    font-family: 'Montserrat';
    font-size: 11px;
}

#tab-rickshaw-slider .y_axis {
    bottom: 0;
    position: absolute;
    top: 150px;
    width: 40px;
    left: -6px;
}

#tab-rickshaw-slider .rickshaw_graph .x_tick {
    border-color: transparent;
}

#tab-rickshaw-slider .rickshaw_graph .x_tick .title {
    bottom: -24px;
    left: -15px;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/*------------------------------------------------------------------
[18. List]
*/
.list-view-wrapper {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.list-view-container {
    position: relative;
}

.list-view-container .list-quickscroll ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 120;
    padding-top: 10px;
    padding-bottom: 10px;
}

.list-view-container .list-quickscroll ul li a {
    font-size: 0.7em;
    vertical-align: baseline;
}

.list-view-group-container {
    margin: 0;
    min-height: 1px;
    overflow: hidden;
    padding: 26px 0 0 0;
    position: relative;
}

.list-view-group-container:last-child ul {
    border: 0;
}

.list-view-group-header, .list-view-fake-header {
    background: #fafafa;
    color: #232830;
    font: normal 11px/14px 'Montserrat', Arial;
    text-transform: uppercase;
    margin: 0;
    padding: 6px 0 5px 15px;
    position: absolute;
    z-index: 10;
}

.list-view-group-header {
    bottom: auto;
    min-height: 1px;
    top: 0;
    width: 100%;
    border-top: 0;
}

.list-view-fake-header {
    width: 100%;
    z-index: 100;
    font-size: 11px !important;
    line-height: 14px !important;
}

.list-view-fake-header.list-view-hidden {
    visibility: hidden;
}

.list-view-group-container.list-view-animated .list-view-group-header {
    bottom: 0;
    top: auto;
}

input.list-view-search {
    font-size: 15px;
    color: #232830;
}

.no-top-border .list-view-fake-header {
    border-top: 0;
}

.list-view ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.list-view li {
    padding-left: 15px;
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
    display: table;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.list-view li:hover {
    background-color: #daeffd;
}

.list-view li.active {
    background-color: #fef6dd;
}

.list-view li p {
    margin: 0;
    line-height: 19px;
}

.list-view li > a {
    margin-right: 15px;
    width: 100%;
}

.list-view li > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-view.boreded li > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.list-view.boreded li:last-child > a {
    border-bottom: 0;
}

.list-view.boreded li + li {
    border-top: 0;
}

[data-ios="true"] .list-view-group-header,
[data-ios="true"] .list-view-fake-header {
    width: 288px;
    /*scrollbars aren't visible in iOS devices, so make the headers wider */
}

.list-group-item {
    border: 1px solid #f0f0f0;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #40d9ca;
    border-color: #40d9ca;
}

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

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

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

/*------------------------------------------------------------------
[19. Social App]
*/
.social-wrapper,
.social {
    height: 100%;
    width: 100%;
}

/* Cover
------------------------------------
*/
.social-wrapper .social .jumbotron {
    height: 60vh;
}

.social-wrapper .social .cover-photo {
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
}

.social-wrapper .social .cover-photo:before {
    background-image: url("../img/linear_gradient.png");
    background-repeat: repeat-x;
    bottom: 0;
    content: " ";
    height: 270px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

.social-wrapper .social .cover-photo .pull-bottom {
    z-index: 2;
}

.cover-img-container {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cover-img-container .cover-img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
}

/* Feed
------------------------------------
*/
.social-user-profile {
    width: 52px;
}

.social-user-profile > .thumbnail-wrapper {
    float: none;
}

.social-wrapper .social .feed {
    overflow-y: hidden;
    width: 100%;
}

.social-wrapper .social .feed > .day {
    white-space: normal;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.social-wrapper .social .feed > .day:after {
    feed: '';
    display: block;
    clear: both;
}

.social-wrapper .social .feed > .day:hover > .timeline:after {
    background: #48b0f7;
}

/* Social Cards
------------------------------------
*/
.social-card {
    padding-bottom: 0;
    margin-bottom: 0;
    background: #FFF;
    float: left;
    position: relative;
    border-radius: 4px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    margin-bottom: 20px;
    width: 300px;
    border: 1px solid #e6e6e6;
}

.social-card .circle {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    border-radius: 50%;
    border: 2px solid #f0f0f0;
    width: 9px;
    height: 9px;
    background: #626c75;
    z-index: 1;
}

.social-card .circle:hover {
    cursor: pointer;
}

.social-card.full-width {
    width: 100% !important;
}

.social-card.status {
    background: #daeffd;
    border-radius: 4px;
    padding: 15px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.social-card.status:hover, .social-card.status.hover {
    border-color: #d8dadc !important;
}

.social-card.status h5 {
    font-size: 12px;
    margin: 0;
}

.social-card.status h5 .time {
    color: #fff;
}

.social-card.status h2 {
    color: #2c2c2c;
    font-size: 25px;
    line-height: 32px;
    margin: 0;
    font-weight: normal;
}

.social-card.status .reactions {
    color: #f0f0f0;
    opacity: .45;
    font-size: 12px;
    padding: 0;
    margin: 5px 0 0;
}

.social-card.status .reactions li {
    display: inline-block;
    list-style: none;
    padding: 0;
}

.social-card.status .circle {
    width: 9px;
    height: 9px;
    border: none;
    background: #48b0f7;
}

.social-card .card-header, .social-card .card-footer {
    background-color: #fff;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.social-card.share .card-header {
    padding: 15px 15px 12px;
    border-bottom: 1px solid #e6e6e6;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.social-card.share .card-header:hover {
    background: #daeffd;
    border-color: #daeffd;
    cursor: pointer;
}

.social-card.share .card-header:hover h6 {
    opacity: .6;
}

.social-card.share .card-header.last {
    border-bottom: none;
}

.social-card.share .card-header .user-pic {
    float: left;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.social-card.share .card-header .user-pic > img {
    width: 30px;
    height: 30px;
}

.social-card.share .card-header h5 {
    font-weight: bold;
    font-size: 14px;
    line-height: 23px;
    font-family: arial;
    letter-spacing: -0.006em;
    margin: -3px 0 0;
}

.social-card.share .card-header h6 {
    font-size: 12px;
    margin: 0;
    opacity: .45;
    font-family: arial;
}

.social-card.share .card-description {
    padding: 12px 16px 11px;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
}

.social-card.share .card-description p {
    margin-bottom: 4px;
}

.social-card.share .card-description .via {
    opacity: .45;
    display: block;
    font-size: 12px;
    font-family: arial;
}

.social-card.share .card-content {
    position: relative;
}

.social-card.share .card-content .buttons {
    left: 17px;
    padding: 0;
    position: absolute;
    top: 10px;
}

.social-card.share .card-content .buttons li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}

.social-card.share .card-content .buttons li a {
    color: #fff;
}

.social-card.share .card-feed {
    overflow: hidden;
    position: relative;
    max-height: 400px;
}

.social-card.share .card-feed:hover .buttons {
    opacity: 1;
}

.social-card.share .card-feed .buttons {
    position: absolute;
    top: 5px;
    right: 0;
    opacity: 0;
}

.social-card.share .card-feed .buttons li {
    display: inline-block;
    list-style: none;
}

.social-card.share .card-feed .buttons li a {
    color: #fff;
    opacity: 0.8;
    padding: 5px;
}

.social-card.share .card-feed > * {
    max-width: 100%;
}

.social-card.share .card-footer {
    padding: 14px 16px 11px;
    font-size: 12px !important;
}

.social-card.share .card-footer:hover {
    background: #daeffd;
    cursor: pointer;
}

.social-card.share .card-footer:hover .reactions, .social-card.share .card-footer:hover .time {
    opacity: .8;
}

.social-card.share .card-footer .time {
    float: left;
    opacity: .45;
    font-family: arial;
    margin-top: 1px;
}

.social-card.share .card-footer .reactions {
    float: right;
    margin: 0;
    padding: 0;
    opacity: .45;
}

.social-card.share .card-footer .reactions li {
    display: inline-block;
    list-style: none;
}

.social-card.share .card-footer .reactions li a {
    color: inherit;
}

.social-card.share .card-description, .social-card.share .card-feed, .social-card.share .card-footer {
    border-color: transparent;
    border-style: solid;
}

.social-card.share .card-description {
    border-width: 1px;
}

.social-card.share .card-feed {
    border-width: 0 1px;
    margin-top: -2px;
}

.social-card.share .card-footer {
    border-width: 0 1px 1px 1px;
}

.social-card.share.share-other .card-description {
    padding-bottom: 0;
}

.social-card.share.share-other .card-footer {
    padding-top: 0;
    border-radius: 0;
}

.social-card.share.share-other .card-footer:hover {
    background: #fff;
}

.social-card.share.share-other .card-header {
    border-top: 1px solid #daeffd;
}

.social-card.share.share-other .circle {
    background: #f8d053;
}

.social-card.col1 {
    width: 300px;
}

.social-card.col2 {
    width: 620px;
}

.social-card.col3 {
    width: 920px;
}

.social-card img {
    width: 100%;
}

/* Step Form : Status */
.simform {
    margin-left: 0;
    padding: 0;
    position: static;
    margin-bottom: 20px;
}

.simform .error-message {
    padding-top: 29px !important;
    padding-left: 22px;
}

.simform .final-message, .simform .error-message {
    font-size: 15px;
    opacity: 0.5;
    display: none;
    margin-top: 19px;
    position: static;
    text-align: left;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.simform ol:before {
    background: transparent;
}

.simform .questions li {
    overflow: hidden;
}

.simform .questions li.current {
    position: relative;
}

.simform .questions li.current input {
    font-size: 14px;
    padding: 0 !important;
    margin: 0 !important;
}

.simform .questions li > span {
    width: 100%;
}

.simform .questions li > span label {
    font-size: 12px;
    opacity: .55;
    font-weight: 300;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.simform .questions input {
    background: transparent !important;
    height: 30px;
}

.simform .questions .current input,
.simform .no-js .questions input {
    background: transparent;
    border: none;
}

.simform .controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.simform .controls .next, .simform .controls .number {
    display: none !important;
}

.simform .progress:before {
    background: none;
}

.simform .show {
    display: block;
}

/* Responsive Handlers: Social App
------------------------------------
*/
@media (min-width: 991px) and (max-width: 1070px) {
    .day .card:first-child .col-md-4:first-child {
        width: 100%;
        margin-bottom: 20px;
    }

    .day .card:first-child .col-md-4:nth-child(2), .day .card:first-child .col-md-4:nth-child(3) {
        width: 50%;
    }
}

@media (max-width: 667px) {
    .social-wrapper .social .feed > .day > .card {
        width: 100% !important;
    }
}

/*------------------------------------------------------------------
[20. Email App]
*/
/* Email Components
--------------------------------------------------
*/
.compose-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    background: #fff;
    border-top: 1px solid #f0f0f0;
    z-index: 101;
}

.compose-wrapper .compose-email {
    font-size: 24px;
}

.email-composer {
    margin-left: 250px;
    position: relative;
    overflow: auto;
    height: 100%;
    background: #fff;
}

.email-composer .email-toolbar-wrapper .wysihtml5-toolbar {
    background: #f0f0f0;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    border-top: none;
}

.email-composer .email-body-wrapper {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.email-composer .bootstrap-tagsinput {
    margin: 0;
    padding: 0;
}

.email-composer > .row {
    margin-left: -30px;
    margin-right: -30px;
}

.split-view .split-details .email-content-wrapper {
    background: #fff;
    height: 100%;
    width: auto;
    overflow: auto;
}

.split-view .split-details .email-content-wrapper .actions-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    z-index: 799;
}

.split-view .split-details .email-content-wrapper .email-content {
    margin: 0 auto;
    width: 600px;
    display: block;
    padding-top: 62px;
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
}

.split-view .split-details .email-content-wrapper .email-content .email-content-header .sender .name {
    font-size: 15px;
    color: #3b4752;
}

.split-view .split-details .email-content-wrapper .email-content .email-content-header .sender .datetime {
    color: #626262;
    opacity: .45;
    font-family: arial;
}

.split-view .split-details .email-content-wrapper .email-content .email-content-header .subject {
    font-family: arial;
    color: #3b4752;
    font-size: 15px;
    line-height: 17px;
}

.split-view .split-details .email-content-wrapper .email-content .email-content-header .fromto .btn-xs {
    border-radius: 13px;
}

.split-view .split-details .email-content-wrapper .email-content .email-content-body p {
    line-height: 23px;
    color: #212529;
    letter-spacing: 0.001em;
}

.split-view .split-details .email-content-wrapper .email-content .email-reply {
    min-height: 200px;
}

.split-view .split-details .email-content-wrapper .email-content .editor-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.split-view .split-details .email-content-wrapper .email-content .editor-wrapper .wysihtml5-sandbox {
    max-height: 150px;
    min-height: 130px !important;
    width: 100% !important;
}

/* Email App Top Header
--------------------------------------------------
*/
.header-wrapper-email {
    font-size: 15px;
}

.header-wrapper-email .dropdown > .btn {
    color: #48b0f7;
}

.header-wrapper-email .btn:hover {
    text-decoration: none;
}

/* Responsive Handler : Email App
--------------------------------------------------
*/
@media (max-width: 1024px) {
    .email-composer {
        margin-left: 0;
    }
}

.email-composer .email-toolbar-wrapper .dropdown .dropdown-toggle::after {
    display: none;
}

/*------------------------------------------------------------------
[21. Calendar App]
*/
body.overflow-hidden {
    overflow: hidden;
}

/*
Calendar
--------------------------------------------------
Header / .calendar-header
Years / .years .year
Months / .months
Weeks / .weeks-wrapper .week
Grid / .calendar-container
Events / .event-container
*/
.calendar {
    height: 100%;
}

.calendar .drager {
    overflow: hidden;
}

.calendar .drager .scroll-element {
    display: none;
}

.calendar.month {
    padding-left: 5px;
}

.calendar.month .options .date {
    margin-bottom: 22px;
}

.calendar.month .week-dragger {
    display: none;
}

.calendar.month .calendar-container {
    border-top: 1px solid #e6e6e6;
    padding-top: 0;
    height: calc(100% - 169px);
}

.calendar.month .calendar-container .view .tble {
    width: 100%;
}

.calendar.month .calendar-container .view .tble .thead .tcell .weekday {
    margin-left: 10px;
}

.calendar .calendar-header {
    height: 43px;
    background-color: #fafafa;
    line-height: 43px;
    padding-left: 60px;
}

.calendar .calendar-header > .drager {
    width: calc(100% - 141px);
    border-right: 1px solid rgba(0, 0, 0, 0.33);
    line-height: 35px;
}

.calendar .calendar-header .years {
    width: auto;
    list-style: none;
    white-space: nowrap;
    margin-top: 5px;
}

.calendar .calendar-header .years .year {
    display: inline-block;
    width: 69px;
    text-align: center;
    white-space: nowrap;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.calendar .calendar-header .years .year > a {
    color: rgba(0, 0, 0, 0.5);
    position: relative;
}

.calendar .calendar-header .years .year > a.active {
    color: #000;
}

.calendar .calendar-header .years .year > a.has-event:before {
    position: absolute;
    content: '\25CF';
    width: 100%;
    font-size: 8px;
    line-height: 6px;
    text-align: center;
    color: rgba(0, 0, 0, 0.44);
}

.calendar .options {
    padding-left: 60px;
    margin-top: 15px;
}

.calendar .options .months {
    width: auto;
    white-space: nowrap;
    height: 43px;
    line-height: 43px;
}

.calendar .options .months .month {
    min-width: 30px;
    max-width: 100px;
    padding: 0 10px;
    display: inline-block;
}

.calendar .options .months .month > a {
    position: relative;
    color: rgba(0, 0, 0, 0.28);
}

.calendar .options .months .month > a:hover {
    color: rgba(0, 0, 0, 0.33);
}

.calendar .options .months .month > a.active {
    color: black;
}

.calendar .options .months .month > a.has-event:before {
    position: absolute;
    content: '\25CF';
    top: -6px;
    width: 100%;
    font-size: 8px;
    line-height: 6px;
    text-align: center;
    color: rgba(0, 0, 0, 0.33);
}

.calendar .options .date {
    margin-bottom: 20px;
}

.calendar .week-dragger {
    border-bottom: 1px solid #e6e6e6;
    margin-left: -20px;
}

.calendar .weeks-wrapper {
    width: auto;
    white-space: nowrap;
    padding-left: 10px;
    padding-bottom: 12px;
    margin-bottom: 5px;
    margin-left: 20px;
}

.calendar .weeks-wrapper .week {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.calendar .weeks-wrapper .week:first-child {
    padding-left: 4px;
}

.calendar .weeks-wrapper .week:last-child {
    padding-left: 0px;
}

.calendar .weeks-wrapper .week:before {
    content: '';
    position: absolute;
    right: -20px;
    bottom: 6px;
    height: 20px;
    width: 20px;
    border-left: 1px dotted rgba(0, 0, 0, 0.3);
}

.calendar .weeks-wrapper .week.active .day-wrapper .week-date .day > a {
    color: rgba(0, 0, 0, 0.6);
}

.calendar .weeks-wrapper .week .day-wrapper {
    display: inline-block;
}

.calendar .weeks-wrapper .week .day-wrapper .week-date {
    text-align: center;
    width: 21px;
    height: 21px;
    margin: 6px;
    border-radius: 99px;
}

.calendar .weeks-wrapper .week .day-wrapper .week-date.current-date {
    background-color: #e6e6e6;
}

.calendar .weeks-wrapper .week .day-wrapper .week-date.active {
    background-color: #10cfbd;
}

.calendar .weeks-wrapper .week .day-wrapper .week-date.active .day > a {
    font-weight: bold;
    opacity: 1;
    color: #fff;
}

.calendar .weeks-wrapper .week .day-wrapper .week-date .day > a {
    letter-spacing: -0.01em;
}

.calendar .weeks-wrapper .week .day-wrapper .week-day {
    text-align: center;
}

.calendar .weeks-wrapper .week .day-wrapper .day {
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 10;
    padding: 1px 0;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.3);
}

.calendar .weeks-wrapper .week .day-wrapper .day > a {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, 0.3);
    opacity: 0.7;
    font-weight: 600;
}

.calendar .weeks-wrapper .week .day-wrapper .day > a.has-event:before {
    position: absolute;
    content: '\25CF';
    top: -10px;
    width: 100%;
    font-size: 8px;
    line-height: 6px;
    text-align: center;
    color: #10cfbd;
}

.calendar .weeks-wrapper .week .day-wrapper .day.week-header {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 10px;
    letter-spacing: 0.06em;
    font-size: 10.5px;
}

.calendar .calendar-container {
    position: relative;
    height: calc(100% - 200px);
    padding-top: 10px;
}

.calendar .calendar-container .view {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell {
    position: relative;
    height: 20%;
    clear: both;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell .cell-inner .holder {
    position: absolute;
    top: 37px;
    left: 0;
    right: 0;
    bottom: 0;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell.active {
    background: #fff;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell.active .cell-inner {
    background-color: #fef8e7;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell.not {
    background-color: #fafafa;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell.drop-target .cell-inner {
    background-color: #fafafa;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell .cell-inner:only-child, .calendar .calendar-container .view.month-view .tble .trow .tcell .cell-inner {
    height: 100%;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell .month-date {
    position: relative;
    text-align: center;
    margin-top: 10px;
    margin-right: 6px;
    width: 25px;
    height: 25px;
    padding-top: 2px;
    margin: 6px;
    float: right;
    display: block;
    z-index: 1;
    border-radius: 99px;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell .month-date.current-date {
    background-color: #e6e6e6;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell .month-date.active {
    background-color: #10cfbd;
    font-weight: bold;
    opacity: 1;
    color: #fff;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell .event-container {
    height: 30px;
    position: relative !important;
    min-height: 30px !important;
}

.calendar .calendar-container .view.month-view .tble .trow .tcell .event-container .event-inner {
    padding: 8px;
}

.calendar .calendar-container .view.month-view .ghost-element {
    height: 30px;
    position: relative;
    width: 100%;
}

.calendar .calendar-container .view.month-view .grid .tble {
    height: 100%;
    width: 100%;
}

.calendar .calendar-container .view.month-view .event-container .event-title {
    font-size: 12px;
}

.calendar .calendar-container .view.day-view .tble {
    white-space: nowrap;
}

.calendar .calendar-container .view.day-view .tble .thead {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.calendar .calendar-container .view.day-view .tble .tcell {
    display: none;
    max-width: 100%;
    width: 100%;
}

.calendar .calendar-container .view.day-view .tble .tcell.active {
    display: inline-block;
}

.calendar .calendar-container .view.day-view .tble .trow {
    display: block;
    height: 80px;
}

.calendar .calendar-container .view.day-view .tble .trow .tcell.active {
    background-color: #fff;
}

.calendar .calendar-container .view .tble {
    display: inline-table;
    width: calc(100% - 50px);
    vertical-align: top;
    position: relative;
}

.calendar .calendar-container .view .tble .thead {
    display: table-row;
    width: 100%;
    background: #fff;
}

.calendar .calendar-container .view .tble .thead .tcell {
    padding: 10px;
    height: 40px;
    position: relative;
}

.calendar .calendar-container .view .tble .thead .tcell .weekday {
    font-size: 12px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.51);
}

.calendar .calendar-container .view .tble .thead .tcell .weekdate {
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    color: rgba(0, 0, 0, 0.77);
}

.calendar .calendar-container .view .tble .thead .tcell.active .weekdate, .calendar .calendar-container .view .tble .thead .tcell.active .weekday {
    color: black;
}

.calendar .calendar-container .view .tble .thead .tcell:before {
    content: '';
    border-bottom: 1px solid #e6e6e6;
    width: calc(100% - 18px);
    position: absolute;
    bottom: 0;
}

.calendar .calendar-container .view .tble .thead .tcell .event-bubble {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 5px;
    float: right;
    border-radius: 30px;
}

.calendar .calendar-container .view .tble .tcell {
    display: table-cell;
    height: 80px;
    max-width: 14.2857%;
    width: 14.2857%;
}

.calendar .calendar-container .view .tble .trow {
    display: table-row;
}

.calendar .calendar-container .view .tble .trow .tcell {
    background: #fff;
    padding: 0 10px;
}

.calendar .calendar-container .view .tble .trow .tcell .cell-inner {
    height: 40px;
    position: relative;
}

.calendar .calendar-container .view .tble .trow .tcell .cell-inner:first-child {
    border-bottom: 1px dotted #e6e6e6;
}

.calendar .calendar-container .view .tble .trow .tcell .cell-inner:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.calendar .calendar-container .view .tble .trow .tcell .cell-inner:only-child {
    height: 40px;
    border-bottom: 0;
}

.calendar .calendar-container .view .tble .trow .tcell.active {
    background-color: #fef8e7;
}

.calendar .calendar-container .view .tble .trow .tcell.active > * {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.calendar .calendar-container .view .tble .trow .tcell.disable {
    background-color: #fafafa;
}

.calendar .calendar-container .view .tble .loading {
    left: 10px;
}

.calendar .calendar-container .loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 100;
}

.calendar .calendar-container .pgn-wrapper {
    position: absolute;
}

.calendar .calendar-container .even-holder {
    position: absolute;
    display: table;
    width: calc(100% - 50px);
    height: calc(100% - 25px);
}

.calendar .calendar-container .even-holder .event-placeholder {
    height: 100%;
    width: 14.2857%;
    display: table-cell;
}

.calendar .calendar-container .event-container {
    width: 100%;
    height: 40px;
    position: absolute !important;
    z-index: 10;
    overflow: hidden;
    margin-bottom: 5px;
    min-height: 40px !important;
    transition: width .16s ease;
}

.calendar .calendar-container .event-container .event-inner {
    padding: 15px;
}

.calendar .calendar-container .event-container .event-inner:before {
    position: absolute;
    width: 8px;
    height: 8px;
    content: '';
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 999px;
    right: 14px;
    top: 11px;
}

.calendar .calendar-container .event-container .time-wrap {
    line-height: 12px;
    text-align: left;
    color: rgba(0, 0, 0, 0.77);
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar .calendar-container .event-container .event-start-time, .calendar .calendar-container .event-container .event-end-time {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.44);
}

.calendar .calendar-container .event-container .event-title {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar .calendar-container .event-container .resizable-handle {
    position: absolute;
    opacity: 1;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.calendar .calendar-container .event-container .resizable-handle:after {
    content: "=";
    color: rgba(0, 0, 0, 0.44);
}

.calendar .calendar-container .event-container.dragging {
    z-index: 100;
}

.calendar .calendar-container .grid {
    display: block;
    overflow: scroll;
    height: calc(100% - 40px);
    -webkit-overflow-scrolling: touch;
}

.calendar .calendar-container .grid.slot-60 .tble .trow .tcell .cell-inner {
    height: 80px;
    border-bottom: 1px solid #e6e6e6;
}

.calendar .calendar-container .grid.slot-15 .tble .trow .tcell {
    height: 25px;
}

.calendar .calendar-container .grid.slot-15 .tble .trow .tcell .cell-inner {
    height: 25px;
    border-bottom: 1px dotted #e6e6e6;
}

.calendar .calendar-container .grid.slot-15 .tble .trow .tcell .cell-inner:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.calendar .calendar-container .grid.slot-15 .time-slot-wrapper .time-slot {
    height: 100px;
}

.calendar .calendar-container .allday-cell {
    height: 40px;
    display: inline-block;
    width: 50px;
    float: left;
}

.calendar .time-slot-wrapper {
    display: inline-block;
    width: 50px;
    float: left;
    height: 100%;
}

.calendar .time-slot-wrapper .time-slot {
    display: block;
    height: 80px;
    width: 100%;
    background: #fff;
}

.calendar .time-slot-wrapper .time-slot:first-child span {
    display: none;
}

.calendar .time-slot-wrapper .time-slot > span {
    float: right;
    font-size: 12px;
    position: relative;
    top: -15%;
    color: rgba(0, 0, 0, 0.46);
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 0.06em;
    font-size: 10.5px;
    font-family: 'Montserrat';
    right: 5px;
}

.calendar-event {
    width: 330px;
    right: -330px;
}

.calendar-event .scrollable {
    height: 100%;
}

.date-selector {
    cursor: pointer;
}

/*
Responsive Util
*/
@media (max-width: 991px) {
    .calendar {
        background-color: #fff;
    }

    .calendar .calendar-header {
        display: none;
    }

    .calendar .options {
        margin-top: 0;
        padding-left: 10px;
    }

    .calendar .options .months {
        line-height: 21px;
        padding-top: 14px;
    }

    .calendar .options .date {
        margin-bottom: 10px;
    }

    .calendar .calendar-container {
        height: 100%;
    }

    .calendar .calendar-container .view.week-view .tble {
        white-space: nowrap;
    }

    .calendar .calendar-container .view.week-view .tble .thead {
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
    }

    .calendar .calendar-container .view.week-view .tble .tcell {
        display: none;
        max-width: 100%;
        width: 100%;
    }

    .calendar .calendar-container .view.week-view .tble .tcell.active {
        display: inline-block;
        background-color: #fff;
    }

    .calendar .calendar-container .view.week-view .tble .trow {
        display: block;
        height: 80px;
    }

    .calendar .calendar-container .view.month-view .allday-cell {
        display: none;
    }

    .calendar .calendar-container .view.month-view .grid .tble {
        padding-left: 0;
    }

    .calendar .calendar-container .view.month-view .tble .thead .tcell {
        padding: 3px;
        padding-top: 10px;
    }

    .calendar .calendar-container .view.month-view .tble .trow .tcell {
        padding: 0 6px;
    }

    .calendar .calendar-container .view.month-view .tble .trow .tcell .event-container {
        border-radius: 99px;
        -webkit-border-radius: 99px;
        -moz-border-radius: 99px;
        position: absolute !important;
        height: 16px !important;
        width: 16px !important;
        min-height: 16px !important;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .calendar .calendar-container .view.month-view .tble .trow .tcell .event-container .event-inner {
        display: none;
    }

    .calendar .calendar-container.month {
        height: calc(100% - 101px);
    }

    .calendar .weeks-wrapper {
        margin-bottom: 0;
    }

    .calendar.month {
        padding-left: 0;
    }

    .calendar.month .calendar-container {
        height: calc(100% - 108px);
    }

    .calendar-event {
        width: 240px;
        right: -240px;
    }

    .months-drager {
        margin-left: 16px;
        margin-right: 36px;
        border-right: 1px solid #e6e6e6;
        padding-top: 0;
    }

    .horizontal-app-menu .months-drager {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .calendar.month .calendar-container .view .tble .thead .tcell {
        text-align: center;
    }

    .calendar.month .calendar-container .view .tble .thead .tcell:before {
        width: 100%;
    }

    .calendar.month .calendar-container .view .tble .thead .tcell .weekday {
        width: 11px;
        overflow: hidden;
        letter-spacing: 4px;
        font-weight: bold;
    }
}

/*------------------------------------------------------------------
[22. Login]
*/
.login-wrapper {
    height: 100%;
    background-color: #6d5cae;
}

.login-wrapper > * {
    height: 100%;
}

.login-wrapper .bg-pic {
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.login-wrapper .bg-pic > img {
    height: 100%;
    opacity: 0.6;
}

.login-wrapper .login-container {
    width: 496px;
    display: block;
    position: relative;
    float: right;
}

.login-wrapper .bg-caption {
    width: 500px;
}

.register-container {
    width: 550px;
    margin: auto;
    height: 100%;
}

/* Responsive handlers : Login
------------------------------------
*/
@media (max-width: 768px) {
    .login-wrapper .login-container {
        width: 100%;
    }

    .register-container {
        width: 100%;
        padding: 15px;
    }
}

@media only screen and (max-width: 321px) {
    .login-wrapper .login-container {
        width: 100%;
    }
}

/*------------------------------------------------------------------
[23. Lock Screen]
*/
.lock-container {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}

.lock-screen-wrapper .credentials {
    margin-top: -84px;
    position: absolute;
    top: 50%;
}

.lock-screen-wrapper .credentials .thumbnail-wrapper {
    width: 53px;
    height: 53px;
}

.lock-screen-wrapper .credentials .logged {
    opacity: .21;
    margin-top: -5px !important;
}

.lock-screen-wrapper .credentials .name {
    opacity: .69;
    margin-top: -5px !important;
    font-size: 36px;
    height: 45px;
    overflow: hidden;
}

.lock-screen-wrapper .terms-wrapper > div {
    display: table;
}

.lock-screen-wrapper .terms-wrapper .terms {
    display: table-cell;
    vertical-align: middle;
}

.lock-screen-wrapper .terms-wrapper .logo-terms {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    text-align: center;
    position: relative;
}

.lock-screen-wrapper .terms-wrapper .logo-terms .brand {
    left: 50%;
    margin-left: -21px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
}

/* Responsive Handlers : Lockscreen
------------------------------------
*/
@media (max-width: 767px) {
    .lock-container {
        width: 80%;
    }

    .lock-screen-wrapper .credentials form {
        margin-top: 15px;
    }
}

@media (max-width: 480px) {
    .lock-screen-wrapper .credentials {
        margin: 0;
        position: static;
        margin-top: 100px;
        width: 100%;
        float: left;
        clear: both;
    }

    .lock-screen-wrapper .credentials > div {
        text-align: center;
    }

    .lock-screen-wrapper .credentials .thumbnail-wrapper {
        float: none;
        margin: 0 auto;
    }
}

/*------------------------------------------------------------------
[24. Timeline]
*/
/*
  Adapted from Vertical Timeline by Sebastiano Guerriero
  http://codyhouse.co/gem/vertical-timeline/
*/
/* --------------------------------

Modules - reusable parts of our design

-------------------------------- */
.timeline-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

.timeline-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

.timeline-container.top-circle:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    background-color: #fff;
    z-index: 10;
}

/* --------------------------------

Main components

-------------------------------- */
.timeline {
    position: relative;
    padding: 3em 0 10em 0;
    margin-top: 0;
    margin-bottom: 0;
}

.timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 2px;
    background: #fff;
}

@media only screen and (min-width: 1170px) {
    .timeline-container:not(.left) .timeline {
        margin-bottom: 0;
    }

    .timeline-container:not(.left) .timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

.timeline-block {
    position: relative;
    margin: 2em 0;
}

.timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.timeline-block:first-child {
    margin-top: 0;
}

.timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .timeline-container:not(.left) .timeline .timeline-block {
        margin: 4em 0;
    }

    .timeline-container:not(.left) .timeline .timeline-block:first-child {
        margin-top: 0;
    }

    .timeline-container:not(.left) .timeline .timeline-block:last-child {
        margin-bottom: 0;
    }
}

.timeline-point {
    position: absolute;
    top: 12px;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    background: #b3b3b3;
    border: 2px solid #fff;
}

.timeline-point.small {
    height: 12px;
    margin-left: 13px;
    margin-top: 14px;
    width: 12px;
}

.timeline-point i {
    color: #fff;
    font-size: 14px;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
}

.timeline-point.primary {
    background-color: #6d5cae;
}

.timeline-point.complete {
    background-color: #48b0f7;
}

.timeline-point.success {
    background-color: #10cfbd;
}

.timeline-point.info {
    background-color: #3b4752;
}

.timeline-point.danger {
    background-color: #f55753;
}

.timeline-point.warning {
    background-color: #f8d053;
}

@media only screen and (min-width: 1170px) {
    .timeline-container:not(.left) .timeline .timeline-point {
        left: 50%;
        margin-left: -21px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .timeline-container:not(.left) .timeline .timeline-point.is-hidden {
        visibility: hidden;
    }

    .timeline-container:not(.left) .timeline .timeline-point.small {
        margin-left: -7px;
    }

    .timeline-container:not(.left) .timeline .timeline-point.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }
    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.timeline-content {
    position: relative;
    margin-left: 60px;
}

.timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.timeline-content .card {
    margin-bottom: 0;
}

.timeline-content .event-date {
    display: inline-block;
    float: left;
    padding: .8em 0;
    opacity: .7;
    clear: both;
}

@media (max-width: 480px) {
    .timeline-container {
        width: 94%;
    }
}

@media only screen and (min-width: 1170px) {
    .timeline-container:not(.left) .timeline .timeline-content {
        margin-left: 0;
        width: 46%;
    }

    .timeline-container:not(.left) .timeline .timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }

    .timeline-container:not(.left) .timeline .timeline-content.is-hidden {
        visibility: hidden;
    }

    .timeline-container:not(.left) .timeline .timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }

    .timeline-container:not(.left) .timeline .timeline-content .event-date {
        position: absolute;
        width: 100%;
        left: 118%;
        top: -2px;
        font-size: 16px;
        font-size: 1rem;
    }

    .timeline-container:not(.left) .timeline .timeline-content .event-date small {
        margin-top: 13px;
        display: block;
    }

    .timeline-container:not(.left) .timeline .timeline-content .event-date h6 + small {
        margin-top: 0;
    }

    .timeline-container:not(.left) .timeline .timeline-block:nth-child(odd) .timeline-content .card {
        float: right;
    }

    .timeline-container:not(.left) .timeline .timeline-block:nth-child(even) .timeline-content {
        float: right;
    }

    .timeline-container:not(.left) .timeline .timeline-block:nth-child(even) .timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }

    .timeline-container:not(.left) .timeline .timeline-block:nth-child(even) .timeline-content .event-date {
        left: auto;
        right: 118%;
        text-align: right;
    }
}

@media only screen and (min-width: 1170px) {
    /* inverse bounce effect on even content blocks */
    .timeline-container:not(.left) .timeline .timeline-block:nth-child(even) .timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

.timeline-container.center .timeline {
    margin-top: 3em;
    margin-bottom: 3em;
}

.timeline-container.center .timeline::before {
    left: 50%;
    margin-left: -2px;
}

.timeline-container.center .timeline .timeline-point {
    left: 50%;
    margin-left: -21px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.timeline-container.center .timeline .timeline-point.is-hidden {
    visibility: hidden;
}

.timeline-container.center .timeline .timeline-point.small {
    margin-left: -7px;
}

.timeline-container.center .timeline .timeline-point.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
}

.timeline-container.center .timeline .timeline-content {
    margin-left: 0;
    width: 46%;
}

.timeline-container.center .timeline .timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
}

.timeline-container.center .timeline .timeline-content.is-hidden {
    visibility: hidden;
}

.timeline-container.center .timeline .timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
}

.timeline-container.center .timeline .timeline-content .event-date {
    position: absolute;
    width: 100%;
    left: 118%;
    top: -2px;
    font-size: 16px;
    font-size: 1rem;
}

.timeline-container.center .timeline .timeline-content .event-date small {
    margin-top: 13px;
    display: block;
}

.timeline-container.center .timeline .timeline-content .event-date h6 + small {
    margin-top: 0;
}

.timeline-container.center .timeline .timeline-block:nth-child(odd) .timeline-content .card {
    float: right;
}

.timeline-container.center .timeline .timeline-block:nth-child(even) .timeline-content {
    float: right;
}

.timeline-container.center .timeline .timeline-block:nth-child(even) .timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
}

.timeline-container.center .timeline .timeline-block:nth-child(even) .timeline-content .event-date {
    left: auto;
    right: 118%;
    text-align: right;
}

@media only screen and (min-width: 1170px) {
    .timeline-container.left {
        width: 60%;
        margin-left: 100px;
    }
}

/*------------------------------------------------------------------
[25. Gallery]
*/
.gallery {
    margin: 70px auto 0 auto;
}

.gallery-item {
    overflow: hidden;
    cursor: default;
    background-color: #000;
    margin-bottom: 10px;
    position: relative;
    width: 280px;
    height: 240px;
}

.gallery-item:hover {
    cursor: pointer;
}

.gallery-item[data-width="1"] {
    width: 280px;
}

.gallery-item[data-width="2"] {
    width: 570px;
}

.gallery-item[data-height="1"] {
    height: 240px;
}

.gallery-item[data-height="2"] {
    height: 490px;
}

.gallery-item > img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.gallery-item > .live-tile img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.gallery-item .rating {
    margin-top: -5px;
    color: rgba(255, 255, 255, 0.3);
}

.gallery-item .rating > .rated {
    color: white;
}

.gallery-item .item-info {
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0);
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
}

.gallery-item .item-info.more-content {
    -webkit-transform: translate3d(0, 32%, 0);
    transform: translate3d(0, 32%, 0);
}

.gallery-item:hover .item-info {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.gallery-item:hover > img {
    opacity: 0.6;
}

.gallery-item:hover > .live-tile img {
    opacity: 0.6;
}

.gallery-item:active .item-info {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.gallery-item:active > img {
    opacity: 0.6;
}

.item-details {
    z-index: 1050;
}

.item-details .dialog__content {
    width: 845px;
    max-width: 845px;
    padding: 0;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.8);
}

.item-details .dialog__content .dialog__overview {
    height: 516px;
    position: relative;
}

.item-details .dialog__content .dialog__overview .buy-now {
    position: absolute;
    bottom: 20px;
    right: 35px;
}

.item-details .dialog__content .dialog__overview .item-slideshow .slide {
    width: 516px;
    height: 516px;
    display: block;
    overflow: hidden;
}

.item-details .dialog__content .dialog__footer {
    height: 75px;
}

.item-details .dialog__content .dialog__footer .price {
    margin: 0;
    padding: 0;
    line-height: 75px;
}

.item-details .dialog__content .dialog__footer .separator {
    position: relative;
}

.item-details .dialog__content .dialog__footer .separator:after {
    content: "";
    width: 1px;
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    height: 27px;
    right: 0;
    top: 24px;
}

.item-details .dialog__content .dialog__footer .recommended li {
    overflow: hidden;
}

.item-details .dialog__content .dialog__footer .recommended li a {
    width: 56px;
    height: 56px;
    display: block;
}

.item-details .dialog__content .dialog__footer .recommended li img {
    width: 100%;
}

.item-details .dialog__content .close {
    top: 15px;
    right: 15px;
    z-index: 100;
}

.item-details .owl-nav {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    opacity: .7;
    font-size: 18px;
    padding: 0 20px;
}

.item-details .owl-nav .owl-prev {
    float: left;
}

.item-details .owl-nav .owl-next {
    float: right;
}

.item-details .owl-dots {
    bottom: 23px;
    position: absolute;
    right: 23px;
}

.item-details .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.3);
    margin-left: 6px;
}

.item-details .owl-dots .owl-dot.active {
    background: #fff;
}

.gallery-filters {
    position: absolute;
    left: 0;
    right: 0;
    height: 70px;
    top: -70px;
}

@media (max-width: 920px) {
    .gallery-item.first {
        display: none;
    }
}

@media (max-width: 767px) {
    .item-details .dialog__content {
        height: 90%;
        overflow-y: auto;
        width: 400px;
        max-width: 400px;
    }

    .item-details .dialog__content .container-fluid {
        height: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .item-details .dialog__content .dialog__overview {
        height: 100%;
        margin-right: -30px;
        margin-left: -30px;
    }

    .item-details .item-slideshow-wrapper {
        height: 515px !important;
    }

    .item-details .item-description {
        height: auto !important;
    }

    .item-details .item-description .buy-now {
        position: static !important;
        float: right;
        margin-bottom: 20px;
    }

    .item-details .item-slideshow .owl-stage-outer, .item-details .item-slideshow .owl-stage {
        height: 100%;
    }

    .item-details .item-slideshow .slide {
        width: 100% !important;
    }
}

@media (max-width: 420px) {
    .gallery {
        margin-top: 80px;
    }

    .gallery-filters {
        top: -90px;
    }

    .item-details .dialog__content {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 610px) {
    .gallery-item, .gallery {
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .item-details .dialog__content .container-fluid > .row {
        margin-left: -30px;
        margin-right: -30px;
    }
}

/*------------------------------------------------------------------
[26. Vector Map : Mapplic Plugin]
*/
.horizontal-app-menu .map-controls {
    left: 0;
}

.mapplic-container {
    width: 100%;
    background-color: transparent;
}

.mapplic-container .mapplic-fullscreen-button {
    left: auto;
    right: 154px;
    bottom: 0;
    top: auto;
}

.mapplic-container .mapplic-clear-button {
    visibility: hidden;
}

.mapplic-tooltip:before {
    content: "Location";
    font-size: 12px;
    margin: 0;
    line-height: normal;
    opacity: .7;
    color: #626262;
}

.mapplic-tooltip-close {
    opacity: .5;
    background: none;
}

.mapplic-tooltip-close:after {
    content: "\e60a";
    font-family: 'pages-icon';
    font-size: 12px;
    position: relative;
    top: -2px;
    color: #626262;
    opacity: .7;
}

.mapplic-tooltip-title {
    display: none;
}

.mapplic-tooltip-content {
    margin-top: 5px;
}

.mapplic-tooltip {
    max-width: 150px;
    padding: 10px 12px;
    border-radius: 4px;
}

.mapplic-tooltip-description {
    font-weight: bold;
    color: #626262;
}

.mapplic-tooltip-description strong {
    color: #f55753;
    margin-right: 2px;
}

.map-controls {
    position: absolute;
    left: 50px;
    top: 80px;
    z-index: 1;
}

.mapplic-pin {
    background-image: url("../../assets/img/maps/marker-master.svg");
    background-size: contain;
}

.mapplic-pin.pulse {
    background-image: url("../../assets/img/maps/pulse-master.svg");
}

.mapplic-pin.pulse.green {
    background-image: url("../../assets/img/maps/pulse-success.svg");
}

.mapplic-pin.pulse.blue {
    background-image: url("../../assets/img/maps/pulse-complete.svg");
}

.mapplic-pin.pulse.purple {
    background-image: url("../../assets/img/maps/pulse-primary.svg");
}

.mapplic-pin.pulse.yellow {
    background-image: url("../../assets/img/maps/pulse-warning.svg");
}

.mapplic-pin.pulse.red {
    background-image: url("../../assets/img/maps/pulse-danger.svg");
}

.mapplic-pin.pulse-alt {
    background-image: url("../../assets/img/maps/pulse-alt-master.svg");
}

.mapplic-pin.pulse-alt.green {
    background-image: url("../../assets/img/maps/pulse-alt-success.svg");
}

.mapplic-pin.pulse-alt.blue {
    background-image: url("../../assets/img/maps/pulse-alt-complete.svg");
}

.mapplic-pin.pulse-alt.purple {
    background-image: url("../../assets/img/maps/pulse-alt-primary.svg");
}

.mapplic-pin.pulse-alt.yellow {
    background-image: url("../../assets/img/maps/pulse-alt-warning.svg");
}

.mapplic-pin.pulse-alt.red {
    background-image: url("../../assets/img/maps/pulse-alt-danger.svg");
}

.mapplic-pin.marker {
    background-image: url("../../assets/img/maps/marker-master.svg");
}

.mapplic-pin.marker.green {
    background-image: url("../../assets/img/maps/marker-success.svg");
}

.mapplic-pin.marker.blue {
    background-image: url("../../assets/img/maps/marker-complete.svg");
}

.mapplic-pin.marker.purple {
    background-image: url("../../assets/img/maps/marker-primary.svg");
}

.mapplic-pin.marker.yellow {
    background-image: url("../../assets/img/maps/marker-warning.svg");
}

.mapplic-pin.marker.red {
    background-image: url("../../assets/img/maps/marker-danger.svg");
}

.mapplic-pin.marker-alt {
    background-image: url("../../assets/img/maps/marker-alt-master.svg");
}

.mapplic-pin.marker-alt.green {
    background-image: url("../../assets/img/maps/marker-alt-success.svg");
}

.mapplic-pin.marker-alt.blue {
    background-image: url("../../assets/img/maps/marker-alt-complete.svg");
}

.mapplic-pin.marker-alt.purple {
    background-image: url("../../assets/img/maps/marker-alt-primary.svg");
}

.mapplic-pin.marker-alt.yellow {
    background-image: url("../../assets/img/maps/marker-alt-warning.svg");
}

.mapplic-pin.marker-alt.red {
    background-image: url("../../assets/img/maps/marker-alt-danger.svg");
}

/*------------------------------------------------------------------
[27. Widgets]
*/
.widget {
    position: relative;
}

.widget > div {
    position: relative;
    z-index: 1;
}

.widget:after {
    background-size: cover;
    content: " ";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    opacity: .69;
}

.widget-1:after {
    background-image: url("../../assets/img/dashboard/pages_hero.jpg");
    background-size: cover;
    content: " ";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    opacity: .69;
}

.widget-1:before {
    background-image: url("../img/linear_gradient.png");
    background-repeat: repeat-x;
    content: " ";
    left: 0;
    right: 0;
    height: 325px;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

.widget-1 > .card-block .company:nth-child(2) > div {
    display: table;
    margin: 0 auto;
    width: 127px;
}

.widget-1 > .card-block > * {
    z-index: 1;
}

.widget-1 > .card-block > *:not(.pull-bottom) {
    position: relative;
}

.widget-1 > .card-block .pull-bottom {
    padding: 0 49px 56px 42px;
}

.widget-1 span.label {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
}

.widget-2:after {
    background-image: url("../../assets/img/social/person-cropped.jpg");
}

.widget-3 a {
    text-decoration: none;
}

.widget-3 .pg-map {
    font-size: 30px;
}

.widget-3 .widget-3-fav {
    background: rgba(0, 0, 0, 0.07);
    vertical-align: middle;
    padding: 6px 11px;
    display: block;
}

.widget-4 .row-sm-height:nth-child(1) {
    height: 30px;
}

.widget-4 .row-sm-height:nth-child(2) {
    height: 30px;
}

.widget-4-chart {
    height: 100%;
    width: 100%;
    bottom: 0;
    position: absolute;
    right: 0;
}

.widget-4-chart.line-chart .tick text,
.widget-4-chart .line-chart .nvd3 .nv-axis .nv-axisMaxMin text {
    transform: translate(-10px, -32px);
}

.widget-4-chart .nvtooltip .nv-pointer-events-none thead {
    display: none;
}

.widget-4-chart .nvtooltip .nv-pointer-events-none tbody .nv-pointer-events-none .key {
    display: none;
}

.widget-5-chart-container {
    overflow: hidden;
}

.widget-5-chart {
    height: auto;
    width: auto;
    bottom: 20px;
    position: absolute;
    right: 20px;
    left: 20px;
    top: 40px;
}

.widget-6 {
    background: #939393;
}

.widget-6 .label {
    background: rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.67);
}

.widget-7 .slide-back .row-sm-height:nth-child(1) {
    height: 60%;
}

.widget-7 .slide-back .row-sm-height:nth-child(2) {
    height: 40%;
}

.widget-7-chart {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

.widget-7-chart.line-chart[data-points="true"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    stroke-opacity: 1;
}

.widget-7-chart .nvd3 circle.nv-point:nth-child(4) {
    fill: #f55753 !important;
    stroke: #f55753 !important;
}

.widget-8 {
    height: 145px;
}

.widget-8 .row-xs-height:first-child {
    height: 41px;
}

.widget-8-chart {
    height: 100px;
    width: 50%;
    bottom: 0;
    position: absolute;
    right: 0;
}

.widget-8-chart .line-chart[data-points="true"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    stroke-opacity: 0.3;
}

.widget-8-chart .line-chart .nvd3 .nv-groups path.nv-line {
    stroke-opacity: 0.15;
}

.widget-8-chart .nvtooltip {
    display: none;
}

.widget-9 {
    height: 145px;
}

.widget-9 .row-xs-height:first-child {
    height: 26px;
}

.widget-9 .progress {
    background: rgba(0, 0, 0, 0.1);
}

.widget-10 {
    height: 145px;
}

.widget-11 sup {
    margin-right: -4px;
}

.widget-11 .widget-11-table {
    height: 380px;
}

.widget-11 .widget-11-table tr td:first-child {
    width: 40%;
}

.widget-11-2 sup {
    margin-right: -4px;
}

.widget-11-2 .widget-11-2-table {
    height: 273px;
}

.widget-12 .list-inline a {
    padding: 3px 4px;
    border-radius: 3px;
    opacity: .7;
}

.widget-12 .list-inline .active a {
    opacity: 1;
}

.widget-12 .nvd3-line svg {
    height: 316px;
}

.widget-12 .company-stat-boxes .close {
    line-height: 0;
}

.widget-12 .widget-12-search {
    margin-top: -3px;
}

.widget-14 .row-xs-height:nth-child(1) {
    height: 30px;
}

.widget-14 .row-xs-height:nth-child(2) {
    height: 120px;
}

.widget-14 .row-xs-height:nth-child(3) {
    height: 297px;
}

.widget-14-chart_y_axis {
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    width: 35px;
    left: 0;
    z-index: 2;
}

.widget-14-chart_y_axis .rickshaw_graph .y_ticks path,
.widget-14-chart_y_axis .rickshaw_graph .x_ticks_d3 path {
    fill: none;
    stroke: none;
}

.widget-14-chart_y_axis .rickshaw_graph .y_ticks text,
.widget-14-chart_y_axis .rickshaw_graph .x_ticks_d3 text {
    opacity: 0.35;
    font-family: 'Montserrat';
    font-size: 11px;
}

.widget-14-chart_y_axis .y_ticks.plain g:first-child {
    opacity: 0 !important;
}

.widget-14-chart-legend .ui-sortable li {
    padding-right: 0;
}

.widget-14-chart-legend .ui-sortable li .action {
    display: none;
}

.widget-14-chart-legend .ui-sortable li:last-child {
    margin-top: 7px;
}

.widget-15 #widget-15-tab-1 > div {
    height: 170px;
}

.widget-15-2 {
    height: 469px;
}

.widget-15-2 #widget-15-2-tab-1 .full-width {
    height: 180px;
}

.widget-16-header .pull-left:last-child {
    width: 69%;
}

.widget-16-chart {
    height: 100px;
}

.widget-16-chart.line-chart[data-stroke-width="2"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    stroke-width: 2px;
}

.widget-17 {
    height: 467px;
}

.widget-17 .widget-17-weather {
    width: 90%;
}

.widget-18-post {
    height: 342px;
    background: url("../../assets/img/social/quote.jpg");
    background-position: center center;
    background-size: cover;
}

.widget-19-post {
    height: 237px;
    background: #00A79A;
}

.widget-19-post img {
    top: 50%;
    margin-top: -70px;
}

.btn-circle-arrow {
    border: 1px solid #fff;
    border-radius: 100px;
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.btn-circle-arrow i {
    font-size: 11px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -4px;
}

/*** Large screens ***/
@media only screen and (min-width: 1824px) {
    .ar-3-2:before {
        padding-top: calc(55% - 5px) !important;
    }

    .ar-2-3:before {
        padding-top: calc(135% - 5px) !important;
    }
}

@media (max-width: 991px) {
    .card {
        height: auto !important;
    }

    .widget-8,
    .widget-9,
    .widget-10 {
        height: 180px !important;
    }
}

@media (max-width: 480px) {
    .widget-1-wrapper {
        height: 340px;
    }
}

/* WIDGET MANAGER */
#widget-filter {
    font-size: 18px;
}

#widget-filter:focus {
    background: none;
    border: none;
}

#widgetDetails .progress-circle-indeterminate {
    position: absolute;
    left: 50%;
    margin-left: -19px;
    top: 50%;
    margin-top: -19px;
}

.widgets-container {
    margin: 0 auto;
}

#widget-preview {
    display: block;
    margin: 0 auto;
}

.widget-item {
    overflow: hidden;
    cursor: default;
    background-color: #fff;
    margin-bottom: 10px;
    position: relative;
    width: 280px;
    height: 240px;
}

.widget-item:hover {
    cursor: pointer;
}

.widget-item:hover:before {
    opacity: 0;
}

.widget-item:hover:after {
    opacity: .8;
}

.widget-item:hover .item-footer {
    color: #6d5cae !important;
}

.widget-item:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 70%);
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    opacity: 1;
}

.widget-item:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}

.widget-item[data-width="1"] {
    width: 280px;
}

.widget-item[data-width="2"] {
    width: 570px;
}

.widget-item[data-height="1"] {
    height: 240px;
}

.widget-item[data-height="2"] {
    height: 490px;
}

.widget-item .item-footer {
    color: #626262;
}

.widget-item .item-footer p.pull-left {
    text-overflow: ellipsis;
    width: 84%;
    white-space: nowrap;
    overflow: hidden;
}

.widget-item .item-footer .pull-right .fa-stack {
    font-size: 69%;
}

@media (max-width: 420px) {
    .widgets-container {
        margin-top: 80px;
    }
}

@media (max-width: 610px) {
    .widget-item, .widgets-container {
        width: 100% !important;
    }
}

/*------------------------------------------------------------------
[28. Misc : Helper Classes]
*/
.custom {
    height: 150px;
}

.icon-list .fa-item {
    display: block;
    color: #121212;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
}

.icon-list .fa-item > i {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

/* Thumbnail for icons and profile pics
------------------------------------
*/
.thumbnail-wrapper {
    display: inline-block;
    overflow: hidden;
    float: left;
}

.thumbnail-wrapper.circular {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.thumbnail-wrapper.bordered {
    border-width: 4px;
    border-style: solid;
}

.thumbnail-wrapper.bordered.d16 {
    width: 20px;
    height: 20px;
}

.thumbnail-wrapper.bordered.d16 > * {
    line-height: 12px;
}

.thumbnail-wrapper.bordered.d24 {
    width: 28px;
    height: 28px;
}

.thumbnail-wrapper.bordered.d24 > * {
    line-height: 24px;
}

.thumbnail-wrapper.bordered.d32 {
    width: 36px;
    height: 36px;
}

.thumbnail-wrapper.bordered.d32 > * {
    line-height: 28px;
}

.thumbnail-wrapper.bordered.d48 {
    width: 52px;
    height: 52px;
}

.thumbnail-wrapper.bordered.d48 > * {
    line-height: 44px;
}

.thumbnail-wrapper.d16 {
    width: 16px;
    height: 16px;
}

.thumbnail-wrapper.d16 > * {
    line-height: 16px;
}

.thumbnail-wrapper.d24 {
    width: 24px;
    height: 24px;
}

.thumbnail-wrapper.d24 > * {
    line-height: 24px;
}

.thumbnail-wrapper.d32 {
    width: 32px;
    height: 32px;
}

.thumbnail-wrapper.d32 > * {
    line-height: 32px;
}

.thumbnail-wrapper.d39 {
    width: 39px;
    height: 39px;
}

.thumbnail-wrapper.d39 > * {
    line-height: 39px;
}

.thumbnail-wrapper.d48 {
    width: 48px;
    height: 48px;
}

.thumbnail-wrapper.d48 > * {
    line-height: 50px;
}

.thumbnail-wrapper > * {
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
}

/* Profile dropdown
------------------------------------
*/
.profile-dropdown {
    background: #fff;
    padding: 0;
}

.profile-dropdown:before {
    position: absolute;
    top: -7px;
    right: 15px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.profile-dropdown:after {
    position: absolute;
    top: -6px;
    right: 16px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.profile-dropdown > a {
    opacity: .5;
    -webkit-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;
    padding-left: 17px;
    padding-right: 37px;
    min-width: 138px;
}

.profile-dropdown > a > i {
    margin-right: 5px;
}

.profile-dropdown > a:hover {
    opacity: 1;
}

.profile-dropdown > a:last-child {
    margin-top: 11px;
    padding-bottom: 3px !important;
    padding-top: 3px;
}

.profile-dropdown-toggle {
    background: transparent;
    border: none;
}

/* Scroll
------------------------------------
*/
.scrollable {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Overides
------------------------------------
*/
.no-padding {
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.no-overflow {
    overflow: hidden !important;
}

.auto-overflow {
    overflow: auto;
}

.center-margin {
    margin-left: auto;
    margin-right: auto;
}

.inherit-size {
    width: inherit;
    height: inherit;
}

.inherit-height {
    height: inherit;
}

.image-responsive-height {
    width: 100%;
}

.image-responsive-width {
    height: 100%;
}

.overlayer {
    position: absolute;
    display: block;
    z-index: 21;
}

.overlayer.fullwidth {
    width: 100%;
}

.overlayer-wrapper {
    position: relative;
    display: block;
    z-index: 10;
}

.overlay-fixed {
    position: fixed !important;
    top: auto !important;
}

.top-left {
    position: absolute !important;
    top: 0;
    left: 0;
}

.top-right {
    position: absolute !important;
    top: 1px;
    right: 0;
}

.bottom-left {
    position: absolute !important;
    bottom: 1px;
    left: 0;
}

.bottom-right {
    position: absolute !important;
    bottom: 0;
    right: 0;
}

.pull-bottom {
    position: absolute !important;
    bottom: 0;
}

.pull-up {
    position: absolute !important;
    top: 0;
}

.pull-center {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    display: table;
    z-index: 1;
}

.cursor {
    cursor: pointer;
}

.scroll-x-hidden {
    overflow-x: hidden !important;
}

/* Generic Padding Helpers
------------------------------------
*/
.p-t-0 {
    padding-top: 0px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.padding-0 {
    padding: 0px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.padding-5 {
    padding: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.padding-10 {
    padding: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.padding-15 {
    padding: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.padding-20 {
    padding: 20px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.padding-25 {
    padding: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.padding-30 {
    padding: 30px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.p-r-35 {
    padding-right: 35px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.padding-35 {
    padding: 35px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.padding-40 {
    padding: 40px !important;
}

.p-t-45 {
    padding-top: 45px !important;
}

.p-r-45 {
    padding-right: 45px !important;
}

.p-l-45 {
    padding-left: 45px !important;
}

.p-b-45 {
    padding-bottom: 45px !important;
}

.padding-45 {
    padding: 45px !important;
}

.p-t-50 {
    padding-top: 50px !important;
}

.p-r-50 {
    padding-right: 50px !important;
}

.p-l-50 {
    padding-left: 50px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.padding-50 {
    padding: 50px !important;
}

/* Generic Margin Helpers
------------------------------------
 */
.m-t-0 {
    margin-top: 0px;
}

.m-r-0 {
    margin-right: 0px;
}

.m-l-0 {
    margin-left: 0px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-t-35 {
    margin-top: 35px;
}

.m-r-35 {
    margin-right: 35px;
}

.m-l-35 {
    margin-left: 35px;
}

.m-b-35 {
    margin-bottom: 35px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-r-40 {
    margin-right: 40px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-t-45 {
    margin-top: 45px;
}

.m-r-45 {
    margin-right: 45px;
}

.m-l-45 {
    margin-left: 45px;
}

.m-b-45 {
    margin-bottom: 45px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-r-50 {
    margin-right: 50px;
}

.m-l-50 {
    margin-left: 50px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.full-height {
    height: 100% !important;
}

.full-width {
    width: 100%;
}

.hide {
    display: none !important;
}

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

.block {
    display: block !important;
}

.b-blank {
    border-color: #000;
}

/* Border Helpers
------------------------------------
*/
.b-a,
.b-r,
.b-l,
.b-t,
.b-b {
    border-style: solid;
    border-width: 0;
}

.b-r {
    border-right-width: 1px;
}

.b-l {
    border-left-width: 1px;
}

.b-t {
    border-top-width: 1px;
}

.b-b {
    border-bottom-width: 1px;
}

.b-a {
    border-width: 1px;
}

.b-dashed {
    border-style: dashed;
}

.b-thick {
    border-width: 2px;
}

.b-transparent {
    border-color: rgba(0, 0, 0, 0.4);
}

.b-transparent-white {
    border-color: rgba(255, 255, 255, 0.3);
}

.b-grey {
    border-color: #e6e6e6;
}

.b-white {
    border-color: #fff;
}

.b-primary {
    border-color: #6d5cae;
}

.b-complete {
    border-color: #6d5cae;
}

.b-success {
    border-color: #10cfbd;
}

.b-info {
    border-color: #3b4752;
}

.b-danger {
    border-color: #f55753;
}

.b-warning {
    border-color: #f8d053;
}

/* Border Radius
------------------------------------
*/
.b-rad-sm {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.b-rad-md {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.b-rad-lg {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.no-border {
    border: none !important;
}

/** Profile Wrappers **/
.profile-img-wrapper {
    display: inline-block;
    float: left;
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    width: 35px;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
}

.profile-img-wrapper.big {
    height: 68px;
    width: 68px;
}

.profile-img-wrapper.with-left-space-custom {
    margin-left: 7px;
}

.relative {
    position: relative;
}

.flex-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

[data-pages-bg-image] {
    background-size: cover;
}

/* Demo Purposes */
.icon-set-preview {
    transition: opacity 0.1s linear;
}

#icon-list {
    transition: all 0.1s ease-in-out;
}

.error-number {
    font-family: 'Montserrat';
    font-size: 90px;
    line-height: 90px;
}

.error-container {
    margin-top: -100px;
    margin-left: auto;
    margin-right: auto;
    width: 38%;
}

.visible-xlg {
    display: none;
}

.hidden-xlg {
    display: block;
}

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

.sm-gutter .row {
    margin-left: -5px;
    margin-right: -5px;
}

/* Aspect ratio */
.ar-1-1 .card,
.ar-2-1 .card,
.ar-1-2 .card,
.ar-3-2 .card,
.ar-2-3 .card {
    margin: 0;
}

.ar-1-1 {
    position: relative;
    width: 100%;
    /* desired width */
    overflow: hidden;
}

.ar-1-1:before {
    content: "";
    display: block;
    padding-top: 100%;
    /* initial ratio of 1:1*/
}

.ar-1-1 > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ar-2-1 {
    position: relative;
    width: 100%;
    /* desired width */
    overflow: hidden;
}

.ar-2-1:before {
    content: "";
    display: block;
    padding-top: calc(50% - 5px);
    /* initial ratio of 1:1*/
}

.ar-2-1 > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ar-1-2 {
    position: relative;
    width: 100%;
    /* desired width */
    overflow: hidden;
}

.ar-1-2:before {
    content: "";
    display: block;
    padding-top: calc(150% - 5px);
    /* initial ratio of 1:1*/
}

.ar-1-2 > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ar-3-2 {
    position: relative;
    width: 100%;
    /* desired width */
    overflow: hidden;
}

.ar-3-2:before {
    content: "";
    display: block;
    padding-top: calc(75% - 5px);
    /* initial ratio of 1:1*/
}

.ar-3-2 > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ar-2-3 {
    position: relative;
    width: 100%;
    /* desired width */
    overflow: hidden;
}

.ar-2-3:before {
    content: "";
    display: block;
    padding-top: calc(125% - 5px);
    /* initial ratio of 1:1*/
}

.ar-2-3 > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.v-align-bottom {
    vertical-align: bottom !important;
}

.v-align-top {
    vertical-align: top !important;
}

.v-align-middle {
    vertical-align: middle !important;
}

/* vertical alignment styles */
.col-top {
    vertical-align: top !important;
}

.col-middle {
    vertical-align: middle !important;
}

.col-bottom {
    vertical-align: bottom !important;
}

/* columns of same height styles
------------------------------------
*/
.container-xs-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.row-xs-height {
    display: table-row;
}

.col-xs-height {
    display: table-cell;
    float: none;
}

@media (min-width: 768px) {
    .container-sm-height {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }
}

@media (min-width: 992px) {
    .container-md-height {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .row-md-height {
        display: table-row;
    }

    .col-md-height {
        display: table-cell !important;
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .container-lg-height {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .row-lg-height {
        display: table-row;
    }

    .col-lg-height {
        display: table-cell !important;
        float: none !important;
    }
}

/*------------------------------------------------------------------
[29. Print]
*/
@media print {
    .header,
    .page-sidebar,
    .quickview-wrapper,
    .overlay {
        display: none;
    }

    .page-container {
        padding-left: 0;
    }

    .page-content-wrapper .content {
        border-top: 0;
    }

    .page-content-wrapper .content .card {
        border: none;
    }

    .page-content-wrapper .content .card .card-body {
        padding: 0;
    }

    [class^='padding-'],
    [class*='padding-'],
    .table tbody tr td {
        padding: 10px;
    }
}

/*------------------------------------------------------------------
[30. Demo : Only for demo pursposes]
*/
.builder {
    width: 423px;
    right: -423px;
}

.builder > div {
    height: calc(100% - 12px);
}

.builder [data-action].active:before {
    background-image: url("@{assets-img-url}/demo/tick.svg");
    width: 23px;
    height: 23px;
    content: '';
    position: absolute;
    top: 84px;
    right: -10px;
    z-index: 10;
}

.builder a {
    position: relative;
    display: block;
    width: 100%;
    color: #a1a1a1;
}

.builder a > img {
    opacity: 0.33;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.builder a.active {
    color: #626262;
}

.builder a.active > img {
    opacity: 0.87;
}

.builder a:hover {
    color: #818181;
}

.builder a:hover > img {
    opacity: 0.7;
}

.builder a.btn-toggle-layout.active:before {
    background-image: url("@{assets-img-url}/demo/tick.svg");
    width: 23px;
    height: 23px;
    content: '';
    position: absolute;
    top: 84px;
    right: -10px;
    z-index: 10;
}

.builder .builder-footer {
    right: 0;
    left: 0;
    z-index: 10;
}

.builder .theme-selector.active:before {
    top: 54px;
    right: 10px;
}

.builder .nav-tabs {
    background-color: transparent;
    padding: 0;
}

.builder .nav-tabs > li > a {
    min-width: 99px;
    padding: 16px 0;
}

.builder .nav-tabs ~ .tab-content {
    position: relative;
    padding-right: 0px;
    height: 100%;
    top: 0;
    background-color: #fff;
}

.builder .nav-tabs ~ .tab-content .tab-pane {
    height: 100%;
    overflow-x: hidden !important;
}

.builder .nav-tabs ~ .tab-content .tab-pane .scrollable {
    padding-top: 27px;
    height: calc(100% - 47px);
    overflow-x: hidden !important;
}

.builder .builder-close {
    position: absolute;
    right: 36px;
    top: 20px;
    padding: 7px;
    width: auto;
    z-index: 10;
}

.builder .builder-toggle {
    position: absolute;
    width: 54px;
    height: 50px;
    top: 20%;
    left: -48px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.builder:before {
    position: absolute;
    content: '';
    width: 48px;
    height: 50px;
    background-color: #fff;
    top: 20%;
    left: -47px;
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
    border-left: 1px solid rgba(222, 227, 231, 0.56);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.builder:after {
    position: absolute;
    content: '';
    background-color: #fff;
    width: 5px;
    height: 50px;
    left: 0;
    top: 20%;
}

.builder .btn-toggle-theme > img {
    opacity: 1 !important;
}

.builder .btn-toggle-theme p {
    line-height: 18px;
}

.content-builder {
    display: none;
}

.content-builder.active {
    display: block;
}

.content-builder .placeholder {
    position: relative;
}

.content-builder .placeholder:after {
    content: "Content goes here";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    right: 0;
    text-align: center;
    font-size: 26px;
    opacity: .16;
    color: #626262;
}

.previewer {
    height: 35px;
}

/* Demo Widths For GIF Animations
------------------------------------
*/
.demo-bg-hinted {
    background-color: #939393;
}

.demo-fs-23 {
    font-size: 23px !important;
}

.demo-mw-50 {
    max-width: 50px;
}

.demo-mw-300 {
    max-width: 300px;
}

.demo-mw-350 {
    max-width: 350px;
}

.demo-mw-400 {
    max-width: 400px;
}

.demo-mw-500 {
    max-width: 500px;
}

.demo-mw-600 {
    max-width: 600px;
}

.demo-container {
    height: 2000px;
}

/* Views page */
.view-iframe-wrapper {
    width: 100%;
    height: 255px;
    background: #fff;
    position: relative;
}

.view-iframe-wrapper iframe {
    width: 100%;
    height: 100%;
    padding: 45px 45px 0 45px;
}

@media (max-width: 1200px) {
    .view-iframe-wrapper iframe {
        padding: 0;
    }
}

.visible-xlg {
    display: none;
}

.hidden-xlg {
    display: block;
}

/*** Large screens ***/
@media (min-width: 1824px) {
    .visible-xlg {
        display: block !important;
    }

    .hidden-xlg {
        display: none !important;
    }

    .quickview-wrapper .tab-content #quickview-notes > .inner {
        width: 570px;
    }

    .container-fluid.container-fixed-lg {
        width: 1700px;
        margin-right: auto;
        margin-left: auto;
    }

    .menu-pin .container-fluid.container-fixed-lg {
        width: 1450px;
    }

    .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11 {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

    .col-xlg-12 {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-xlg-11 {
        flex: 0 0 91.6667%;
        max-width: 91.6667%;
    }

    .col-xlg-10 {
        width: 83.3333%;
        flex: 0 0 83.3333%;
        max-width: 83.3333%;
    }

    .col-xlg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xlg-8 {
        flex: 0 0 66.6667%;
        max-width: 66.6667%;
    }

    .col-xlg-7 {
        flex: 0 0 58.3333%;
        max-width: 58.3333%;
    }

    .col-xlg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xlg-5 {
        flex: 0 0 41.6667%;
        max-width: 41.6667%;
    }

    .col-xlg-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .col-xlg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xlg-2 {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }

    .col-xlg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xlg-pull-12 {
        right: 100%;
    }

    .col-xlg-pull-11 {
        right: 91.6667%;
    }

    .col-xlg-pull-10 {
        right: 83.3333%;
    }

    .col-xlg-pull-9 {
        right: 75%;
    }

    .col-xlg-pull-8 {
        right: 66.6667%;
    }

    .col-xlg-pull-7 {
        right: 58.3333%;
    }

    .col-xlg-pull-6 {
        right: 50%;
    }

    .col-xlg-pull-5 {
        right: 41.6667%;
    }

    .col-xlg-pull-4 {
        right: 33.3333%;
    }

    .col-xlg-pull-3 {
        right: 25%;
    }

    .col-xlg-pull-2 {
        right: 16.6667%;
    }

    .col-xlg-pull-1 {
        right: 8.33333%;
    }

    .col-xlg-pull-0 {
        right: 0;
    }

    .col-xlg-push-12 {
        left: 100%;
    }

    .col-xlg-push-11 {
        left: 91.6667%;
    }

    .col-xlg-push-10 {
        left: 83.3333%;
    }

    .col-xlg-push-9 {
        left: 75%;
    }

    .col-xlg-push-8 {
        left: 66.6667%;
    }

    .col-xlg-push-7 {
        left: 58.3333%;
    }

    .col-xlg-push-6 {
        left: 50%;
    }

    .col-xlg-push-5 {
        left: 41.6667%;
    }

    .col-xlg-push-4 {
        left: 33.3333%;
    }

    .col-xlg-push-3 {
        left: 25%;
    }

    .col-xlg-push-2 {
        left: 16.6667%;
    }

    .col-xlg-push-1 {
        left: 8.33333%;
    }

    .col-xlg-push-0 {
        left: 0;
    }

    .col-xlg-offset-12 {
        margin-left: 100%;
    }

    .col-xlg-offset-11 {
        margin-left: 91.6667%;
    }

    .col-xlg-offset-10 {
        margin-left: 83.3333%;
    }

    .col-xlg-offset-9 {
        margin-left: 75%;
    }

    .col-xlg-offset-8 {
        margin-left: 66.6667%;
    }

    .col-xlg-offset-7 {
        margin-left: 58.3333%;
    }

    .col-xlg-offset-6 {
        margin-left: 50%;
    }

    .col-xlg-offset-5 {
        margin-left: 41.6667%;
    }

    .col-xlg-offset-4 {
        margin-left: 33.3333%;
    }

    .col-xlg-offset-3 {
        margin-left: 25%;
    }

    .col-xlg-offset-2 {
        margin-left: 16.6667%;
    }

    .col-xlg-offset-1 {
        margin-left: 8.33333%;
    }

    .col-xlg-offset-0 {
        margin-left: 0;
    }
}

/*** Desktops ***/
/*** Medium Size Screen ***/
@media only screen and (max-width: 1400px) {
    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu {
        bottom: 50px;
    }

    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-widgets {
        display: none;
    }

    .footer-widget {
        padding: 11px 21px !important;
    }
}

@media only screen and (max-width: 1199px) {
    .visible-xl-down {
        display: block !important;
    }
}

/*** Desktops & Laptops ***/
@media only screen and (min-width: 980px) {
    body.ie9.menu-pin .page-sidebar {
        transform: none !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
    }

    body.menu-pin .header .brand {
        width: 245px;
    }

    body.menu-pin .page-container {
        padding-left: 0;
    }

    body.menu-pin .page-container .page-content-wrapper .content {
        padding-left: 250px;
    }

    body.menu-pin .page-container .page-content-wrapper .footer {
        left: 250px;
    }

    body.menu-pin .page-container .header {
        padding-left: 400px;
    }

    body.menu-pin [data-toggle-pin="sidebar"] > i:before {
        content: "\f192";
    }

    body.menu-pin .page-sidebar {
        /*transform: translate(210px, 0) !important;*/
        /*-webkit-transform: translate(210px, 0) !important;*/
        -ms-transform: translate(210px, 0) !important;
        width: 250px;
    }

    body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls {
        transform: translateX(18px);
        -webkit-transform: translateX(18px);
    }

    body.menu-pin .page-sidebar .menu-items .icon-thumbnail {
        transform: translate3d(-14px, 0, 0);
        -webkit-transform: -webkit-translate3d(-14px, 0, 0);
    }

    body.menu-behind .page-sidebar {
        z-index: 799;
    }

    body.menu-behind .header .brand {
        width: 200px;
        text-align: left;
        padding-left: 20px;
    }

    body.box-layout {
        background-color: #fff;
    }

    body.box-layout > .container {
        height: 100%;
        padding: 0;
        background-color: #fafafa;
    }

    body.box-layout .header {
        background-color: transparent;
        border: 0;
        padding: 0;
    }

    body.box-layout .header > .container {
        background-color: #fff;
        border-bottom: 1px solid rgba(230, 230, 230, 0.7);
        padding: 0 20px 0 0;
        height: 100%;
    }

    body.box-layout .page-sidebar {
        left: auto;
        transform: none !important;
        -webkit-transform: none !important;
    }

    body.box-layout .page-container .page-content-wrapper .footer {
        width: auto;
    }

    .header .brand {
        position: relative;
    }

    .header .user-info-wrapper .user-details .user-name {
        font-size: 16px;
    }

    .header .user-info-wrapper .user-details .user-other {
        font-size: 10px;
    }

    .header .user-info-wrapper .user-pic {
        position: relative;
        top: -6px;
    }

    .notification-panel {
        width: 400px;
    }
}

/*** General Small Screen Desktops ***/
/*** General tablets and phones ***/
@media (max-width: 991px) {
    .hidden-lg-down {
        display: none !important;
    }

    .page-container {
        padding-left: 0;
    }

    .d-flex-lg-down {
        display: flex;
    }

    .justify-between-lg-down {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    body.sidebar-open .page-container {
        -webkit-transform: translate3d(250px, 0, 0);
        transform: translate3d(250px, 0, 0);
        -ms-transform: translate(250px, 0);
        overflow: hidden;
        position: fixed;
    }

    body.box-layout > .container {
        padding: 0;
        height: 100%;
    }

    body.box-layout .header > .container {
        padding: 0;
    }

    body.box-layout .header > .container .pull-right .sm-action-bar {
        right: 0;
    }

    body.horizontal-app-menu .header > .container {
        padding: 0;
    }

    body.horizontal-app-menu .secondary-sidebar {
        margin-left: 0;
    }

    .header {
        padding: 0 15px;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        background: #fff !important;
    }

    .header .header-inner {
        text-align: center;
    }

    .header .header-inner .toggle-sidebar {
        display: block;
        left: 23px;
    }

    .header .header-inner .mark-email {
        left: 45px;
        position: absolute;
        top: 23px;
    }

    .header .header-inner .quickview-link {
        position: absolute;
        right: 0;
        top: 12px;
    }

    .header .brand {
        width: auto;
    }

    .header .bedrijf {
        display: none;
    }

    .header > .pull-left, .header > .pull-right {
        position: relative;
    }

    .header > .pull-right .sm-action-bar {
        right: 0;
    }

    .sm-action-bar {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10;
    }

    .sm-action-bar > a {
        padding: 10px;
        display: inline-block;
    }

    .pace .pace-activity {
        top: 60px;
    }

    .page-sidebar {
        width: 250px;
        z-index: auto;
        left: 0 !important;
        -webkit-transform: translate3d(0, 0px, 0px) !important;
        transform: translate3d(0, 0px, 0px) !important;
    }

    .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
        padding: 0px 30px 0 36px;
    }

    .page-container {
        padding-left: 0;
        position: relative;
        transition: transform .25s ease;
        -webkit-transition: -webkit-transform .25s ease;
    }

    .page-container .page-content-wrapper .content {
        overflow-x: hidden;
        height: auto;
    }

    .icon-thumbnail {
        margin-right: 24px;
    }

    .page-sidebar {
        display: none;
        z-index: auto;
    }

    .page-sidebar.visible {
        display: block;
    }

    .page-sidebar .page-sidebar-inner {
        z-index: 1;
        left: 0 !important;
        width: 260px;
    }

    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        top: 40px;
        bottom: 0;
    }

    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul > li > a > .badge {
        display: inline-block;
    }

    .secondary-sidebar {
        float: none;
        height: auto;
        left: 50%;
        margin-left: -125px;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 60px;
        z-index: 9999;
        display: none;
        border-radius: 10px;
    }

    .secondary-sidebar .btn-compose {
        display: none;
    }

    .horizontal-app-menu .secondary-sidebar {
        display: inline-block;
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
        padding: 20px 0;
        border-radius: 0;
        float: left;
        height: 100%;
    }

    .inner-content, .horizontal-app-menu .inner-content {
        margin: 0;
    }

    .breadcrumb {
        padding-left: 15px;
        padding-right: 15px;
    }

    .copyright {
        padding-left: 15px;
        padding-right: 15px;
    }

    body > .pgn-wrapper[data-position="top"] {
        top: 48px;
        left: 0;
    }

    body > .pgn-wrapper[data-position="bottom"] {
        left: 0;
    }

    body > .pgn-wrapper[data-position$='-left'] {
        left: 20px;
        right: auto;
    }

    .sm-table {
        display: table;
        width: 100%;
    }

    .user-profile-wrapper {
        position: absolute;
        right: 50px;
        top: -9px;
    }

    .container {
        width: 100%;
    }

    .table-responsive-block table, .table-responsive-block thead, .table-responsive-block tbody, .table-responsive-block th, .table-responsive-block td, .table-responsive-block tr {
        display: block;
    }

    .table-responsive-block thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-responsive-block tr {
        border: 1px solid rgba(230, 230, 230, 0.7);
        margin-bottom: 15px;
    }

    .table-responsive-block td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

    .table-responsive-block td:last-child {
        border-bottom: 0;
    }

    .table-responsive-block td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    .table-responsive-block td:before {
        content: attr(data-title);
    }

    .kill-pull-md-down {
        position: relative;
        display: block;
        width: inherit;
    }

    .kill-pull-md-down .toggle-secondary-sidebar {
        display: inline-block;
        font-size: 18px;
    }

    .nav-tabs-header.nav-tabs-linetriangle {
        height: 61px;
    }

    .overlay {
        padding-left: 15px;
    }
}

/* Landscape view of all tablet devices */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .page-sidebar .sidebar-menu .menu-items ul {
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
    }

    .page-container .page-content-wrapper .content {
        padding-top: 60px;
    }

    body.box-layout > .container {
        width: 100%;
    }

    .error-page .error-container {
        width: auto;
    }
}

@media (max-width: 991px) {
    .sm-b-r,
    .sm-b-l,
    .sm-b-t,
    .sm-b-b {
        border-width: 0;
    }

    .sm-b-r {
        border-right-width: 1px;
    }

    .sm-b-l {
        border-left-width: 1px;
    }

    .sm-b-t {
        border-top-width: 1px;
    }

    .sm-b-b {
        border-bottom-width: 1px;
    }

    .sidebar-menu .icon-thumbnail {
        margin-right: 15px;
    }
}

@media (min-width: 1200px) {
    .row-same-height {
        overflow: hidden;
    }

    .row-same-height > [class*="col-lg"] {
        margin-bottom: -99999px;
        padding-bottom: 99999px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .visible-md {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .row-same-height {
        overflow: hidden;
    }

    .row-same-height > [class*="col-md"] {
        margin-bottom: -99999px;
        padding-bottom: 99999px;
    }
}

@media (min-width: 768px) {
    .row-same-height {
        overflow: hidden;
    }

    .row-same-height > [class*="col-sm"] {
        margin-bottom: -99999px;
        padding-bottom: 99999px;
    }

    .box-layout .container .jumbotron, .container-fluid .jumbotron {
        padding: 0;
    }

    .d-flex-md-up {
        display: flex;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .dataTables_wrapper.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        position: absolute;
    }

    .justify-end-md-up {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media (min-width: 700px) {
    .dd {
        float: none;
    }
}

/* Portrait view of all tablet devices */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .page-sidebar .sidebar-menu .menu-items > li > a {
        padding-left: 27px;
    }

    .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
        padding: 0px 27px 0 31px;
    }

    .icon-thumbnail {
        margin-right: 21px;
    }

    .error-page .error-container {
        width: auto;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .visible-sm {
        display: block;
    }

    .hidden-sm {
        display: none;
    }

    .visible-sm-inline-block {
        display: inline-block !important;
    }

    .md-p-t-0 {
        margin-top: 0px !important;
    }

    .md-p-r-0 {
        margin-right: 0px !important;
    }

    .md-p-l-0 {
        margin-left: 0px !important;
    }

    .md-p-b-0 {
        margin-bottom: 0px !important;
    }

    .md-p-t-5 {
        margin-top: 5px !important;
    }

    .md-p-r-5 {
        margin-right: 5px !important;
    }

    .md-p-l-5 {
        margin-left: 5px !important;
    }

    .md-p-b-5 {
        margin-bottom: 5px !important;
    }

    .md-p-t-10 {
        margin-top: 10px !important;
    }

    .md-p-r-10 {
        margin-right: 10px !important;
    }

    .md-p-l-10 {
        margin-left: 10px !important;
    }

    .md-p-b-10 {
        margin-bottom: 10px !important;
    }

    .md-p-t-15 {
        margin-top: 15px !important;
    }

    .md-p-r-15 {
        margin-right: 15px !important;
    }

    .md-p-l-15 {
        margin-left: 15px !important;
    }

    .md-p-b-15 {
        margin-bottom: 15px !important;
    }

    .md-p-t-0 {
        margin-top: 0px !important;
    }

    .md-p-r-0 {
        margin-right: 0px !important;
    }

    .md-p-l-0 {
        margin-left: 0px !important;
    }

    .md-p-b-0 {
        margin-bottom: 0px !important;
    }

    .md-p-t-5 {
        margin-top: 5px !important;
    }

    .md-p-r-5 {
        margin-right: 5px !important;
    }

    .md-p-l-5 {
        margin-left: 5px !important;
    }

    .md-p-b-5 {
        margin-bottom: 5px !important;
    }

    .md-p-t-10 {
        margin-top: 10px !important;
    }

    .md-p-r-10 {
        margin-right: 10px !important;
    }

    .md-p-l-10 {
        margin-left: 10px !important;
    }

    .md-p-b-10 {
        margin-bottom: 10px !important;
    }

    .md-p-t-15 {
        margin-top: 15px !important;
    }

    .md-p-r-15 {
        margin-right: 15px !important;
    }

    .md-p-l-15 {
        margin-left: 15px !important;
    }

    .md-p-b-15 {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 979px) {
    .toggle-secondary-sidebar {
        font-size: 18px;
        position: static;
        display: block;
    }

    .toggle-secondary-sidebar ~ .brand {
        display: none !important;
    }

    .secondary-sidebar {
        float: none;
        height: auto;
        left: 50%;
        margin-left: -125px;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 60px;
        z-index: 9999;
        display: none;
        border-radius: 10px;
    }

    .secondary-sidebar .btn-compose {
        display: none;
    }

    .split-view .split-list {
        width: 100%;
        height: auto;
        bottom: 50px;
        left: 0;
        top: 0;
        position: absolute;
        z-index: 1000;
        float: none;
    }

    .split-view .split-list .item {
        padding: 8px;
    }

    .split-view .split-list .item .inline {
        margin-left: 5px;
        width: 188px;
    }

    .split-view .split-details {
        margin-left: 0;
        width: 100%;
    }

    .split-view .split-details .email-content-wrapper {
        overflow: auto;
        padding: 0;
        height: calc(100% - 50px);
    }

    .split-view .split-details .email-content-wrapper .email-content {
        width: 90%;
    }

    .compose-wrapper {
        display: block !important;
    }

    .compose-wrapper .btn-compose {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .header {
        height: 48px;
    }

    .header .bedrijf {
        display: none;
    }

    .header .header-inner {
        height: 48px;
    }

    .header .user-info-wrapper {
        display: none;
    }

    .header .search-link {
        height: 19px;
        width: 16px;
        overflow: hidden;
    }

    .jumbotron, .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .page-container .page-content-wrapper .content {
        padding-top: 48px;
        padding-bottom: 100px;
    }

    .page-sidebar .sidebar-header {
        padding: 0 12px;
    }

    .page-sidebar .sidebar-menu .menu-items > li > a {
        padding-left: 20px;
    }

    .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
        padding: 0px 25px 0 28px;
    }

    .icon-thumbnail {
        margin-right: 20px;
    }

    .sm-pull-bottom, .sm-pull-up {
        position: relative !important;
    }

    .sm-p-t-0 {
        margin-top: 0px !important;
    }

    .sm-p-r-0 {
        margin-right: 0px !important;
    }

    .sm-p-l-0 {
        margin-left: 0px !important;
    }

    .sm-p-b-0 {
        margin-bottom: 0px !important;
    }

    .sm-p-t-5 {
        margin-top: 5px !important;
    }

    .sm-p-r-5 {
        margin-right: 5px !important;
    }

    .sm-p-l-5 {
        margin-left: 5px !important;
    }

    .sm-p-b-5 {
        margin-bottom: 5px !important;
    }

    .sm-p-t-10 {
        margin-top: 10px !important;
    }

    .sm-p-r-10 {
        margin-right: 10px !important;
    }

    .sm-p-l-10 {
        margin-left: 10px !important;
    }

    .sm-p-b-10 {
        margin-bottom: 10px !important;
    }

    .sm-p-t-15 {
        margin-top: 15px !important;
    }

    .sm-p-r-15 {
        margin-right: 15px !important;
    }

    .sm-p-l-15 {
        margin-left: 15px !important;
    }

    .sm-p-b-15 {
        margin-bottom: 15px !important;
    }

    .sm-p-t-20 {
        margin-top: 20px !important;
    }

    .sm-p-r-20 {
        margin-right: 20px !important;
    }

    .sm-p-l-20 {
        margin-left: 20px !important;
    }

    .sm-p-b-20 {
        margin-bottom: 20px !important;
    }

    .sm-p-t-25 {
        margin-top: 25px !important;
    }

    .sm-p-r-25 {
        margin-right: 25px !important;
    }

    .sm-p-l-25 {
        margin-left: 25px !important;
    }

    .sm-p-b-25 {
        margin-bottom: 25px !important;
    }

    .sm-p-t-30 {
        margin-top: 30px !important;
    }

    .sm-p-r-30 {
        margin-right: 30px !important;
    }

    .sm-p-l-30 {
        margin-left: 30px !important;
    }

    .sm-p-b-30 {
        margin-bottom: 30px !important;
    }

    .sm-p-t-35 {
        margin-top: 35px !important;
    }

    .sm-p-r-35 {
        margin-right: 35px !important;
    }

    .sm-p-l-35 {
        margin-left: 35px !important;
    }

    .sm-p-b-35 {
        margin-bottom: 35px !important;
    }

    .sm-p-t-40 {
        margin-top: 40px !important;
    }

    .sm-p-r-40 {
        margin-right: 40px !important;
    }

    .sm-p-l-40 {
        margin-left: 40px !important;
    }

    .sm-p-b-40 {
        margin-bottom: 40px !important;
    }

    .sm-p-t-45 {
        margin-top: 45px !important;
    }

    .sm-p-r-45 {
        margin-right: 45px !important;
    }

    .sm-p-l-45 {
        margin-left: 45px !important;
    }

    .sm-p-b-45 {
        margin-bottom: 45px !important;
    }

    .sm-p-t-50 {
        margin-top: 50px !important;
    }

    .sm-p-r-50 {
        margin-right: 50px !important;
    }

    .sm-p-l-50 {
        margin-left: 50px !important;
    }

    .sm-p-b-50 {
        margin-bottom: 50px !important;
    }

    .sm-p-t-0 {
        margin-top: 0px !important;
    }

    .sm-p-r-0 {
        margin-right: 0px !important;
    }

    .sm-p-l-0 {
        margin-left: 0px !important;
    }

    .sm-p-b-0 {
        margin-bottom: 0px !important;
    }

    .sm-p-t-5 {
        margin-top: 5px !important;
    }

    .sm-p-r-5 {
        margin-right: 5px !important;
    }

    .sm-p-l-5 {
        margin-left: 5px !important;
    }

    .sm-p-b-5 {
        margin-bottom: 5px !important;
    }

    .sm-p-t-10 {
        margin-top: 10px !important;
    }

    .sm-p-r-10 {
        margin-right: 10px !important;
    }

    .sm-p-l-10 {
        margin-left: 10px !important;
    }

    .sm-p-b-10 {
        margin-bottom: 10px !important;
    }

    .sm-p-t-15 {
        margin-top: 15px !important;
    }

    .sm-p-r-15 {
        margin-right: 15px !important;
    }

    .sm-p-l-15 {
        margin-left: 15px !important;
    }

    .sm-p-b-15 {
        margin-bottom: 15px !important;
    }

    .sm-p-t-20 {
        margin-top: 20px !important;
    }

    .sm-p-r-20 {
        margin-right: 20px !important;
    }

    .sm-p-l-20 {
        margin-left: 20px !important;
    }

    .sm-p-b-20 {
        margin-bottom: 20px !important;
    }

    .sm-p-t-25 {
        margin-top: 25px !important;
    }

    .sm-p-r-25 {
        margin-right: 25px !important;
    }

    .sm-p-l-25 {
        margin-left: 25px !important;
    }

    .sm-p-b-25 {
        margin-bottom: 25px !important;
    }

    .sm-p-t-30 {
        margin-top: 30px !important;
    }

    .sm-p-r-30 {
        margin-right: 30px !important;
    }

    .sm-p-l-30 {
        margin-left: 30px !important;
    }

    .sm-p-b-30 {
        margin-bottom: 30px !important;
    }

    .sm-p-t-35 {
        margin-top: 35px !important;
    }

    .sm-p-r-35 {
        margin-right: 35px !important;
    }

    .sm-p-l-35 {
        margin-left: 35px !important;
    }

    .sm-p-b-35 {
        margin-bottom: 35px !important;
    }

    .sm-p-t-40 {
        margin-top: 40px !important;
    }

    .sm-p-r-40 {
        margin-right: 40px !important;
    }

    .sm-p-l-40 {
        margin-left: 40px !important;
    }

    .sm-p-b-40 {
        margin-bottom: 40px !important;
    }

    .sm-p-t-45 {
        margin-top: 45px !important;
    }

    .sm-p-r-45 {
        margin-right: 45px !important;
    }

    .sm-p-l-45 {
        margin-left: 45px !important;
    }

    .sm-p-b-45 {
        margin-bottom: 45px !important;
    }

    .sm-p-t-50 {
        margin-top: 50px !important;
    }

    .sm-p-r-50 {
        margin-right: 50px !important;
    }

    .sm-p-l-50 {
        margin-left: 50px !important;
    }

    .sm-p-b-50 {
        margin-bottom: 50px !important;
    }

    .sm-no-margin {
        margin: 0px;
    }

    .sm-no-padding {
        padding: 0px;
    }

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

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

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

    .sm-pull-right {
        float: right !important;
    }

    .sm-pull-left {
        float: left !important;
    }

    .sm-pull-reset {
        float: none !important;
    }

    .sm-block {
        display: block;
    }

    .error-container {
        width: auto;
    }

    .sm-image-responsive-height {
        width: 100%;
        height: auto;
    }

    .email-composer {
        padding-left: 30px;
        padding-right: 30px;
    }

    .sm-padding-10 {
        padding: 10px !important;
    }

    .lock-box {
        align-items: flex-start;
        height: auto;
    }

    .login-box {
        padding-right: 15px;
        padding-left: 15px;
    }

    .visible-xs-inline-block {
        display: inline-block !important;
    }

    .nav-tabs-linetriangle.nav-cust {
        flex-direction: column;
    }

    .nav-tabs-linetriangle li a.active:after, .nav-tabs-linetriangle li a.active:before {
        display: none;
    }

    .sm-vh-25 {
        height: 25vh;
    }

    .sm-vh-50 {
        height: 50vh;
    }

    .sm-vh-75 {
        height: 75vh;
    }

    .sm-vh-100 {
        height: 100vh;
    }
}

/*** Phones ***/
@media (max-width: 480px) {
    body {
        width: 100%;
    }

    body .header {
        width: 100%;
        height: 48px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }

    body .header .header-inner {
        height: 48px;
        text-align: center;
    }

    body .header .header-inner .toggle-email-sidebar {
        font-size: 16px;
        top: 12px;
    }

    body .header .header-inner .toggle-sidebar {
        left: 14px;
    }

    body .header .header-inner .mark-email {
        left: 35px;
        top: 14px;
    }

    body .header .header-inner .quickview-link {
        top: 14px;
    }

    body .header .notification-list {
        display: none;
    }

    body .header .dropdown-submenu {
        top: 12px;
    }

    body #overlay-search {
        font-size: 48px;
        height: 118px;
        line-height: 46px;
    }

    .page-sidebar .sidebar-header {
        height: 48px;
        line-height: 48px;
    }

    .panel .panel-heading {
        padding-left: 15px;
    }

    .panel .panel-body {
        padding: 0 15px 15px;
    }

    .error-page {
        padding: 15px;
    }

    .error-page .error-container {
        margin-top: 30px;
        width: auto;
    }

    .error-page .pull-bottom {
        position: relative;
    }

    .map-controls {
        left: 10px;
    }

    .register-container {
        height: auto !important;
    }
}

/*** Retina Display Images **/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200 / 100), only screen and (min-device-pixel-ratio: 2) {
    .editor-icon {
        background-image: url("../img/editor_tray_2x.png");
        background-size: 480px 40px;
    }

    .alert .close {
        background: url("../img/icons/noti-cross-2x.png") no-repeat scroll 0 0 transparent;
        background-position: -9px -10px;
        width: 10px;
        height: 9px;
        position: relative;
        opacity: 0.8;
        background-size: 114px 29px;
    }
}

.hidden {
    display: none;
}

.visible-sm, .visible-xs {
    display: none;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block;
    }

    .hidden-xs {
        display: none;
    }
}

.select2-container--default .select2-results__option[role="treeitem"].select2-results__option--highlighted {
    background-color: #6dc0f9 !important;
    border-radius: 3px;
    color: #fff !important;
}

.select2-container--default .select2-results__option[role="treeitem"][aria-selected="true"] {
    background-color: #e6e6e6;
}

div.dataTables_wrapper div.dataTables_length label {
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 20px;
}

div.dataTables_wrapper div.dataTables_length label select {
    text-align-last: center;
}

.dataTables_wrapper .dataTables_info {
    padding: 0 20px;
}

.ember-power-select-trigger {
    display: flex;
    align-items: center;
    height: 38px;
}

table.dataTable {
    border-collapse: collapse !important;
}

.dataTables_wrapper .dataTables_paginate ul > li > a {
    border: none;
    background: transparent;
}

.dataTables_wrapper .dataTables_paginate ul > li.active > a {
    background: transparent;
    border: none;
}

.page-sidebar .sidebar-menu .menu-items li > a {
    width: 70%;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    content: '';
}

.dt-buttons .dropdown-toggle:after {
    right: 5px;
}

.dt-button-background {
    display: none !important;
    z-index: -1 !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #007bff;
    color: #fff;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .title.full-width {
    width: 100%;
}

.table tbody tr.row-danger td {
    background-color: #fddddd;
}

.ember-light-table {
    width: 100%;
}

div.dataTables_wrapper div.dataTables_processing {
    top: 5%;
}

.si-attributes-viewer .label {
    margin-right: 0.3rem;
    font-size: 14px
}
.stock-input {
    min-width: 80px;
}
.stock-input > .input {
    float: left;
    width: 85%;
}

.stock-input > .info {
    float: right;
    padding-left: 5px;
    cursor: pointer;
}

.stock-input > .info > .nrs {
    font-size: smaller;
}

.pointer {
    cursor: pointer;
}

body.menu-pin .overlay{
    padding-left:0
}
body.menu-pin .overlay .overlay-brand{
    margin-left:0
}

@media only screen and (min-width:980px) {
    body.menu-pin .header .brand {
        width: 245px
    }
}
@media only screen and (min-width:980px) {
    body.ie9.menu-pin .page-sidebar {
        transform: none !important;
        -webkit-transform: none !important;
        -ms-transform: none !important
    }

    body.menu-pin [data-toggle-pin=sidebar] > i:before {
        content: "\f192"
    }

    body.menu-pin .page-sidebar {
        width: 400px
    }

    body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls {
        -webkit-transform: translateX(18px);
        -ms-transform: translateX(18px);
        transform: translateX(18px)
    }

    body.menu-pin .page-sidebar .menu-items .icon-thumbnail {
        -webkit-transform: translate3d(-14px, 0, 0);
        transform: translate3d(-14px, 0, 0);
        -ms-transform: translate(-14px, 0)
    }
}
body.menu-pin .pgn-wrapper[data-position$=-left],body.menu-pin .pgn-wrapper[data-position=top],body.menu-pin .pgn-wrapper[data-position=bottom]{
    left:250px
}
@media(min-width:1824px) {
    .menu-pin .container-fluid.container-fixed-lg{
        width:1450px
    }
}
@media only screen and (min-width:980px){
    body.menu-pin .page-container{
        padding-left:0
    }
    body.menu-pin .page-container .page-content-wrapper .content{
        padding-left:400px
    }
    body.menu-pin .page-container .page-content-wrapper .footer{
        left:400px
    }
    body.box-layout{
        background-color:#fff
    }
    body.box-layout .page-container .page-content-wrapper .footer{
        width:auto
    }
    body.menu-pin .navigation .b-grey{
        margin-left:10px !important;
    }
    body.menu-pin h4{
        font-size: 16px;
    }
    body.menu-pin .p-l-25{
        padding:0px !important;
    }

    body.menu-pin button{
        font-size:11px
    }

    body.menu-pin .p-l-10{
        padding:0px !important;
    }

    body.menu-pin .notification-list li{
        padding:0px !important;
    }
}

/* Programme Modules */



div.module-clickable {
    cursor: pointer;
}

label[for="enable_module"] {
    display:none;
}

.activation-switch > div.checkbox > label {
    display:none;
}

.module-link {
    display:none;
}

div#module-intro2 {
    position: fixed;
    top:50px;
    z-index: 9;
}

.add_button {
    font-size:25px;
}

.paging_bootstrap > ul > li > a {
    font-size:12px !important;
}

span.selectedBusinessUnit {
    display:none;
}

a.editBusinessUnit, a.deleteBusinessUnit {
    cursor: pointer;
}

.disabledLink {
    pointer-events:none;
    color:#FF0000;
}

a.anchor-first {
    display: block;
    position: relative;
    top: -455px;
    visibility: hidden;
}

a.anchor {
    display: block;
    position: relative;
    top: -416px;
    visibility: hidden;
}

/* The switch - the box around the slider */
.switcher {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 22px;
}

/* Hide default HTML checkbox */
.switcher input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}



input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:disabled + .slider {
    background-color: #ccc;
    cursor: not-allowed;
}

input:checked + .slider {
    background-color: rgb(109, 92, 174);
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.table-responsive {
    -ms-overflow-style: scrollbar !important;
}

.listbusinessunit{
    display: flex;
    padding-right: 5px;
    padding-left:5px;
}
.listbusinessunit span.title{
    color:#bbb7b7;
    min-width:103px;
}
.listbusinessunit span.select2{
    min-width:156px !important;
}
.listbusinessunit span.select2-selection__arrow{
    bottom:-2px !important;
}

.modal .card-default{
    border:none !important;
}

#shopTableWithSearch .select2-selection__clear {
    display: none!important;
}

/** Selection List **/
table#selectionListTableWithSearch thead tr th:first-child {
    padding-left: 10px !important;
}

table#selectionListTableWithSearch tbody tr td.configOptions a {
    cursor: pointer;
}

ul#selectionListLogs {
    margin:0;
    padding:0;
    list-style-type: none;
}

/* Voorraad corrigeren fix first row */
div#voorraadCorrigerenResult table tbody tr td:first-child,
div#voorraadCorrigerenResult table thead tr th:first-child{
    background-color: #ffffff;
    position: sticky;
    left: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

div#voorraadCorrigerenResult .floatThead-container {
    top: 0 !important;
}

.articles-merge .si-form-element{
    width:50%
}
.articles-merge .si-form-title{
    width:100%
}
#barcode-details .loader{
    display:none;
}

#barcode-details .loader img{
    width:20px;
    height:20px;
}

#barcode-details .disabled{
    color:#6262625c;
}

table#artikelSearchData  tr.selected td {
    background: none;
}

table.newDataTable tr td {
    padding: 10px !important;
}

table.newDataTable tr.selected td {
    background: none !important;
}

table.newDataTable tbody td.select-checkbox::before, table.newDataTable tbody th.select-checkbox::before {
    border: 0px;
}

table.newDataTable tr.selected td.select-checkbox::after, table.newDataTable tr.selected th.select-checkbox::after {
    content: "";
}

table.newDataTable.table-hover tbody tr.selected:hover td {
    color: #000;
}

span.select2 + label:empty {
    display: none;
    visibility: hidden;
}

.search_tags{
    width:100%;
    float: left;
    margin-bottom: 10px;
}
.search_tags span.tag{
    background:#6d5cae;
    color:#fff;
    padding:5px;
    margin-right: 10px;
    border-radius:10px;
}
.search_tags button{
    border-radius:10px;
    background: none;
    color: #fff;
}
form#artikelSearchForm .si-form-title {
    display:none;
}
form#artikelSearchForm label {
    font-family: 'Montserrat';
    font-size: 10.5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 500;
}
form#artikelSearchForm input {
    border: none;
    height: 25px;
    min-height: 25px;
    padding: 0;
    margin-top: -4px;
    background: none;
}

form#artikelSearchForm input[type="checkbox"] {
    display:none;
}
form#artikelSearchForm .si-form-element{
    background-color: rgba(226, 222, 239, 0.19);
    border: 1px solid rgba(0, 0, 0, 0.12);
    margin-bottom: 2px !important;
}


.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

#slick-slider-controls ul {
    margin:10px 0 0 0;
    padding:0;
    list-style-type: none;

}

#slick-slider-controls ul li {
    margin:0;
    padding:0;
}

#slick-slider-controls ul li.slick-slider-control-next,
#slick-slider-controls ul li.slick-slider-control-prev {
    font-size:20px;
}


#slick-slider-controls ul li.slick-slider-control-prev {
    float:left;
}

#slick-slider-controls ul li.slick-slider-control-next {
    float:right;
}

.slick-slide {
    text-align: center;
}

.si-read-only-element.has-tooltip {
    display: inline-block;
}
.si-read-only-element.has-tooltip:after {
    content: '\f071';
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    padding-left: 5px;
    color: #ffc107;
}

.card .card-header .card-title:empty {
    display: none;
}