/* Minification failed. Returning unminified contents.
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12331,1): run-time error CSS1019: Unexpected token, found '@import'
(12331,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700')'
 */
/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
    --blue:#007bff;
    --indigo:#6610f2;
    --purple:#6f42c1;
    --pink:#e83e8c;
    --red:#dc3545;
    --orange:#fd7e14;
    --yellow:#ffc107;
    --green:#28a745;
    --teal:#20c997;
    --cyan:#17a2b8;
    --white:#fff;
    --gray:#6c757d;
    --gray-dark:#343a40;
    --primary:#007bff;
    --secondary:#6c757d;
    --success:#28a745;
    --info:#17a2b8;
    --warning:#ffc107;
    --danger:#dc3545;
    --light:#f8f9fa;
    --dark:#343a40;
    --breakpoint-xs:0;
    --breakpoint-sm:576px;
    --breakpoint-md:768px;
    --breakpoint-lg:992px;
    --breakpoint-xl:1200px;
    --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

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

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

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

article, aside, 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","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

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

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

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

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

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

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

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

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

dt {
    font-weight: 700;
}

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

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

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

figure {
    margin: 0 0 1rem;
}

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

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

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

th {
    text-align: inherit;
}

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

button {
    border-radius: 0;
}

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

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

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

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

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

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

textarea {
    overflow: auto;
    resize: vertical;
}

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

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

progress {
    vertical-align: baseline;
}

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

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

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

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

output {
    display: inline-block;
}

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

template {
    display: none;
}

[hidden] {
    display: none !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    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.2;
}

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

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

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

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

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

.mark, mark {
    padding: .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: .5rem;
    }

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

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

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

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

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

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

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

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem;
}

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

pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}

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

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

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

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

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

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

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

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

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

    .table td, .table th {
        /*padding: .75rem;*/
        vertical-align: top;
        border-top: 1px solid #dee2e6;
        padding: .45rem .75rem;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6;
    }

    .table .table {
        background-color: #fff;
    }

.table-sm td, .table-sm th {
    padding: .3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

    .table-bordered td, .table-bordered th {
        border: 1px solid #4f81bd;
    }

    .table-bordered thead td, .table-bordered thead th {
        border-bottom-width: 2px;
    }

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075);
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8daff;
}

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #9fcdff;
    }

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf;
    }

.table-success, .table-success > td, .table-success > th {
    background-color: #c3e6cb;
}

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #b1dfbb;
    }

.table-info, .table-info > td, .table-info > th {
    background-color: #bee5eb;
}

.table-hover .table-info:hover {
    background-color: #abdde5;
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #abdde5;
    }

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #ffeeba;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #ffe8a1;
    }

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #f1b0b7;
    }

.table-light, .table-light > td, .table-light > th {
    background-color: #fdfdfe;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ececf6;
    }

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b9bbbe;
    }

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(0,0,0,.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075);
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0,0,0,.075);
    }

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    background-color: #212529;
}

    .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #32383e;
    }

    .table-dark.table-bordered {
        border: 0;
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.05);
    }

    .table-dark.table-hover tbody tr:hover {
        background-color: rgba(255,255,255,.075);
    }

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

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

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

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

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

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

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

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

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

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

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media screen and (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none;
    }
}

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

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

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

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.form-control-lg {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

select.form-control[multiple], select.form-control[size] {
    height: auto;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 1rem;
}

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

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

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

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

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

    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d;
    }

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

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

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

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40,167,69,.9);
    border-radius: .25rem;
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #28a745;
}

    .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.25);
    }

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

.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip {
    display: block;
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745;
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block;
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745;
}

    .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
        background-color: #71dd8a;
    }

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
    display: block;
}

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

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25);
}

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745;
}

    .custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after {
        border-color: inherit;
    }

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
    display: block;
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25);
}

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

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .25rem;
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
}

    .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
    }

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

.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip {
    display: block;
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545;
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block;
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545;
}

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

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
    display: block;
}

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

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25);
}

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545;
}

    .custom-file-input.is-invalid ~ .custom-file-label::after, .was-validated .custom-file-input:invalid ~ .custom-file-label::after {
        border-color: inherit;
    }

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
    display: block;
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
}

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

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

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

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .custom-select, .form-inline .input-group {
        width: auto;
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

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

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

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

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media screen and (prefers-reduced-motion:reduce) {
    .btn {
        transition: none;
    }
}

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

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

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

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

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

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

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

    .btn-primary.focus, .btn-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
        }

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

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn-success.focus, .btn-success:focus {
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

        .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(40,167,69,.5);
        }

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

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .btn-info.focus, .btn-info:focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

        .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23,162,184,.5);
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .btn-warning.focus, .btn-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255,193,7,.5);
    }

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

    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500;
    }

        .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,193,7,.5);
        }

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

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }

    .btn-danger.focus, .btn-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d;
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(220,53,69,.5);
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-light.focus, .btn-light:focus {
        box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
    }

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

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

        .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
        }

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

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .btn-dark.focus, .btn-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5);
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d;
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52,58,64,.5);
        }

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-outline-primary.focus, .btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

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

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
        }

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-success.focus, .btn-outline-success:focus {
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

        .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(40,167,69,.5);
        }

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-outline-info.focus, .btn-outline-info:focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

        .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23,162,184,.5);
        }

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

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

    .btn-outline-warning.focus, .btn-outline-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255,193,7,.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent;
    }

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

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,193,7,.5);
        }

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-outline-danger.focus, .btn-outline-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent;
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(220,53,69,.5);
        }

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

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

    .btn-outline-light.focus, .btn-outline-light:focus {
        box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

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

        .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
        }

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-dark.focus, .btn-outline-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

        .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52,58,64,.5);
        }

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent;
    }

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

    .btn-link.disabled, .btn-link:disabled {
        color: #6c757d;
        pointer-events: none;
    }

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

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

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

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

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

@media screen and (prefers-reduced-motion:reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}

@media screen and (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none;
    }
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
}

.dropleft .dropdown-toggle::after {
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529;
}

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

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

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

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

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
        margin-left: -1px;
    }

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

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

.btn-group > .btn:first-child {
    margin-left: 0;
}

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

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

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

    .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
        margin-left: 0;
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

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

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

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
}

    .btn-group-vertical .btn, .btn-group-vertical .btn-group {
        width: 100%;
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

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

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

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}

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

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

    .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

        .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
            margin-left: -1px;
        }

        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
            z-index: 3;
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4;
        }

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

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

    .input-group > .custom-file {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

    .input-group-append .btn, .input-group-prepend .btn {
        position: relative;
        z-index: 2;
    }

        .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
            margin-left: -1px;
        }

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

    .input-group-text input[type=checkbox], .input-group-text input[type=radio] {
        margin-top: 0;
    }

.input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

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

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #007bff;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25);
    }

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

    .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d;
    }

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

.custom-control-label {
    position: relative;
    margin-bottom: 0;
}

    .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #dee2e6;
    }

    .custom-control-label::after {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem;
}

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

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #007bff;
}

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

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5);
}

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

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

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(128,189,255,.5);
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff;
        }

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

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef;
    }

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

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%;
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    }

        .custom-file-input:focus ~ .custom-file-label::after {
            border-color: #80bdff;
        }

    .custom-file-input:disabled ~ .custom-file-label {
        background-color: #e9ecef;
    }

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

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: 2.25rem;
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: 1px solid #ced4da;
        border-radius: 0 .25rem .25rem 0;
    }

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .custom-range:focus {
        outline: 0;
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25);
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25);
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25);
        }

    .custom-range::-moz-focus-outer {
        border: 0;
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        appearance: none;
    }

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none;
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none;
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none;
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none;
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem;
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none;
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

    .nav-link:focus, .nav-link:hover {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #6c757d;
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border-color: #e9ecef #e9ecef #dee2e6;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    border-radius: .25rem;
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
    }

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

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

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

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
}

    .navbar > .container, .navbar > .container-fluid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none;
    }

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none;
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width:575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-sm .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width:767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-md .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (max-width:991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-lg .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-xl .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-xl .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    /*-ms-flex-pack: start;
    justify-content: flex-start;*/
}

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-expand .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem;
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

/*.navbar-expand .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }*/

/*.navbar-expand .navbar-toggler {
        display: none;
    }*/

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
}

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
        color: rgba(0,0,0,.9);
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5);
}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0,0,0,.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,.3);
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0,0,0,.9);
    }

.navbar-light .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,.1);
    padding-top: 14px;
}

/*.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}*/

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5);
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,.9);
    }

        .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
            color: rgba(0,0,0,.9);
        }

.navbar-dark .navbar-brand {
    color: #fff;
}

    .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
        color: #fff;
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255,255,255,.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,.25);
    }

    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff;
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5);
}

    .navbar-dark .navbar-text a {
        color: #fff;
    }

        .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
            color: #fff;
        }

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

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

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

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

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

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

.card-subtitle {
    margin-top: -.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-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

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

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

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .card-group > .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group > .card:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
                    border-top-right-radius: 0;
                }

                .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
                    border-bottom-right-radius: 0;
                }

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

                .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
                    border-top-left-radius: 0;
                }

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

            .card-group > .card:only-child {
                border-radius: .25rem;
            }

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

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

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

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

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

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

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

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0;
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #6c757d;
        content: "/";
    }

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

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

.breadcrumb-item.active {
    color: #6c757d;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    }

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

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

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

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

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

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

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

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

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

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

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

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

    .badge:empty {
        display: none;
    }

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

.badge-pill {
    padding-right: .6em;
    padding-left: .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: #6c757d;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-heading {
    color: inherit;
}

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

.alert-dismissible {
    padding-right: 4rem;
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .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: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

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

    .alert-secondary .alert-link {
        color: #202326;
    }

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

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

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

.alert-info {
    color: #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;
    }

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

    to {
        background-position: 0 0;
    }
}

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

    to {
        background-position: 0 0;
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease;
}

@media screen and (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}

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

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

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

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

.list-group-item-action {
    width: 100%;
    color: #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: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}

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

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

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

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        background-color: #fff;
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #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;
}

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

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

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #383d41;
        background-color: #c8cbcf;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .close:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

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

button.close {
    /*padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;*/
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    width: 30px;
    height: 30px;
    background: #ababab;
    border-radius: 50%;
}

.modal-open {
    overflow: hidden;
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - (.5rem * 2));
        content: "";
    }

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: .5;
    }

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

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

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

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

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem;
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

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

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

        .modal-dialog-centered::before {
            height: calc(100vh - (1.75rem * 2));
        }

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

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

.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","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: .9;
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem;
    }

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

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

    .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow {
        bottom: calc((.5rem + 1px) * -1);
    }

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

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

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

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

    .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
        left: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0;
    }

        .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before {
            border-width: .5rem .5rem .5rem 0;
        }

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

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

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

    .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
        top: calc((.5rem + 1px) * -1);
    }

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

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

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

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

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

    .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
        right: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0;
    }

        .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before {
            border-width: .5rem 0 .5rem .5rem;
        }

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

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

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

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

.popover-body {
    padding: .5rem .75rem;
    color: #212529;
}

.carousel {
    position: relative;
}

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

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        display: block;
        transition: -webkit-transform .6s ease;
        transition: transform .6s ease;
        transition: transform .6s ease,-webkit-transform .6s ease;
    }

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        transition: none;
    }
}

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

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

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

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

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

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

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

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

    .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
        opacity: 1;
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0;
}

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

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

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

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

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

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

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

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

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

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(255,255,255,.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, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #6c757d !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: .25rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    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-row {
        display: table-row !important;
    }

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

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

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        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-row {
        display: table-row !important;
    }

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

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

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        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-row {
        display: table-row !important;
    }

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

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

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        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-row {
        display: table-row !important;
    }

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

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

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

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

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

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

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

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

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

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

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

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

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

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

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

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

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

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

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

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

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

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

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

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

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

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

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

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

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

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

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

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

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

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

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

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

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

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

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

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

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

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

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

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

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

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

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

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

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

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

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

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

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

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

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

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

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

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

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

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

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

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

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

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

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

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

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

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

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

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

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

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

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

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

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

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

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

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

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

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

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

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

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

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

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

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

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

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

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

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

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

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

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

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

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

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

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

@media (min-width: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: -webkit-sticky !important;
    position: sticky !important;
}

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

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

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

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

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

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

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

.w-auto {
    width: auto !important;
}

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

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

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

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

.h-auto {
    height: auto !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: .25rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pl-md-2, .px-md-2 {
        padding-left: .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: .25rem !important;
    }

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

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

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

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

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

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

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

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

    .ml-lg-2, .mx-lg-2 {
        margin-left: .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: .25rem !important;
    }

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

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

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

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

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

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

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

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

    .pl-lg-2, .px-lg-2 {
        padding-left: .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: .25rem !important;
    }

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

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

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

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

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

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

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

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

    .ml-xl-2, .mx-xl-2 {
        margin-left: .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: .25rem !important;
    }

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

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

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

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

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

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

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

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

    .pl-xl-2, .px-xl-2 {
        padding-left: .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-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

.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: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

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

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

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

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #545b62 !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-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important;
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *, ::after, ::before {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    blockquote, pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img, tr {
        page-break-inside: avoid;
    }

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

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

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

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

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

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

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

    .table-dark {
        color: inherit;
    }

        .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
            border-color: #dee2e6;
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}
/*# sourceMappingURL=bootstrap.min.css.map */

/*!
 * 
 *         SimpleBar.js - v2.6.1
 *         Scrollbars, simpler.
 *         https://grsmto.github.io/simplebar/
 *         
 *         Made by Adrien Grsmto from a fork by Jonathan Nicol
 *         Under MIT License
 *       
 */
[data-simplebar] {
    position: relative;
    z-index: 0;
    overflow: hidden!important;
    max-height: inherit;
    -webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */
}

[data-simplebar="init"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.simplebar-scroll-content {
    overflow-x: hidden!important;
    overflow-y: scroll;
    min-width: 100%!important;
    max-height: inherit!important;
    -webkit-box-sizing: content-box!important;
            box-sizing: content-box!important;
}

.simplebar-content {
    overflow-y: hidden!important;
    overflow-x: scroll;
    -webkit-box-sizing: border-box!important;
            box-sizing: border-box!important;
    min-height: 100%!important;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 11px;
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: black;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.simplebar-track:hover .simplebar-scrollbar:before,
.simplebar-track .simplebar-scrollbar.visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.0;
    -webkit-transition: opacity 0.0 linear;
    transition: opacity 0.0 linear;
}

.simplebar-track.vertical {
    top: 0;
}

.simplebar-track.vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
}

.simplebar-track.horizontal {
    left: 0;
    width: auto;
    height: 11px;
}

.simplebar-track.horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}

.horizontal.simplebar-track .simplebar-scrollbar {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* ========================== Start Common Styles ===================================*/
body {
}

.pointer {
    cursor: pointer !important;
}

.vertical_form .form-control-position {
    top: 25px;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 3.5rem;
}

.btn i {
    margin-right: 5px;
}

.manfield .select2-container--default .select2-selection--single, .manfield .select2-container--default .select2-selection--single, .manfield.form-control {
    border-color: #ced4da;
}

.overflow-hidden {
    overflow-x: hidden;
}

.firstpanel_style {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 0 !important;
}

.firstpanel_title {
    padding: .55rem 1.25rem;
    margin-bottom: 0;
    /*background-color: #086487;*/
    border-bottom: 1px solid rgb(236, 236, 253);
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    /*border-radius: 5px 5px 0 0;*/
    background: rgba(0,108,196,1);
    background: -moz-linear-gradient(top, rgba(0,108,196,1) 0%, rgba(0,90,164,1) 41%, rgba(0,73,136,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,108,196,1)), color-stop(41%, rgba(0,90,164,1)), color-stop(100%, rgba(0,73,136,1)));
    background: -webkit-linear-gradient(top, rgba(0,108,196,1) 0%, rgba(0,90,164,1) 41%, rgba(0,73,136,1) 100%);
    background: -o-linear-gradient(top, rgba(0,108,196,1) 0%, rgba(0,90,164,1) 41%, rgba(0,73,136,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,108,196,1) 0%, rgba(0,90,164,1) 41%, rgba(0,73,136,1) 100%);
    background: linear-gradient(to bottom, rgba(0,108,196,1) 0%, rgba(0,90,164,1) 41%, rgba(0,73,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cc4', endColorstr='#004988', GradientType=0 );
}

    .firstpanel_title a.card-link, .firstpanel_title a.card-link:hover {
        font-weight: 600;
        font-size: 18px;
        color: #fff;
    }

.firstpanel_bodystyle {
    border: 1px solid #ccc;
    padding: 20px;
}


.secondpanel_style {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 0 !important;
}

.secondpanel_title {
    padding: .55rem 1.25rem;
    margin-bottom: 0;
    /*background-color: #4796B6;*/
    border-bottom: 1px solid rgb(236, 236, 253);
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    /*border-radius: 5px 5px 0 0;*/
    background: rgba(104,175,230,1);
    background: -moz-linear-gradient(top, rgba(104,175,230,1) 0%, rgba(74,160,230,1) 41%, rgba(63,131,186,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104,175,230,1)), color-stop(41%, rgba(74,160,230,1)), color-stop(100%, rgba(63,131,186,1)));
    background: -webkit-linear-gradient(top, rgba(104,175,230,1) 0%, rgba(74,160,230,1) 41%, rgba(63,131,186,1) 100%);
    background: -o-linear-gradient(top, rgba(104,175,230,1) 0%, rgba(74,160,230,1) 41%, rgba(63,131,186,1) 100%);
    background: -ms-linear-gradient(top, rgba(104,175,230,1) 0%, rgba(74,160,230,1) 41%, rgba(63,131,186,1) 100%);
    background: linear-gradient(to bottom, rgba(104,175,230,1) 0%, rgba(74,160,230,1) 41%, rgba(63,131,186,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68afe6', endColorstr='#3f83ba', GradientType=0 );
}

.secondpanel_bodystyle {
    border: 1px solid #ccc;
    padding: 20px;
}

.thirdpanel_style {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 0 !important;
}

.thirdpanel_title {
    padding: .55rem 1.25rem;
    margin-bottom: 0;
    background-color: #74B6D1;
    border-bottom: 1px solid rgb(236, 236, 253);
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    /*border-radius: 5px 5px 0 0;*/
}

.thirdpanel_bodystyle {
    border: 1px solid #ccc;
    padding: 20px;
}

.projectpanel_style {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 0 !important;
}

.projectpanel_title {
    padding: .55rem 1.25rem;
    margin-bottom: 0;
    background-color: #8AB5AB;
    border-bottom: 1px solid rgb(236, 236, 253);
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    /*border-radius: 5px 5px 0 0;*/
}

    .projectpanel_title strong {
        color: #3E5651;
    }

.iframfirstpanel_bodystyle {
    border: 1px solid #ccc;
    padding: 20px;
}

.iframfirstpanel_style {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 0 !important;
}

.iframfirstpanel_title {
    padding: .55rem 1.25rem;
    margin-bottom: 0;
    background-color: #08876b;
    border-bottom: 1px solid rgb(236, 236, 253);
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    /*border-radius: 5px 5px 0 0;*/
}

div.displaynone, .displaynone {
    display: none;
}

.displayblock {
    display: block;
}
/*.btn-file {
    width: 100%;
    padding: 8px;
}*/

.btn-file input[type=file] {
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    display: block;
    bottom: 7px;
    left: 0;
    max-width: 100%;
    padding: 0 15px;
    cursor: pointer;
}

.uploadimg_details {
    margin-top: 20px;
}

    .uploadimg_details h4 {
        font-weight: normal;
        font-size: 16px;
    }

.btn-file i {
    font-size: 16px;
}

.nav-link .badge-danger {
    color: #fff;
    background-color: #20b9f5;
}

.importbtn_style {
}

.btn-success.btn-file {
    color: #fff;
    background-color: #822596;
    border-color: #822596;
}

    .btn-success.btn-file:hover {
        color: #fff;
        background-color: #420350;
        border-color: #420350;
    }

.btn.btn-switch {
    padding: 3px 20px;
    background: #0cd2cb;
    color: #000;
}

    .btn.btn-switch a {
        color: #000;
    }

    .btn.btn-switch:hover {
        background: #10fff7;
    }

.table-responsive .container-fluid .col-sm-12 {
    padding: 0;
}

div.dataTables_wrapper div.dataTables_filter input {
    border-radius: 30px;
}

.dataTables_info {
    float: left;
}

.dataTables_filter {
    float: right;
}

iframe {
    min-height: 100vh;
    border: none;
}
/* ========================== End Common Styles ===================================*/

/* ========================== Start Landing Page Styles ===================================*/
.landheader_style {
    background: #e50c2c;
    box-shadow: 2px 2px 5px #ccc, 0px 0px 0px #ccc;
}

.landlogo_bg {
    background: #fff;
    z-index: 10;
}

    .landlogo_bg::before {
        content: "";
        position: absolute;
        left: -130px;
        top: 0;
        background: #fff;
        z-index: 10;
        width: 130px;
        height: 100%;
    }

    .landlogo_bg::after {
        content: "";
        position: absolute;
        right: -65px;
        top: 0;
        border-top: 67px solid #e50c2c;
        border-bottom: 0 solid #e50c2c;
        border-left: 65px solid #fff;
        z-index: 10;
    }

.landmenu_style {
    padding: 0;
    margin: 0;
    float: right;
    padding-right: 10px;
}

    .landmenu_style li {
        list-style: none;
        display: inline-block;
    }

        .landmenu_style li a {
            color: #fff;
            font-size: 17px;
            line-height: 65px;
            margin-left: 12px;
        }

.landtitle h3 {
    text-align: center;
    color: #fff;
    line-height: 65px;
    font-size: 24px;
    margin: 0;
}

    .landtitle h3 a {
        color: #fff;
        font-size: 17px;
        margin-right: 10px;
    }

.landmenu_style li a i {
    margin-right: 8px;
}

.landbody_back {
    background-image: url("../../assets/images/Syng.png"), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.8));
    background-blend-mode: overlay;
    /*height: 700px;*/
    padding-top: 2em;
}

.landimg_withcontent {
    background: #fff;
    padding: 15px;
    margin-bottom: 30px;
    height: 400px;
}

.imgland {
}

.content_land h4 {
    color: #e50c2c;
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
}

.land_footer {
    background: #fff;
    padding: 20px 20px 0;
    text-align: right;
    color: #000;
    font-size: 14px;
}
/* ========================== End Landing Page Styles ===================================*/
/* ========================== Start Signup Style ========================================*/
.signup_style .card-authentication1 {
    max-width: 50rem;
}

.signup_style input[type="submit"].btn-block {
    width: 50%;
}
/* ========================== End Signup Style ========================================*/

/* ========================== Start Table Style =====================================*/
.table thead th, .table th {
    color: #fff;
    /*background-color: #4BACC6;*/
    /*background: #8383BC;*/
    /*background: #51A6AF;*/
    border-color: transparent;
    background: #4F81BD;
}

.table.dataTable {
    border-collapse: collapse !important;
}

table.dataTable tr {
    border: 1px solid transparent;
}

.table tr:nth-child(2n+1) td {
    /*background: #D2EAF1;*/
    /*background: #F5F5F5;*/
    /*background: #EAF0F2;*/
    background: #D0D8E8;
}

.table tr:nth-child(2n+2) td {
    /*background: #d9f7ff;*/
    /*background: #E3D5F0;*/
    /*background: #9ED5E4;*/
    background: #E9EDF4;
}

.table-bordered td, .table-bordered th {
    border-color: transparent;
}

.panelstyle_table {
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 0 10px !important;
    border-radius: 8px 8px 0 0;
    margin-bottom: 20px;
}

    .panelstyle_table h4 {
        background: #e3e3e3;
        font-size: 16px;
        padding: 5px 10px;
        border-bottom: #ccc 1px solid;
        margin-bottom: 20px;
        border-radius: 8px 8px 0 0;
    }

.dashpanelstyle_table {
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 0 10px !important;
    border-radius: 8px 8px 0 0;
    margin-bottom: 20px;
}

    .dashpanelstyle_table h5 {
        background: #e3e3e3;
        font-size: 16px;
        padding: 5px 10px;
        border-bottom: #ccc 1px solid;
        margin-bottom: 20px;
        border-radius: 8px 8px 0 0;
    }

.table td {
    font-size: 13px;
}
/* ========================== End Table Style =====================================*/
/* ========================== Start Header pannel Style =====================================*/
.sog-card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #e50c2c;
    border-bottom: 1px solid rgb(236, 236, 253);
    border-radius: 5px 5px 0px 0px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
}
/* ========================== End Header pannel Style =====================================*/

/* ========================== Start Header & Menu Style =================================== */
.certification_iconstyle {
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    line-height: 40px;
}

.cd-auto-hide-header {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

    .cd-auto-hide-header::after {
        clear: both;
        content: "";
        display: block;
    }

    .cd-auto-hide-header.is-hidden {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

@media only screen and (min-width: 1024px) {
    .cd-auto-hide-header {
        height: 80px;
    }
}

.cd-auto-hide-header .logo,
.cd-auto-hide-header .nav-trigger {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    /*.cd-auto-hide-header .logo {
    left: 5%;
}*/

    .cd-auto-hide-header .logo a, .cd-auto-hide-header .logo img {
        display: block;
    }

.cd-auto-hide-header .nav-trigger {
    display: table;
    height: 100%;
    padding: 0 1em;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #25283D;
    font-weight: bold;
    right: 0;
    border-left: 1px solid #f2f2f2;
}

    .cd-auto-hide-header .nav-trigger span {
        display: table-cell;
        vertical-align: middle;
    }

    .cd-auto-hide-header .nav-trigger em, .cd-auto-hide-header .nav-trigger em::after, .cd-auto-hide-header .nav-trigger em::before {
        display: block;
        position: relative;
        height: 2px;
        width: 22px;
        background-color: #25283D;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .cd-auto-hide-header .nav-trigger em {
        margin: 6px auto 14px;
        -webkit-transition: background-color .2s;
        transition: background-color .2s;
    }

        .cd-auto-hide-header .nav-trigger em::before, .cd-auto-hide-header .nav-trigger em::after {
            position: absolute;
            content: '';
            left: 0;
            -webkit-transition: -webkit-transform .2s;
            transition: -webkit-transform .2s;
            transition: transform .2s;
            transition: transform .2s, -webkit-transform .2s;
        }

        .cd-auto-hide-header .nav-trigger em::before {
            -webkit-transform: translateY(-6px);
            -ms-transform: translateY(-6px);
            transform: translateY(-6px);
        }

        .cd-auto-hide-header .nav-trigger em::after {
            -webkit-transform: translateY(6px);
            -ms-transform: translateY(6px);
            transform: translateY(6px);
        }

@media only screen and (min-width: 1024px) {
    .cd-auto-hide-header .nav-trigger {
        display: none;
    }
}

.cd-auto-hide-header.nav-open .nav-trigger em {
    background-color: rgba(255, 255, 255, 0);
}

    .cd-auto-hide-header.nav-open .nav-trigger em::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .cd-auto-hide-header.nav-open .nav-trigger em::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.cd-primary-nav {
    display: inline-block;
    float: right;
    height: 100%;
    padding-right: 5%;
}

.is-hidden .mainmenu ul li a {
    padding: 14px 17px;
}

/* =========================== Start Page Loader Style ====================================*/
.loader {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 10000;
    background: rgba(0,27,17,.9);
    width: 100%;
    text-align: center;
}

.cssload-fond {
    position: relative;
    margin: auto;
    top: 40%;
}

.cssload-container-general {
    animation: cssload-animball_two 1.15s infinite;
    -o-animation: cssload-animball_two 1.15s infinite;
    -ms-animation: cssload-animball_two 1.15s infinite;
    -webkit-animation: cssload-animball_two 1.15s infinite;
    -moz-animation: cssload-animball_two 1.15s infinite;
    width: 66px;
    height: 66px;
}

.cssload-internal {
    width: 66px;
    height: 66px;
    position: absolute;
}

.cssload-ballcolor {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4 {
    position: absolute;
    animation: cssload-animball_one 1.15s infinite ease;
    -o-animation: cssload-animball_one 1.15s infinite ease;
    -ms-animation: cssload-animball_one 1.15s infinite ease;
    -webkit-animation: cssload-animball_one 1.15s infinite ease;
    -moz-animation: cssload-animball_one 1.15s infinite ease;
}

.cssload-ball_1 {
    background-color: #cb2025;
    top: 0;
    left: 0;
}

.cssload-ball_2 {
    background-color: #f8b334;
    top: 0;
    left: 36px;
}

.cssload-ball_3 {
    background-color: #00a096;
    top: 36px;
    left: 0;
}

.cssload-ball_4 {
    background-color: #97bf0d;
    top: 36px;
    left: 36px;
}

@keyframes cssload-animball_one {
    0%,100% {
        position: absolute;
    }

    50% {
        top: 18px;
        left: 18px;
        position: absolute;
        opacity: .5;
    }
}

@-o-keyframes cssload-animball_one {
    0%,100% {
        position: absolute;
    }

    50% {
        top: 18px;
        left: 18px;
        position: absolute;
        opacity: .5;
    }
}

@-ms-keyframes cssload-animball_one {
    0%,100%,50% {
        position: absolute;
    }

    50% {
        top: 18px;
        left: 18px;
        opacity: .5;
    }
}

@-webkit-keyframes cssload-animball_one {
    0%,100% {
        position: absolute;
    }

    50% {
        top: 18px;
        left: 18px;
        position: absolute;
        opacity: .5;
    }
}

@-moz-keyframes cssload-animball_one {
    0%,100% {
        position: absolute;
    }

    50% {
        top: 18px;
        left: 18px;
        position: absolute;
        opacity: .5;
    }
}

@keyframes cssload-animball_two {
    0% {
        transform: rotate(0) scale(1);
    }

    50% {
        transform: rotate(360deg) scale(1.3);
    }

    100% {
        transform: rotate(720deg) scale(1);
    }
}

@-o-keyframes cssload-animball_two {
    0% {
        -o-transform: rotate(0) scale(1);
    }

    50% {
        -o-transform: rotate(360deg) scale(1.3);
    }

    100% {
        -o-transform: rotate(720deg) scale(1);
    }
}

@-ms-keyframes cssload-animball_two {
    0% {
        -ms-transform: rotate(0) scale(1);
    }

    50% {
        -ms-transform: rotate(360deg) scale(1.3);
    }

    100% {
        -ms-transform: rotate(720deg) scale(1);
    }
}

@-webkit-keyframes cssload-animball_two {
    0% {
        -webkit-transform: rotate(0) scale(1);
    }

    50% {
        -webkit-transform: rotate(360deg) scale(1.3);
    }

    100% {
        -webkit-transform: rotate(720deg) scale(1);
    }
}

@-moz-keyframes cssload-animball_two {
    0% {
        -moz-transform: rotate(0) scale(1);
    }

    50% {
        -moz-transform: rotate(360deg) scale(1.3);
    }

    100% {
        -moz-transform: rotate(720deg) scale(1);
    }
}
/* =========================== End Page Loader Style ====================================*/

/* -------------------------------- 2. Auto-Hiding Navigation - with Sub Nav -------------------------------- */
.cd-secondary-nav {
    position: relative;
    z-index: 1;
    clear: both;
    width: 100%;
    height: 50px;
    /* background-color: #25283D;
     Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

/*.cd-secondary-nav::after {
       
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        height: 100%;
        width: 35px;
        background: transparent;
        background: -webkit-linear-gradient(right, #25283D, rgba(37, 40, 61, 0));
        background: linear-gradient(to left, #25283D, rgba(37, 40, 61, 0));
        pointer-events: none;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
    }*/

/*.cd-secondary-nav.nav-end::after {
        opacity: 0;
    }*/

.rightnav_style {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -ms-flexbox;
    display: flex;
}

.listcertification {
    padding: 0;
    margin: 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    -ms-flex-direction: row;
    display: -ms-flexbox;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
}

    .listcertification li {
        list-style: none;
        color: #000;
        font-size: 14px;
        white-space: nowrap;
        color: #C00E29;
        margin-top: 18px;
        font-weight: 500;
        margin-right: 8px;
    }

        .listcertification li p {
            margin: 0;
            color: #aaa;
            font-size: 16px;
            text-align: left;
        }

            .listcertification li p span {
                color: #288109;
                margin-right: 5px;
            }

@media only screen and (min-width: 1024px) {
    .cd-secondary-nav {
        height: auto;
        overflow: visible;
    }
}

/* -------------------------------- 

3. Auto-Hiding Navigation - with Sub Nav + Hero Image

-------------------------------- */
.cd-secondary-nav.fixed {
    position: fixed;
    top: 60px;
}

.cd-secondary-nav.slide-up {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
}

@media only screen and (min-width: 1024px) {
    .cd-secondary-nav.fixed {
        top: 80px;
        /* fixes a bug where nav and subnab move with a slight delay */
        box-shadow: 0 -6px 0 #25283D;
    }

    .cd-secondary-nav.slide-up {
        -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        transform: translateY(-80px);
    }
}

/* ========================== End Header & Menu Style ===================================== */





/* ============================== Start Horizontal Menu Style ============================== */
.menu-area {
    background: #d61a5e;
}

/*.navbar-nav {
    margin-left: 6px;
}*/

.dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0 solid transition !important;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    padding: 6px 10px;
    font-family: 'Roboto',sans-serif;
    display: block !important;
    border-right: 1px solid #99061B;
}

.mainmenu ul li:last-child a {
    border-right: none;
}
/*.mainmenu ul li a {
    border-left: 2px solid #1B3F72;
    transform: skewx(-20deg);
    transition: background .2s ease, color .2s ease;
}*/

.mainmenu ul li.logoshow_fixed:first-child a {
    border: none;
    padding: 0;
}

.mainmenu ul li .dropdown-menu li a {
    border-left: none;
    border-bottom: 1px solid #B8273D;
    transform: inherit;
}

    .mainmenu ul li .dropdown-menu li a:hover, .mainmenu ul li .dropdown-menu li.active a {
        background-color: #B8273D;
    }

.mainmenu .active a, .mainmenu .active a:focus, .mainmenu .active a:hover, .mainmenu li a:hover, .mainmenu li a:focus, .navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > .show > a:focus, .navbar-default .navbar-nav > .show > a:hover {
    color: #fff;
    background: #99061B;
    outline: 0;
}

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a {
    background: #99061B;
}

.navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover {
    background: #99061B;
}

.mainmenu .collapse ul ul ul > li:hover > a {
    background: #99061B;
}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
    background: #E50C2C;
}

    .mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu {
        background: #E50C2C;
    }

        .mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu {
            background: #64B5F6;
        }

.mainmenu .dropdown-menu li a {
    padding: 8px 10px;
    border-bottom: 1px solid #FC667C;
}


/******************************Drop-down menu work on hover**********************************/
.mainmenu {
    background: #e50c2c;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
}

.navbar-nav li {
    text-align: center;
}

    .navbar-nav li a i {
        /*display: block;
        width: 100%;
        text-align: center;
        font-size: 2em;*/
        margin-right: 5px;
    }

/*.customnav_style {
    display: block;
    width: 100%;
}

ul.customnav_style li {
    text-align: center;
    display: table-cell;
    width: 1%;
    float: none;
}
ul.customnav_style li .dropdown-menu li
{
    display:inherit;
    width:auto;
}*/

@media only screen and (min-width: 767px) {
    .mainmenu .collapse ul li:hover > ul {
        display: block;
    }

    .mainmenu .collapse ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 160px;
        display: none;
    }

        .mainmenu .collapse ul ul li {
            position: relative;
        }

            .mainmenu .collapse ul ul li:hover > ul {
                display: block;
            }

        .mainmenu .collapse ul ul ul {
            position: absolute;
            top: 0;
            left: 100%;
            min-width: 250px;
            display: none;
        }

            .mainmenu .collapse ul ul ul li {
                position: relative;
            }

                .mainmenu .collapse ul ul ul li:hover ul {
                    display: block;
                }

            .mainmenu .collapse ul ul ul ul {
                position: absolute;
                top: 0;
                left: -100%;
                min-width: 250px;
                display: none;
                z-index: 1;
            }
}

@media (max-width: 575px) {
    .cd-auto-hide-header {
        height: 90px;
    }

    .listcertification {
        display: none;
    }

    .nav-item {
        padding-top: 17px;
    }

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

    .logoshow_fixed {
        display: none !important;
    }

    .mainmenu ul li a {
        border-bottom: 1px solid #99061B;
    }

    .customnav_style li {
        text-align: left;
    }

        .customnav_style li a {
            padding-left: 20px !important;
        }

    .navbar-expand .navbar-nav .dropdown-menu {
        position: static;
    }
    /*.cd-auto-hide-header .logo
    {
        position:relative;
    }*/
}

@media (min-width: 575px) and (max-width: 767px) {
    .cd-auto-hide-header {
        height: 90px;
    }

    .nav-item {
        padding-top: 17px;
    }
}

@media (max-width: 767px) {
    .navbar-nav .show .dropdown-menu .dropdown-menu > li > a {
        padding: 16px 15px 16px 35px;
    }

    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
        padding: 16px 15px 16px 45px;
    }

    /*.navbar-nav {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }*/
    .logoshow_fixed {
        display: none !important;
    }

    .listcertification {
        display: none;
    }
}

@media (max-width: 1199px) and (min-width: 1025px) {
    .listcertification li {
        margin-right: 35px;
    }

    .mainmenu ul li a {
        font-size: 13px;
        padding: 6px 5px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .logoshow_fixed {
        display: none !important;
    }

    .listcertification {
        display: none;
    }

    .cd-auto-hide-header {
        height: 90px;
    }

    .mainmenu ul li a {
        font-size: 13px;
        padding: 6px 4px;
    }
}

@media (min-width: 1360px) {
    .mainmenu ul li a {
        padding: 10px 17px;
    }
}

/*@media (min-width: 993px) and (max-width: 1199px) {
    .mainmenu a, .mainmenu ul li a {
        padding: 6px 3px 5px;
        font-size: 11px;
    }
}*/



/*@media (min-width: 1200px) and (max-width: 1300px) {
    .mainmenu a, .mainmenu ul li a {
        padding: 14px 15px;
        font-size: 13px;
    }
}

@media (min-width: 1400px) and (max-width: 1450px) {
    .mainmenu ul li a {
        padding: 14px 15px;
    }
}

@media (min-width: 1451px) and (max-width: 1600px) {
    .mainmenu ul li a {
        padding: 14px 15px;
    }
}

@media (min-width: 1601px) {
    .mainmenu ul li a {
        padding: 14px 15px;
    }
}*/

.logoshow_fixed {
    background: #fff;
    width: 10%;
}

    .logoshow_fixed a {
        padding: 5px;
    }
/* ============================== End Horizontal Menu Style ============================== */
/* ========================== End Header & Menu Style =================================== */



/* ========================== Start Dashboard Style =======================================*/
.logo_style {
    padding: 14px 0 !important;
    background: #fff;
}

.dashboard_backcolor1 {
    background: #8EAAB7;
}

.dashboard_backcolor2 {
    background: #69bfe0;
}

.dashboard_backcolor3 {
    background: #ADAE91;
}

.dashboard_backcolor4 {
    background: #90BBDE;
}

.dashboard_backcolor5 {
    background: #F3C086;
}

.dashboard_backcolor6 {
    background: #b76771;
}

.dashboard_backcolor7 {
    background: #08D2BC;
}
/*.dashboard_backcolor2 i {
    color: #a47d08;
}*/

.dashboard_backcolor1 .card-header {
    font-size: 18px;
}

/*.dashboard_backcolor2 .bg-contrast {
    background: rgba(255, 211, 78, 0.30) !important;
}*/

.dashboard_backcolor3 i {
    color: #d5d985;
}

.w-circle-icon img {
    margin-top: 6px;
}
/* ========================== End Dashboard Style =======================================*/
/* ========================== Start User Dashboard Style ================================*/
.userdash_color1 {
    background: #8ABCB9;
}

.userdash_color2 {
    background: #FDC975;
}

.userdash_color3 {
    background: #319EA1;
}

.userdash_color4 {
    background: #FE945A;
}

.userdash_color5 {
    background: #8EAAB7;
}

.userdash_color6 {
    background: #b0caf2;
}

.userdash_color7 {
    background: #c1bbc0;
}

.userdash_color8 {
    background: #e5bcc8;
}

.userdash_color9 {
    background: #efbd9e;
}



/* ========================== End User Dashboard Style ================================*/
.fbox {
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    padding: 0;
}

/*===LeoTom===*/
ul.list {
    width: 100%;
    padding-left: 0px;
}

    ul.list li {
        list-style: none;
        line-height: 34px;
        background: #D4F3FF;
        padding: 5px 15px;
        margin-bottom: 8px;
    }

        ul.list li a {
            color: #333;
            font-weight: bold;
        }

        ul.list li .action-btn a {
            margin-right: 5px;
            cursor: pointer;
        }

        ul.list li a.leftlinkbtn {
            display: inline-block;
            width: 72%;
            padding-left: 10px;
        }

        ul.list li:hover a.leftlinkbtn {
            color: #fd3550;
            /*background: #fd3550;*/
        }

        ul.list li .action-btn .fa-edit {
            color: #086487;
        }

        ul.list li .action-btn .fa-trash, ul.list li .action-btn .fa-trash-o {
            color: #f20;
        }
        /*ul.list li:hover {
            background: #706564;
            cursor: pointer;
            color: #fff !important;
        }

        ul.list li a:hover {
            color: #fff !important;
        }*/

        ul.list li a:active {
            color: red;
        }

        ul.list li a:focus {
            color: green;
        }

.card-left {
    border: 1px solid #eee;
    background: #eaeaea;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.card-right {
    border: 1px solid #eee;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.action-btn {
    float: right;
}

.demo-checkbox {
    padding-top: 15px;
}



.fa.fa-leak {
    background-image: url("../../assets/images/leak-0.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: left;
    width: 25px;
    height: 24px;
}

i.icon {
    border-radius: 50%;
    border: 1px solid grey;
    padding: 0px;
}

.badge.tab-icon {
    border-radius: 50%;
    border: 1px solid grey;
    padding: 5px;
}

.btn.btn-color {
    background: #333;
    border: 1px solid #333;
}

.btn-btn-color:hover {
    color: #fff;
    background-color: #e50c2c;
    border-color: #e50c2c;
}

.btn.btn-color-add {
    background: #e50c2c !important;
    border: 1px solid #e50c2c;
}

/* Package Style*/
.cardblock_customheight {
    height: 410px;
    overflow-y: auto;
}

    .cardblock_customheight .fa-check {
        color: #15ca20;
    }

    .cardblock_customheight .fa-close {
        color: #fd3550;
    }

.packageback_color1 .package_title {
    background: #BD79AB;
}

.packageback_color1 .card-body {
    border: 1px solid #AC1F87;
}

.packageback_color2 .package_title {
    background: #13C0BE;
    color: #000;
}

.packageback_color2 .card-body {
    border: 1px solid #13C0BE;
}

.packageback_color3 .package_title {
    background: #7BAD79;
}

.packageback_color3 .card-body {
    border: 1px solid #1CC014;
}

.packageback_color4 {
    background: #FBC143;
}

.package_title {
    border-radius: 10px 10px 0 0;
}

    .package_title .price {
        font-size: 20px !important;
    }
/*.packageback_color3 .btn-outline-danger
{
    color:#fff;
    border-color:#fff;
}*/
/*.pricing-table.pricing-table-color .card.packageback_color1 .card-body .list-group .list-group-item
{
    color:#000;
}*/
/*.packageback_color2 .package_title .price
{
    color:#504b4b  !important;
}*/

/* ============================= Start General Page Style ========================== */


.card-left {
    background: transparent;
    border-color: #76927f;
    /*border-radius: 8px 8px 0 0;*/
}

    .card-left .card-header {
        background: #B2CCBA;
        border-bottom: 1px solid #76927f;
        color: #000;
        /*border-radius: 8px 8px 0 0;*/
    }

.Labelbackcolor {
    background-color: #e0e0e0;
}

.lbltxtcolor {
    color: #000;
    font-weight: normal;
}

.organization_thirdpanel h6 {
    color: #e50c2c;
    margin: 10px 0;
}

.lbltxtcolor i {
    margin-right: 5px;
    font-size: 18px;
    color: #787676;
}
/* ============================= End General Page Style ========================== */
/* ============================= Start Standalone Gas Style ======================== */
.cus_check [type="checkbox"] + label {
    margin: 0;
}

.cus_check {
    margin: 0;
}

    .cus_check .demo-checkbox {
        padding-top: 10px;
    }

.cus_check1 {
    margin: 0;
}

    .cus_check1 .demo-checkbox {
        padding-top: 4px;
    }

.txtalign {
    padding-top: 8px;
}

.chklabel_align [type="checkbox"] + label {
    padding-left: 25px !important;
}

.greencheck .fa-check {
    color: #15ca20;
}

.greencheck .fa-close {
    color: #fd3550;
}

.standalone_style .card-body {
    padding-bottom: 0;
}

.standalone_checkbox .demo-checkbox label {
    margin: 0;
    color: #fff;
}

.standalone_checkbox .demo-checkbox {
    padding-top: 0;
}

    .standalone_checkbox .demo-checkbox [type="checkbox"] + label::before {
        /*border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;*/
        border-color: #fff;
    }

    .standalone_checkbox .demo-checkbox [type="checkbox"]:checked + label::before {
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

.standalonesecondary_color {
    background: #155659;
}
/* ============================= End Standalone Gas Style ======================== */
/* ============================= Start Run Style ================================= */
.runarrow_style:before {
    content: "\f2fd";
    color: #a8a6a6;
    font-size: 32px;
    font-family: Material-Design-Iconic-Font;
    position: absolute;
    top: 38%;
    z-index: 9;
    right: 97.5%;
}

.runfilter_panel {
    margin-top: 20px;
}

.runfilter_panelheader {
    /*background: #c4dee0;*/
    padding: 3px 0 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #7fb0b4;
    border-radius: 5px 5px 0 0;
    background: rgba(104,175,230,1);
    background: -moz-linear-gradient(top, rgba(104,175,230,1) 0%, rgba(74,160,230,1) 41%, rgba(63,131,186,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104,175,230,1)), color-stop(41%, rgba(74,160,230,1)), color-stop(100%, rgba(63,131,186,1)));
    background: -webkit-linear-gradient(top, rgba(104,175,230,1) 0%, rgba(74,160,230,1) 41%, rgba(63,131,186,1) 100%);
    background: -o-linear-gradient(top, rgba(104,175,230,1) 0%, rgba(74,160,230,1) 41%, rgba(63,131,186,1) 100%);
    background: -ms-linear-gradient(top, rgba(104,175,230,1) 0%, rgba(74,160,230,1) 41%, rgba(63,131,186,1) 100%);
    background: linear-gradient(to bottom, rgba(104,175,230,1) 0%, rgba(74,160,230,1) 41%, rgba(63,131,186,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68afe6', endColorstr='#3f83ba', GradientType=0 );
}

.runfilterpanel_body {
    padding: 20px;
    background: #f2f2f2;
    border: 1px solid #ccc;
    border-top: none;
}

.transparent_table {
    border: 2px solid #000;
    margin-bottom: 0;
}

    /*.transparent_table thead th {
        background: transparent;
        color: #000;
        border-bottom: 1px solid #bdbebf;
        border-right: 1px solid #bdbebf;
    }

    .transparent_table th {
        background: transparent;
        color: #000;
        border-bottom: 1px solid #bdbebf;
        border-right: 1px solid #bdbebf;
        border-top: 1px solid #bdbebf;
    }*/

    .transparent_table tr td {
        border-top: 1px solid #bdbebf;
        border-right: 1px solid #bdbebf;
        padding: 3px;
    }

    .transparent_table tr:nth-child(2n+1) td {
        background: transparent;
        color: #000;
    }

    .transparent_table tr:nth-child(2n+2) td {
        background: transparent;
        color: #000;
    }

    .transparent_table tr td:nth-child(2), .transparent_table tr td:nth-child(3), .transparent_table tr th:nth-child(2), .transparent_table tr th:nth-child(3) {
        text-align: center;
    }

.btn.runbtn {
    font-size: 13px;
    font-weight: 600;
    padding: 4px 17px;
    background: rgba(255,255,255,0.7);
}

.transparent_table2 {
    border: 2px solid #000;
    margin-bottom: 0;
    border-top: 0;
}

    .transparent_table2 tr td {
        border-top: 1px solid #bdbebf;
        border-right: 1px solid #bdbebf;
        padding: 3px;
    }

    .transparent_table2 tr:nth-child(2n+1) td {
        background: transparent;
        color: #000;
    }

    .transparent_table2 tr:nth-child(2n+2) td {
        background: transparent;
        color: #000;
    }

    .transparent_table2 tr td:nth-child(2), .transparent_table tr td:nth-child(3), .transparent_table tr th:nth-child(2), .transparent_table tr th:nth-child(3) {
        text-align: center;
    }

.transparent_table thead th, .transparent_table th {
    padding: 5px;
}

@media print {
    .transparent_table {
        border: 2px solid #000;
        margin-bottom: 0;
    }

        .transparent_table tr td {
            border-top: 1px solid #bdbebf;
            border-right: 1px solid #bdbebf;
            padding: 3px;
        }

        .transparent_table tr:nth-child(2n+1) td {
            background: transparent;
            color: #000;
        }

        .transparent_table tr:nth-child(2n+2) td {
            background: transparent;
            color: #000;
        }

        .transparent_table tr td:nth-child(2), .transparent_table tr td:nth-child(3), .transparent_table tr th:nth-child(2), .transparent_table tr th:nth-child(3) {
            text-align: center;
        }
}
/* ============================= End Run Style ================================= */
/* ============================== Start Grid Style ==============================*/
.table .fa-trash-o {
    color: #dc0202;
}

.table .fa-edit {
    color: #2773b3;
}

.table .activebtn_icon {
    color: #047d10;
}

.table .deactivebtn_icon {
    color: #691004;
}

.table .fa-drivers-license-o {
    color: #1040dc;
}

.table .viewbtn_icon {
    color: #7f05c5;
}

.table .vieworderbutton_icon {
    color: #ba05c5;
}
/* ============================== End Grid Style ==============================*/

/* ============================== Start Message Section ========================= */

.message-page .content {
    margin: 20px 0;
    padding: 0;
}

.message-page .message-collapse {
    display: block;
}

.message-page .message-sidebar {
    overflow: hidden;
}

    .message-page .message-sidebar .search_form .search_field input {
        height: 45px;
    }

    .message-page .message-sidebar .search_form .search_field button {
        font-size: 17px;
    }

    .message-page .message-sidebar .search_form .search_field span {
        padding: 0 10px;
    }

    .message-page .message-sidebar .message-list {
        padding: 0;
    }

        .message-page .message-sidebar .message-list .message-data {
            padding: 10px 20px;
            overflow: hidden;
        }

            .message-page .message-sidebar .message-list .message-data .message-image {
                width: 15%;
                margin-right: 15px;
            }

            .message-page .message-sidebar .message-list .message-data .message-sender {
                width: 78%;
            }

                .message-page .message-sidebar .message-list .message-data .message-sender .sender-name {
                    font-size: 15px;
                }

                .message-page .message-sidebar .message-list .message-data .message-sender .message-time {
                    color: #CCCCCC;
                    font-size: 12px;
                }

                .message-page .message-sidebar .message-list .message-data .message-sender .sender-status {
                    line-height: 14px;
                    font-size: 13px;
                }

            .message-page .message-sidebar .message-list .message-data:hover {
                background-color: #E5E5E5;
            }

            .message-page .message-sidebar .message-list .message-data.active .message-sender .sender-name {
                color: #FFFFFF;
            }

.message-page .message-rightbar {
    padding: 20px;
}

    .message-page .message-rightbar li {
        list-style: none;
        overflow: hidden;
        padding-bottom: 15px;
    }

    .message-page .message-rightbar .chat-image {
        width: 60px;
    }

    .message-page .message-rightbar .chat-detail {
        padding: 10px;
        margin-bottom: 10px;
        max-width: 100%;
        border-radius: 4px;
    }

        .message-page .message-rightbar .chat-detail p {
            padding-bottom: 0;
            line-height: 18px;
            color: #fff;
        }

        .message-page .message-rightbar .chat-detail h6 {
            text-transform: uppercase;
            font-weight: 700;
            padding-bottom: 7px;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0;
            color: #fff;
        }

        .message-page .message-rightbar .chat-detail .chat-time {
            font-size: 11px;
        }

    .message-page .message-rightbar .chat-arrow::before {
        content: "";
        position: absolute;
        top: 0;
        height: 0;
        width: 0;
        border-style: solid;
    }

    .message-page .message-rightbar .chat-sender {
        margin-bottom: 10px;
    }

        .message-page .message-rightbar .chat-sender .chat-image {
            margin-right: 15px;
        }

        .message-page .message-rightbar .chat-sender .chat-detail {
            background: #9EC0BA;
        }

            .message-page .message-rightbar .chat-sender .chat-detail .chat-time {
                color: #000;
            }

        .message-page .message-rightbar .chat-sender .chat-arrow {
            border-radius: 0 4px 4px 4px;
        }

            .message-page .message-rightbar .chat-sender .chat-arrow::before {
                left: -3px;
                border-color: transparent #9EC0BA transparent transparent;
                border-style: solid;
                border-width: 0 18px 18px 0;
            }

    .message-page .message-rightbar .chat-receiver {
        margin-bottom: 10px;
    }

        .message-page .message-rightbar .chat-receiver .chat-image {
            margin-left: 15px;
        }

        .message-page .message-rightbar .chat-receiver .chat-detail {
            color: #636363;
        }

            .message-page .message-rightbar .chat-receiver .chat-detail .chat-time {
                color: #ccc;
            }

            .message-page .message-rightbar .chat-receiver .chat-detail h6 {
                color: #fff;
            }

        .message-page .message-rightbar .chat-receiver .chat-arrow {
            border-radius: 4px 0px 4px 4px;
        }

            .message-page .message-rightbar .chat-receiver .chat-arrow::before {
                right: -2px;
                left: auto;
                border-width: 0 0 18px 18px;
            }

    .message-page .message-rightbar .type-message {
        padding: 5px 10px;
        line-height: 24px;
        color: #CCCCCC;
        overflow: hidden;
    }

    .message-page .message-rightbar .chat-input {
        padding: 4px;
        width: 96%;
        border-top: none;
        border-right: none;
        border-left: none;
    }

    .message-page .message-rightbar .chat-type {
        margin-top: 8px;
    }

        .message-page .message-rightbar .chat-type a i {
            font-size: 24px;
            font-style: normal;
            vertical-align: middle;
        }

.message-page .message-toggle {
    display: none;
    width: 100%;
    padding: 8px;
    margin: 10px 0 0;
    border-radius: 4px;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
    line-height: 22px;
}

    .message-page .message-toggle span {
        font-size: 25px;
        margin-right: 10px;
    }

.message-page.vertion-2 .message-list .message-data {
    padding: 10px 0;
}

    .message-page.vertion-2 .message-list .message-data .message-image {
        width: 100%;
        margin-right: 0;
        border-radius: 100%;
        text-align: center;
    }

        .message-page.vertion-2 .message-list .message-data .message-image img {
            border-radius: 100px;
        }

        .message-page.vertion-2 .message-list .message-data .message-image .content-badges {
            position: relative;
            margin: auto;
            width: 60px;
        }

            .message-page.vertion-2 .message-list .message-data .message-image .content-badges .badges-tag {
                right: 0;
                top: 5px;
            }

            .message-page.vertion-2 .message-list .message-data .message-image .content-badges .badges-success {
                background: #5cb85c;
            }

            .message-page.vertion-2 .message-list .message-data .message-image .content-badges .badges-danger {
                background: #d9534f;
            }

            .message-page.vertion-2 .message-list .message-data .message-image .content-badges .badges-warning {
                background: #f0ad4e;
            }

    .message-page.vertion-2 .message-list .message-data.active .message-image img {
        border-color: #FFFFFF;
    }

    .message-page.vertion-2 .message-list .message-data.active .sender-name {
        color: #FFFFFF;
    }

    .message-page.vertion-2 .message-list .message-data .sender-name {
        text-align: center;
        font-size: 15px;
    }

.message-page.vertion-2 .search_form {
    margin: 0;
    margin-bottom: 5px;
}

    .message-page.vertion-2 .search_form .search_field input {
        height: 50px;
        padding: 8px 20px;
    }

.message-page.vertion-2 .message-rightbar {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

    .message-page.vertion-2 .message-rightbar .chat-image img {
        border-radius: 100px;
    }

    .message-page.vertion-2 .message-rightbar .chat-detail {
        width: 100%;
    }

.message-page.vertion-2 .message-toggle {
    border: none;
    line-height: 30px;
    border-bottom: 1px solid #dddddd;
    margin: 0;
    padding-left: 20px;
    border-radius: 0;
}

.message-page.vertion-2 .chat-right-img {
    text-align: center;
}

    .message-page.vertion-2 .chat-right-img img {
        width: 150px;
        border-radius: 100px;
        margin: 100px 0;
    }

.message-page.vertion-2 .chat-right-name {
    padding: 30px 20px 1px 15px;
}

    .message-page.vertion-2 .chat-right-name span {
        font-size: 20px;
    }

    .message-page.vertion-2 .chat-right-name i {
        font-size: 20px;
        margin-left: 10px;
        color: #9e9b9b;
        cursor: pointer;
    }

.message-page.vertion-2 .chat-right-bottom {
    text-align: center;
    margin-bottom: 25px;
}

    .message-page.vertion-2 .chat-right-bottom i {
        font-size: 30px;
        background: #ccc;
        border-radius: 100px;
        padding: 20px;
        line-height: 24px;
        color: #FFFFFF;
        cursor: pointer;
    }

    .message-page.vertion-2 .chat-right-bottom span {
        display: block;
        margin-top: 5px;
    }

    .message-page.vertion-2 .chat-right-bottom .chat-call {
        background: #5cb85c;
    }

        .message-page.vertion-2 .chat-right-bottom .chat-call.calling {
            background: #d9534f;
        }

img {
    max-width: 100%;
    width: 100%;
}

.chat-image i {
    font-size: 4em;
}

.message-rightbar .chat-receiver .chat-detail {
    background: #15787C;
}

.message-page .message-rightbar .chat-receiver .chat-arrow::before {
    border-color: transparent transparent transparent #15787C;
}

.chat-detail a i {
    margin-right: 5px;
}

.chat-detail a.lightreply {
    color: #02575A;
    font-weight: bold;
}

.chat-detail a.darkreply {
    color: #CAF2EB;
    font-weight: bold;
}

/*---- START MESSAGE-PAGE RESPONSIVE ----*/
@media (max-width: 1366px) {
    .message-page.vertion-2 .message-list .message-data .message-image .content-badges {
        width: 50px;
    }

    .message-page.vertion-2 .message-list .message-data .sender-name {
        font-size: 13px;
    }
}

@media (max-width: 1199px) {
    .message-page .message-sidebar .message-list .message-data .message-image {
        width: 18%;
        margin-right: 10px;
    }

    .message-page .message-sidebar .message-list .message-data .message-sender {
        width: 74%;
    }

    .message-page .message-rightbar .chat-image {
        width: 36px;
    }

    .message-page .message-rightbar .chat-detail {
        max-width: 70%;
    }

    .message-page .message-rightbar .chat-input {
        width: 90%;
    }

    .message-page.vertion-2 .message-list .message-data .message-image {
        width: 100%;
    }

        .message-page.vertion-2 .message-list .message-data .message-image .content-badges {
            width: 70px;
        }

            .message-page.vertion-2 .message-list .message-data .message-image .content-badges .badges-tag {
                right: 4px;
            }

    .message-page.vertion-2 .chat-border-top {
        border-top: 1px solid #dddddd;
    }
}

@media (max-width: 1366px) {
    .message-page .message-sidebar .message-list .message-data .message-sender {
        width: 74%;
    }
}

@media (min-width: 1199px) and (max-width: 1670px) {
    .message-page .message-sidebar .message-list .message-data .message-sender {
        width: 75%;
    }

    .message-page .message-rightbar .chat-input {
        width: 88%;
    }

    .message-page .message-rightbar .chat-sender .left-side {
        width: 22%;
    }

    .message-page .message-rightbar .chat-sender .right-side {
        width: 78%;
    }

    .message-page .message-rightbar .offset-xl-message {
        margin-left: 12%;
    }

    .message-page .message-rightbar .chat-receiver .left-side {
        width: 22%;
    }

    .message-page .message-rightbar .chat-receiver .right-side {
        width: 78%;
    }
}

@media (max-width: 991px) {
    .message-page .message-sidebar .message-list .message-data .message-sender .sender-name {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 82px;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .message-page .message-toggle {
        display: block;
        font-size: 15px;
    }

    .message-page .message-collapse.collapse {
        display: none;
    }

        .message-page .message-collapse.collapse.in {
            display: block;
        }

    .message-page .content.message-collapse {
        margin-top: 0;
        border: none;
    }

    .message-page .message-rightbar .chat-detail {
        max-width: 90%;
    }

        .message-page .message-rightbar .chat-detail p {
            font-size: 13px;
        }

    .message-page .message-rightbar .chat-image {
        width: 60px;
    }

    .message-page .message-sidebar .message-list {
        padding-bottom: 10px;
    }

        .message-page .message-sidebar .message-list .message-data .message-image {
            width: 10%;
            margin-right: 10px;
        }

        .message-page .message-sidebar .message-list .message-data .message-sender {
            width: 78%;
        }

            .message-page .message-sidebar .message-list .message-data .message-sender .sender-name {
                text-overflow: initial;
            }

    .sticky_sidebar .message-collapse {
        height: 225px;
        overflow-y: auto;
    }

    .sticky_sidebar .message-toggle {
        margin: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }

    .sticky_sidebar .message-collapse.collapse.in {
        border: none;
        margin-top: 0;
    }

    .message-page.vertion-2 .message-list {
        border-bottom: 1px solid #dddddd;
    }

        .message-page.vertion-2 .message-list .message-data .message-image {
            float: left;
            margin-left: 15px;
        }

            .message-page.vertion-2 .message-list .message-data .message-image .content-badges {
                width: 45px;
            }

                .message-page.vertion-2 .message-list .message-data .message-image .content-badges .badges-tag {
                    right: 0;
                    height: 9px;
                    width: 9px;
                }

        .message-page.vertion-2 .message-list .message-data .sender-name {
            float: left;
            margin: 8px 0 0 5px;
        }
}

@media (max-width: 479px) {
    .sticky_sidebar .message-collapse {
        height: 330px;
        min-height: 330px;
        overflow-y: auto;
    }

    .message-page .message-sidebar .message-list .message-data .message-image {
        width: 15%;
        margin-right: 10px;
    }

    .message-page .message-rightbar .chat-detail {
        max-width: 90%;
    }

    .message-page .message-rightbar .chat-image {
        width: 40px;
    }

    .message-page .message-rightbar .chat-input {
        width: 82%;
    }

    .message-page.vertion-2 .chat-right-img img {
        margin: 60px 0;
    }

    .message-page.vertion-2 .chat-right-name {
        padding: 20px 10px 1px 0;
    }

    .message-page.vertion-2 .chat-right-bottom {
        margin-bottom: 15px;
    }

        .message-page.vertion-2 .chat-right-bottom i {
            font-size: 25px;
            padding: 15px;
            line-height: 20px;
        }
}

/*---- END MESSAGE-PAGE RESPONSIVE ----*/
/* ============================== End Message Section ========================= */
/* ============================== Start Left Panel Style ====================== */
.leftcard_headercolor {
    background: #4796B6;
    /*border-radius: 8px 8px 0 0;*/
}

    .leftcard_headercolor .btn {
        padding: 7px 14px;
        margin: 4px 0;
    }
/* ============================== End Left Panel Style ====================== */

/* ============================== Start Modal New Style ====================== */
.modal-dialog.modal-xlg {
    max-width: 85%;
}
/* ============================== End Modal New Style ====================== */


/* ============================== Start measurements  unit Style ====================== */
label .munits {
    color: #4796b6 !important;
}
/* ============================== End measurements  unit Style ====================== */

/* ==================================== Start Project Create Style =========================== */
.projectlist_style {
    padding: 0;
    margin: 0;
}

    .projectlist_style li {
        list-style: none;
    }

        .projectlist_style li a {
            font-size: 14px;
            font-weight: bold;
            color: #000;
        }

            .projectlist_style li a i {
                color: #B7970B;
                font-size: 26px;
                margin-right: 8px;
                position: relative;
                top: 4px;
            }

        .projectlist_style li ul {
            padding-left: 22px;
            margin-top: 5px;
        }

            .projectlist_style li ul li a i {
                color: #F4C700;
                font-size: 24px;
                margin-right: 8px;
            }

            .projectlist_style li ul li a {
                font-weight: normal;
                line-height: 40px;
            }

                .projectlist_style li ul li a .icon-fire {
                    color: #E50C2C;
                    font-size: 17px;
                }

                .projectlist_style li ul li a .zmdi-invert-colors {
                    color: #48903E;
                }

                .projectlist_style li ul li a .zmdi-fire {
                    color: #0595F3;
                }

.projectcreation_listmenu {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    -ms-flex-direction: row;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

    .projectcreation_listmenu li {
        list-style: none;
        display: inline-block;
    }

        .projectcreation_listmenu li a {
            padding: 8px 8px;
            display: inline-block;
            color: #fff;
            border-right: 2px solid #35B7EC;
            font-size: 12px;
        }

            .projectcreation_listmenu li a i {
                margin-right: 5px;
            }

        .projectcreation_listmenu li:first-child a {
            border-radius: 8px 0px 0 0;
        }

        .projectcreation_listmenu li:last-child a {
            border: none;
        }

/*.projectcreation_listmenu li a:hover {
            background: #E50C2C;
        }*/

.tabsproject_style.nav-tabs .nav-link i {
    font-size: 22px;
    margin-right: 5px;
}

/* ==================================== End Project Create Style =========================== */
#myProgress {
    width: 100%;
    background-color: grey;
    height: 20px;
}

#myBar {
    width: 1%;
    height: 20px;
    background-color: #018a09 !important;
}


/* ============================== Start Material Style ===================================== */
a.btnmaterial {
    cursor: pointer;
    background: #FD3550;
    padding: 5px 10px;
    color: #fff !important;
    margin-top: 2px;
    display: inline-block;
}
/* ============================== End Material Style ===================================== */

/* ============================== Start Chart Style ===================================== */
.js-plotly-plot .plotly {
    background: url(../images/chartback.png) no-repeat center;
    position: relative;
}

.svg-container {
    background-color: rgba(255, 255, 255, 0.9) !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-svg {
    background: transparent !important;
}
/* ============================== End Chart Style ===================================== */

.navbar-expand {
  -ms-flex-wrap: row nowrap;
  flex-wrap: row nowrap; }

.navbar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: row nowrap;
  flex-wrap: row nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.navbar-expand > .container, .navbar-expand > .container-fluid {
  -ms-flex-wrap: none;
  flex-wrap: nowrap; }

.row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.showimg {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 500px;
  height: 500px; }

/*# sourceMappingURL=style_sass.css.map */

.swal2-container,body.swal2-iosfix{position:fixed;left:0;right:0}body.swal2-in{overflow-y:hidden}.swal2-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;bottom:0;padding:10px;background-color:transparent;z-index:1060}.swal2-container:not(.swal2-in){pointer-events:none}.swal2-container.swal2-fade{-webkit-transition:background-color .1s;transition:background-color .1s}.swal2-container.swal2-in{background-color:rgba(0,0,0,.4)}.swal2-modal{background-color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;border-radius:5px;box-sizing:border-box;text-align:center;margin:auto;overflow-x:hidden;overflow-y:auto;display:none;position:relative}.swal2-modal:focus{outline:0}.swal2-modal.swal2-loading{overflow-y:hidden}.swal2-modal .swal2-title{color:#595959;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:0;padding:0;line-height:60px;display:block}.swal2-modal .swal2-spacer{height:10px;color:transparent;border:0}.swal2-modal .swal2-styled{border:0;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin:0 5px;padding:10px 32px}.swal2-modal .swal2-styled:not(.swal2-loading)[disabled]{opacity:.4;cursor:no-drop}.swal2-modal .swal2-styled.swal2-loading{box-sizing:border-box;border:4px solid transparent;width:40px;height:40px;padding:0;margin:-2px 30px;vertical-align:top;background-color:transparent!important;color:transparent;cursor:default;border-radius:100%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-modal :not(.swal2-styled).swal2-loading::after{display:inline-block;content:'';margin-left:5px;vertical-align:-1px;height:6px;width:6px;border:3px solid #999;border-right-color:transparent;border-radius:50%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal .swal2-checkbox input,.swal2-modal .swal2-checkbox span,.swal2-modal .swal2-radio input,.swal2-modal .swal2-radio span{vertical-align:middle}.swal2-modal .swal2-image{margin:20px auto;max-width:100%}.swal2-modal .swal2-close{font-size:36px;line-height:36px;font-family:serif;position:absolute;top:5px;right:13px;cursor:pointer;color:#ccc;-webkit-transition:color .1s ease;transition:color .1s ease}.swal2-modal .swal2-close:hover{color:#d55}.swal2-modal>.swal2-checkbox,.swal2-modal>.swal2-file,.swal2-modal>.swal2-input,.swal2-modal>.swal2-radio,.swal2-modal>.swal2-select,.swal2-modal>.swal2-textarea{display:none}.swal2-modal .swal2-content{font-size:18px;text-align:center;font-weight:300;position:relative;float:none;margin:0;padding:0;line-height:normal;color:#545454}.swal2-modal .swal2-checkbox,.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-radio,.swal2-modal .swal2-select,.swal2-modal .swal2-textarea{margin:20px auto}.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-textarea{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d9d9d9;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-webkit-transition:border-color box-shadow .3s;transition:border-color box-shadow .3s}.swal2-modal .swal2-file.swal2-inputerror,.swal2-modal .swal2-input.swal2-inputerror,.swal2-modal .swal2-textarea.swal2-inputerror{border-color:#f06e57}.swal2-modal .swal2-file:focus,.swal2-modal .swal2-input:focus,.swal2-modal .swal2-textarea:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.swal2-modal .swal2-file:focus::-webkit-input-placeholder,.swal2-modal .swal2-input:focus::-webkit-input-placeholder,.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::-moz-placeholder,.swal2-modal .swal2-input:focus::-moz-placeholder,.swal2-modal .swal2-textarea:focus::-moz-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus:-ms-input-placeholder,.swal2-modal .swal2-input:focus:-ms-input-placeholder,.swal2-modal .swal2-textarea:focus:-ms-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::placeholder,.swal2-modal .swal2-input:focus::placeholder,.swal2-modal .swal2-textarea:focus::placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file::-webkit-input-placeholder,.swal2-modal .swal2-input::-webkit-input-placeholder,.swal2-modal .swal2-textarea::-webkit-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::-moz-placeholder,.swal2-modal .swal2-input::-moz-placeholder,.swal2-modal .swal2-textarea::-moz-placeholder{color:#e6e6e6}.swal2-modal .swal2-file:-ms-input-placeholder,.swal2-modal .swal2-input:-ms-input-placeholder,.swal2-modal .swal2-textarea:-ms-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::placeholder,.swal2-modal .swal2-input::placeholder,.swal2-modal .swal2-textarea::placeholder{color:#e6e6e6}.swal2-modal .swal2-range input{float:left;width:80%}.swal2-modal .swal2-range output{float:right;width:20%;font-size:20px;font-weight:600;text-align:center}.swal2-modal .swal2-range input,.swal2-modal .swal2-range output{height:43px;line-height:43px;vertical-align:middle;margin:20px auto;padding:0}.swal2-modal .swal2-input{height:43px;padding:0 12px}.swal2-modal .swal2-input[type=number]{max-width:150px}.swal2-modal .swal2-file{font-size:20px}.swal2-modal .swal2-textarea{height:108px;padding:12px}.swal2-modal .swal2-select{color:#545454;font-size:inherit;padding:5px 10px;min-width:40%;max-width:100%}.swal2-modal .swal2-radio{border:0}.swal2-modal .swal2-radio label:not(:first-child){margin-left:20px}.swal2-modal .swal2-radio input{margin:0 3px 0 0}.swal2-modal .swal2-checkbox{color:#545454}.swal2-modal .swal2-validationerror{background-color:#f0f0f0;margin:0 -20px;overflow:hidden;padding:10px;color:gray;font-size:16px;font-weight:300;display:none}.swal2-modal .swal2-validationerror::before{content:'!';display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:10px}.swal2-icon.swal2-info,.swal2-icon.swal2-question,.swal2-icon.swal2-warning{font-size:60px;line-height:80px;text-align:center}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}.swal2-icon{width:80px;height:80px;border:4px solid transparent;border-radius:50%;margin:20px auto 30px;padding:0;position:relative;box-sizing:content-box;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .x-mark{position:relative;display:block}.swal2-icon.swal2-error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal2-icon.swal2-error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.swal2-icon.swal2-warning{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#f8bb86;border-color:#facea8}.swal2-icon.swal2-info{font-family:'Open Sans',sans-serif;color:#3fc3ee;border-color:#9de0f6}.swal2-icon.swal2-question{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#87adbd;border-color:#c9dae1}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success::after,.swal2-icon.swal2-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.swal2-icon.swal2-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal2-icon.swal2-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.swal2-icon.swal2-success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .fix{width:7px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{font-weight:600;margin:0 0 20px;padding:0}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{background:#3085d6;border-radius:2em;color:#fff;height:2em;line-height:2em;text-align:center;width:2em;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle,.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{background:#3085d6;height:.4em;margin:0 -1px;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}.swal2-show{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:hideSweetAlert .15s forwards;animation:hideSweetAlert .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}@-webkit-keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.animate-success-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.animate-success-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.swal2-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{-webkit-animation:pulse-warning .75s infinite alternate;animation:pulse-warning .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.animate-menu-push {
    left: 0;
    position: relative;
    transition: all 0.3s ease;
}

    .animate-menu-push.animate-menu-push-right {
        left: 200px;
    }

    .animate-menu-push.animate-menu-push-left {
        left: -200px;
    }

.animate-menu {
    position: fixed;
    top: 0;
    width: 200px;
    height: 100%;
    transition: all 0.3s ease;
}

.animate-menu-left {
    left: -200px;
}

    .animate-menu-left.animate-menu-open {
        left: 0;
    }

.animate-menu-right {
    right: -200px;
}

    .animate-menu-right.animate-menu-open {
        right: 0;
    }

.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

    .sidebar-menu > li {
        position: relative;
        margin: 0;
        padding: 0;
    }

        .sidebar-menu > li > a {
            padding: 13px 5px 13px 15px;
            display: block;
            border-left: 3px solid transparent;
            color: #95a7b5;
            font-size: 15px;
        }

            .sidebar-menu > li > a > .fa {
                width: 20px;
            }

        .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
            color: #ffffff;
            /*background: rgba(0, 140, 255, 0.24);
    border-left-color: #008cff;*/
            background-color: rgb(153, 6, 27);
            border-left-color: #e50c2c;
        }

        .sidebar-menu > li .label, .sidebar-menu > li .badge {
            margin-top: 3px;
            margin-right: 5px;
        }

    .sidebar-menu li.sidebar-header {
        padding: 10px 25px 10px 15px;
        font-size: 12px;
        color: #8ea2af;
    }

    .sidebar-menu li > a > .fa-angle-left {
        width: auto;
        height: auto;
        padding: 0;
        margin-right: 10px;
        margin-top: 3px;
    }

    .sidebar-menu li.active > a > .fa-angle-left {
        transform: rotate(-90deg);
    }

    .sidebar-menu li.active > .sidebar-submenu {
        display: block;
    }

    .sidebar-menu a {
        color: #b8c7ce;
        text-decoration: none;
    }

    .sidebar-menu .sidebar-submenu {
        display: none;
        list-style: none;
        padding-left: 5px;
        margin: 0 1px;
        background: transparent;
    }

        .sidebar-menu .sidebar-submenu .sidebar-submenu {
            padding-left: 20px;
        }

        .sidebar-menu .sidebar-submenu > li > a {
            padding: 5px 5px 5px 15px;
            display: block;
            font-size: 14px;
            color: #95a7b5;
        }

            .sidebar-menu .sidebar-submenu > li > a > .fa {
                width: 20px;
                font-size: 13px;
            }

            .sidebar-menu .sidebar-submenu > li > a > .fa-angle-left, .sidebar-menu .sidebar-submenu > li > a > .fa-angle-down {
                width: auto;
            }

            .sidebar-menu .sidebar-submenu > li.active > a, .sidebar-menu .sidebar-submenu > li > a:hover {
                color: #ffffff;
            }

.sidebar-menu-rtl {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #222d32;
}

    .sidebar-menu-rtl > li {
        position: relative;
        margin: 0;
        padding: 0;
    }

        .sidebar-menu-rtl > li > a {
            padding: 12px 15px 12px 5px;
            display: block;
            border-left: 3px solid transparent;
            color: #b8c7ce;
        }

            .sidebar-menu-rtl > li > a > .fa {
                width: 20px;
            }

        .sidebar-menu-rtl > li:hover > a, .sidebar-menu-rtl > li.active > a {
            color: #fff;
            background: #1e282c;
            border-left-color: #3c8dbc;
        }

        .sidebar-menu-rtl > li .label, .sidebar-menu-rtl > li .badge {
            margin-top: 3px;
            margin-right: 5px;
        }

    .sidebar-menu-rtl li.sidebar-header {
        padding: 10px 15px 10px 25px;
        font-size: 12px;
        color: #4b646f;
        background: #1a2226;
    }

    .sidebar-menu-rtl li > a > .fa-angle-left {
        width: auto;
        height: auto;
        padding: 0;
        margin-right: 10px;
        margin-top: 3px;
    }

    .sidebar-menu-rtl li.active > a > .fa-angle-left {
        transform: rotate(-90deg);
    }

    .sidebar-menu-rtl li.active > .sidebar-submenu {
        display: block;
    }

    .sidebar-menu-rtl a {
        color: #b8c7ce;
        text-decoration: none;
    }

    .sidebar-menu-rtl .sidebar-submenu {
        display: none;
        list-style: none;
        padding-right: 5px;
        margin: 0 1px;
        background: #2c3b41;
    }

        .sidebar-menu-rtl .sidebar-submenu .sidebar-submenu {
            padding-right: 20px;
        }

        .sidebar-menu-rtl .sidebar-submenu > li > a {
            padding: 5px 15px 5px 5px;
            display: block;
            font-size: 14px;
            color: #8aa4af;
        }

            .sidebar-menu-rtl .sidebar-submenu > li > a > .fa {
                width: 20px;
            }

            .sidebar-menu-rtl .sidebar-submenu > li > a > .fa-angle-left, .sidebar-menu-rtl .sidebar-submenu > li > a > .fa-angle-down {
                width: auto;
            }

            .sidebar-menu-rtl .sidebar-submenu > li.active > a, .sidebar-menu-rtl .sidebar-submenu > li > a:hover {
                color: #fff;
            }

/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .formErrorInsideDialog.formError { z-index: 5000; }
    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	width: 150px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}
/*
Template Name: Rocker Admin
Author: CODERVENT
Email: codervent@gmail.com
File: app-style
*/

/*
  - Google Font
  - General
  - Menu Sidebar Wrapper
  - Page Content Wrapper
  - Topbar Header
  - Dropdown Menu
  - User Details
  - Logo
  - SearachBar
  - Cards
  - Modals
  - Buttons
  - User Cards
  - Widgets
  - Forms
  - Tables
  - Alerts
  - Badges
  - Paginations
  - List Groups
  - Nav Tabs & Pills
  - Accordions
  - Background Colors
  - Borders
  - Text colors
  - Shadows
  - CheckBoxes & Radios
  - Pricing Tables
  - Responsive
*/

/* Google Font*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

/* General */
html {
    font-family: 'Roboto', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

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

body {
    background: #f7f7ff;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #636363;
    letter-spacing: 1px;
}

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

::placeholder {
    color: #747f8a !important;
    font-size: 13px;
    opacity: .5 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #747f8a !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #747f8a !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #292929;
    font-weight: 600;
    color: #223035;
}

.h1, h1 {
    font-size: 48px;
    line-height: 52px;
}

.h2, h2 {
    font-size: 38px;
    line-height: 42px;
}

.h3, h3 {
    font-size: 30px;
    line-height: 34px;
}

.h4, h4 {
    font-size: 24px;
    line-height: 28px;
}

.h5, h5 {
    font-size: 18px;
    line-height: 22px;
}

.h6, h6 {
    font-size: 14px;
    line-height: 18px;
}

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

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

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

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

.line-height-0 {
    line-height: 0;
}

.line-height-5 {
    line-height: 5px;
}

.line-height-10 {
    line-height: 5px;
}

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

p {
    margin-bottom: .65rem;
}

:focus {
    outline: 0 !important;
}

a {
    color: #008cff;
}

a {
    outline: none !important;
}

    a:hover {
        text-decoration: none;
    }

    a.text-muted:focus, a.text-muted:hover {
        color: #748690;
    }

hr {
    border-top: 1px solid #e4eaec;
}


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



/* Menu Sidebar Wrapper */
#wrapper {
    width: 100%;
    position: relative;
}

#sidebar-wrapper {
    background: #223035;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    overflow: hidden;
    width: 240px;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
}


#wrapper.toggled #sidebar-wrapper {
    position: fixed;
    left: -240px;
}

#wrapper.toggled .menu-icon {
    margin-left: 0px;
}

#wrapper.toggled .content-wrapper {
    margin-left: 0;
}

/* Page Content Wrapper */
.content-wrapper {
    /*margin-left: 240px;*/
    padding-top: 145px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 70px;
    overflow-x: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Topbar Header */
.topbar-nav .navbar {
    padding: 0px 0px;
    z-index: 999;
    height: 60px;
    /*-webkit-box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 0px 6px 0 rgba(206, 206, 238, 0.54);
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 0px 6px 0 rgba(206, 206, 238, 0.54);*/
}

.toggle-menu i {
    margin-left: 240px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.right-nav-link a.nav-link {
    padding-right: .8rem !important;
    padding-left: .8rem !important;
    font-size: 20px;
    /*color: #ffffff;*/
}

/* Dropdown Menu */
.dropdown-menu {
    border: 0px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54) !important;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54) !important;
    font-size: 15px;
}

    .dropdown-menu ul {
        margin-top: 0px;
    }

.dropdown-divider {
    margin: 0;
    border-top: 1px solid rgb(236, 236, 253);
}

.dropdown-item {
    padding: .70rem 1.5rem;
}

.dropdown-toggle-nocaret:after {
    display: none;
}

.dropdown-lg .dropdown-menu {
    width: 320px;
    padding: 0;
}

    .dropdown-lg .dropdown-menu .list-group-flush:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: .25em;
        border-top-right-radius: .25em;
    }

    .dropdown-lg .dropdown-menu .list-group-flush:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-left-radius: .25em;
        border-bottom-right-radius: .25em;
    }

    .dropdown-lg .dropdown-menu .media .avatar img {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        border: 2px solid #ffffff;
        -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    }

    .dropdown-lg .dropdown-menu .media .media-body .msg-title {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        margin-bottom: 0px;
    }

    .dropdown-lg .dropdown-menu .media .media-body .msg-info {
        font-size: 13px;
        color: #232323;
        margin-bottom: 0;
        white-space: nowrap;
    }

/* User Details */
.user-profile img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
}

.user-details .media .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.user-details .media .media-body .user-title {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 2px;
}

.user-details .media .media-body .user-subtitle {
    font-size: 13px;
    color: #232323;
    margin-bottom: 0;
}

/* Logo */


.brand-logo {
    width: 100%;
    /*height: 60px;*/
    border-bottom: 1px solid #33444a;
}

.logo-text {
    color: #ffffff;
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: 3px;
    letter-spacing: 2px;
    font-weight: 400;
    text-align: center;
    line-height: 50px;
}

.logo-icon {
    margin-left: 20px;
    width: 40px;
}

/* SearachBar */
.search-bar {
    margin-left: 20px;
    position: relative;
}

    .search-bar input {
        border: 1px solid #ffffff;
        font-size: 15px;
        width: 330px;
        border-radius: 30px;
        height: 30px;
        padding: .375rem 2.0rem .375rem .75rem;
        background: #ffffff;
    }

    .search-bar a i {
        position: absolute;
        top: 9px;
        right: 12px;
        color: #000;
    }

.product-img {
    height: 32px;
}

.page-title {
    font-size: 20px;
    line-height: 20px;
}

.breadcrumb {
    padding: 0;
    background-color: transparent;
}

.sidebar-menu li a i:first-child {
    margin-right: 10px;
    font-size: 18px;
}

.sidebar-menu li a i:last-child {
    margin-right: 10px;
    font-size: 16px;
}


.lightbox-thumb {
    margin-bottom: 15px;
    width: 100%;
}

.mail-img {
    width: 50px;
}

.row.row-group > div {
    border-right: 1px solid rgba(234, 234, 234, 0.9);
}

    .row.row-group > div:last-child {
        border-right: none;
    }

/*Cards */
.card {
    margin-bottom: 30px;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    border: none;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(236, 236, 253);
    font-weight: 600;
    font-size: 16px;
    color: #59597d;
}

.card-title {
    margin-bottom: .75rem;
    font-weight: 600;
    font-size: 16px;
    color: #1a262b;
}

.card-action {
    float: right;
}

    .card-action a i {
        color: #1a262b;
    }

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

.card-deck {
    margin-bottom: 30px;
}

    .card-deck .card {
        margin-right: 15px;
        margin-left: 15px;
    }

.card-group {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    margin-bottom: 30px;
}

    .card-group .card {
        box-shadow: none;
    }

.card.card-primary {
    border-bottom: 3px solid #008cff !important;
}

.card.card-success {
    border-bottom: 3px solid #15ca20 !important;
}

.card.card-danger {
    border-bottom: 3px solid #fd3550 !important;
}

.card.card-warning {
    border-bottom: 3px solid #ff9700 !important;
}

.card.card-info {
    border-bottom: 3px solid #0dceec !important;
}

.card.card-light {
    border-bottom: 3px solid #e9eaea !important;
}

.card.card-secondary {
    border-bottom: 3px solid #75808a !important;
}

.card.card-dark {
    border-bottom: 3px solid #223035 !important;
}

.overlay-primary {
    background: #008cff;
    background: rgba(0, 140, 255, 0.81);
}

.overlay-success {
    background: #15ca20;
    background: rgba(21, 202, 32, 0.81);
}

.overlay-danger {
    background: #fd3550;
    background: rgba(253, 53, 80, 0.81);
}

.overlay-warning {
    background: #ff9700;
    background: rgba(255, 151, 0, 0.81);
}

.overlay-info {
    background: #0dceec;
    background: rgba(13, 206, 236, 0.81);
}

.overlay-dark {
    background: #223035;
    background: rgba(34, 48, 53, 0.81);
}

/* Modals */
.modal-header {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.modal-content {
    border-radius: 0.25rem;
}

.swal-modal {
    border-radius: 0.25rem;
}

.swal-button, .swal-button:focus {
    background-color: #008cff;
    box-shadow: 0 7px 30px rgba(2, 140, 253, 0.7) !important;
}

.swal-button--cancel {
    color: #fff;
    background-color: #008cff;
}

.swal-text {
    text-align: center;
}

.swal-footer {
    text-align: center;
}

/*Buttons */
.btn {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 20px;
    border-radius: .25rem;
    text-transform: uppercase;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

    .btn:focus {
        box-shadow: none;
    }

.btn-lg {
    padding: 15px 41px;
    font-size: .95rem;
}

.btn-sm {
    font-size: 10px;
    font-weight: 600;
    padding: 8px 17px;
}

.btn-primary {
    color: #fff;
    background-color: #008cff;
    border-color: #008cff;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

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

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-secondary {
    color: #fff;
    background-color: #75808a;
    border-color: #75808a;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

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

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-success {
    color: #fff;
    background-color: #15ca20;
    border-color: #15ca20;
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

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

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

        .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-info {
    color: #fff;
    background-color: #0dceec;
    border-color: #0dceec;
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

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

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

        .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: none;
        }


.btn-warning {
    color: #fff;
    background-color: #ff9700;
    border-color: #ff9700;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #e0a800;
        border-color: #d39e00;
    }

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

    .btn-warning.disabled, .btn-warning:disabled {
        color: #fff;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #d39e00;
        border-color: #c69500;
    }

        .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-danger {
    color: #fff;
    background-color: #fd3550;
    border-color: #fd3550;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }

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

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d;
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: none;
        }


.btn-light {
    color: #212529;
    background-color: #e9eaea;
    border-color: #e9eaea;
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

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

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

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

        .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-dark {
    color: #fff;
    background-color: #223035;
    border-color: #223035;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

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

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d;
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: none;
        }


.btn-outline-primary {
    color: #008cff;
    background-color: transparent;
    background-image: none;
    border-color: #008cff;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #008cff;
        border-color: #008cff;
    }

    .btn-outline-primary.focus, .btn-outline-primary:focus {
        color: #fff;
        background-color: #008cff;
        border-color: #008cff;
        box-shadow: none;
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #008cff;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #008cff;
        border-color: #008cff;
    }

        .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-outline-secondary {
    color: #75808a;
    background-color: transparent;
    background-image: none;
    border-color: #75808a;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #75808a;
        border-color: #75808a;
    }

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        color: #fff;
        background-color: #75808a;
        border-color: #75808a;
        box-shadow: none;
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #75808a;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #75808a;
        border-color: #75808a;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-outline-success {
    color: #15ca20;
    background-color: transparent;
    background-image: none;
    border-color: #15ca20;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #15ca20;
        border-color: #15ca20;
    }

    .btn-outline-success.focus, .btn-outline-success:focus {
        color: #fff;
        background-color: #15ca20;
        border-color: #15ca20;
        box-shadow: none;
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #15ca20;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #15ca20;
        border-color: #15ca20;
    }

        .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: none;
        }


.btn-outline-info {
    color: #0dceec;
    background-color: transparent;
    background-image: none;
    border-color: #0dceec;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #0dceec;
        border-color: #0dceec;
    }

    .btn-outline-info.focus, .btn-outline-info:focus {
        color: #fff;
        background-color: #0dceec;
        border-color: #0dceec;
        box-shadow: none;
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #0dceec;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #0dceec;
        border-color: #0dceec;
    }

        .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: none;
        }


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

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #ff9700;
        border-color: #ff9700;
    }

    .btn-outline-warning.focus, .btn-outline-warning:focus {
        color: #fff;
        background-color: #ff9700;
        border-color: #ff9700;
        box-shadow: none;
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ff9700;
        background-color: transparent;
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #ff9700;
        border-color: #ff9700;
    }

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-outline-danger {
    color: #fd3550;
    background-color: transparent;
    background-image: none;
    border-color: #fd3550;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #fd3550;
        border-color: #fd3550;
    }

    .btn-outline-danger.focus, .btn-outline-danger:focus {
        color: #fff;
        background-color: #fd3550;
        border-color: #fd3550;
        box-shadow: none;
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #fd3550;
        background-color: transparent;
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #fd3550;
        border-color: #fd3550;
    }

        .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: none;
        }


.btn-outline-light {
    color: #e9eaea;
    background-color: transparent;
    background-image: none;
    border-color: #e9eaea;
}

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

    .btn-outline-light.focus, .btn-outline-light:focus {
        color: #212529;
        background-color: #e9eaea;
        border-color: #e9eaea;
        box-shadow: none;
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #e9eaea;
        background-color: transparent;
    }

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

        .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-outline-dark {
    color: #223035;
    background-color: transparent;
    background-image: none;
    border-color: #223035;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #223035;
        border-color: #223035;
    }

    .btn-outline-dark.focus, .btn-outline-dark:focus {
        color: #fff;
        background-color: #223035;
        border-color: #223035;
        box-shadow: none;
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #223035;
        background-color: transparent;
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #223035;
        border-color: #223035;
    }

        .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-inverse-primary {
    color: #008cff;
    background-color: rgba(0, 140, 255, 0.18);
    border-color: rgb(209, 234, 255);
}

    .btn-inverse-primary:hover {
        color: #008cff;
        background-color: rgba(0, 140, 255, 0.18);
        border-color: rgba(0, 140, 255, 0.18);
    }


.btn-inverse-secondary {
    color: #75808a;
    background-color: rgba(117, 128, 138, 0.18);
    border-color: rgb(230, 232, 234);
}

    .btn-inverse-secondary:hover {
        color: #75808a;
        background-color: rgba(117, 128, 138, 0.18);
        border-color: rgba(117, 128, 138, 0.18);
    }

.btn-inverse-success {
    color: #15ca20;
    background-color: rgba(21, 202, 32, 0.18);
    border-color: rgb(212, 246, 214);
}

    .btn-inverse-success:hover {
        color: #15ca20;
        background-color: rgba(21, 202, 32, 0.18);
        border-color: rgba(21, 202, 32, 0.18);
    }

.btn-inverse-danger {
    color: #fd3550;
    background-color: rgba(253, 53, 80, 0.18);
    border-color: rgb(255, 218, 223);
}

    .btn-inverse-danger:hover {
        color: #fd3550;
        background-color: rgba(253, 53, 80, 0.18);
        border-color: rgba(253, 53, 80, 0.18);
    }

.btn-inverse-warning {
    color: #ff9700;
    background-color: rgba(255, 151, 0, 0.18);
    border-color: rgb(255, 236, 209);
}

    .btn-inverse-warning:hover {
        color: #ff9700;
        background-color: rgba(255, 151, 0, 0.18);
        border-color: rgba(255, 151, 0, 0.18);
    }

.btn-inverse-info {
    color: #0dceec;
    background-color: rgba(13, 206, 236, 0.18);
    border-color: rgb(211, 246, 252);
}

    .btn-inverse-info:hover {
        color: #0dceec;
        background-color: rgba(13, 206, 236, 0.18);
        border-color: rgba(13, 206, 236, 0.18);
    }

.btn-inverse-light {
    color: #a7aaaa;
    background-color: rgba(233, 234, 234, 0.2);
    border-color: rgb(251, 251, 251);
}

    .btn-inverse-light:hover {
        color: #a7aaaa;
        background-color: rgba(233, 234, 234, 0.2);
        border-color: rgba(233, 234, 234, 0.2);
    }

.btn-inverse-dark {
    color: #223035;
    background-color: rgba(34, 48, 53, 0.2);
    border-color: #d7d9da;
}

    .btn-inverse-dark:hover {
        color: #223035;
        background-color: rgba(34, 48, 53, 0.2);
        border-color: rgba(34, 48, 53, 0.2);
    }

.btn-gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676) !important;
    background: linear-gradient(45deg, #f54ea2, #ff7676) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-scooter {
    background: #17ead9;
    background: -webkit-linear-gradient(45deg, #17ead9, #6078ea) !important;
    background: linear-gradient(45deg, #17ead9, #6078ea) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-blooker {
    background: #ffdf40;
    background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359) !important;
    background: linear-gradient(45deg, #ffdf40, #ff8359) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-quepal {
    background: #42e695;
    background: -webkit-linear-gradient(45deg, #42e695, #3bb2b8) !important;
    background: linear-gradient(45deg, #42e695, #3bb2b8) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-purpink {
    background: #7f00ff;
    background: -webkit-linear-gradient(45deg, #7f00ff, #e100ff) !important;
    background: linear-gradient(45deg, #7f00ff, #e100ff) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-ibiza {
    background: #ee0979;
    background: -webkit-linear-gradient(45deg, #ee0979, #ff6a00) !important;
    background: linear-gradient(45deg, #ee0979, #ff6a00) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-dusk {
    background: #2c3e50;
    background: -webkit-linear-gradient(45deg, #2c3e50, #fd746c) !important;
    background: linear-gradient(45deg, #2c3e50, #fd746c) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-meridian {
    background: #ff446a;
    background: -webkit-linear-gradient(45deg, #283c86, #45a247) !important;
    background: linear-gradient(45deg, #283c86, #45a247) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-violet {
    background: #4776e6;
    background: -webkit-linear-gradient(45deg, #4776e6, #8e54e9) !important;
    background: linear-gradient(45deg, #4776e6, #8e54e9) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-titanium {
    background: #283048;
    background: -webkit-linear-gradient(45deg, #283048, #859398) !important;
    background: linear-gradient(45deg, #283048, #859398) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-shifter {
    background: #bc4e9c;
    background: -webkit-linear-gradient(45deg, #bc4e9c, #f80759) !important;
    background: linear-gradient(45deg, #bc4e9c, #f80759) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-army {
    background: #414d0b;
    background: -webkit-linear-gradient(45deg, #414d0b, #727a17) !important;
    background: linear-gradient(45deg, #414d0b, #727a17) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-orange {
    background: #fc4a1a;
    background: -webkit-linear-gradient(45deg, #fc4a1a, #f7b733) !important;
    background: linear-gradient(45deg, #fc4a1a, #f7b733) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-yoda {
    background: #ff0099;
    background: -webkit-linear-gradient(45deg, #ff0099, #493240) !important;
    background: linear-gradient(45deg, #ff0099, #493240) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-royal {
    background: #141e30;
    background: -webkit-linear-gradient(45deg, #141e30, #2c527d) !important;
    background: linear-gradient(45deg, #141e30, #2c527d) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-knight {
    background: #ba8b02;
    background: -webkit-linear-gradient(45deg, #ba8b02, #181818) !important;
    background: linear-gradient(45deg, #ba8b02, #181818) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-forest {
    background: #000428;
    background: -webkit-linear-gradient(45deg, #000428, #004e92) !important;
    background: linear-gradient(45deg, #000428, #004e92) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-redmist {
    background: #000000;
    background: -webkit-linear-gradient(45deg, #000000, #e74c3c) !important;
    background: linear-gradient(45deg, #000000, #e74c3c) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-steelgray {
    background: #1f1c2c;
    background: -webkit-linear-gradient(45deg, #1f1c2c, #928dab) !important;
    background: linear-gradient(45deg, #1f1c2c, #928dab) !important;
    color: #fff;
    border: 0;
}

.btn-gradient-influenza {
    background: #c04848;
    background: -webkit-linear-gradient(45deg, #c04848, #480048) !important;
    background: linear-gradient(45deg, #c04848, #480048) !important;
    color: #fff;
    border: 0;
}

.btn-round {
    border-radius: 30px !important;
}

.btn-square {
    border-radius: 0px !important;
}

.btn-group, .btn-group-vertical {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

    .btn-group .btn {
        box-shadow: none !important;
    }

    .btn-group-vertical .btn {
        box-shadow: none !important;
    }

    .btn-group.group-round > .btn:first-child {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    .btn-group.group-round {
        border-radius: 25px;
    }

        .btn-group.group-round > .btn:last-child {
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px;
        }

    .btn-group-vertical.group-round-vertical {
        border-radius: 25px;
    }

        .btn-group-vertical.group-round-vertical > .btn:first-child {
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
        }

        .btn-group-vertical.group-round-vertical > .btn:last-child {
            border-bottom-left-radius: 25px;
            border-bottom-right-radius: 25px;
        }

.split-btn-primary, .split-btn-primary:hover {
    border: 1px solid #0268d6 !important;
    background-color: #0268d6;
}

.split-btn-success, .split-btn-success:hover {
    border: 1px solid #0f942e !important;
    background-color: #0f942e;
}

.split-btn-danger, .split-btn-danger:hover {
    border: 1px solid #d02d3c !important;
    background-color: #d02d3c;
}

.split-btn-secondary, .split-btn-secondary:hover {
    border: 1px solid #586169 !important;
    background-color: #586169;
}

.split-btn-warning, .split-btn-warning:hover {
    border: 1px solid #e68901 !important;
    background-color: #e68901;
}

.split-btn-info, .split-btn-info:hover {
    border: 1px solid #0296ad !important;
    background-color: #0296ad;
}

.split-btn-dark, .split-btn-dark:hover {
    border: 1px solid #000000 !important;
    background-color: #000000;
}

.btn-social {
    width: 42px;
    height: 42px;
    font-size: 16px;
    line-height: 42px;
    display: inline-block;
    border: 1px solid transparent;
    background: #ddd;
    color: #fff;
    text-align: center;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    border-radius: .25rem;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

    .btn-social:hover, .btn-social:focus, .btn-social:active {
        outline: 0;
        color: #fff;
    }

.btn-social-text {
    font-size: 0.72rem;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 600;
    border: 1px solid transparent;
    display: inline-block;
    background: #ddd;
    color: #fff;
    text-align: center;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    border-radius: .25rem;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

    .btn-social-text i {
        font-size: .95rem;
        padding-right: 4px;
        vertical-align: middle;
        display: table-cell;
    }

    .btn-social-text span {
        display: table-cell;
        vertical-align: middle;
    }

    .btn-social-text:hover, .btn-social:focus, .btn-social:active {
        outline: 0;
        color: #fff;
    }

.btn-social-circle {
    border-radius: 50%;
}

.btn-outline-facebook {
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
    color: #3b5998;
    background-color: #fff;
    border-color: #3b5998;
}

    .btn-outline-facebook:hover, .btn-outline-facebook:focus {
        box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
        color: #fff;
        background-color: #3b5998;
    }

.btn-outline-twitter {
    box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
    color: #55acee;
    background-color: #fff;
    border-color: #55acee;
}

    .btn-outline-twitter:hover, .btn-outline-twitter:focus {
        box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
        background-color: #55acee;
        color: #fff;
    }

.btn-outline-google-plus {
    box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
    color: #dd4b39;
    background-color: #fff;
    border-color: #dd4b39;
}

    .btn-outline-google-plus:hover, .btn-outline-google-plus:focus {
        box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
        background-color: #dd4b39;
        color: #fff;
    }

.btn-outline-linkedin {
    box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
    background-color: #fff;
    color: #0976b4;
    border-color: #0976b4;
}

    .btn-outline-linkedin:hover, .btn-outline-linkedin:focus {
        box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
        background-color: #0976b4;
        color: #fff;
    }

.btn-outline-pinterest {
    box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
    color: #cc2127;
    background-color: #fff;
    border-color: #cc2127;
}

    .btn-outline-pinterest:hover, .btn-outline-pinterest:focus {
        box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
        background-color: #cc2127;
        color: #fff;
    }

.btn-outline-youtube {
    box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
    color: #e52d27;
    background-color: #fff;
    border-color: #e52d27;
}

    .btn-outline-youtube:hover, .btn-outline-youtube:focus {
        box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
        background-color: #e52d27;
        color: #fff;
    }

.btn-outline-tumblr {
    box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
    color: #35465c;
    background-color: #fff;
    border-color: #35465c;
}

    .btn-outline-tumblr:hover, .btn-outline-tumblr:focus {
        box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
        background-color: #35465c;
        color: #fff;
    }

.btn-outline-github {
    box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
    color: #333333;
    background-color: #fff;
    border-color: #333333;
}

    .btn-outline-github:hover, .btn-github:focus {
        box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
        background-color: #333333;
        color: #fff;
    }

.btn-outline-behance {
    box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
    color: #1769ff;
    background-color: #fff;
    border-color: #1769ff;
}

    .btn-outline-behance:hover, .btn-outline-behance:focus {
        box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
        background-color: #1769ff;
        color: #fff;
    }

.btn-outline-dribbble {
    box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
    color: #ea4c89;
    background-color: #fff;
    border-color: #ea4c89;
}

    .btn-outline-dribbble:hover, .btn-outline-dribbble:focus {
        box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
        background-color: #ea4c89;
        color: #fff;
    }

.btn-outline-skype {
    box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
    color: #00aff0;
    background-color: #fff;
    border-color: #00aff0;
}

    .btn-outline-skype:hover, .btn-outline-skype:focus {
        box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
        background-color: #00aff0;
        color: #fff;
    }

.btn-facebook {
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
    background-color: #3b5998;
    border-color: #3b5998;
}

.btn-twitter {
    box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
    background-color: #55acee;
    border-color: #55acee;
}

.btn-google-plus {
    box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.btn-linkedin {
    box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
    background-color: #0976b4;
    border-color: #0976b4;
}

.btn-pinterest {
    box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
    background-color: #cc2127;
    border-color: #cc2127;
}

.btn-youtube {
    box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
    background-color: #e52d27;
    border-color: #e52d27;
}

.btn-tumblr {
    box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
    background-color: #35465c;
    border-color: #35465c;
}

.btn-github {
    box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
    background-color: #333333;
    border-color: #333333;
}

.btn-behance {
    box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
    background-color: #1769ff;
    border-color: #1769ff;
}

.btn-dribbble {
    box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
    background-color: #ea4c89;
    border-color: #ea4c89;
}

.btn-skype {
    box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
    background-color: #00aff0;
    border-color: #00aff0;
}

#calendar {
    max-width: 100%;
    margin: 0 auto;
}

.fc-view-container {
    background-color: #fff;
}

.fc-event, .fc-event-dot {
    background: rgba(0, 140, 255, 0.15);
    color: #008cff !important;
    border: none;
}

.fc-center h2 {
    font-size: 25px;
}

/* User Cards */
.user-box {
    width: 110px;
    margin: auto;
    margin-bottom: 20px;
}

    .user-box img {
        width: 100%;
        border-radius: 50%;
        padding: 3px;
        background: #fff;
        -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    }

.profile-card-2 .card {
    position: relative;
}

    .profile-card-2 .card .card-body {
        z-index: 1;
    }

    .profile-card-2 .card::before {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        height: 112px;
        background-color: #e6e6e6;
    }

    .profile-card-2 .card.profile-primary::before {
        background-color: #008cff;
    }

    .profile-card-2 .card.profile-success::before {
        background-color: #15ca20;
    }

    .profile-card-2 .card.profile-danger::before {
        background-color: #fd3550;
    }

    .profile-card-2 .card.profile-warning::before {
        background-color: #ff9700;
    }

.profile-card-2 .user-box {
    margin-top: 30px;
}

.profile-card-3 .user-fullimage {
    position: relative;
}

    .profile-card-3 .user-fullimage .details {
        position: absolute;
        bottom: 0;
        left: 0px;
        width: 100%;
    }

.profile-card-4 .user-box {
    width: 110px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 15px;
}

.profile-card-4 .list-icon {
    display: table-cell;
    font-size: 30px;
    padding-right: 20px;
    vertical-align: middle;
    color: #223035;
}

.profile-card-4 .list-details {
    display: table-cell;
    vertical-align: middle;
    font-weight: 600;
    color: #223035;
    font-size: 15px;
    line-height: 15px;
}

    .profile-card-4 .list-details small {
        display: table-cell;
        vertical-align: middle;
        font-size: 12px;
        font-weight: 400;
        color: #808080;
    }


.icon a:hover {
    background: #03a9f4;
    color: #fff;
    text-decoration: none;
}

.icon a {
    display: block;
    color: #424242;
    padding: 8px;
    line-height: 32px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 2px;
}

    .icon a i {
        padding-right: 10px;
    }

.icon-section {
    clear: both;
    overflow: hidden;
}

.icon-container {
    width: 240px;
    padding: .7em 0;
    float: left;
    position: relative;
    text-align: left;
}

    .icon-container [class^="ti-"],
    .icon-container [class*=" ti-"] {
        color: #000;
        position: absolute;
        margin-top: 3px;
        transition: .3s;
    }

    .icon-container:hover [class^="ti-"],
    .icon-container:hover [class*=" ti-"] {
        font-size: 2.2em;
        margin-top: -5px;
    }

    .icon-container:hover .icon-name {
        color: #000;
    }

.icon-name {
    color: #424242;
    margin-left: 35px;
    transition: .3s;
}

.icon-container:hover .icon-name {
    margin-left: 45px;
}


.preview {
    padding: 15px 0;
    position: relative;
}

.show-code {
    color: #101010;
}

.icons {
    font-size: 15px;
    padding-right: 7px;
}

.name {
    font-size: 15px;
}

.preview a {
    padding: 15px;
}

    .preview a:hover {
        padding: 15px;
        text-decoration: none;
    }

    .preview a i {
        margin-right: 10px;
        font-size: 18px;
    }

.icon-preview-box div:hover {
    background: #eef5f9;
}


.flag-icon-list div {
    cursor: pointer;
    line-height: 60px;
    white-space: nowrap;
    color: #424242;
}

    .flag-icon-list div:hover {
        background: #eef5f9;
    }

.flag-icon-list i {
    -webkit-transition: all 0.2s;
    -webkit-transition: font-size .2s;
    display: inline-block;
    font-size: 18px;
    margin: 0 15px 0 10px;
    text-align: left;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -o-transition: font-size .2s;
    transition: font-size .2s;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/*Widgets*/

.media-icons {
    left: 0;
    top: 0;
    position: absolute;
    line-height: 60px;
    text-align: center;
}

    .media-icons span {
        left: 0;
        position: absolute;
        width: 70px;
        height: 70px;
        border-bottom-right-radius: 70px;
        border-top-left-radius: 4px;
    }

    .media-icons i {
        position: relative;
        font-size: 25px;
        padding-left: 15px;
        color: #fff;
    }

.media-icons-big {
    left: 0;
    top: 0;
    position: absolute;
    line-height: 60px;
    text-align: center;
}

    .media-icons-big span {
        position: absolute;
        left: 0;
        width: 120px;
        height: 118px;
        background: rgba(255, 255, 255, 0.25);
        border-bottom-right-radius: 130px;
    }

    .media-icons-big i {
        position: relative;
        font-size: 40px;
        padding-left: 30px;
        color: #fff;
        top: 30px;
    }

.w-circle-icon {
    width: 60px;
    height: 60px;
    text-align: center;
}

    .w-circle-icon i {
        top: 12px;
        font-size: 36px;
        position: relative;
    }

.media .w-icon i {
    font-size: 44px;
}

.chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

    .chart.chart-widget-pie {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;
}

    .percent:after {
        content: '%';
        margin-left: 0.1em;
        font-size: .8em;
    }

.w_chart {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
}

    .w_chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

.w_percent {
    display: inline-block;
    line-height: 80px;
    z-index: 2;
    color: #000;
}

    .w_percent:after {
        content: '%';
        margin-left: 0.1em;
        font-size: .8em;
        color: #000;
    }

.float-chart-container {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 300px;
    max-height: 100%;
}

.float-chart {
    width: 100%;
    position: relative;
    max-width: none;
    height: 300px;
}


.gmaps, .gmaps-panaroma {
    height: 400px;
    background: #eeeeee;
    border-radius: 3px;
}

.error {
    color: #ff0000;
}

label {
    color: #6b6b6b;
    font-size: 14px;
    /*text-transform: capitalize;*/
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 10px;
}

.select2-selection__rendered {
    font-weight: normal;
    font-size: 14px;
}
/* Forms */
.input-group .btn {
    box-shadow: none;
    padding: .375rem .75rem;
}

.col-form-label {
    font-size: 13px;
}

.form-control-rounded {
    border-radius: 30px !important;
}

.form-control-square {
    border-radius: 0px !important;
}


.form-control-xl {
    height: 60px !important;
    font-size: 26px !important;
}

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


.has-icon-left .form-control {
    padding-right: .85rem;
    padding-left: 2.9rem;
}

.form-control-position {
    position: absolute;
    top: -8px;
    right: 0;
    z-index: 2;
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
}

.has-icon-left .form-control-position {
    right: auto;
    left: 0px;
}

.has-icon-right .form-control-position {
    right: 0px;
    left: auto;
}

.has-icon-right .form-control {
    padding-right: 37px;
}

form .form-header {
    color: #223035;
    line-height: 3rem;
    font-size: 16px;
    letter-spacing: 1.0px;
    font-weight: 600;
    margin-bottom: 25px;
    border-bottom: 1px solid #223035;
}

form .form-footer {
    border-top: 1px solid #d3dce9;
    padding: 20px 0 10px 0;
    margin-top: 20px;
}

form.form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #ebeff5;
}

    form.form-bordered .form-group > div {
        padding: 20px;
        padding-right: 0;
        border-left: 1px solid #ebeff5;
    }

    form.form-bordered .form-group .col-form-label {
        padding-top: 30px;
    }

form.striped-rows .form-group:nth-child(2n) {
    background-color: #f4f5fa;
}

form.striped-rows .form-group {
    margin: 0;
}

.search-input {
    margin-bottom: 10px;
}

.custom-header {
    background: #484545;
    padding: 5px;
    color: white;
}

.input-group-prepend [type=checkbox]:checked,
.input-group-prepend [type=checkbox]:not(:checked),
.input-group-prepend [type=radio]:checked,
.input-group-prepend [type=radio]:not(:checked) {
    position: initial;
    opacity: 1;
    margin-top: 0px;
}

.wizard > .content {
    min-height: 400px;
}

.dropzone {
    min-height: 230px;
    border: 2px dashed rgba(0, 0, 0, 0.3);
    background: white;
    border-radius: 6px;
}

    .dropzone .dz-message {
        font-size: 30px;
    }

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

.payment-icons img {
    width: 100px;
}

.bootstrap-touchspin .input-group-text {
    border-radius: 0px;
}

.datepicker table tr td, .datepicker table tr th {
    width: 40px;
    height: 40px;
}

.user-lock {
    height: 150px !important;
}

.user-lock-img {
    width: 130px;
    margin: auto;
}

    .user-lock-img img {
        width: 100%;
        border-radius: 50%;
        margin-top: 80px;
        border: 4px solid white;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    }

/* Tables */

.table .thead-primary th {
    color: #fff;
    background-color: #008cff;
    border-color: #0376f1;
}

.table .thead-secondary th {
    color: #fff;
    background-color: #75808a;
    border-color: #56616b;
}

.table .thead-success th {
    color: #fff;
    background-color: #15ca20;
    border-color: #03af0d;
}

.table .thead-danger th {
    color: #fff;
    background-color: #fd3550;
    border-color: #cc011c;
}

.table .thead-warning th {
    color: #fff;
    background-color: #ff9700;
    border-color: #da8100;
}

.table .thead-info th {
    color: #fff;
    background-color: #0dceec;
    border-color: #01b9d6;
}

.table .thead-dark th {
    color: #fff;
    background-color: #223035;
    border-color: #000000;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9eaea;
    border-color: #d6d6d6;
}

.table-primary {
    color: #fff;
    background-color: #008cff;
}

    .table-primary td, .table-primary th, .table-primary thead th {
        border-color: rgba(244, 245, 250, 0.25);
    }

.table-secondary {
    color: #fff;
    background-color: #75808a;
}

    .table-secondary td, .table-secondary th, .table-secondary thead th {
        border-color: rgba(244, 245, 250, 0.25);
    }

.table-success {
    color: #fff;
    background-color: #15ca20;
}

    .table-success td, .table-success th, .table-success thead th {
        border-color: rgba(244, 245, 250, 0.25);
    }

.table-danger {
    color: #fff;
    background-color: #fd3550;
}

    .table-danger td, .table-danger th, .table-danger thead th {
        border-color: rgba(244, 245, 250, 0.25);
    }

.table-warning {
    color: #fff;
    background-color: #ff9700;
}

    .table-warning td, .table-warning th, .table-warning thead th {
        border-color: rgba(244, 245, 250, 0.54);
    }

.table-info {
    color: #fff;
    background-color: #0dceec;
}

    .table-info td, .table-info th, .table-info thead th {
        border-color: rgba(244, 245, 250, 0.25);
    }

.table-dark {
    color: #fff;
    background-color: #223035;
}

    .table-dark td, .table-dark th, .table-dark thead th {
        border-color: rgba(244, 245, 250, 0.25);
    }

.table-light {
    color: #212529;
    background-color: #e9eaea;
}

    .table-light td, .table-light th, .table-light thead th {
        border-color: rgb(221, 222, 222);
    }

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(0, 0, 0, 0.02);
}

/* Alerts*/
.alert {
    position: relative;
    padding: 0;
    margin-bottom: 1rem;
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    border-radius: .25rem;
}

    .alert .alert-icon {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 50px;
        font-size: 25px;
    }

    .alert .alert-message {
        display: table-cell;
        padding: 15px 15px 15px 10px;
        font-size: 13px;
    }

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 15px;
    color: inherit;
}

.alert .contrast-alert {
    background-color: rgba(255, 255, 255, 0.2);
}

.alert-success {
    color: #ffffff;
    background-color: #15ca20;
    border-color: #15ca20;
}

    .alert-success .alert-link {
        color: #7bff2b;
    }

.alert-info {
    color: #fefefe;
    background-color: #0dceec;
    border-color: #0dceec;
}

    .alert-info .alert-link {
        color: #bef6ff;
    }

.alert-danger {
    color: #ffffff;
    background-color: #fd3550;
    border-color: #fd3550;
}

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

.alert-warning {
    color: #fff;
    background-color: #ff9700;
    border-color: #ff9700;
}

    .alert-warning .alert-link {
        color: #fff900;
    }

.alert-outline-success {
    color: #15ca20;
    background-color: transparent;
    border: 1px solid #15ca20;
    border-right: 4px solid #15ca20;
    border-left: 4px solid #15ca20;
}

    .alert-outline-success .alert-link {
        color: #15ca20;
    }

.alert-outline-info {
    color: #0dceec;
    background-color: transparent;
    border: 1px solid #0dceec;
    border-right: 4px solid #0dceec;
    border-left: 4px solid #0dceec;
}

    .alert-outline-info .alert-link {
        color: #0dceec;
    }

.alert-outline-danger {
    color: #fd3550;
    background-color: transparent;
    border: 1px solid #fd3550;
    border-right: 4px solid #fd3550;
    border-left: 4px solid #fd3550;
}

    .alert-outline-danger .alert-link {
        color: #fd3550;
    }

.alert-outline-warning {
    color: #ff9700;
    background-color: transparent;
    border: 1px solid #ff9700;
    border-right: 4px solid #ff9700;
    border-left: 4px solid #ff9700;
}

    .alert-outline-warning .alert-link {
        color: #ff9700;
    }

.alert-icon-success {
    color: #15ca20;
    background-color: transparent;
    border: 1px solid #15ca20;
}

.icon-part-success {
    background: #15ca20;
    color: #fff;
    border-right: 1px solid #08b713;
}

.alert-icon-success .alert-link {
    color: #15ca20;
}

.alert-icon-info {
    color: #0dceec;
    background-color: transparent;
    border: 1px solid #0dceec;
}

.icon-part-info {
    background: #0dceec;
    color: #fff;
    border-right: 1px solid #09b9d4;
}

.alert-icon-info .alert-link {
    color: #0dceec;
}

.alert-icon-danger {
    color: #fd3550;
    background-color: transparent;
    border: 1px solid #fd3550;
}

.icon-part-danger {
    background: #fd3550;
    color: #fff;
    border-right: 1px solid #de2840;
}

.alert-icon-danger .alert-link {
    color: #fd3550;
}

.alert-icon-warning {
    color: #ff9700;
    background-color: transparent;
    border: 1px solid #ff9700;
}

.icon-part-warning {
    background: #ff9700;
    color: #fff;
    border-right: 1px solid #e08500;
}

.alert-icon-warning .alert-link {
    color: #ff9700;
}

.alert-round {
    border-radius: 30px;
}

.icon-part-round {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.icon-part-round-full {
    border-radius: 30px;
}

.alert-light-success {
    color: #15ca20;
    background-color: rgba(7, 255, 22, 0.24);
    border-color: rgb(212, 246, 214);
}

    .alert-light-success .alert-link {
        color: #15ca20;
    }

.alert-light-info {
    color: #0dceec;
    background-color: rgba(2, 221, 255, 0.24);
    border-color: rgb(211, 246, 252);
}

    .alert-light-info .alert-link {
        color: #0dceec;
    }

.alert-light-danger {
    color: #fd3550;
    background-color: rgba(255, 72, 97, 0.24);
    border-color: rgb(255, 218, 223);
}

    .alert-light-danger .alert-link {
        color: #fd3550;
    }

.alert-light-warning {
    color: #ff9700;
    background-color: rgba(255, 195, 0, 0.24);
    border-color: rgb(255, 236, 209);
}

    .alert-light-warning .alert-link {
        color: #ff9700;
    }

/*Badges*/
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

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

.badge-up {
    /*position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 50%;
    font-size: 12px;*/
    position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 50%;
    font-size: 11px;
    display: inline-block;
    width: 23px;
    height: 23px;
    line-height: 23px;
    padding: 0;
    text-align: center;
}

.badge-primary {
    color: #fff;
    background-color: #008cff;
}

.badge-secondary {
    color: #fff;
    background-color: #75808a;
}

.badge-success {
    color: #fff;
    background-color: #15ca20;
}

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

.badge-warning {
    color: #fff;
    background-color: #ff9700;
}

.badge-info {
    color: #fff;
    background-color: #0dceec;
}

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

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


/* Paginations */
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #008cff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    box-shadow: 0 0.125rem 0.25rem rgba(80, 73, 73, 0.06);
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #008cff;
    border-color: #008cff;
}

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

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

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

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

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

.pagination-separate .page-item .page-link {
    margin-left: 4px;
}

.pagination-outline-primary .page-item .page-link {
    color: #008cff;
    border: 1px solid #008cff;
}

    .pagination-outline-primary .page-item .page-link:hover {
        z-index: 2;
        color: #fff;
        text-decoration: none;
        background-color: #008cff;
        border-color: #008cff;
    }

    .pagination-outline-primary .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }

.pagination-outline-primary .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #008cff;
    border-color: #008cff;
}

.pagination-outline-primary .page-item.disabled .page-link,
.pagination-outline-success .page-item.disabled .page-link,
.pagination-outline-info .page-item.disabled .page-link,
.pagination-outline-danger .page-item.disabled .page-link,
.pagination-outline-warning .page-item.disabled .page-link,
.pagination-outline-dark .page-item.disabled .page-link,
.pagination-outline-secondary .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-outline-success .page-item .page-link {
    color: #15ca20;
    border: 1px solid #15ca20;
}

    .pagination-outline-success .page-item .page-link:hover {
        z-index: 2;
        color: #fff;
        text-decoration: none;
        background-color: #15ca20;
        border-color: #15ca20;
    }

    .pagination-outline-success .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(21, 202, 32, 0.30);
    }

.pagination-outline-success .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #15ca20;
    border-color: #15ca20;
}

.pagination-outline-info .page-item .page-link {
    color: #0dceec;
    border: 1px solid #0dceec;
}

    .pagination-outline-info .page-item .page-link:hover {
        z-index: 2;
        color: #fff;
        text-decoration: none;
        background-color: #0dceec;
        border-color: #0dceec;
    }

    .pagination-outline-info .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(13, 206, 236, 0.18);
    }

.pagination-outline-info .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #0dceec;
    border-color: #0dceec;
}

.pagination-outline-danger .page-item .page-link {
    color: #fd3550;
    border: 1px solid #fd3550;
}

    .pagination-outline-danger .page-item .page-link:hover {
        z-index: 2;
        color: #fff;
        text-decoration: none;
        background-color: #fd3550;
        border-color: #fd3550;
    }

    .pagination-outline-danger .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(253, 53, 80, 0.25);
    }

.pagination-outline-danger .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #fd3550;
    border-color: #fd3550;
}

.pagination-outline-warning .page-item .page-link {
    color: #ff9700;
    border: 1px solid #ff9700;
}

    .pagination-outline-warning .page-item .page-link:hover {
        z-index: 2;
        color: #fff;
        text-decoration: none;
        background-color: #ff9700;
        border-color: #ff9700;
    }

    .pagination-outline-warning .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(255, 151, 0, 0.26);
    }

.pagination-outline-warning .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #ff9700;
    border-color: #ff9700;
}

.pagination-outline-dark .page-item .page-link {
    color: #223035;
    border: 1px solid #223035;
}

    .pagination-outline-dark .page-item .page-link:hover {
        z-index: 2;
        color: #fff;
        text-decoration: none;
        background-color: #223035;
        border-color: #223035;
    }

    .pagination-outline-dark .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(34, 48, 53, 0.45);
    }

.pagination-outline-dark .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #223035;
    border-color: #223035;
}

.pagination-outline-secondary .page-item .page-link {
    color: #75808a;
    border: 1px solid #75808a;
}

    .pagination-outline-secondary .page-item .page-link:hover {
        z-index: 2;
        color: #fff;
        text-decoration: none;
        background-color: #75808a;
        border-color: #75808a;
    }

    .pagination-outline-secondary .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(117, 128, 138, 0.30);
    }

.pagination-outline-secondary .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #75808a;
    border-color: #75808a;
}

.pagination-primary .page-item .page-link {
    color: #ffffff;
    border: 1px solid #0078da;
    background: #008cff;
}

    .pagination-primary .page-item .page-link:hover {
        z-index: 2;
        color: #008cff;
        text-decoration: none;
        background-color: transparent;
        border-color: #0078da;
    }

    .pagination-primary .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }

.pagination-primary .page-item.active .page-link {
    z-index: 1;
    color: #008cff;
    background-color: transparent;
    border-color: #0078da;
}

.pagination-primary .page-item.disabled .page-link,
.pagination-success .page-item.disabled .page-link,
.pagination-info .page-item.disabled .page-link,
.pagination-danger .page-item.disabled .page-link,
.pagination-warning .page-item.disabled .page-link,
.pagination-dark .page-item.disabled .page-link,
.pagination-secondary .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-success .page-item .page-link {
    color: #ffffff;
    border: 1px solid #04a50e;
    background-color: #15ca20;
}

    .pagination-success .page-item .page-link:hover {
        z-index: 2;
        color: #15ca20;
        text-decoration: none;
        background-color: transparent;
        border-color: #04a50e;
    }

    .pagination-success .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(21, 202, 32, 0.30);
    }

.pagination-success .page-item.active .page-link {
    z-index: 1;
    color: #15ca20;
    background-color: transparent;
    border-color: #04a50e;
}

.pagination-info .page-item .page-link {
    color: #ffffff;
    border: 1px solid #02b0cc;
    background-color: #0dceec;
}

    .pagination-info .page-item .page-link:hover {
        z-index: 2;
        color: #0dceec;
        text-decoration: none;
        background-color: transparent;
        border-color: #02b0cc;
    }

    .pagination-info .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(13, 206, 236, 0.18);
    }

.pagination-info .page-item.active .page-link {
    z-index: 1;
    color: #0dceec;
    background-color: transparent;
    border-color: #02b0cc;
}

.pagination-danger .page-item .page-link {
    color: #fff;
    border: 1px solid #d0021d;
    background-color: #fd3550;
}

    .pagination-danger .page-item .page-link:hover {
        z-index: 2;
        color: #fd3550;
        text-decoration: none;
        background-color: transparent;
        border-color: #d0021d;
    }

    .pagination-danger .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(253, 53, 80, 0.25);
    }

.pagination-danger .page-item.active .page-link {
    z-index: 1;
    color: #fd3550;
    background-color: transparent;
    border-color: #d0021d;
}

.pagination-warning .page-item .page-link {
    color: #ffffff;
    border: 1px solid #d67f00;
    background-color: #ff9700;
}

    .pagination-warning .page-item .page-link:hover {
        z-index: 2;
        color: #ff9700;
        text-decoration: none;
        background-color: transparent;
        border-color: #d67f00;
    }

    .pagination-warning .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(255, 151, 0, 0.26);
    }

.pagination-warning .page-item.active .page-link {
    z-index: 1;
    color: #ff9700;
    background-color: transparent;
    border-color: #d67f00;
}

.pagination-dark .page-item .page-link {
    color: #ffffff;
    border: 1px solid #000000;
    background: #223035;
}

    .pagination-dark .page-item .page-link:hover {
        z-index: 2;
        color: #223035;
        text-decoration: none;
        background-color: transparent;
        border-color: #000000;
    }

    .pagination-dark .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(34, 48, 53, 0.45);
    }

.pagination-dark .page-item.active .page-link {
    z-index: 1;
    color: #223035;
    background-color: transparent;
    border-color: #223035;
}

.pagination-secondary .page-item .page-link {
    color: #ffffff;
    border: 1px solid #607282;
    background-color: #75808a;
}

    .pagination-secondary .page-item .page-link:hover {
        z-index: 2;
        color: #75808a;
        text-decoration: none;
        background-color: transparent;
        border-color: #607282;
    }

    .pagination-secondary .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(117, 128, 138, 0.30);
    }

.pagination-secondary .page-item.active .page-link {
    z-index: 1;
    color: #75808a;
    background-color: transparent;
    border-color: #607282;
}

.pagination-flat-primary .page-item .page-link {
    color: #008cff;
    background-color: transparent;
    box-shadow: none;
    border: none;
}

    .pagination-flat-primary .page-item .page-link:hover {
        z-index: 2;
        color: #008cff;
        text-decoration: none;
        background-color: transparent;
    }

    .pagination-flat-primary .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }

.pagination-flat-primary .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #008cff;
}

.pagination-flat-success .page-item .page-link {
    color: #15ca20;
    background-color: transparent;
    box-shadow: none;
    border: none;
}

    .pagination-flat-success .page-item .page-link:hover {
        z-index: 2;
        color: #15ca20;
        text-decoration: none;
        background-color: transparent;
    }

    .pagination-flat-success .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(21, 202, 32, 0.30);
    }

.pagination-flat-success .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #15ca20;
}

.pagination-flat-info .page-item .page-link {
    color: #0dceec;
    background-color: transparent;
    box-shadow: none;
    border: none;
}

    .pagination-flat-info .page-item .page-link:hover {
        z-index: 2;
        color: #0dceec;
        text-decoration: none;
        background-color: transparent;
    }

    .pagination-flat-info .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(13, 206, 236, 0.18);
    }

.pagination-flat-info .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #0dceec;
}

.pagination-flat-danger .page-item .page-link {
    color: #fd3550;
    background-color: transparent;
    box-shadow: none;
    border: none;
}

    .pagination-flat-danger .page-item .page-link:hover {
        z-index: 2;
        color: #fd3550;
        text-decoration: none;
        background-color: transparent;
    }

    .pagination-flat-danger .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(253, 53, 80, 0.25);
    }

.pagination-flat-danger .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #fd3550;
}

.pagination-flat-warning .page-item .page-link {
    color: #ff9700;
    background-color: transparent;
    box-shadow: none;
    border: none;
}

    .pagination-flat-warning .page-item .page-link:hover {
        z-index: 2;
        color: #ff9700;
        text-decoration: none;
        background-color: transparent;
    }

    .pagination-flat-warning .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(255, 151, 0, 0.26);
    }

.pagination-flat-warning .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #ff9700;
}

.pagination-flat-dark .page-item .page-link {
    color: #223035;
    background-color: transparent;
    box-shadow: none;
    border: none;
}

    .pagination-flat-dark .page-item .page-link:hover {
        z-index: 2;
        color: #223035;
        text-decoration: none;
        background-color: transparent;
    }

    .pagination-flat-dark .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(34, 48, 53, 0.45);
    }

.pagination-flat-dark .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #223035;
}

.pagination-flat-secondary .page-item .page-link {
    color: #75808a;
    background-color: transparent;
    box-shadow: none;
    border: none;
}

    .pagination-flat-secondary .page-item .page-link:hover {
        z-index: 2;
        color: #75808a;
        text-decoration: none;
        background-color: transparent;
    }

    .pagination-flat-secondary .page-item .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(117, 128, 138, 0.30);
    }

.pagination-flat-secondary .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #75808a;
}

.pagination-flat-primary .page-item.disabled .page-link,
.pagination-flat-success .page-item.disabled .page-link,
.pagination-flat-info .page-item.disabled .page-link,
.pagination-flat-danger .page-item.disabled .page-link,
.pagination-flat-warning .page-item.disabled .page-link,
.pagination-flat-dark .page-item.disabled .page-link,
.pagination-flat-secondary .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

/* List Groups */
.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

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

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

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

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

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

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

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

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

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

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

.list-group-item.active-success {
    z-index: 2;
    color: #fff;
    background-color: #15ca20;
    border-color: #15ca20;
}

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

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

.list-group-item.active-info {
    z-index: 2;
    color: #fff;
    background-color: #0dceec;
    border-color: #0dceec;
}

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

.list-group-item.active-secondary {
    z-index: 2;
    color: #fff;
    background-color: #75808a;
    border-color: #75808a;
}

.list-group-primary .list-group-item {
    background-color: #008cff;
    color: #fff;
    border: 1px solid #39a3fb;
    box-shadow: inset 0 -1px 0px #0574d1;
}

.list-group-success .list-group-item {
    background-color: #15ca20;
    color: #fff;
    border: 1px solid #16da22;
    box-shadow: inset 0 -1px 0px #0fae18;
}

.list-group-danger .list-group-item {
    background-color: #fd3550;
    color: #fff;
    border: 1px solid #ff6579;
    box-shadow: inset 0 -1px 0px #de2039;
}

.list-group-warning .list-group-item {
    background-color: #ff9700;
    color: #fff;
    border: 1px solid #ffae3b;
    box-shadow: inset 0 -1px 0px #e28907;
}

.list-group-info .list-group-item {
    background-color: #0dceec;
    color: #fff;
    border: 1px solid #0fdfff;
    box-shadow: inset 0 -1px 0px #08afc9;
}

.list-group-dark .list-group-item {
    background-color: #223035;
    color: #fff;
    border: 1px solid #2d424c;
    box-shadow: inset 0 -1px 0px #0f1518;
}

.list-group-secondary .list-group-item {
    background-color: #75808a;
    color: #fff;
    border: 1px solid #8b939a;
    box-shadow: inset 0 -1px 0px #525b62;
}

/*Nav Tabs & Pills */
.nav-tabs .nav-link {
    color: #223035;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 2px;
    margin-bottom: 0;
    padding: 12px 20px;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

    .nav-tabs .nav-link:hover {
        border: 1px solid transparent;
    }

    .nav-tabs .nav-link i {
        margin-right: 2px;
        font-weight: 600;
    }

.top-icon.nav-tabs .nav-link i {
    margin: 0px;
    font-weight: 500;
    display: block;
    font-size: 20px;
    padding: 5px 0;
}


.nav-tabs-primary.nav-tabs {
    border-bottom: 1px solid #008cff;
}

.nav-tabs-primary .nav-link.active, .nav-tabs-primary .nav-item.show > .nav-link {
    color: #008cff;
    background-color: #fff;
    border-color: #008cff #008cff #fff;
    border-top: 3px solid #008cff;
}

.nav-tabs-success.nav-tabs {
    border-bottom: 1px solid #15ca20;
}

.nav-tabs-success .nav-link.active, .nav-tabs-success .nav-item.show > .nav-link {
    color: #15ca20;
    background-color: #fff;
    border-color: #15ca20 #15ca20 #fff;
    border-top: 3px solid #15ca20;
}

.nav-tabs-info.nav-tabs {
    border-bottom: 1px solid #e50c2c;
}

.nav-tabs-info .nav-link.active, .nav-tabs-info .nav-item.show > .nav-link {
    color: #000;
    background-color: #fff;
    border-color: #e50c2c #e50c2c #fff;
    border-top: 3px solid #e50c2c;
}

.nav-tabs-danger.nav-tabs {
    border-bottom: 1px solid #fd3550;
}

.nav-tabs-danger .nav-link.active, .nav-tabs-danger .nav-item.show > .nav-link {
    color: #fd3550;
    background-color: #fff;
    border-color: #fd3550 #fd3550 #fff;
    border-top: 3px solid #fd3550;
}

.nav-tabs-warning.nav-tabs {
    border-bottom: 1px solid #ff9700;
}

.nav-tabs-warning .nav-link.active, .nav-tabs-warning .nav-item.show > .nav-link {
    color: #ff9700;
    background-color: #fff;
    border-color: #ff9700 #ff9700 #fff;
    border-top: 3px solid #ff9700;
}

.nav-tabs-dark.nav-tabs {
    border-bottom: 1px solid #223035;
}

.nav-tabs-dark .nav-link.active, .nav-tabs-dark .nav-item.show > .nav-link {
    color: #223035;
    background-color: #fff;
    border-color: #223035 #223035 #fff;
    border-top: 3px solid #223035;
}

.nav-tabs-secondary.nav-tabs {
    border-bottom: 1px solid #75808a;
}

.nav-tabs-secondary .nav-link.active, .nav-tabs-secondary .nav-item.show > .nav-link {
    color: #75808a;
    background-color: #fff;
    border-color: #75808a #75808a #fff;
    border-top: 3px solid #75808a;
}

.tabs-vertical .nav-tabs .nav-link {
    color: #223035;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 2px;
    margin-right: -1px;
    padding: 12px 1px;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.tabs-vertical .nav-tabs {
    border: 0;
    border-right: 1px solid #dee2e6;
}

    .tabs-vertical .nav-tabs .nav-item.show .nav-link, .tabs-vertical .nav-tabs .nav-link.active {
        color: #495057;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
        border-bottom: 1px solid #dee2e6;
        border-right: 0;
        border-left: 1px solid #dee2e6;
    }

.tabs-vertical-primary.tabs-vertical .nav-tabs {
    border: 0;
    border-right: 1px solid #008cff;
}

    .tabs-vertical-primary.tabs-vertical .nav-tabs .nav-item.show .nav-link, .tabs-vertical-primary.tabs-vertical .nav-tabs .nav-link.active {
        color: #008cff;
        background-color: #fff;
        border-color: #008cff #008cff #fff;
        border-bottom: 1px solid #008cff;
        border-right: 0;
        border-left: 3px solid #008cff;
    }

.tabs-vertical-success.tabs-vertical .nav-tabs {
    border: 0;
    border-right: 1px solid #15ca20;
}

    .tabs-vertical-success.tabs-vertical .nav-tabs .nav-item.show .nav-link, .tabs-vertical-success.tabs-vertical .nav-tabs .nav-link.active {
        color: #15ca20;
        background-color: #fff;
        border-color: #15ca20 #15ca20 #fff;
        border-bottom: 1px solid #15ca20;
        border-right: 0;
        border-left: 3px solid #15ca20;
    }

.tabs-vertical-info.tabs-vertical .nav-tabs {
    border: 0;
    border-right: 1px solid #e50c2c;
}

    .tabs-vertical-info.tabs-vertical .nav-tabs .nav-item.show .nav-link, .tabs-vertical-info.tabs-vertical .nav-tabs .nav-link.active {
        color: #e50c2c;
        background-color: #fff;
        border-color: #e50c2c #e50c2c #fff;
        border-bottom: 1px solid #e50c2c;
        border-right: 0;
        border-left: 3px solid #e50c2c;
    }

.tabs-vertical-danger.tabs-vertical .nav-tabs {
    border: 0;
    border-right: 1px solid #fd3550;
}

    .tabs-vertical-danger.tabs-vertical .nav-tabs .nav-item.show .nav-link, .tabs-vertical-danger.tabs-vertical .nav-tabs .nav-link.active {
        color: #e50c2c;
        background-color: #fff;
        border-color: #fd3550 #fd3550 #fff;
        border-bottom: 1px solid #fd3550;
        border-right: 0;
        border-left: 3px solid #fd3550;
    }

.tabs-vertical-warning.tabs-vertical .nav-tabs {
    border: 0;
    border-right: 1px solid #e50c2c;
}

    .tabs-vertical-warning.tabs-vertical .nav-tabs .nav-item.show .nav-link, .tabs-vertical-warning.tabs-vertical .nav-tabs .nav-link.active {
        color: #e50c2c;
        background-color: #fff;
        border-color: #e50c2c #e50c2c #fff;
        border-bottom: 1px solid #e50c2c;
        border-right: 0;
        border-left: 3px solid #e50c2c;
    }

.tabs-vertical-dark.tabs-vertical .nav-tabs {
    border: 0;
    border-right: 1px solid #223035;
}

    .tabs-vertical-dark.tabs-vertical .nav-tabs .nav-item.show .nav-link, .tabs-vertical-dark.tabs-vertical .nav-tabs .nav-link.active {
        color: #223035;
        background-color: #fff;
        border-color: #223035 #223035 #fff;
        border-bottom: 1px solid #223035;
        border-right: 0;
        border-left: 3px solid #223035;
    }

.tabs-vertical-secondary.tabs-vertical .nav-tabs {
    border: 0;
    border-right: 1px solid #75808a;
}

    .tabs-vertical-secondary.tabs-vertical .nav-tabs .nav-item.show .nav-link, .tabs-vertical-secondary.tabs-vertical .nav-tabs .nav-link.active {
        color: #75808a;
        background-color: #fff;
        border-color: #75808a #75808a #fff;
        border-bottom: 1px solid #75808a;
        border-right: 0;
        border-left: 3px solid #75808a;
    }

.nav-pills .nav-link {
    border-radius: .25rem;
    color: #223035;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 3px;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .nav-pills .nav-link:hover {
        background-color: #f4f5fa;
    }

    .nav-pills .nav-link i {
        margin-right: 2px;
        font-weight: 600;
    }

.top-icon.nav-pills .nav-link i {
    margin: 0px;
    font-weight: 500;
    display: block;
    font-size: 20px;
    padding: 5px 0;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #008cff;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0, 140, 255, 0.5);
}

.nav-pills-success .nav-link.active, .nav-pills-success .show > .nav-link {
    color: #fff;
    background-color: #15ca20;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(21, 202, 32, .5);
}

.nav-pills-info .nav-link.active, .nav-pills-info .show > .nav-link {
    color: #fff;
    background-color: #0dceec;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(13, 206, 236, 0.5);
}

.nav-pills-danger .nav-link.active, .nav-pills-danger .show > .nav-link {
    color: #fff;
    background-color: #fd3550;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(253, 53, 80, .5);
}

.nav-pills-warning .nav-link.active, .nav-pills-warning .show > .nav-link {
    color: #fff;
    background-color: #ff9700;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255, 151, 0, .5);
}

.nav-pills-dark .nav-link.active, .nav-pills-dark .show > .nav-link {
    color: #fff;
    background-color: #223035;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(34, 48, 53, .5);
}

.nav-pills-secondary .nav-link.active, .nav-pills-secondary .show > .nav-link {
    color: #fff;
    background-color: #75808a;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(117, 128, 138, .5);
}

.card .tab-content {
    padding: 1rem 0 0 0;
}

/* Accordions */
#accordion1 .card-header button:before,
#accordion2 .card-header button:before,
#accordion3 .card-header button:before,
#accordion4 .card-header button:before,
#accordion5 .card-header button:before,
#accordion6 .card-header button:before,
#accordion7 .card-header button:before,
#accordion8 .card-header button:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f107";
    padding-right: 15px;
}

#accordion1 .card-header button.collapsed:before,
#accordion2 .card-header button.collapsed:before,
#accordion3 .card-header button.collapsed:before,
#accordion4 .card-header button.collapsed:before,
#accordion5 .card-header button.collapsed:before,
#accordion6 .card-header button.collapsed:before,
#accordion7 .card-header button.collapsed:before,
#accordion8 .card-header button.collapsed:before {
    content: "\f105";
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #008cff;
    transition: width .6s ease;
}

/* Background Colors */
.bg-primary {
    background-color: #008cff !important;
}

.bg-success {
    background-color: #15ca20 !important;
}

.bg-info {
    /*background-color: #333 !important;*/
    background-color: #0dceec !important;
}

.bg-secondary {
    background-color: #75808a !important;
}

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

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

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

.bg-contrast {
    background: rgba(255, 255, 255, 0.30) !important;
}

.bg-body {
    background: rgb(247, 247, 255) !important;
}

.bg-inverse-primary {
    background-color: rgba(0, 140, 255, 0.18) !important;
}

.bg-inverse-success {
    background-color: rgba(21, 202, 32, 0.18) !important;
}

.bg-inverse-info {
    background-color: rgba(13, 206, 236, 0.18) !important;
}

.bg-inverse-secondary {
    background-color: rgba(117, 128, 138, 0.18) !important;
}

.bg-inverse-danger {
    background-color: rgba(253, 53, 80, 0.18) !important;
}

.bg-inverse-dark {
    background-color: rgba(34, 48, 53, 0.2) !important;
}

.bg-inverse-warning {
    background-color: rgba(255, 151, 0, 0.18) !important;
}

.bg-inverse-light {
    background-color: rgba(233, 234, 234, 0.2) !important;
}

.bg-pattern-primary {
    background-color: #007be0;
    background-image: url("../assets/images/bg-pattern.png") !important;
}

.bg-pattern-danger {
    background-color: #ec2a44;
    background-image: url("../assets/images/bg-pattern.png") !important;
}

.bg-pattern-success {
    background-color: #06a710;
    background-image: url("../assets/images/bg-pattern.png") !important;
}

.bg-pattern-info {
    background-color: #00a7c1;
    background-image: url("../assets/images/bg-pattern.png") !important;
}

.bg-pattern-warning {
    background-color: #ec8000;
    background-image: url("../assets/images/bg-pattern.png") !important;
}

.bg-pattern-dark {
    background-color: #162023;
    background-image: url("../assets/images/bg-pattern.png") !important;
}

.bg-pattern-secondary {
    background-color: #606b75;
    background-image: url("../assets/images/bg-pattern.png") !important;
}

.bg-pattern-light {
    background-color: #f8f9fa;
    background-image: url("../assets/images/bg-pattern.png") !important;
}

.bg-pattern-white {
    background-color: #ffffff;
    background-image: url("../assets/images/bg-pattern.png") !important;
}

.gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676) !important;
    background: linear-gradient(45deg, #f54ea2, #ff7676) !important;
}

.gradient-scooter {
    background:#fff;
    /*background:#052756;*/
    /*background: #e50c2c;*/
    /*background: -webkit-linear-gradient(45deg, #17ead9, #6078ea)!important;
	background: linear-gradient(45deg, #17ead9, #6078ea)!important;*/
}

.gradient-blooker {
    background: #ffdf40;
    background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359) !important;
    background: linear-gradient(45deg, #ffdf40, #ff8359) !important;
}

.gradient-quepal {
    background: #42e695;
    background: -webkit-linear-gradient(45deg, #42e695, #3bb2b8) !important;
    background: linear-gradient(45deg, #42e695, #3bb2b8) !important;
}

.gradient-purpink {
    background: #7f00ff;
    background: -webkit-linear-gradient(45deg, #7f00ff, #e100ff) !important;
    background: linear-gradient(45deg, #7f00ff, #e100ff) !important;
}

.gradient-ibiza {
    background: #ee0979;
    background: -webkit-linear-gradient(45deg, #ee0979, #ff6a00) !important;
    background: linear-gradient(45deg, #ee0979, #ff6a00) !important;
}

.gradient-dusk {
    background: #2c3e50;
    background: -webkit-linear-gradient(45deg, #2c3e50, #fd746c) !important;
    background: linear-gradient(45deg, #2c3e50, #fd746c) !important;
}

.gradient-meridian {
    background: #283c86;
    background: -webkit-linear-gradient(45deg, #283c86, #45a247) !important;
    background: linear-gradient(45deg, #283c86, #45a247) !important;
}

.gradient-violet {
    background: #4776e6;
    background: -webkit-linear-gradient(45deg, #4776e6, #8e54e9) !important;
    background: linear-gradient(45deg, #4776e6, #8e54e9) !important;
}

.gradient-titanium {
    background: #283048;
    background: -webkit-linear-gradient(45deg, #283048, #859398) !important;
    background: linear-gradient(45deg, #283048, #859398) !important;
}

.gradient-shifter {
    background: #bc4e9c;
    background: -webkit-linear-gradient(45deg, #bc4e9c, #f80759) !important;
    background: linear-gradient(45deg, #bc4e9c, #f80759) !important;
}

.gradient-army {
    background: #414d0b;
    background: -webkit-linear-gradient(45deg, #414d0b, #727a17) !important;
    background: linear-gradient(45deg, #414d0b, #727a17) !important;
}

.gradient-orange {
    background: #fc4a1a;
    background: -webkit-linear-gradient(45deg, #fc4a1a, #f7b733) !important;
    background: linear-gradient(45deg, #fc4a1a, #f7b733) !important;
}

.gradient-yoda {
    background: #ff0099;
    background: -webkit-linear-gradient(45deg, #ff0099, #493240) !important;
    background: linear-gradient(45deg, #ff0099, #493240) !important;
}

.gradient-royal {
    background: #141e30;
    background: -webkit-linear-gradient(45deg, #141e30, #2c527d) !important;
    background: linear-gradient(45deg, #141e30, #2c527d) !important;
}

.gradient-knight {
    background: #ba8b02;
    background: -webkit-linear-gradient(45deg, #ba8b02, #181818) !important;
    background: linear-gradient(45deg, #ba8b02, #181818) !important;
}

.gradient-forest {
    background: #000428;
    background: -webkit-linear-gradient(45deg, #000428, #004e92) !important;
    background: linear-gradient(45deg, #000428, #004e92) !important;
}

.gradient-redmist {
    background: #000000;
    background: -webkit-linear-gradient(45deg, #000000, #e74c3c) !important;
    background: linear-gradient(45deg, #000000, #e74c3c) !important;
}

.gradient-steelgray {
    background: #1f1c2c;
    background: -webkit-linear-gradient(45deg, #1f1c2c, #928dab) !important;
    background: linear-gradient(45deg, #1f1c2c, #928dab) !important;
}

.gradient-influenza {
    background: #c04848;
    background: -webkit-linear-gradient(45deg, #c04848, #480048) !important;
    background: linear-gradient(45deg, #c04848, #480048) !important;
}

.gradient-flame {
    background: #ff9a9e;
    background: -webkit-linear-gradient(45deg, #ff9a9e, #fad0c4) !important;
    background: linear-gradient(45deg, #ff9a9e, #fad0c4) !important;
}

.gradient-cherry {
    background: #fbd3e9;
    background: -webkit-linear-gradient(45deg, #fbd3e9, #bb377d) !important;
    background: linear-gradient(45deg, #fbd3e9, #bb377d) !important;
}

.gradient-winter {
    background: #a1c4fd;
    background: -webkit-linear-gradient(45deg, #a1c4fd, #c2e9fb) !important;
    background: linear-gradient(45deg, #a1c4fd, #c2e9fb) !important;
}

.gradient-rain {
    background: #cfd9df;
    background: -webkit-linear-gradient(45deg, #cfd9df, #e2ebf0) !important;
    background: linear-gradient(45deg, #cfd9df, #e2ebf0) !important;
}

.gradient-telegram {
    background: #1c92d2;
    background: -webkit-linear-gradient(45deg, #1c92d2, #f2fcfe) !important;
    background: linear-gradient(45deg, #1c92d2, #f2fcfe) !important;
}

.gradient-horizon {
    background: #fceabb;
    background: -webkit-linear-gradient(45deg, #fceabb, #f8b500) !important;
    background: linear-gradient(45deg, #fceabb, #f8b500) !important;
}

.gradient-peach {
    background: #ffecd2;
    background: -webkit-linear-gradient(45deg, #ffecd2, #fcb69f) !important;
    background: linear-gradient(45deg, #ffecd2, #fcb69f) !important;
}

.gradient-meadow {
    background: #215f00;
    background: -webkit-linear-gradient(45deg, #215f00, #e4e4d9) !important;
    background: linear-gradient(45deg, #215f00, #e4e4d9) !important;
}

.border-left-sm {
    border-left: 2px solid !important;
}

.border-right-sm {
    border-right: 2px solid !important;
}

.border-top-sm {
    border-top: 2px solid !important;
}

.border-bottom-sm {
    border-bottom: 2px solid !important;
}

.border-left-lg {
    border-left: 4px solid !important;
}

.border-right-lg {
    border-right: 4px solid !important;
}

.border-top-lg {
    border-top: 4px solid !important;
}

.border-bottom-lg {
    border-bottom: 4px solid !important;
}

/* Borders */
.border-primary {
    border-color: #008cff !important;
}

.border-success {
    border-color: #15ca20 !important;
}

.border-info {
    border-color: #0dceec !important;
}

.border-secondary {
    border-color: #75808a !important;
}

.border-secondary-light {
    border-color: #33444a !important;
}

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

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

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

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

/* Text Colors */
.text-primary {
    color: #008cff !important;
}

.text-success {
    color: #15ca20 !important;
}

.text-info {
    color: #0dceec !important;
}

.text-secondary {
    color: #75808a !important;
}

.text-danger {
    color: #fd3550 !important;
}

.text-dark {
    color: #223035 !important;
}

.text-warning {
    color: #ff9700 !important;
}

.text-light {
    color: #e9eaea !important;
}

/* Shadows */
.shadow-primary {
    box-shadow: 0 7px 30px rgba(2, 140, 253, 0.7) !important;
}

.shadow-secondary {
    box-shadow: 0 7px 30px rgba(117, 129, 137, 0.83) !important;
}

.shadow-success {
    box-shadow: 0 7px 30px rgba(21, 201, 33, 0.74) !important;
}

.shadow-danger {
    box-shadow: 0 7px 30px rgba(253, 53, 80, 0.7) !important;
}

.shadow-warning {
    box-shadow: 0 7px 30px rgba(254, 151, 1, 0.65) !important;
}

.shadow-info {
    box-shadow: 0 7px 30px rgba(13, 206, 236, 0.73) !important;
}

.shadow-light {
    box-shadow: 0 7px 30px rgba(186, 193, 193, 0.83) !important;
}

.shadow-dark {
    box-shadow: 0 7px 30px rgba(34, 48, 53, 0.81) !important;
}

/* CheckBoxes & Radios */
.demo-checkbox label, .demo-radio-button label {
    min-width: 200px;
    margin-bottom: 20px;
}

.demo-swtich .demo-switch-title, .demo-swtich .switch {
    width: 150px;
    margin-bottom: 10px;
    display: inline-block;
}

[type=checkbox]:checked.chk-col-primary + label:before {
    border-right: 2px solid #008cff;
    border-bottom: 2px solid #008cff;
}

[type=checkbox]:checked.chk-col-success + label:before {
    border-right: 2px solid #15ca20;
    border-bottom: 2px solid #15ca20;
}

[type=checkbox]:checked.chk-col-info + label:before {
    border-right: 2px solid #0dceec;
    border-bottom: 2px solid #0dceec;
}

[type=checkbox]:checked.chk-col-warning + label:before {
    border-right: 2px solid #ff9700;
    border-bottom: 2px solid #ff9700;
}

[type=checkbox]:checked.chk-col-danger + label:before {
    border-right: 2px solid #fd3550;
    border-bottom: 2px solid #fd3550;
}

[type=checkbox]:checked.chk-col-dark + label:before {
    border-right: 2px solid #223035;
    border-bottom: 2px solid #223035;
}

[type=checkbox]:checked.chk-col-secondary + label:before {
    border-right: 2px solid #75808a;
    border-bottom: 2px solid #75808a;
}

[type=checkbox].filled-in:checked + label:before {
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}

[type=checkbox].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #008cff;
    background-color: #008cff;
}

[type=checkbox].filled-in:checked.chk-col-success + label:after {
    border: 2px solid #15ca20;
    background-color: #15ca20;
}

[type=checkbox].filled-in:checked.chk-col-info + label:after {
    border: 2px solid #0dceec;
    background-color: #0dceec;
}

[type=checkbox].filled-in:checked.chk-col-warning + label:after {
    border: 2px solid #ff9700;
    background-color: #ff9700;
}

[type=checkbox].filled-in:checked.chk-col-danger + label:after {
    border: 2px solid #fd3550;
    background-color: #fd3550;
}

[type=checkbox].filled-in:checked.chk-col-dark + label:after {
    border: 2px solid #223035;
    background-color: #223035;
}

[type=checkbox].filled-in:checked.chk-col-secondary + label:after {
    border: 2px solid #75808a;
    background-color: #75808a;
}

[type=radio].radio-col-primary:checked + label:after {
    background-color: #008cff;
    border-color: #008cff;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].radio-col-success:checked + label:after {
    background-color: #15ca20;
    border-color: #15ca20;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].radio-col-info:checked + label:after {
    background-color: #0dceec;
    border-color: #0dceec;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].radio-col-warning:checked + label:after {
    background-color: #ff9700;
    border-color: #ff9700;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].radio-col-danger:checked + label:after {
    background-color: #fd3550;
    border-color: #fd3550;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].radio-col-dark:checked + label:after {
    background-color: #223035;
    border-color: #223035;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].radio-col-secondary:checked + label:after {
    background-color: #75808a;
    border-color: #75808a;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-primary:checked + label:before {
    border: 2px solid #008cff;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-primary:checked + label:after {
    background-color: #008cff;
    border: 2px solid #008cff;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-success:checked + label:before {
    border: 2px solid #15ca20;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-success:checked + label:after {
    background-color: #15ca20;
    border: 2px solid #15ca20;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-info:checked + label:before {
    border: 2px solid #0dceec;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-info:checked + label:after {
    background-color: #0dceec;
    border: 2px solid #0dceec;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-warning:checked + label:before {
    border: 2px solid #ff9700;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-warning:checked + label:after {
    background-color: #ff9700;
    border: 2px solid #ff9700;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-danger:checked + label:before {
    border: 2px solid #fd3550;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-danger:checked + label:after {
    background-color: #fd3550;
    border: 2px solid #fd3550;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-dark:checked + label:before {
    border: 2px solid #223035;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-dark:checked + label:after {
    background-color: #223035;
    border: 2px solid #223035;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-secondary:checked + label:before {
    border: 2px solid #75808a;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-secondary:checked + label:after {
    background-color: #75808a;
    border: 2px solid #75808a;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}


[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

[type=checkbox] + label {
    font-weight: 400;
    position: relative;
    padding-left: 35px !important;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

    [type=checkbox] + label:before, [type=checkbox]:not(.filled-in) + label:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border: 2px solid #5a5a5a;
        border-radius: 1px;
        margin-top: 2px;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
    }

[type=checkbox]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

[type=checkbox]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, .26);
}

[type=checkbox].tabbed:focus + label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1);
}

[type=checkbox]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #45aef1;
    border-bottom: 2px solid #45aef1;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type=checkbox]:checked:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, .26);
    border-bottom: 2px solid rgba(0, 0, 0, .26);
}

[type=checkbox]:indeterminate + label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type=checkbox]:indeterminate:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, .26);
    background-color: transparent;
}

[type=checkbox].filled-in + label:after {
    border-radius: 2px;
}

[type=checkbox].filled-in + label:after, [type=checkbox].filled-in + label:before {
    content: '';
    left: 0;
    position: absolute;
    -webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    -o-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    z-index: 1;
}

[type=checkbox].filled-in:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type=checkbox].filled-in:not(:checked) + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0;
    z-index: 0;
}

[type=checkbox].filled-in:checked + label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type=checkbox].filled-in:checked + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #45aef1;
    background-color: #45aef1;
    z-index: 0;
}

[type=checkbox].filled-in.tabbed:focus + label:after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0, 0, 0, .1);
}

[type=checkbox].filled-in.tabbed:checked:focus + label:after {
    border-radius: 2px;
    background-color: #45aef1;
    border-color: #45aef1;
}

[type=checkbox].filled-in:disabled:not(:checked) + label:before {
    background-color: transparent;
    border: 2px solid transparent;
}

[type=checkbox].filled-in:disabled:not(:checked) + label:after {
    border-color: transparent;
    background-color: #BDBDBD;
}

[type=checkbox].filled-in:disabled:checked + label:before {
    background-color: transparent;
}

[type=checkbox].filled-in:disabled:checked + label:after {
    background-color: #BDBDBD;
    border-color: #BDBDBD;
}

[type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

    [type=radio]:checked + label, [type=radio]:not(:checked) + label {
        font-weight: 400;
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        -webkit-transition: .28s ease;
        -o-transition: .28s ease;
        transition: .28s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

[type=radio] + label:after, [type=radio] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}

[type=radio].with-gap:checked + label:after, [type=radio].with-gap:checked + label:before, [type=radio]:checked + label:after, [type=radio]:checked + label:before, [type=radio]:not(:checked) + label:after, [type=radio]:not(:checked) + label:before {
    border-radius: 50%;
}

[type=radio]:not(:checked) + label:after, [type=radio]:not(:checked) + label:before {
    border: 2px solid #5a5a5a;
}

[type=radio]:not(:checked) + label:after {
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

[type=radio]:checked + label:before {
    border: 2px solid transparent;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap:checked + label:after, [type=radio].with-gap:checked + label:before, [type=radio]:checked + label:after {
    border: 2px solid #389af0;
}

[type=radio].with-gap:checked + label:after, [type=radio]:checked + label:after {
    background-color: #389af0;
    z-index: 0;
}

[type=radio]:checked + label:after {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

[type=radio].with-gap:checked + label:after {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}

[type=radio].tabbed:focus + label:before {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap:disabled:checked + label:before {
    border: 2px solid rgba(0, 0, 0, .26);
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap:disabled:checked + label:after {
    border: none;
    background-color: rgba(0, 0, 0, .26);
}

[type=radio]:disabled:checked + label:before, [type=radio]:disabled:not(:checked) + label:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .26);
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio]:disabled + label {
    color: rgba(0, 0, 0, .26);
}

[type=radio]:disabled:not(:checked) + label:before {
    border-color: rgba(0, 0, 0, .26);
}

[type=radio]:disabled:checked + label:after {
    background-color: rgba(0, 0, 0, .26);
    border-color: #BDBDBD;
}

input[type="color"] {
    height: 42px;
}

.input-group-addon [type=checkbox]:checked,
.input-group-addon [type=checkbox]:not(:checked),
.input-group-addon [type=radio]:checked,
.input-group-addon [type=radio]:not(:checked) {
    position: initial;
    opacity: 1;
    margin-top: 4px;
}

.navbar-sidenav-tooltip.show {
    display: none;
}

.card-body-icon {
    position: absolute;
    z-index: 0;
    top: -25px;
    right: -25px;
    font-size: 5rem;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}

.card-authentication1 {
    max-width: 26rem;
}

.card-authentication2 {
    max-width: 53rem;
}

.bg-signup2 {
    background-color: rgb(0, 140, 255);
    background-image: url(../images/authentication-img.png);
    height: 100%;
    border-radius: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.bg-signin2 {
    background-color: rgb(0, 140, 255);
    background-image: url(../images/authentication-img.png);
    height: 100%;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.bg-reset-password2 {
    background-color: rgb(0, 140, 255);
    background-image: url(../images/authentication-img.png);
    height: 100%;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}


.footer {
    bottom: 0px;
    color: #272727;
    text-align: center;
    padding: 12px 30px;
    /*position: absolute;*/
    position: inherit;
    right: 0;
    left: 0;
    background-color: #f9f9f9;
    border-top: 1px solid rgb(223, 223, 255);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#wrapper.toggled .footer {
    position: absolute;
    left: 0px;
}

.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    text-align: center;
    color: white;
    position: fixed;
    border-radius: 50%;
    bottom: 20px;
    right: 12px;
    background-color: #e50c2c;
    z-index: 10000;
    box-shadow: 1px 1px 40px 0px rgba(73, 220, 251, 0.32);
}

    .back-to-top .fa-angle-double-up {
        margin-top: 20%;
        font-size: 20px;
    }

    .back-to-top:hover {
        color: white;
        background-color: #2f353f;
        transition: all .5s;
    }

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(0, 0, 0, 0.2);
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        pointer-events: none;
    }

    .waves-effect.waves-light .waves-ripple {
        background-color: rgba(255, 255, 255, 0.45);
    }

    .waves-effect.waves-red .waves-ripple {
        background-color: rgba(244, 67, 54, 0.7);
    }

    .waves-effect.waves-yellow .waves-ripple {
        background-color: rgba(255, 235, 59, 0.7);
    }

    .waves-effect.waves-orange .waves-ripple {
        background-color: rgba(255, 152, 0, 0.7);
    }

    .waves-effect.waves-purple .waves-ripple {
        background-color: rgba(156, 39, 176, 0.7);
    }

    .waves-effect.waves-green .waves-ripple {
        background-color: rgba(76, 175, 80, 0.7);
    }

    .waves-effect.waves-teal .waves-ripple {
        background-color: rgba(0, 150, 136, 0.7);
    }

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none;
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;
}

    .waves-input-wrapper .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }

.waves-block {
    display: block;
}

/* Pricing Tables */
.pricing-table .list-group {
    box-shadow: none;
    padding-left: 1rem;
    padding-right: 1rem;
}

.price-title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.price {
    font-size: 3.5em;
    line-height: 1.8em;
    font-weight: 600;
    margin-bottom: 0;
}

.currency {
    font-size: 35px;
}

.pricing-table .card .card-body .list-group .list-group-item:first-child {
    border-top: 0px;
}

.pricing-table .card .card-body .list-group .list-group-item:last-child {
    border-bottom: 0px;
}

.pricing-table .card .card-body .list-group .list-group-item {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.05);
}

.pricing-table.pricing-table-color .card .card-body .list-group .list-group-item {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.3);
    color: #302424;
}

.error-pages {
    margin-top: 230px;
}

.error-title {
    font-size: 140px;
    line-height: 140px;
    text-transform: uppercase;
    font-weight: bold;
}

.error-sub-title {
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
}

.bg-error {
    background-color: rgb(255, 255, 255);
    background-image: url(../images/error-texture.png);
}

.bg-coming-soon {
    background-color: rgb(255, 255, 255);
    background-image: url(../images/coming-soon.png);
}

.coming-soon {
    margin-top: 230px;
}

.coming-soon-title {
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
}

/* Responsive */
@media only screen and (max-width: 1366px) {

    .error-pages {
        margin-top: 110px;
    }

    .coming-soon {
        margin-top: 110px;
    }
}


@media only screen and (max-width: 1199px) {

    .row.row-group > div {
        border-right: 0;
        border-bottom: 1px solid rgba(234, 234, 234, 0.9);
    }

        .row.row-group > div:last-child {
            border-right: none;
            border-bottom: 0;
        }
}


@media only screen and (max-width: 1024px) {

    .search-bar {
        margin-left: 10px;
        position: relative;
    }

        .search-bar input {
            width: 100%;
        }

    .nav-tabs .nav-link {
        padding: 10px 10px;
    }
}

@media only screen and (max-width: 767px) {
    #sidebar-wrapper {
        background: #223035;
        position: fixed;
        top: 60px;
        left: -240px;
        z-index: 1000;
        overflow-y: auto;
        width: 240px;
        height: 100%;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        box-shadow: none;
    }

    .toggle-menu i {
        line-height: 60px;
        margin-left: 0px;
        font-size: 15px;
        color: #ffffff;
        cursor: pointer;
    }

    .card {
        margin-bottom: 20px;
    }

    .card-deck {
        margin-bottom: 20px;
    }

    .card-group {
        margin-bottom: 20px;
    }

    .content-wrapper {
        margin-left: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .footer {
        position: absolute;
        left: 0px;
    }

    #wrapper.toggled #sidebar-wrapper {
        position: fixed;
        top: 60px;
        left: 0px;
        box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    }

    #wrapper.toggled .menu-icon {
        margin-left: 0px;
    }

    #wrapper.toggled .content-wrapper {
        margin-left: 0px;
    }

    #wrapper.toggled .footer {
        position: absolute;
        left: 0px;
    }

    .hidden-xs {
        display: none !important;
    }

    .table-responsive {
        white-space: nowrap;
    }
}

@media only screen and (max-width: 575px) {

    .bg-signup2 {
        height: 35rem;
        border-radius: 0;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }

    .bg-signin2 {
        height: 25rem;
        border-radius: 0;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }

    .bg-reset-password2 {
        height: 20rem;
        border-radius: 0;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }
}


@media only screen and (max-width: 480px) {

    .search-bar {
        margin-left: 5px;
        position: relative;
    }

        .search-bar input {
            width: 100%;
        }

    .dropdown-lg {
        display: none;
    }

    .nav-item.language {
        display: none;
    }

    .right-nav-link a.nav-link {
        padding-right: .0rem !important;
    }

    .topbar-nav .navbar {
        padding: 0px 10px 0 5px;
    }
}