@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);
@charset "UTF-8";

.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-left-radius: 0;
    border-bottom-right-radius: 0
}

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

.accordionjs .acc_section.acc_active > .acc_head {
    background: #36f !important
}

#accordion1 .panel-title1 a:hover {
    color: #fff !important
}

.panel-title a.accordion-toggle:before {
    color: #fff;
    content: "";
    float: right;
    font-family: FontAwesome;
    padding: 0 10px 0 0
}

.panel-title a.accordion-toggle.collapsed:before {
    color: #fff;
    content: "";
    float: right;
    font-family: FontAwesome;
    padding: 0 10px 0 0
}

.demo-accordion p:last-child,
.panel-group1 p:last-child {
    margin-bottom: 0
}

#bs-collapse .panel-heading1 a:after {
    content: "";
    font-family: FontAwesome;
    font-size: 24px;
    position: absolute;
    right: 5px;
    top: 10px;
    transform: scale(0);
    transition: all .5s
}

#bs-collapse .panel-heading1.active a:after {
    content: "";
    transform: scale(1);
    transition: all .5s
}

#accordion .panel-heading1 a:before {
    content: "";
    font-family: FontAwesome;
    font-size: 24px;
    position: absolute;
    right: 5px;
    top: 10px;
    transform: rotate(180deg);
    transition: all .5s
}

#accordion .panel-heading1.active a:before {
    transform: rotate(0deg);
    transition: all .5s
}

.acc-header a {
    background-color: #ebeff8;
    border: 1px solid #e9ebfa;
    border-radius: 5px;
    display: block;
    font-size: 14px;
    padding: 15px
}

    .acc-header a.collapsed {
        border: 1px solid #e9ebfa;
        border-radius: 5px
    }

.acc-body {
    border: 1px solid #e9ebfa;
    border-radius: 0 0 5px 5px;
    padding: 15px
}

.acc-body,
.acc-card .collapse.show .acc-body {
    border-top: 0
}

.acc-header.active a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.alert {
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: .9375rem;
    margin-bottom: 1rem;
    padding: .75rem 1.25rem;
    position: relative
}

    .alert:first-child {
        margin-bottom: 1rem !important
    }

    .alert:last-child {
        margin-bottom: 0
    }

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 500
}

    .alert-link:hover,
    .alert-link a:hover {
        text-decoration: underline
    }

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

hr.message-inner-separator {
    background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, .15), transparent);
    border: 0;
    clear: both;
    height: 1px;
    margin-bottom: 13px;
    margin-top: 10px
}

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

.alert-primary {
    background-color: #36f;
    border-color: #36f;
    color: #fff
}

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

    .alert-primary .alert-link {
        color: #36f
    }

.alert-secondary {
    background-color: #fe7f00;
    border-color: #fe7f00;
    color: #fff
}

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

    .alert-secondary .alert-link {
        color: #fe7f00
    }

.alert-success {
    background-color: #0dcd94;
    border-color: #0dcd94;
    color: #fff
}

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

    .alert-success .alert-link {
        color: #022b1f
    }

.alert-info {
    background-color: #128af9;
    border-color: #128af9;
    color: #fff
}

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

    .alert-info .alert-link {
        color: #123046
    }

.alert-warning {
    background-color: #fbc518;
    border-color: #fbc518;
    color: #000
}

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

    .alert-warning .alert-link {
        color: #2f2102
    }

.alert-danger {
    background-color: #f7284a;
    border-color: #f7284a;
    color: #fff
}

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

    .alert-danger .alert-link {
        color: #2b040c
    }

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

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

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

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

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

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

.alert-icon {
    padding-left: 3rem
}

    .alert-icon > i {
        color: inherit !important;
        font-size: 1rem;
        left: 1rem;
        position: absolute;
        top: 1rem
    }

.alert-avatar {
    padding-left: 3.75rem
}

    .alert-avatar .avatar {
        left: .75rem;
        position: absolute;
        top: .5rem
    }

.close {
    font-size: 1rem;
    line-height: 1.5;
    transition: color .3s
}

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

.badge-primary {
    background-color: #36f;
    color: #fff
}

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

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

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

.badge-success {
    background-color: #0dcd94;
    color: #fff
}

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

.badge-info {
    background-color: #128af9;
    color: #fff
}

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

.badge-warning {
    background-color: #fbc518;
    color: #fff
}

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

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

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

.badge-orange {
    background-color: #f34932;
    color: #fff
}

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

.badge-light {
    background-color: #dee5f7;
    color: #565b95
}

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

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

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

.badge {
    border-radius: 7px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    padding: 5px 12px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap
}

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

.badgetext {
    float: right
}

.badge-default {
    background: #54575f;
    color: #fff
}

.shape {
    border-style: solid;
    border-width: 0 70px 40px 0;
    float: right;
    height: 0;
    transform: rotate(1turn);
    width: 0
}

.offer {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 15px 0;
    overflow: hidden
}

.shape {
    border-color: hsla(0, 0%, 100%, 0) #d9534f hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0)
}

.offer-danger {
    border-color: #dc0441
}

    .offer-danger .shape {
        border-color: transparent #dc0441 transparent transparent
    }

.offer-success {
    border-color: #0dcd94
}

    .offer-success .shape {
        border-color: transparent #0dcd94 transparent transparent
    }

.offer-default {
    border-color: #6b6f80
}

    .offer-default .shape {
        border-color: transparent #6b6f80 transparent transparent
    }

.offer-primary {
    border-color: #36f
}

    .offer-primary .shape {
        border-color: transparent #36f transparent transparent
    }

.offer-info {
    border-color: #128af9
}

    .offer-info .shape {
        border-color: transparent #128af9 transparent transparent
    }

.offer-warning {
    border-color: #fbc518
}

    .offer-warning .shape {
        border-color: transparent #fbc518 transparent transparent
    }

.shape-text {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    right: -47px;
    top: 0;
    transform: rotate(30deg);
    white-space: nowrap
}

.offer-content {
    padding: 20px
}

.badge-success-light {
    background-color: rgba(1, 195, 83, .15) !important;
    color: #0dcd94
}

.badge-warning-light {
    background-color: rgba(255, 173, 0, .15) !important;
    color: #ffad00
}

.badge-danger-light {
    background-color: rgba(241, 21, 65, .15);
    color: #f11541
}

.badge-info-light {
    background-color: rgba(18, 138, 249, .1);
    color: #128af9
}

.badge-primary-light {
    background-color: rgba(51, 102, 255, .1);
    color: #36f
}

.badge-secondary-light {
    background-color: rgba(254, 127, 0, .1) !important;
    color: #fe7f00
}

.badge-orange-light {
    background-color: rgba(243, 73, 50, .1) !important;
    color: #f34932
}

.badge-pink-light {
    background-color: rgba(239, 78, 184, .1) !important;
    color: #ef4eb8
}

.badge-md {
    border-radius: 5px;
    display: inline-block;
    font-size: .75em;
    line-height: 1;
    padding: .35em .65em
}

@media print {
    .badge {
        border: 1px solid #000
    }
}

body ::-webkit-scrollbar {
    height: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 5px
}

body ::-webkit-scrollbar-thumb,
body :hover::-webkit-scrollbar-thumb {
    background: #c2cbdf
}

body ::-ms-webkit-scrollbar {
    height: 5px;
    -ms-transition: .3s;
    transition: .3s;
    width: 5px
}

body ::-ms-webkit-scrollbar-thumb,
body :hover::-ms-webkit-scrollbar-thumb {
    background: #c2cbdf
}

body ::-ms-webkit-scrollbar-track {
    background: #fff
}

body {
    background: #f1f4fb;
    color: #263871;
    flex-direction: column;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.5;
    margin: 0;
    min-height: 100vh;
    overflow-y: scroll;
    position: relative;
    text-align: left
}

a {
    color: #1a1630
}

pre {
    color: #282d3c
}

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

button,
input {
    overflow: visible
}

    button:focus,
    textarea:focus {
        outline: 0
    }

hr {
    border-top: 1px solid #ebecf1
}

.list-unstyled li {
    border-bottom: 1px solid #ebecf1
}

.img-thumbnail {
    border: 1px solid #ebecf1
}

.wrap {
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

ul li ul:hover {
    display: block;
    opacity: 1;
    visibility: visible
}

@media print {
    *,
    :after,
    :before {
        box-shadow: none !important;
        text-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
    }

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

    .navbar {
        display: none
    }

    .table,
    .text-wrap table {
        border-collapse: collapse !important
    }

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

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

.lead {
    line-height: 1.4
}

a {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

b,
strong {
    font-weight: 600
}

blockquote,
ol,
p,
ul {
    margin-bottom: 1em
}

blockquote {
    border-left: 2px solid rgba(0, 40, 100, .12);
    color: #6e7687;
    font-style: italic;
    padding-left: 2rem
}

    blockquote p {
        margin-bottom: 1rem
    }

    blockquote cite {
        display: block;
        text-align: right
    }

        blockquote cite:before {
            content: "— "
        }

code {
    background: #e9ebfa;
    border: 1px solid #e9ebfa;
    border-radius: 3px;
    padding: 3px
}

pre code {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0
}

hr {
    margin-bottom: 2rem;
    margin-top: 2rem
}

pre {
    background-color: #f8fafc;
    border-left: 3px solid #36f;
    border-radius: 3px;
    color: #128af9;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.45;
    padding: 1.5rem;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

img {
    max-width: 100%
}

.text-wrap {
    font-size: 14px;
    line-height: 1.66
}

    .text-wrap > :first-child {
        margin-top: 0
    }

    .text-wrap > :last-child {
        margin-bottom: 0
    }

    .text-wrap > h1,
    .text-wrap > h2,
    .text-wrap > h3,
    .text-wrap > h4,
    .text-wrap > h5,
    .text-wrap > h6 {
        margin-top: 1em
    }

@media print {
    .container {
        max-width: none
    }
}

textarea[cols] {
    height: auto
}

.breadcrumb {
    background: transparent;
    border-radius: 3px;
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    list-style: none;
    margin-bottom: 0
}

.breadcrumb-item a {
    color: #36f
}

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

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

.breadcrumb-item.active {
    color: #263871
}

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

.breadcrumb-item1 a {
    color: #36f
}

    .breadcrumb-item1 a:hover {
        color: #36f;
        text-decoration: underline
    }

.breadcrumb-item1 + .breadcrumb-item1:before {
    content: "/";
    display: inline-block;
    opacity: .2;
    padding-left: .5rem;
    padding-right: .5rem
}

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

.breadcrumb-item1.active {
    color: #263871
}

.breadcrumb-arrow {
    background-color: #eaeefa;
    height: 36px;
    line-height: 36px;
    list-style: none;
    padding: 0
}

    .breadcrumb-arrow li {
        display: inline-block;
        vertical-align: top
    }

        .breadcrumb-arrow li:first-child a {
            border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px
        }

        .breadcrumb-arrow li a,
        .breadcrumb-arrow li span {
            display: inline-block;
            vertical-align: top
        }

        .breadcrumb-arrow li:not(:first-child) {
            margin-left: -5px
        }

        .breadcrumb-arrow li + li:before {
            content: "";
            padding: 0
        }

        .breadcrumb-arrow li span {
            padding: 0 10px
        }

        .breadcrumb-arrow li:not(:first-child) span,
        .breadcrumb-arrow li a {
            height: 36px;
            line-height: 36px;
            padding: 0 10px 0 25px
        }

        .breadcrumb-arrow li:first-child a {
            padding: 0 10px
        }

        .breadcrumb-arrow li a {
            background-color: #36f;
            border: 1px solid #36f;
            color: #fff;
            position: relative;
            text-decoration: none
        }

        .breadcrumb-arrow li:first-child a {
            padding-left: 10px
        }

        .breadcrumb-arrow li a:after,
        .breadcrumb-arrow li a:before {
            border-bottom: 18px solid transparent;
            border-top: 18px solid transparent;
            content: "";
            height: 0;
            position: absolute;
            top: -1px;
            width: 0
        }

        .breadcrumb-arrow li a:before {
            border-left: 11px solid #36f;
            right: -11px;
            z-index: 3
        }

        .breadcrumb-arrow li a:after {
            border-left: 11px solid #6e79ca;
            right: -12px;
            z-index: 2
        }

        .breadcrumb-arrow li span {
            color: #263871
        }
/*.login-page .customlogin-content {
            margin: 0px 70px 0px 0px;
            background: #fff;
            border-radius: 8px;
            box-shadow: -5px -5px 30px 5px #012e58, 5px 5px 30px 5px #ff8257;
            width:80%;
        }*/

.customlogin-content {
    text-align: center;
}

.social-media {
    text-align: center;
}
/*.company-reg {
    margin-right: 45px;
}*/
.company-reg {
    text-align: center;
}
/*.forgot-pass-pg {
    margin: 15px 60px 0px 0px;
}*/
/*.customlogin-imgcontent img {
    border-radius: 8px;
    box-shadow: -5px -5px 30px 5px #012e58, 5px 5px 30px 5px #ff8257;
    width: 70%;
    background:#fff;
}*/
.customlogin-content {
    background-color: #ffffffbf;
    box-shadow: 1px 5px 24px 0 rgb(162 162 162 / 80%);
    border-radius: 2px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin: 30px auto;
    width: 45%;
    border-radius: 8px;
}

    .customlogin-content.forget-page {
        background-color: #ffffffbf;
        box-shadow: 1px 5px 24px 0 rgb(162 162 162 / 80%);
        border-radius: 2px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        margin: 30px auto;
        padding: 30px;
        width: 45%;
        border-radius: 8px;
    }

    .customlogin-content.register-from {
        background-color: #ffffffbf;
        box-shadow: 1px 5px 24px 0 rgb(162 162 162 / 80%);
        border-radius: 2px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        margin: 30px auto;
        padding: 0px 30px;
        width: 50%;
        border-radius: 8px;
    }
.centerbtn {
    float: right;
}
@media (min-width:1821px) {
    .customlogin-imgcontent img {
        border-radius: 8px;
        /*box-shadow: -5px -5px 30px 5px #012e58, 5px 5px 30px 5px #ff8257;*/
        width: 48%;
        background: #fff;
    }
    .large-view {
        text-align: right !important;
        padding-right: 5px !important;
    }

    .large-view-left {
        text-align: left !important;
        padding-left: 0px !important;
    }


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

@media (min-width:1399px) and (max-width:1820px) {
    .login-ig {
        width: 100%;
    }

    .social-media {
        text-align: center;
    }
    .large-view {
        text-align: right !important;
        padding-right:5px !important;
    }

    .large-view-left {
        text-align: left !important;
        padding-left: 0px !important;
    }

    .pull-right {
        float: none !important;
    }
   
}
@media (min-width:1025px) and (max-width:1398px) {
    .large-view {
        text-align: right !important;
        padding-right: 5px !important;
    }

    .large-view-left {
        text-align: left !important;
        padding-left: 0px !important;
    }

    .pull-right {
        float: none !important;
    }
    .page-leftheader {
        text-align: center;
    }
    .page-rightheader {
        text-align: center;
    }
}
@media (min-width:1025px) and (max-width:1199px) {
    .large-view {
        text-align: center !important;
        padding-right: 5px !important;
    }

    .large-view-left {
        text-align: center !important;
        padding-left: 0px !important;
    }
    .page-leftheader {
        text-align: center;
    }
    .page-rightheader {
        text-align: center;
    }
}

    @media (min-width:376px) and (max-width:1024px) {
        .page-leftheader {
            text-align: center;
        }
        .page-rightheader {
            text-align: center;
        }

        .register-from {
            width: 100%;
        }

        .large-view {
            text-align: center !important;
            padding-right: 5px !important;
        }

        .large-view-left {
            text-align: center !important;
            padding-left: 0px !important;
        }


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

    @media (max-width:991px) {
        .page-rightheader {
            text-align: center;
        }

        .page-leftheader {
            text-align: center;
        }
        .customlogin-content.forget-page {
            width: 100%;
        }


        .login-page {
            padding: 20px 0px;
        }

        .customlogin-content {
            padding: 1rem !important;
            width: 100%;
        }

        .forgot-pass-pg {
            margin: 15px 0 0 0 !important;
        }

        .login-page .customlogin-content {
            margin: unset;
            border-radius: 8px;
            width: 100%;
        }

        .customlogin-imgcontent img {
            border-radius: 8px;
            box-shadow: -5px -5px 30px 5px #012e58, 5px 5px 30px 5px #ff8257;
            width: 100%;
        }

        .social-media {
            text-align: center;
        }

        .company-reg {
            text-align: center;
        }

        .register-from {
            width: 100%;
            text-align: center;
        }

        .register-left-ig {
            display: none;
        }
        .large-view {
            text-align: center !important;
            padding-right: 5px !important;
        }

        .large-view-left {
            text-align: center !important;
            padding-left: 0px !important;
        }
    }

    @media (min-width:376px) and (max-width:767px) {
        .page-rightheader {
            text-align: center;
        }
        .page-leftheader{
            text-align:center;
        }
        .number-btn {
            display: none;
        }

        .customlogin-content.forget-page {
            width: 100%;
        }

        .task-details {
            float: left;
            margin-top: 30px;
        }

        .login-page .customlogin-content {
            margin: unset;
            border-radius: 8px;
        }

        .login-profile {
            display: none;
        }

        .login-page {
            padding: 20px 0px;
        }

        .customlogin-content {
            padding: 1rem !important;
            width: 100%;
            text-align: center;
        }

        .forgot-pass-pg {
            margin: 15px 0 0 0 !important;
        }

        .login-page .customlogin-content {
            margin: unset;
            border-radius: 8px;
            width: 100%;
        }

        .customlogin-content.register-from {
            width: 100%;
        }

        .vertical-scroll {
            height: 325px !important;
        }
        /* .company-reg {
            margin-right: unset;
        }*/


        .social-media {
            text-align: center;
        }

        .company-reg {
            text-align: center;
        }

        .register-from {
            width: 100%;
            text-align: center;
        }

        .register-left-ig {
            display: none;
        }

        .large-view {
            text-align: center !important;
            padding-right: 5px !important;
        }

        .large-view-left {
            text-align: center !important;
            padding-left: 8px !important;
        }
        .centerbtn {
            text-align: center;
            float: none;
        }
    }

@media (max-width:375px) {
    .asset-btn {
        text-align: center;
    }
    .page-rightheader {
        text-align: center;
    }
    .page-leftheader {
        text-align: center;
    }
    .centerbtn{
        text-align:center;
        float:none;
    }
    .large-view {
        text-align: center !important;
        padding-right: 5px !important;
    }

    .large-view-left {
        text-align: center !important;
        padding-left: 8px !important;
    }

    .web-show {
        display: none;
    }

    .app-sidebar__toggle {
        margin: 0px !important;
    }

    .customlogin-content.forget-page {
        width: 100%;
    }

    .customlogin-content.register-from {
        width: 100%;
    }

    .breadcrumb {
        font-size: 12px
    }

    .page-title {
        font-size: 19px !important
    }

    .page-leftheader {
        margin-bottom: 0px !important;
    }

    .number-btn {
        display: none;
    }

    .task-details {
        float: left;
        /*margin-top:15px;*/
    }

    .task-body {
        padding: 30px 0px !important;
    }

    .vertical-scroll {
        height: 309px !important;
    }

    .modal-new-footer {
        padding: 5px 0px !important;
    }

    .table.dataTable > thead.punch-style sorting_asc:before {
        bottom: 1.9em !important;
    }

    .atten-text {
        font-size: 17px !important;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0px !important;
    }

    .holiday-list {
        padding: 10px !important;
    }

    .login-page .customlogin-content {
        margin: unset;
        border-radius: 8px;
        width: 100%;
    }

    .login-profile {
        display: none;
    }

    .register-left-ig {
        display: none;
    }

    .login-page {
        padding: 20px 0px;
    }

    .customlogin-content {
        padding: 1rem !important;
    }

    .forgot-pass-pg {
        margin: 15px 0 0 0 !important;
    }

    .company-reg {
        text-align: center;
    }

    .customlogin-content {
        text-align: center;
    }

    .social-media {
        text-align: center;
    }

    .register-from {
        width: 100%;
        text-align: center;
    }

    .emp-update {
        padding: 0px !important;
    }

    .textAlign{
        text-align:center;
    }
    }
@media (max-width:370px) {
    .page-rightheader {
        text-align: center;
    }
    .page-leftheader{
            text-align:center;
        }
    .asset-btn {
        text-align: center;
    }
}

    .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item:before, .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item:before {
        font-family: feather;
        line-height: 20px;
        text-align: center;
        width: 25px
    }

    .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item:before {
        content: ""
    }

    .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item:before {
        content: ""
    }

    .breadcrumb-style4 .breadcrumb-icon {
        margin-left: 4px;
        margin-top: 3px
    }

    .breadcrumb-style4 .breadcrumb-item {
        margin-top: 3px
    }

        .breadcrumb-style4 .breadcrumb-item .svg-icon {
            width: 20px
        }

        .breadcrumb-style4 .breadcrumb-item:first-child {
            margin-top: 0
        }

    .breadcrumb-item .svg-icon {
        fill: #dee0f9;
        color: #9097e8
    }

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

        .btn:hover {
            text-decoration: none
        }

        .btn:focus {
            text-decoration: none
        }

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

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

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

            .btn:not(:disabled):not(.disabled).active,
            .btn:not(:disabled):not(.disabled):active {
                background-image: none
            }

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

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

    .btn-primary {
        background-color: #36f;
        border-color: #36f;
        color: #fff !important
    }

        .btn-primary:hover {
            background-color: #255bfb;
            border-color: #255bfb;
            color: #fff !important
        }

        .btn-primary.focus,
        .btn-primary:focus {
            background-color: #36f;
            border-color: #36f;
            color: #fff !important
        }
        /*.btn-primary {
        background-color: #012e58;
        border-color: #012e58;
        color: #fff !important
    }

        .btn-primary:hover {
            background-color: #012e58;
            border-color: #012e58;
            color: #fff !important
        }

        .btn-primary.focus,
        .btn-primary:focus {
            background-color: #012e58;
            border-color: #012e58;
            color: #fff !important
        }*/

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

            .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 2px rgba(70, 127, 207, .1)
            }

    .btn-secondary {
        background-color: #fe7f00;
        border-color: #fe7f00;
        box-shadow: 0 0 10px -5px rgba(254, 127, 0, .3);
        color: #fff !important
    }

        .btn-secondary:hover {
            background-color: #e67504;
            border-color: #e67504;
            color: #fff !important
        }

        .btn-secondary.focus,
        .btn-secondary:focus {
            background-color: #e67504;
            border-color: #e67504;
            box-shadow: 0 0 0 2px rgba(254, 127, 0, .3)
        }

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

            .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 2px rgba(254, 127, 0, .1)
            }

    .btn-success {
        background-color: #0dcd94;
        border-color: #0dcd94;
        box-shadow: 0 0 10px -5px rgba(45, 206, 137, .5);
        color: #fff !important
    }

        .btn-success:hover {
            background-color: #09bf89 !important;
            border-color: #09bf89 !important;
            color: #fff !important
        }

        .btn-success.focus,
        .btn-success:focus {
            background-color: #0dcd94;
            border-color: #0dcd94;
            box-shadow: 0 0 0 2px rgba(9, 191, 137, .1);
            color: #fff !important
        }

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

            .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 2px rgba(9, 191, 137, .1)
            }

    .btn-info {
        background-color: #128af9;
        border-color: #128af9;
        box-shadow: 0 0 10px -5px rgba(12, 133, 245, .5);
        color: #fff !important
    }

        .btn-info:hover {
            background-color: #0c85f5;
            border-color: #0c85f5;
            color: #fff !important
        }

        .btn-info.focus,
        .btn-info:focus {
            background-color: #128af9;
            border-color: #128af9;
            box-shadow: 0 0 0 2px rgba(12, 133, 245, .1);
            color: #fff !important
        }

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

            .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 2px rgba(12, 133, 245, .1)
            }

    .btn-warning {
        background-color: #fbc518;
        border-color: #fbc518;
        box-shadow: 0 0 10px -5px rgba(247, 191, 13, .5);
        color: #fff !important
    }

        .btn-warning:hover {
            background-color: #f7bf0d;
            border-color: #f7bf0d;
            color: #fff !important
        }

        .btn-warning.focus,
        .btn-warning:focus {
            background-color: #fbc518;
            border-color: #fbc518;
            box-shadow: 0 0 0 2px rgba(241, 196, 15, .1);
            color: #fff !important
        }

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

            .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 2px rgba(241, 196, 15, .1)
            }

    .btn-danger {
        background-color: #f91a1ad1; /*#f7284a*/
        border-color: #f91a1ad1;
        box-shadow: 0 0 10px -5px rgba(249, 26, 63, .44);
        color: #fff !important
    }

        .btn-danger:hover {
            background-color: #f91a1ad1; /*#f91a3f*/
            border-color: #f91a1ad1;
            color: #fff !important
        }

        .btn-danger.focus,
        .btn-danger:focus {
            background-color: #f91a1ad1;
            border-color: #f91a1ad1;
            box-shadow: 0 0 0 2px rgba(250, 98, 107, .1);
            color: #fff !important
        }

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

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

            .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 2px rgba(250, 98, 107, .1)
            }

    .btn-light {
        background-color: #dee5f7;
        border-color: #dee5f7;
        box-shadow: 0 0 10px -5px rgba(68, 84, 195, .2);
        color: #565b95
    }

        .btn-light.focus,
        .btn-light:focus,
        .btn-light:hover {
            background-color: #dee3f3;
            border-color: #dee3f3;
            color: #565b95
        }

        .btn-light.focus,
        .btn-light:focus {
            box-shadow: 0 0 0 2px rgba(248, 249, 250, .1)
        }

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

        .btn-light:not(:disabled):not(.disabled).active,
        .btn-light:not(:disabled):not(.disabled):active {
            background-color: #dee3f3;
            border-color: #dee3f3;
            color: #565b95
        }

    .show > .btn-light.dropdown-toggle {
        background-color: #dee3f3;
        border-color: #dee3f3;
        color: #495057
    }

        .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 2px rgba(248, 249, 250, .1)
        }

    .btn-default {
        background-color: #eceef7;
        box-shadow: 0 0 10px -5px rgba(68, 84, 195, .2)
    }

        .btn-default,
        .btn-default:hover {
            border-color: #dae0e5;
            color: #495057
        }

            .btn-default:hover {
                background-color: #e2e6ea
            }

            .btn-default.focus,
            .btn-default:focus {
                background-color: #eceef7;
                border-color: #dae0e5;
                box-shadow: 0 0 0 2px rgba(248, 249, 250, .1);
                color: #495057
            }

            .btn-default.disabled,
            .btn-default:disabled {
                background-color: #eceef7;
                border-color: #eceef7
            }

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

                .btn-default:not(:disabled):not(.disabled).active:focus,
                .btn-default:not(:disabled):not(.disabled):active:focus,
                .show > .btn-default.dropdown-toggle:focus {
                    box-shadow: 0 0 0 2px rgba(248, 249, 250, .1)
                }

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

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

        .btn-dark.focus,
        .btn-dark:focus {
            box-shadow: 0 0 0 2px rgba(52, 58, 64, .1)
        }

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

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

            .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 2px rgba(217, 221, 231, .1)
            }

    .btn-outline-primary {
        background-color: transparent;
        background-image: none;
        border-color: #36f;
        box-shadow: 0 0 10px -5px rgba(68, 84, 195, .5);
        color: #36f
    }

        .btn-outline-primary:hover {
            background-color: #255bfb;
            border-color: #255bfb;
            color: #fff !important
        }

        .btn-outline-primary.focus,
        .btn-outline-primary:focus {
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .1)
        }

        .btn-outline-primary.disabled,
        .btn-outline-primary:disabled {
            background-color: transparent;
            color: #255bfb
        }

        .btn-outline-primary:not(:disabled):not(.disabled).active,
        .btn-outline-primary:not(:disabled):not(.disabled):active {
            background-color: #255bfb;
            border-color: #255bfb;
            color: #fff
        }

    .show > .btn-outline-primary.dropdown-toggle {
        background-color: #36f;
        border-color: #36f;
        color: #fff !important
    }

        .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 2px rgba(247, 45, 102, .1)
        }

    .btn-outline-secondary {
        background-color: transparent;
        background-image: none;
        border-color: #fe7f00;
        box-shadow: 0 0 10px -5px rgba(242, 46, 105, .5);
        color: #fe7f00 !important
    }

        .btn-outline-secondary:hover {
            background-color: #fe7f00;
            border-color: #fe7f00;
            color: #fff !important
        }

        .btn-outline-secondary.focus,
        .btn-outline-secondary:focus {
            box-shadow: 0 0 0 2px rgba(247, 45, 102, .1)
        }

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

        .btn-outline-secondary:not(:disabled):not(.disabled).active,
        .btn-outline-secondary:not(:disabled):not(.disabled):active {
            background-color: #fe7f00;
            border-color: #fe7f00;
            color: #fff
        }

    .show > .btn-outline-secondary.dropdown-toggle {
        background-color: #fe7f00;
        border-color: #fe7f00;
        color: #fff !important
    }

        .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 2px rgba(247, 45, 102, .1)
        }

    .btn-outline-success {
        background-color: transparent;
        background-image: none;
        border-color: #0dcd94;
        box-shadow: 0 0 10px -5px rgba(45, 206, 137, .5);
        color: #0dcd94 !important
    }

        .btn-outline-success:hover {
            background-color: #0dcd94;
            border-color: #0dcd94;
            color: #fff !important
        }

        .btn-outline-success.focus,
        .btn-outline-success:focus {
            box-shadow: 0 0 0 2px rgba(9, 191, 137, .1)
        }

        .btn-outline-success.disabled,
        .btn-outline-success:disabled {
            background-color: transparent;
            color: #0dcd94
        }

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

            .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 2px rgba(9, 191, 137, .1)
            }

    .btn-outline-orange {
        background-color: transparent;
        background-image: none;
        border-color: #f34932;
        box-shadow: 0 0 10px -5px rgba(240, 74, 32, .2);
        color: #f34932 !important
    }

        .btn-outline-orange:hover {
            background-color: #f34932;
            border-color: #f34932;
            color: #fff !important
        }

        .btn-outline-orange.focus,
        .btn-outline-orange:focus {
            box-shadow: 0 0 0 2px rgba(240, 74, 32, .1)
        }

        .btn-outline-orange.disabled,
        .btn-outline-orange:disabled {
            background-color: transparent;
            color: #f34932
        }

        .btn-outline-orange:not(:disabled):not(.disabled).active,
        .btn-outline-orange:not(:disabled):not(.disabled):active,
        .show > .btn-outline-orange.dropdown-toggle {
            background-color: #f34932;
            border-color: #f34932;
            color: #fff !important
        }

            .btn-outline-orange:not(:disabled):not(.disabled).active:focus,
            .btn-outline-orange:not(:disabled):not(.disabled):active:focus,
            .show > .btn-outline-orange.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(240, 74, 32, .1)
            }

    .btn-outline-info {
        background-color: transparent;
        background-image: none;
        border-color: #128af9;
        box-shadow: 0 0 10px -5px rgba(69, 170, 242, .5);
        color: #128af9 !important
    }

        .btn-outline-info:hover {
            background-color: #128af9;
            border-color: #128af9;
            color: #fff !important
        }

        .btn-outline-info.focus,
        .btn-outline-info:focus {
            box-shadow: 0 0 0 2px rgba(69, 170, 242, .1)
        }

        .btn-outline-info.disabled,
        .btn-outline-info:disabled {
            background-color: transparent;
            color: #128af9
        }

        .btn-outline-info:not(:disabled):not(.disabled).active,
        .btn-outline-info:not(:disabled):not(.disabled):active {
            background-color: #128af9;
            border-color: #128af9;
            color: #fff
        }

    .show > .btn-outline-info.dropdown-toggle {
        background-color: #128af9;
        border-color: #128af9;
        color: #fff !important
    }

        .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 2px rgba(69, 170, 242, .1)
        }

    .btn-outline-warning {
        background-color: transparent;
        background-image: none;
        border-color: #fbc518;
        box-shadow: 0 0 10px -5px rgba(247, 191, 13, .5);
        color: #fbc518 !important
    }

        .btn-outline-warning:hover {
            background-color: #fbc518;
            border-color: #fbc518;
            color: #fff !important
        }

        .btn-outline-warning.focus,
        .btn-outline-warning:focus {
            box-shadow: 0 0 0 2px rgba(241, 196, 15, .1)
        }

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

        .btn-outline-warning:not(:disabled):not(.disabled).active,
        .btn-outline-warning:not(:disabled):not(.disabled):active {
            background-color: #fbc518;
            border-color: #fbc518;
            color: #fff
        }

    .show > .btn-outline-warning.dropdown-toggle {
        background-color: #fbc518;
        border-color: #fbc518;
        color: #fff !important
    }

        .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 2px rgba(241, 196, 15, .1)
        }

    .btn-outline-danger {
        background-color: transparent;
        background-image: none;
        border-color: #dc0441;
        box-shadow: 0 0 10px -5px rgba(220, 4, 65, .5);
        color: #dc0441 !important
    }

        .btn-outline-danger:hover {
            background-color: #dc0441;
            border-color: #dc0441;
            color: #fff !important
        }

        .btn-outline-danger.focus,
        .btn-outline-danger:focus {
            box-shadow: 0 0 0 2px rgba(205, 32, 31, .1)
        }

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

        .btn-outline-danger:not(:disabled):not(.disabled).active,
        .btn-outline-danger:not(:disabled):not(.disabled):active {
            background-color: #dc0441;
            border-color: #dc0441;
            color: #fff
        }

    .show > .btn-outline-danger.dropdown-toggle {
        background-color: #dc0441;
        border-color: #dc0441;
        color: #fff !important
    }

        .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 2px rgba(205, 32, 31, .1)
        }

    .btn-outline-light {
        background-color: transparent;
        background-image: none;
        border-color: #eceef7;
        box-shadow: 0 0 10px -5px #e8ebf2;
        color: #263871
    }

        .btn-outline-light:hover {
            background-color: #eceef7;
            border-color: #eceef7;
            color: #495057
        }

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

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

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

            .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 2px rgba(248, 249, 250, .1)
            }

    .btn-outline-dark {
        background-color: transparent;
        background-image: none;
        border-color: #353a40;
        box-shadow: 0 0 10px -5px rgba(68, 84, 195, .5);
        color: #353a40
    }

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

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

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

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

            .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 2px rgba(52, 58, 64, .1)
            }

    .btn-link {
        background-color: transparent;
        color: #36f;
        font-weight: 400
    }

        .btn-link:hover {
            background-color: transparent;
            color: #3c49de
        }

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

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

        .btn-link.disabled,
        .btn-link:disabled {
            color: #868e96;
            pointer-events: none
        }

    .btn-group-lg > .btn,
    .btn-lg {
        font-size: 1.125rem;
        line-height: 1.625;
        padding: .7rem 2rem
    }

    .btn-group-sm > .btn,
    .btn-sm {
        font-size: .875rem;
        line-height: 1.33333333
    }

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

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

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

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

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

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

    .btn {
        cursor: pointer;
        letter-spacing: .03em
    }

    .btn-icon {
        padding-left: .5rem;
        padding-right: .5rem;
        text-align: center
    }

    .btn-icon2 {
        height: 40px;
        line-height: 40px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        width: 40px
    }

    .btn i.fe {
        font-size: 1rem;
        line-height: 1.5
    }

    .btn-pill {
        border-radius: 10rem
    }

    .btn-square {
        border-radius: 0
    }

    .btn-facebook {
        background-color: #3b5998;
        border-color: #3b5998;
        color: #fff
    }

        .btn-facebook:hover {
            background-color: #30497c;
            border-color: #2d4373;
            color: #fff
        }

        .btn-facebook.focus,
        .btn-facebook:focus {
            box-shadow: 0 0 0 2px rgba(59, 89, 152, .5)
        }

        .btn-facebook.disabled,
        .btn-facebook:disabled {
            background-color: #3b5998;
            border-color: #3b5998;
            color: #fff
        }

        .btn-facebook:not(:disabled):not(.disabled).active,
        .btn-facebook:not(:disabled):not(.disabled):active,
        .show > .btn-facebook.dropdown-toggle {
            background-color: #2d4373;
            border-color: #293e6a;
            color: #fff
        }

            .btn-facebook:not(:disabled):not(.disabled).active:focus,
            .btn-facebook:not(:disabled):not(.disabled):active:focus,
            .show > .btn-facebook.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(59, 89, 152, .5)
            }

    .btn-twitter {
        background-color: #1da1f2;
        border-color: #1da1f2;
        color: #fff
    }

        .btn-twitter:hover {
            background-color: #0d8ddc;
            border-color: #0c85d0;
            color: #fff
        }

        .btn-twitter.focus,
        .btn-twitter:focus {
            box-shadow: 0 0 0 2px rgba(29, 161, 242, .5)
        }

        .btn-twitter.disabled,
        .btn-twitter:disabled {
            background-color: #1da1f2;
            border-color: #1da1f2;
            color: #fff
        }

        .btn-twitter:not(:disabled):not(.disabled).active,
        .btn-twitter:not(:disabled):not(.disabled):active,
        .show > .btn-twitter.dropdown-toggle {
            background-color: #0c85d0;
            border-color: #0b7ec4;
            color: #fff
        }

            .btn-twitter:not(:disabled):not(.disabled).active:focus,
            .btn-twitter:not(:disabled):not(.disabled):active:focus,
            .show > .btn-twitter.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(29, 161, 242, .5)
            }

    .btn-google {
        background-color: #dc4e41;
        border-color: #dc4e41;
        color: #fff
    }

        .btn-google:hover {
            background-color: #d03526;
            border-color: #c63224;
            color: #fff
        }

        .btn-google.focus,
        .btn-google:focus {
            box-shadow: 0 0 0 2px rgba(220, 78, 65, .5)
        }

        .btn-google.disabled,
        .btn-google:disabled {
            background-color: #dc4e41;
            border-color: #dc4e41;
            color: #fff
        }

        .btn-google:not(:disabled):not(.disabled).active,
        .btn-google:not(:disabled):not(.disabled):active,
        .show > .btn-google.dropdown-toggle {
            background-color: #c63224;
            border-color: #bb2f22;
            color: #fff
        }

            .btn-google:not(:disabled):not(.disabled).active:focus,
            .btn-google:not(:disabled):not(.disabled):active:focus,
            .show > .btn-google.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(220, 78, 65, .5)
            }

    .btn-youtube {
        background-color: red;
        border-color: red;
        color: #fff
    }

        .btn-youtube:hover {
            background-color: #d90000;
            border-color: #c00;
            color: #fff
        }

        .btn-youtube.focus,
        .btn-youtube:focus {
            box-shadow: 0 0 0 2px rgba(255, 0, 0, .5)
        }

        .btn-youtube.disabled,
        .btn-youtube:disabled {
            background-color: red;
            border-color: red;
            color: #fff
        }

        .btn-youtube:not(:disabled):not(.disabled).active,
        .btn-youtube:not(:disabled):not(.disabled):active,
        .show > .btn-youtube.dropdown-toggle {
            background-color: #c00;
            border-color: #bf0000;
            color: #fff
        }

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

    .btn-vimeo {
        background-color: #1ab7ea;
        border-color: #1ab7ea;
        color: #fff
    }

        .btn-vimeo:hover {
            background-color: #139ecb;
            border-color: #1295bf;
            color: #fff
        }

        .btn-vimeo.focus,
        .btn-vimeo:focus {
            box-shadow: 0 0 0 2px rgba(26, 183, 234, .5)
        }

        .btn-vimeo.disabled,
        .btn-vimeo:disabled {
            background-color: #1ab7ea;
            border-color: #1ab7ea;
            color: #fff
        }

        .btn-vimeo:not(:disabled):not(.disabled).active,
        .btn-vimeo:not(:disabled):not(.disabled):active,
        .show > .btn-vimeo.dropdown-toggle {
            background-color: #1295bf;
            border-color: #108cb4;
            color: #fff
        }

            .btn-vimeo:not(:disabled):not(.disabled).active:focus,
            .btn-vimeo:not(:disabled):not(.disabled):active:focus,
            .show > .btn-vimeo.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(26, 183, 234, .5)
            }

    .btn-dribbble {
        background-color: #ea4c89;
        border-color: #ea4c89;
        color: #fff
    }

        .btn-dribbble:hover {
            background-color: #e62a72;
            border-color: #e51e6b;
            color: #fff
        }

        .btn-dribbble.focus,
        .btn-dribbble:focus {
            box-shadow: 0 0 0 2px rgba(234, 76, 137, .5)
        }

        .btn-dribbble.disabled,
        .btn-dribbble:disabled {
            background-color: #ea4c89;
            border-color: #ea4c89;
            color: #fff
        }

        .btn-dribbble:not(:disabled):not(.disabled).active,
        .btn-dribbble:not(:disabled):not(.disabled):active,
        .show > .btn-dribbble.dropdown-toggle {
            background-color: #e51e6b;
            border-color: #dc1a65;
            color: #fff
        }

            .btn-dribbble:not(:disabled):not(.disabled).active:focus,
            .btn-dribbble:not(:disabled):not(.disabled):active:focus,
            .show > .btn-dribbble.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(234, 76, 137, .5)
            }

    .btn-github {
        background-color: #181717;
        border-color: #181717;
        color: #fff
    }

        .btn-github:hover {
            background-color: #040404;
            border-color: #000;
            color: #fff
        }

        .btn-github.focus,
        .btn-github:focus {
            box-shadow: 0 0 0 2px hsla(0, 2%, 9%, .5)
        }

        .btn-github.disabled,
        .btn-github:disabled {
            background-color: #181717;
            border-color: #181717;
            color: #fff
        }

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

            .btn-github:not(:disabled):not(.disabled).active:focus,
            .btn-github:not(:disabled):not(.disabled):active:focus,
            .show > .btn-github.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px hsla(0, 2%, 9%, .5)
            }

    .btn-instagram {
        background-color: #e4405f;
        border-color: #e4405f;
        color: #fff
    }

        .btn-instagram:hover {
            background-color: #de1f44;
            border-color: #d31e40;
            color: #fff
        }

        .btn-instagram.focus,
        .btn-instagram:focus {
            box-shadow: 0 0 0 2px rgba(228, 64, 95, .5)
        }

        .btn-instagram.disabled,
        .btn-instagram:disabled {
            background-color: #e4405f;
            border-color: #e4405f;
            color: #fff
        }

        .btn-instagram:not(:disabled):not(.disabled).active,
        .btn-instagram:not(:disabled):not(.disabled):active,
        .show > .btn-instagram.dropdown-toggle {
            background-color: #d31e40;
            border-color: #c81c3d;
            color: #fff
        }

            .btn-instagram:not(:disabled):not(.disabled).active:focus,
            .btn-instagram:not(:disabled):not(.disabled):active:focus,
            .show > .btn-instagram.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(228, 64, 95, .5)
            }

    .btn-pinterest {
        background-color: #bd081c;
        border-color: #bd081c;
        color: #fff
    }

        .btn-pinterest:hover {
            background-color: #980617;
            border-color: #8c0615;
            color: #fff
        }

        .btn-pinterest.focus,
        .btn-pinterest:focus {
            box-shadow: 0 0 0 2px rgba(189, 8, 28, .5)
        }

        .btn-pinterest.disabled,
        .btn-pinterest:disabled {
            background-color: #bd081c;
            border-color: #bd081c;
            color: #fff
        }

        .btn-pinterest:not(:disabled):not(.disabled).active,
        .btn-pinterest:not(:disabled):not(.disabled):active,
        .show > .btn-pinterest.dropdown-toggle {
            background-color: #8c0615;
            border-color: #800513;
            color: #fff
        }

            .btn-pinterest:not(:disabled):not(.disabled).active:focus,
            .btn-pinterest:not(:disabled):not(.disabled):active:focus,
            .show > .btn-pinterest.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(189, 8, 28, .5)
            }

    .btn-vk {
        background-color: #6383a8;
        border-color: #6383a8;
        color: #fff
    }

        .btn-vk:hover {
            background-color: #527093;
            border-color: #4d6a8b;
            color: #fff
        }

        .btn-vk.focus,
        .btn-vk:focus {
            box-shadow: 0 0 0 2px rgba(99, 131, 168, .5)
        }

        .btn-vk.disabled,
        .btn-vk:disabled {
            background-color: #6383a8;
            border-color: #6383a8;
            color: #fff
        }

        .btn-vk:not(:disabled):not(.disabled).active,
        .btn-vk:not(:disabled):not(.disabled):active,
        .show > .btn-vk.dropdown-toggle {
            background-color: #4d6a8b;
            border-color: #496482;
            color: #fff
        }

            .btn-vk:not(:disabled):not(.disabled).active:focus,
            .btn-vk:not(:disabled):not(.disabled):active:focus,
            .show > .btn-vk.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(99, 131, 168, .5)
            }

    .btn-rss {
        background-color: orange;
        border-color: orange;
        color: #fff
    }

        .btn-rss:hover {
            background-color: #d98c00;
            border-color: #cc8400;
            color: #fff
        }

        .btn-rss.focus,
        .btn-rss:focus {
            box-shadow: 0 0 0 2px rgba(255, 165, 0, .5)
        }

        .btn-rss.disabled,
        .btn-rss:disabled {
            background-color: orange;
            border-color: orange;
            color: #fff
        }

        .btn-rss:not(:disabled):not(.disabled).active,
        .btn-rss:not(:disabled):not(.disabled):active,
        .show > .btn-rss.dropdown-toggle {
            background-color: #cc8400;
            border-color: #bf7c00;
            color: #fff
        }

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

    .btn-flickr {
        background-color: #0063dc;
        border-color: #0063dc;
        color: #fff
    }

        .btn-flickr:hover {
            background-color: #0052b6;
            border-color: #004ca9;
            color: #fff
        }

        .btn-flickr.focus,
        .btn-flickr:focus {
            box-shadow: 0 0 0 2px rgba(0, 99, 220, .5)
        }

        .btn-flickr.disabled,
        .btn-flickr:disabled {
            background-color: #0063dc;
            border-color: #0063dc;
            color: #fff
        }

        .btn-flickr:not(:disabled):not(.disabled).active,
        .btn-flickr:not(:disabled):not(.disabled):active,
        .show > .btn-flickr.dropdown-toggle {
            background-color: #004ca9;
            border-color: #00469c;
            color: #fff
        }

            .btn-flickr:not(:disabled):not(.disabled).active:focus,
            .btn-flickr:not(:disabled):not(.disabled):active:focus,
            .show > .btn-flickr.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(0, 99, 220, .5)
            }

    .btn-bitbucket {
        background-color: #0052cc;
        border-color: #0052cc;
        color: #fff
    }

        .btn-bitbucket:hover {
            background-color: #0043a6;
            border-color: #003e99;
            color: #fff
        }

        .btn-bitbucket.focus,
        .btn-bitbucket:focus {
            box-shadow: 0 0 0 2px rgba(0, 82, 204, .5)
        }

        .btn-bitbucket.disabled,
        .btn-bitbucket:disabled {
            background-color: #0052cc;
            border-color: #0052cc;
            color: #fff
        }

        .btn-bitbucket:not(:disabled):not(.disabled).active,
        .btn-bitbucket:not(:disabled):not(.disabled):active,
        .show > .btn-bitbucket.dropdown-toggle {
            background-color: #003e99;
            border-color: #00388c;
            color: #fff
        }

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

    .btn-blue {
        background-color: #083dc1;
        border-color: #083dc1;
        color: #fff
    }

        .btn-blue:hover {
            background-color: #1747bd;
            border-color: #1747bd;
            color: #fff !important
        }

        .btn-blue.focus,
        .btn-blue:focus {
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .5)
        }

        .btn-blue.disabled,
        .btn-blue:disabled,
        .btn-blue:not(:disabled):not(.disabled).active,
        .btn-blue:not(:disabled):not(.disabled):active,
        .show > .btn-blue.dropdown-toggle {
            background-color: #1747bd;
            border-color: #1747bd;
            color: #fff
        }

            .btn-blue:not(:disabled):not(.disabled).active:focus,
            .btn-blue:not(:disabled):not(.disabled):active:focus,
            .show > .btn-blue.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(70, 127, 207, .5)
            }

    .btn-indigo {
        background-color: #6574cd;
        border-color: #6574cd;
        color: #fff
    }

        .btn-indigo:hover {
            background-color: #485ac4;
            border-color: #3f51c1;
            color: #fff !important
        }

        .btn-indigo.focus,
        .btn-indigo:focus {
            box-shadow: 0 0 0 2px rgba(101, 116, 205, .5)
        }

        .btn-indigo.disabled,
        .btn-indigo:disabled {
            background-color: #6574cd;
            border-color: #6574cd;
            color: #fff
        }

        .btn-indigo:not(:disabled):not(.disabled).active,
        .btn-indigo:not(:disabled):not(.disabled):active,
        .show > .btn-indigo.dropdown-toggle {
            background-color: #3f51c1;
            border-color: #3b4db7;
            color: #fff
        }

            .btn-indigo:not(:disabled):not(.disabled).active:focus,
            .btn-indigo:not(:disabled):not(.disabled):active:focus,
            .show > .btn-indigo.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(101, 116, 205, .5)
            }

    .btn-purple {
        background-color: #aa4cf2;
        border-color: #aa4cf2;
        color: #fff
    }

        .btn-purple:hover {
            background-color: #923ce6;
            border-color: #8c31e4;
            color: #fff !important
        }

        .btn-purple.focus,
        .btn-purple:focus {
            box-shadow: 0 0 0 2px rgba(165, 94, 234, .5)
        }

        .btn-purple.disabled,
        .btn-purple:disabled {
            background-color: #aa4cf2;
            border-color: #aa4cf2;
            color: #fff
        }

        .btn-purple:not(:disabled):not(.disabled).active,
        .btn-purple:not(:disabled):not(.disabled):active,
        .show > .btn-purple.dropdown-toggle {
            background-color: #8c31e4;
            border-color: #8526e3;
            color: #fff
        }

            .btn-purple:not(:disabled):not(.disabled).active:focus,
            .btn-purple:not(:disabled):not(.disabled):active:focus,
            .show > .btn-purple.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(165, 94, 234, .5)
            }

    .btn-pink {
        background-color: #ef4eb8;
        border-color: #ef4eb8;
        color: #fff
    }

        .btn-pink:hover {
            background-color: #f44982;
            border-color: #f33d7a;
            color: #fff !important
        }

        .btn-pink.focus,
        .btn-pink:focus {
            box-shadow: 0 0 0 2px rgba(246, 109, 155, .5)
        }

        .btn-pink.disabled,
        .btn-pink:disabled {
            background-color: #ef4eb8;
            border-color: #ef4eb8;
            color: #fff
        }

        .btn-pink:not(:disabled):not(.disabled).active,
        .btn-pink:not(:disabled):not(.disabled):active,
        .show > .btn-pink.dropdown-toggle {
            background-color: #f33d7a;
            border-color: #f23172;
            color: #fff
        }

            .btn-pink:not(:disabled):not(.disabled).active:focus,
            .btn-pink:not(:disabled):not(.disabled):active:focus,
            .show > .btn-pink.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(246, 109, 155, .5)
            }

    .btn-red {
        background-color: #dc0441;
        border-color: #dc0441;
        color: #fff
    }

        .btn-red:hover {
            background-color: #ac1b1a;
            border-color: #a11918;
            color: #fff
        }

        .btn-red.focus,
        .btn-red:focus {
            box-shadow: 0 0 0 2px rgba(205, 32, 31, .5)
        }

        .btn-red.disabled,
        .btn-red:disabled {
            background-color: #dc0441;
            border-color: #dc0441;
            color: #fff
        }

        .btn-red:not(:disabled):not(.disabled).active,
        .btn-red:not(:disabled):not(.disabled):active,
        .show > .btn-red.dropdown-toggle {
            background-color: #a11918;
            border-color: #961717;
            color: #fff
        }

            .btn-red:not(:disabled):not(.disabled).active:focus,
            .btn-red:not(:disabled):not(.disabled):active:focus,
            .show > .btn-red.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(205, 32, 31, .5)
            }

    .btn-orange {
        background-color: #f34932;
        border-color: #f34932;
        color: #fff
    }

        .btn-orange:hover {
            background-color: #fd811e;
            border-color: #fc7a12;
            color: #fff
        }

        .btn-orange.focus,
        .btn-orange:focus {
            box-shadow: 0 0 0 2px rgba(253, 150, 68, .5)
        }

        .btn-orange.disabled,
        .btn-orange:disabled {
            background-color: #f34932;
            border-color: #f34932;
            color: #fff
        }

        .btn-orange:not(:disabled):not(.disabled).active,
        .btn-orange:not(:disabled):not(.disabled):active,
        .show > .btn-orange.dropdown-toggle {
            background-color: #fc7a12;
            border-color: #fc7305;
            color: #fff
        }

            .btn-orange:not(:disabled):not(.disabled).active:focus,
            .btn-orange:not(:disabled):not(.disabled):active:focus,
            .show > .btn-orange.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(253, 150, 68, .5)
            }

    .btn-yellow {
        background-color: #fbc518;
        border-color: #fbc518;
        color: #fff
    }

        .btn-yellow:hover {
            background-color: #cea70c;
            border-color: #c29d0b;
            color: #fff
        }

        .btn-yellow.focus,
        .btn-yellow:focus {
            box-shadow: 0 0 0 2px rgba(241, 196, 15, .5)
        }

        .btn-yellow.disabled,
        .btn-yellow:disabled {
            background-color: #fbc518;
            border-color: #fbc518;
            color: #fff
        }

        .btn-yellow:not(:disabled):not(.disabled).active,
        .btn-yellow:not(:disabled):not(.disabled):active,
        .show > .btn-yellow.dropdown-toggle {
            background-color: #c29d0b;
            border-color: #b6940b;
            color: #fff
        }

            .btn-yellow:not(:disabled):not(.disabled).active:focus,
            .btn-yellow:not(:disabled):not(.disabled):active:focus,
            .show > .btn-yellow.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(241, 196, 15, .5)
            }

    .btn-green {
        background-color: #0dcd94;
        border-color: #0dcd94;
        color: #fff
    }

        .btn-green:hover {
            background-color: #15ca7c;
            border-color: #15ca7c;
            color: #fff
        }

        .btn-green.focus,
        .btn-green:focus {
            box-shadow: 0 0 0 2px rgba(9, 191, 137, .5)
        }

        .btn-green.disabled,
        .btn-green:disabled {
            background-color: #0dcd94;
            border-color: #0dcd94;
            color: #fff
        }

        .btn-green:not(:disabled):not(.disabled).active,
        .btn-green:not(:disabled):not(.disabled):active,
        .show > .btn-green.dropdown-toggle {
            background-color: #15ca7c;
            border-color: #3e7a00;
            color: #fff
        }

            .btn-green:not(:disabled):not(.disabled).active:focus,
            .btn-green:not(:disabled):not(.disabled):active:focus,
            .show > .btn-green.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(9, 191, 137, .5)
            }

    .btn-teal {
        background-color: #17d1dc;
        border-color: #17d1dc;
        color: #fff
    }

        .btn-teal:hover {
            background-color: #24ab9d;
            border-color: #22a193;
            color: #fff
        }

        .btn-teal.focus,
        .btn-teal:focus {
            box-shadow: 0 0 0 2px rgba(43, 203, 186, .5)
        }

        .btn-teal.disabled,
        .btn-teal:disabled {
            background-color: #17d1dc;
            border-color: #17d1dc;
            color: #fff
        }

        .btn-teal:not(:disabled):not(.disabled).active,
        .btn-teal:not(:disabled):not(.disabled):active,
        .show > .btn-teal.dropdown-toggle {
            background-color: #22a193;
            border-color: #20968a;
            color: #fff
        }

            .btn-teal:not(:disabled):not(.disabled).active:focus,
            .btn-teal:not(:disabled):not(.disabled):active:focus,
            .show > .btn-teal.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(43, 203, 186, .5)
            }

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

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

        .btn-cyan.focus,
        .btn-cyan:focus {
            box-shadow: 0 0 0 2px rgba(23, 162, 184, .5)
        }

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

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

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

    .btn-white {
        color: #263871
    }

        .btn-white,
        .btn-white:hover {
            background-color: #fff;
            background-image: none;
            border: 1px solid #e9ebfa
        }

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

            .btn-white.disabled,
            .btn-white:disabled {
                background-color: #fff;
                border: #fff;
                color: #495057
            }

            .btn-white:not(:disabled):not(.disabled).active,
            .btn-white:not(:disabled):not(.disabled):active {
                background-color: #fff;
                border: 1px solid #e9ebfa;
                color: #495057
            }

    .show > .btn-white.dropdown-toggle {
        background-color: #e9ebfa;
        border-color: #e7e9f1;
        color: #495057
    }

        .btn-white:not(:disabled):not(.disabled).active:focus,
        .btn-white:not(:disabled):not(.disabled):active:focus,
        .show > .btn-white.dropdown-toggle:focus {
            box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .5)
        }

    .btn-gray {
        background-color: #868e96;
        border-color: #868e96;
        color: #fff
    }

        .btn-gray:hover {
            background-color: #727b84;
            border-color: #6c757d;
            color: #fff
        }

        .btn-gray.focus,
        .btn-gray:focus {
            box-shadow: 0 0 0 2px hsla(210, 7%, 56%, .5)
        }

        .btn-gray.disabled,
        .btn-gray:disabled {
            background-color: #868e96;
            border-color: #868e96;
            color: #fff
        }

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

            .btn-gray:not(:disabled):not(.disabled).active:focus,
            .btn-gray:not(:disabled):not(.disabled):active:focus,
            .show > .btn-gray.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px hsla(210, 7%, 56%, .5)
            }

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

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

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

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

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

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

    .btn-azure {
        background-color: #128af9;
        border-color: #128af9;
        color: #fff
    }

        .btn-azure:hover {
            background-color: #219af0;
            border-color: #1594ef;
            color: #fff !important
        }

        .btn-azure.focus,
        .btn-azure:focus {
            box-shadow: 0 0 0 2px rgba(69, 170, 242, .5)
        }

        .btn-azure.disabled,
        .btn-azure:disabled {
            background-color: #128af9;
            border-color: #128af9;
            color: #fff
        }

        .btn-azure:not(:disabled):not(.disabled).active,
        .btn-azure:not(:disabled):not(.disabled):active,
        .show > .btn-azure.dropdown-toggle {
            background-color: #1594ef;
            border-color: #108ee7;
            color: #fff
        }

            .btn-azure:not(:disabled):not(.disabled).active:focus,
            .btn-azure:not(:disabled):not(.disabled):active:focus,
            .show > .btn-azure.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(69, 170, 242, .5)
            }

    .btn-lime {
        background-color: #7bd235;
        border-color: #7bd235;
        color: #fff
    }

        .btn-lime:hover {
            background-color: #69b829;
            border-color: #63ad27;
            color: #fff
        }

        .btn-lime.focus,
        .btn-lime:focus {
            box-shadow: 0 0 0 2px rgba(123, 210, 53, .5)
        }

        .btn-lime.disabled,
        .btn-lime:disabled {
            background-color: #7bd235;
            border-color: #7bd235;
            color: #fff
        }

        .btn-lime:not(:disabled):not(.disabled).active,
        .btn-lime:not(:disabled):not(.disabled):active,
        .show > .btn-lime.dropdown-toggle {
            background-color: #63ad27;
            border-color: #5da324;
            color: #fff
        }

            .btn-lime:not(:disabled):not(.disabled).active:focus,
            .btn-lime:not(:disabled):not(.disabled):active:focus,
            .show > .btn-lime.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(123, 210, 53, .5)
            }

    .btn-option {
        background: transparent;
        color: #9aa0ac
    }

        .btn-option:hover {
            color: #6e7687
        }

        .btn-option:focus {
            box-shadow: none;
            color: #6e7687
        }

    .btn-group-sm > .btn,
    .btn-sm {
        font-size: .75rem;
        min-width: 1.625rem
    }

    .btn-group-lg > .btn,
    .btn-lg {
        font-size: 16px;
        min-width: 2.75rem
    }

    .btn-list {
        font-size: 0;
        margin-bottom: -.5rem
    }

        .btn-list > .btn,
        .btn-list > .dropdown {
            margin-bottom: .5rem
        }

            .btn-list > .btn:not(:last-child),
            .btn-list > .dropdown:not(:last-child) {
                margin-right: .5rem
            }

    .btn-loading {
        color: transparent !important;
        pointer-events: none;
        position: relative
    }

        .btn-loading:after {
            -webkit-animation: loader .5s linear infinite;
            animation: loader .5s linear infinite;
            border: 2px solid #fff;
            border-radius: 50%;
            border-right-color: transparent !important;
            border-top-color: transparent !important;
            content: "";
            display: block;
            height: 1.4em;
            left: calc(50% - .7em);
            position: absolute;
            position: absolute !important;
            top: calc(50% - .7em);
            transform-origin: center;
            width: 1.4em
        }

        .btn-group-sm > .btn-loading.btn:after,
        .btn-loading.btn-sm:after {
            height: 1em;
            left: calc(50% - .5em);
            top: calc(50% - .5em);
            width: 1em
        }

        .btn-loading.btn-secondary:after {
            border-color: #495057
        }

    .btn-icon.btn-svg {
        line-height: 15px
    }

        .btn-icon.btn-svg .svg-icon {
            margin-top: 2px;
            width: 16px
        }

    .btn-svgs {
        display: inline-flex
    }

        .btn-svgs .svg-icon {
            margin-right: 6px
        }

    .btn-svg-text {
        margin-top: 2px
    }

    .btn-danger .svg-icon,
    .btn-dark .svg-icon,
    .btn-info .svg-icon,
    .btn-primary .svg-icon,
    .btn-secondary .svg-icon,
    .btn-success .svg-icon,
    .btn-warning .svg-icon {
        fill: hsla(0, 0%, 100%, .6)
    }

    .data-table-btn {
        left: 15%;
        position: absolute;
        z-index: 1
    }

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

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

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

        .btn-group .btn + .btn,
        .btn-group .btn + .btn-group {
            border-left: 1px solid rgba(0, 0, 0, .08);
            margin-left: -1px
        }

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

    .btn-toolbar {
        display: flex;
        flex-wrap: wrap;
        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-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

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

    .btn-group-vertical {
        align-items: flex-start;
        flex-direction: column;
        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-left: 0;
            margin-top: -1px
        }

        .btn-group-vertical > .btn-group:not(:last-child) > .btn,
        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-left-radius: 0;
            border-bottom-right-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-group > .btn input[type=checkbox],
        .btn-group-toggle > .btn-group > .btn input[type=radio],
        .btn-group-toggle > .btn input[type=checkbox],
        .btn-group-toggle > .btn input[type=radio] {
            clip: rect(0, 0, 0, 0);
            pointer-events: none;
            position: absolute
        }

    .card {
        word-wrap: break-word;
        background-clip: border-box;
        background-color: #fff;
        border: 0;
        border-radius: 13px;
        box-shadow: 0 .15rem 1.75rem 0 rgba(196, 205, 224, .2);
        display: flex;
        flex-direction: column;
        margin-bottom: 1.5rem;
        min-width: 0;
        position: relative;
        width: 100%
    }

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

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

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

    .card-subtitle {
        margin-top: -.75rem
    }

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

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

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

    .card .card-header .card-title:before {
        background: #36f;
        content: "";
        height: 25px;
        left: 0;
        padding: 2px;
        position: absolute
    }

    .card-header {
        align-items: center;
        background: transparent;
        border-bottom: 1px solid #e9ebfa;
        display: flex;
        padding: 1.5rem 1.5rem .5rem
    }

        .card-header,
        .card-header .card-title {
            margin-bottom: 0
        }

            .card-header:first-child {
                border-radius: 2px 2px 0 0
            }

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

    .footer-hover {
        color: #012e58;
    }

        .footer-hover:hover {
            color: #3366ff;
        }

    .card-footer {
        background-color: rgba(0, 0, 0, .03);
        border-top: 1px solid #e9ebfa;
        color: #4b5986;
        padding: 1.5rem
    }

        .card-footer:last-child {
            border-radius: 0 0 2px 2px
        }

    .card-header-tabs {
        border-bottom: 0;
        line-height: 2rem;
        margin: -1.25rem 0
    }

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

    .card-header-pills {
        margin: -.75rem 0
    }

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

    .card-img {
        border-radius: 2px;
        width: 100%
    }

    .card-img-top {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        width: 100%
    }

    .card-img-bottom {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        width: 100%
    }

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

        .card-deck .card {
            margin-bottom: .75rem
        }

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

        .card-group > .card {
            margin-bottom: .75rem
        }

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

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

        .card-deck {
            flex-flow: row wrap;
            margin-left: -.75rem;
            margin-right: -.75rem
        }

            .card-deck .card {
                display: flex;
                flex: 1 0 0%;
                flex-direction: column;
                margin-bottom: 0;
                margin-left: .75rem;
                margin-right: .75rem
            }

        .card-group {
            flex-flow: row wrap
        }

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

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

                .card-group > .card:first-child {
                    border-bottom-right-radius: 0;
                    border-top-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-bottom-left-radius: 0;
                    border-top-left-radius: 0
                }

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

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

                .card-group > .card:only-child {
                    border-radius: 3px
                }

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

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

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

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

    @media (max-width:576px) {
        .responsive-header.card-header {
            display: block
        }

            .responsive-header.card-header .card-title {
                margin-bottom: 1rem
            }

            .responsive-header.card-header .card-options .btn-list > .btn:not(:last-child) {
                font-size: 10px;
                margin-right: .2rem
            }
    }

    .rhombus {
        background-color: #ff0;
        height: 80px;
        transform: rotate(67.5deg);
        width: 350px
    }

    @media print {
        .card {
            border: none;
            box-shadow: none
        }
    }

    .card-body {
        flex: 1 1 auto;
        margin: 0;
        padding: 1.5rem;
        position: relative
    }

        .card-body + .card-body {
            border-top: 1px solid #e9ebfa
        }

    .tilebox-one i {
        font-size: 62px
    }

    .card-body > :last-child {
        margin-bottom: 0
    }

    @media print {
        .card-body {
            padding: 0
        }
    }

    .card-body-scrollable {
        overflow: auto
    }

    .card-bottom,
    .card-footer {
        background: none;
        padding: 1rem 1.5rem
    }

    .card-new-footer {
        padding: 1rem 0.5rem !important;
    }

    .log {
        margin-top: -26px
    }

    @media print {
        .card-header {
            display: none
        }
    }

    .card-img-overlay {
        background-color: rgba(0, 0, 0, .4);
        display: flex;
        flex-direction: column
    }

    .reg {
        color: #2e1170;
        float: right;
        font-size: 50px;
        text-align: center
    }

    .card-title {
        font-size: 1.1rem;
        font-weight: 500;
        letter-spacing: .01rem;
        line-height: 1.2;
        margin-bottom: 1.5rem;
        text-transform: capitalize
    }

        .card-title a {
            color: inherit
        }

        .card-title:only-child {
            margin-bottom: 0
        }

        .card-subtitle,
        .card-title small {
            color: #9aa0ac;
            display: block;
            font-size: .875rem;
            font-weight: 400;
            line-height: 1.1;
            margin: -.75rem 0 1rem
        }

    .card-table {
        margin-bottom: 0
    }

        .card-table tr:first-child td,
        .card-table tr:first-child th {
            border-top: 0
        }

        .card-table tr td:first-child,
        .card-table tr th:first-child {
            padding-left: 1.5rem
        }

        .card-table tr td:last-child,
        .card-table tr th:last-child {
            padding-right: 1.5rem
        }

    .card-body + .card-table {
        border-top: 1px solid #e9ebfa
    }

    .card-profile .card-header {
        background-size: cover;
        border: 0;
        height: 5rem
    }

    .profie-img .flex-md-row img {
        width: 60px
    }

    .card-profile-img {
        border: 3px solid #fff;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        margin-bottom: 1rem;
        max-width: 6rem
    }

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

    .card-body + .card-list-group {
        border-top: 1px solid #e9ebfa
    }

    .card-list-group .list-group-item {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

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

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

    .card-aside {
        flex-direction: row
    }

    .card-aside-column {
        background: no-repeat 50%/cover;
        flex: 0 0 20%;
        min-width: 5rem;
        width: 20%
    }

    .card-value {
        align-items: center;
        display: flex;
        font-size: 1rem;
        font-weight: 400;
        height: 3.4rem;
        line-height: 3.4rem
    }

        .card-value i {
            vertical-align: middle
        }

    .card-chart-bg {
        height: 4rem;
        margin-top: -1rem;
        overflow: hidden;
        position: relative;
        z-index: 1
    }

    .card-options {
        align-self: center;
        color: #9aa0ac;
        display: flex;
        margin-left: auto;
        margin-right: -.5rem;
        order: 100
    }

        .card-options a:not(.btn) {
            color: #263871;
            display: inline-block;
            min-width: 1rem
        }

            .card-options a:not(.btn):hover {
                color: #263871;
                text-decoration: none
            }

            .card-options a:not(.btn) i {
                font-size: 1rem;
                vertical-align: middle
            }

        .card-options .dropdown-toggle:after {
            display: none
        }

    .widgets-cards .wrp.icon-circle {
        align-items: center;
        border-radius: 50%;
        display: flex;
        height: 73px;
        justify-content: center;
        margin-right: 15px;
        padding: 0;
        width: 73px
    }

        .widgets-cards .wrp.icon-circle i {
            color: #fff;
            font-size: 1.6rem
        }

    .widgets-cards .wrp p {
        line-height: 1;
        margin-bottom: 10px
    }

        .widgets-cards .wrp p:first-child {
            font-size: 36px;
            font-weight: 400
        }

    ul li .legend-dots {
        border-radius: 100%;
        display: inline-block;
        height: 1rem;
        margin-right: .5rem;
        vertical-align: text-bottom;
        width: 1rem
    }

    .legend li {
        float: left;
        padding: 5px
    }

    .stretch-card {
        align-items: stretch;
        display: flex;
        justify-content: stretch
    }

        .stretch-card > .card {
            min-width: 100%;
            width: 100%
        }

    .icon-size {
        font-size: 2.5rem !important
    }

    .card-img-absolute {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0
    }

    .statistics-box {
        min-height: 80px;
        padding-left: 80px;
        padding-top: 14px;
        position: relative;
        text-align: right;
        text-align: center
    }

        .statistics-box .ico {
            font-size: 70px;
            height: 80px;
            left: 0;
            line-height: 80px;
            position: absolute;
            text-align: center;
            top: 0;
            width: 80px
        }

            .statistics-box .ico.small {
                font-size: 42px;
                font-weight: 900
            }

        .statistics-box h2 {
            font-weight: 600 !important
        }

    .card-collapsed > :not(.card-header):not(.card-status) {
        display: none
    }

    .card-collapsed .card-options-collapse i:before {
        content: ""
    }

    .card-fullscreen {
        bottom: 0;
        left: 0;
        margin: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999
    }

        .card-fullscreen .card-options-fullscreen i:before {
            content: ""
        }

        .card-fullscreen .card-options-remove {
            display: none
        }

    .card-map {
        background: #e9ecef;
        height: 15rem
    }

    .card-map-placeholder {
        background: no-repeat 50%
    }

    .card-tabs {
        display: flex
    }

    .card-tabs-bottom .card-tabs-item {
        border: 0
    }

        .card-tabs-bottom .card-tabs-item.active {
            border-top-color: #fff
        }

    .card-tabs-item {
        color: inherit;
        display: block;
        flex: 1 1 auto;
        overflow: hidden;
        padding: 1.4rem 1.5rem
    }

    a.card-tabs-item {
        background: #fafbfc
    }

        a.card-tabs-item:hover {
            color: inherit;
            text-decoration: none
        }

        a.card-tabs-item:focus {
            z-index: 1
        }

        a.card-tabs-item.active {
            background: #fff;
            border-bottom-color: #fff
        }

    .card-status {
        background: rgba(0, 40, 100, .12);
        border-radius: 7px 7px 0 0;
        height: 3px;
        left: 0;
        position: absolute;
        right: 0;
        top: -1px
    }

    .card-status-left {
        border-radius: 3px 0 0 3px;
        bottom: 0;
        height: auto;
        right: auto;
        width: 3px
    }

    .card-icon {
        font-size: 2.5rem;
        line-height: 3rem;
        text-align: center;
        width: 3rem
    }

    .card-alert {
        border-radius: 0;
        margin: -1px -1px 0
    }

    .card-category {
        background: #f3f3f3;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: .05em;
        margin: 0 0 .5rem;
        text-align: center;
        text-transform: uppercase
    }

    .card-custom-icon {
        color: #e5e9f2;
        height: 60px;
        position: absolute;
        right: 25px;
        top: 15px;
        width: 60px
    }

    .default-card.default .loader {
        border-color: #e0e3f5
    }

    .custom-card.blue {
        background: #ebf5fd;
        border: 1px solid #5dacf2;
        border-radius: 8px;
        color: #1687ed
    }

        .custom-card.blue .loader {
            border-color: #1687ed #99d0ff #99d0ff
        }

    .custom-card.red {
        background: #ffe6e6;
        border: 1px solid #ff8080;
        border-radius: 8px;
        color: red
    }

        .custom-card.red .loader {
            border-color: red #ff9696 #ff9696
        }

    .custom-card.green {
        background: #cbffce;
        border: 1px solid #00cb0d;
        border-radius: 8px;
        color: #007e08
    }

        .custom-card.green .loader {
            border-color: #007e08 #75cc7d #75cc7d
        }

    .default-card.default .loader {
        border-color: #36f #e0e3f5 #e0e3f5
    }

    .card-blog-overlay .card-header {
        border-bottom: 1px solid hsla(0, 0%, 100%, .2)
    }

    .card-blog-overlay1 .card-footer,
    .card-blog-overlay2 .card-footer {
        border-top: 1px solid hsla(0, 0%, 100%, .2)
    }

    .card-blog-overlay {
        background: url(../images/photos/thumb2.jpg);
        background-size: cover;
        position: relative
    }

        .card-blog-overlay1:before,
        .card-blog-overlay2:before,
        .card-blog-overlay:before {
            background: rgba(0, 0, 0, .5);
            border-radius: 7px;
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

    .card-blog-overlay1 {
        background: url(../images/photos/thumb3.jpg);
        background-size: cover
    }

    .card-blog-overlay2 {
        background: url(../images/photos/22.jpg);
        background-size: cover
    }

    .carousel {
        position: relative
    }

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

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

        .carousel-item.active {
            display: block
        }

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

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

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

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

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

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

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

    @supports (transform-style:preserve-3d) {
        .active.carousel-item-left,
        .carousel-item-prev {
            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 {
        transform: translateX(0)
    }

    @supports (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 {
            transform: translateZ(0)
        }
    }

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

    .carousel-control-prev {
        left: 0
    }

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

    .carousel-control-next {
        right: 0
    }

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

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

    .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 {
        bottom: 10px;
        display: flex;
        justify-content: center;
        left: 0;
        list-style: none;
        margin-left: 15%;
        margin-right: 15%;
        padding-left: 0;
        position: absolute;
        right: 0;
        z-index: 15
    }

        .carousel-indicators li {
            background-color: #fff;
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

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

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

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

        .carousel-indicators .active {
            background-color: #36f
        }

    .carousel-indicators1 {
        display: flex;
        justify-content: center;
        left: 0;
        list-style: none;
        margin-left: 15%;
        margin-right: 15%;
        padding-left: 0;
        position: absolute;
        right: 0;
        top: 10px;
        z-index: 15
    }

        .carousel-indicators1 li {
            background-color: hsla(0, 0%, 100%, .5);
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

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

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

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

        .carousel-indicators1 .active {
            background-color: #fff
        }

    .carousel-indicators2 {
        display: flex;
        justify-content: center;
        list-style: none;
        margin-top: 10px;
        padding-left: 0;
        position: absolute;
        right: 10px;
        top: 0;
        z-index: 15
    }

        .carousel-indicators2 li {
            background-color: hsla(0, 0%, 100%, .5);
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

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

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

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

        .carousel-indicators2 .active {
            background-color: #fff
        }

    .carousel-indicators3 {
        display: flex;
        justify-content: center;
        left: 10px;
        list-style: none;
        margin-top: 10px;
        padding-left: 0;
        position: absolute;
        z-index: 15
    }

        .carousel-indicators3 li {
            background-color: hsla(0, 0%, 100%, .5);
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

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

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

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

        .carousel-indicators3 .active {
            background-color: #fff
        }

    .carousel-indicators4 {
        bottom: 0;
        display: flex;
        justify-content: center;
        list-style: none;
        margin-top: 10%;
        padding-left: 0;
        position: absolute;
        right: 10px;
        z-index: 15
    }

        .carousel-indicators4 li {
            background-color: hsla(0, 0%, 100%, .5);
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

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

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

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

        .carousel-indicators4 .active {
            background-color: #fff
        }

    .carousel-indicators5 {
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 10px;
        list-style: none;
        padding-left: 0;
        position: absolute;
        z-index: 15
    }

        .carousel-indicators5 li {
            background-color: hsla(0, 0%, 100%, .5);
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

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

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

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

        .carousel-indicators5 .active {
            background-color: #fff
        }

    .carousel-caption {
        color: #fff;
        left: 15%;
        padding-bottom: 20px;
        padding-top: 20px;
        position: absolute;
        right: 15%;
        text-align: center;
        top: 30%;
        z-index: 10
    }

    .carousel-item-background {
        background: rgba(0, 0, 0, .5);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .carousel-top-indicators {
        top: 15px
    }

    .carousel-top-right-indicators {
        left: auto;
        margin: 0 !important;
        right: 15px !important;
        top: 15px
    }

    .carousel-top-left-indicators {
        left: 15px !important;
        margin: 0 !important;
        right: auto;
        top: 15px
    }

    .carousel-bottom-right-indicators {
        bottom: 15px;
        left: auto;
        margin: 0 !important;
        right: 15px !important
    }

    .carousel-bottom-left-indicators {
        bottom: 15px;
        left: 15px !important;
        margin: 0 !important;
        right: auto
    }

    .dashboard-carousel .carousel-control-next,
    .dashboard-carousel .carousel-control-prev {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: .375rem;
        height: 1.625rem;
        opacity: 1;
        top: 1.062rem;
        width: 1.625rem
    }

    .dashboard-carousel .carousel-control-next {
        right: 1.8rem
    }

    .dashboard-carousel .carousel-control-prev {
        left: auto;
        right: 4rem
    }

        .dashboard-carousel .carousel-control-next .carousel-control-next-icon,
        .dashboard-carousel .carousel-control-prev .carousel-control-prev-icon {
            background-image: none
        }

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

    .dashboard-carousel .carousel-control-prev .carousel-control-prev-icon:after {
        color: #313e6a;
        content: "";
        display: block;
        font-family: feather !important;
        font-size: .812rem;
        font-weight: 700;
        line-height: 1.35rem;
        margin-right: .1rem
    }

    .dashboard-carousel .carousel-control-next .carousel-control-next-icon:after {
        color: #313e6a;
        content: "";
        display: block;
        font-family: feather !important;
        font-size: .812rem;
        font-weight: 700;
        line-height: 1.35rem
    }

    .dashboard-carousel .carousel-body .text-over {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 55%
    }

    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img {
        width: 100%
    }

    .carousel-slider img {
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        display: inline-block;
        height: 60px;
        margin: 3px;
        overflow: hidden;
        width: 60px
    }

    .product-carousel .carousel-item img {
        background: #f1f4fb;
        border-radius: 5px;
        display: block;
        margin: 0 auto;
        padding: 2rem;
        text-align: center;
        width: 60%
    }

    .carousel-slider .thumb {
        cursor: pointer;
        float: left;
        margin: 0 2px
    }

        .carousel-slider .thumb.active img {
            background: #f1f4fb
        }

    #thumbcarousel {
        display: table;
        margin: 0 auto 20px
    }

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

    .dropdown-toggle {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .header .dropdown-menu[x-placement^=bottom],
    .header .dropdown-menu[x-placement^=left],
    .header .dropdown-menu[x-placement^=right],
    .header .dropdown-menu[x-placement^=top] {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        border: 1px solid #e9ebfa;
        border-radius: 6px;
        box-shadow: -8px 12px 18px 0 rgba(196, 205, 224, .2);
        top: 60px !important
    }

    .header-flags.show .dropdown-menu {
        left: -140px !important
    }

    .header-message.show .dropdown-menu {
        left: -260px !important
    }

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

    .notifyimg {
        background: #36f;
        border-radius: 50%;
        color: #fff;
        float: left;
        height: 40px;
        line-height: 43px;
        margin-right: 10px;
        vertical-align: middle;
        width: 40px
    }

    .drop-icon-wrap,
    .notifyimg {
        text-align: center
    }

        .drop-icon-wrap li {
            display: block
        }

        .drop-icon-wrap .drop-icon-item {
            color: #878787;
            display: inline-block;
            float: left;
            padding-bottom: 10px;
            padding-top: 10px;
            text-align: center;
            text-transform: capitalize;
            width: 50%
        }

    .block {
        display: block !important
    }

    .drop-icon-item i {
        font-size: 20px;
        padding-bottom: 5px
    }

    .drop-icon-wrap .drop-icon-item:focus,
    .drop-icon-wrap .drop-icon-item:hover {
        background-color: #eef0ff;
        text-decoration: none
    }

    .dropdown-item.user {
        font-size: 16px;
        padding: 5px
    }

    .user-semi-title {
        font-size: 12px
    }

    .floating {
        -webkit-animation: floating 3s ease infinite;
        animation: floating 3s ease infinite;
        will-change: transform
    }

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

        .dropdown-item:focus,
        .dropdown-item:hover {
            color: #36f
        }

        .dropdown-item.active,
        .dropdown-item:active,
        .dropdown-item:focus,
        .dropdown-item:hover {
            background-color: #f3f5fb;
            text-decoration: none
        }

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

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

    .dropdown-menu-arrow.dropdown-menu-left:before,
    .dropdown-menu-arrow.dropdown-menu-right:before {
        border-bottom: 10px solid #e9ebfa;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        left: 15px;
        position: absolute;
        top: -10px
    }

    .dropdown-menu-arrow.dropdown-menu-left:after,
    .dropdown-menu-arrow.dropdown-menu-right:after {
        border-bottom: 9px solid #fff;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        content: "";
        left: 16px;
        position: absolute;
        top: -8.5px
    }

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

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

    .dropdown-toggle-split {
        padding-left: .5625rem;
        padding-right: .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-left: .375rem;
        padding-right: .375rem
    }

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

    btn.dropdown-toggle ~ .dropdown-menu,
    ul.dropdown-menu li.dropdown ul.dropdown-menu {
        background-color: #f4f4f4 !important;
        background-color: #fff !important;
        border: 0 solid #4285f4 !important;
        box-shadow: 0 0 3px rgba(25, 25, 25, .3) !important;
        margin: 0 !important;
        padding: 0 !important;
        top: 0 !important
    }

    ul.dropdown-menu li.dropdown ul.dropdown-menu {
        position: absolute !important;
        width: 100% !important
    }

    .dropdown-menu {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 4px !important;
        box-shadow: none;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
        color: #313e6a;
        display: none;
        float: left;
        font-size: .9375rem;
        left: 0;
        list-style: none;
        margin: .125rem 0 0;
        min-width: 10rem;
        min-width: 12rem;
        padding: .5rem 0;
        position: absolute;
        text-align: left;
        top: 100%;
        z-index: 2
    }

        .dropdown-menu > li > a {
            clear: both;
            display: block;
            font-weight: 400;
            line-height: 1.428571429;
            padding: .5rem 1.5rem;
            white-space: nowrap;
            width: 100%
        }

            .dropdown-menu > li > a:focus,
            .dropdown-menu > li > a:hover {
                background-color: #f3f5fb;
                text-decoration: none
            }

        .dropdown-menu .divider {
            background: #e9ebfa;
            height: 1px;
            margin: 9px 0;
            overflow: hidden
        }

        .dropdown-menu .dropdown-plus-title {
            border: solid #e9ebfa !important;
            border-width: 0 0 1px !important;
            color: #6b6f80 !important;
            cursor: pointer !important;
            font-weight: 500 !important;
            padding: 6px 12px !important;
            width: 100% !important
        }

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

    ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
        line-height: 20px !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important
    }

    .btn.dropdown-toggle.btn-primary ~ .dropdown-menu .dropdown-plus-title {
        border-color: #36f !important
    }

    .btn.dropdown-toggle.btn-success ~ .dropdown-menu .dropdown-plus-title {
        border-color: #4cae4c !important
    }

    .btn.dropdown-toggle.btn-info ~ .dropdown-menu .dropdown-plus-title {
        border-color: #46b8da !important
    }

    .btn.dropdown-toggle.btn-warning ~ .dropdown-menu .dropdown-plus-title {
        border-color: #eea236 !important
    }

    .btn.dropdown-toggle.btn-danger ~ .dropdown-menu .dropdown-plus-title {
        border-color: #d43f3a !important
    }

    .dropdown-menu-header {
        align-items: center;
        border-bottom: 1px solid #e9ebfa;
        display: flex;
        justify-content: space-between;
        padding: 12px 15px
    }

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

    .dropdown-menu-header label {
        color: #6b6f80;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0;
        text-transform: uppercase
    }

    .dropdown-media-list .media {
        padding: 12px 15px
    }

        .dropdown-media-list .media:focus,
        .dropdown-media-list .media:hover {
            background-color: #f8f9fa
        }

    .dropdown-media-list {
        padding: 0
    }

        .dropdown-media-list img {
            border-radius: 100%
        }

        .dropdown-media-list .media-body {
            margin-left: 15px
        }

            .dropdown-media-list .media-body > div {
                align-items: center;
                display: flex;
                justify-content: space-between
            }

                .dropdown-media-list .media-body > div p {
                    color: #6b6f80;
                    font-size: 14px;
                    font-weight: 500;
                    margin-bottom: 0
                }

                .dropdown-media-list .media-body > div span {
                    font-size: 12px
                }

            .dropdown-media-list .media-body > p {
                font-size: 14px;
                margin-bottom: 0
            }

    .dropdown-list-footer {
        border-top: 1px solid #e9ebfa;
        font-size: 12px;
        padding: 10px 15px;
        text-align: center
    }

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

    @media (min-width:768px) {
        ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
            padding-bottom: 15px !important;
            padding-top: 15px !important
        }

        ul.dropdown-menu li.dropdown ul.dropdown-menu {
            width: auto !important
        }
    }

    .dropdown {
        display: block
    }

    #sidebar .dropdown-menu {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        min-width: 12rem
    }

    .dropdown-menu-arrow.dropdown-menu-right:after,
    .dropdown-menu-arrow.dropdown-menu-right:before {
        left: auto;
        right: 12px
    }

    .dropdown-icon {
        color: #3e4358;
        display: inline-block;
        margin-left: -.5rem;
        margin-right: .5rem;
        text-align: center;
        vertical-align: -1px;
        width: 1em
    }

    .btn-white.dropdown-toggle:after {
        color: #c4c9d6
    }

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

    .input-group-addon {
        border: 1px solid #e9ebfa;
        border-radius: .25rem 0 0 .2rem;
        border-right: 0;
        color: #b7bec5;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.25;
        margin-bottom: 0;
        padding: .5rem .75rem;
        text-align: center
    }

    .box-shadow-0 {
        box-shadow: none
    }

    .input-group-text {
        margin-left: -2px
    }

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

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

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

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

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

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

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

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

    .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
    .input-group > .input-group-append:not(:last-child) > .btn,
    .input-group > .input-group-append:not(:last-child) > .input-group-text,
    .input-group > .input-group-prepend > .btn,
    .input-group > .input-group-prepend > .input-group-text {
        border-bottom-right-radius: 0;
        border-top-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-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

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

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

            .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-append {
        margin-left: -1px;
        margin-right: -1px
    }

        .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 {
            margin-left: -1px
        }

    .input-group-text {
        align-items: center;
        background-color: #dee5f7;
        border: 1px solid #d8dbee;
        border-radius: 3px;
        color: #9ba5ca;
        display: flex;
        font-size: .9375rem;
        font-weight: 400;
        line-height: 1.6;
        margin-bottom: 0;
        padding: .375rem .75rem;
        text-align: center;
        white-space: nowrap
    }

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

    .page-rightheader .input-group-text {
        border: 1px solid #eceefb
    }

    .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]),
    .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
    .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
    .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
    .input-group-sm > select.form-control:not([size]):not([multiple]) {
        height: calc(1.8125rem + 2px)
    }

    .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 {
        border-radius: 3px;
        font-size: .875rem;
        line-height: 1.14285714;
        padding: .25rem .5rem
    }

    .input-group-sm > .form-control-plaintext.form-control,
    .input-group-sm > .input-group-append > .form-control-plaintext.btn,
    .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
    .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
    .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
        padding-left: 0;
        padding-right: 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 {
        border-radius: 3px;
        font-size: 1.125rem;
        line-height: 1.44444444;
        padding: .5rem 1rem
    }

    .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]),
    .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
    .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
    .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
    .input-group-lg > select.form-control:not([size]):not([multiple]) {
        height: calc(2.6875rem + 2px)
    }

    .input-group-lg > .form-control-plaintext.form-control,
    .input-group-lg > .input-group-append > .form-control-plaintext.btn,
    .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
    .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
    .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text {
        padding-left: 0;
        padding-right: 0
    }

    .input-group-append,
    .input-group-btn .btn,
    .input-group-prepend {
        border-left: 0
    }

        .input-group-append > .btn,
        .input-group-btn > .btn,
        .input-group-prepend > .btn {
            border-color: rgba(0, 40, 100, .12);
            height: 100%
        }

        .input-group-prepend > .input-group-text {
            border-right: 0
        }

        .input-group-append > .input-group-text {
            border-left: 0
        }

    .input-icon {
        position: relative
    }

        .input-icon .form-control:not(:first-child),
        .input-icon .form-control:not(:last-child) {
            padding-left: 2.5rem
        }

    .input-icon-addon {
        align-items: center;
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 0;
        min-width: 2.5rem;
        pointer-events: none;
        position: absolute;
        top: 0
    }

        .input-icon-addon:last-child {
            left: auto
        }

    .input-search {
        background-color: transparent;
        border: none;
        bottom: 0;
        color: #fff;
        font-size: 16px;
        height: 34px;
        left: 0;
        outline: none;
        padding: 20px;
        position: absolute;
        right: 20px;
        top: 0;
        width: calc(100% - 148px)
    }

    .search-label {
        display: block;
        height: 50px;
        left: 50%;
        margin-left: -54px;
        position: absolute;
        top: 0;
        transition: .5s ease-in-out;
        width: 50px;
        z-index: 100
    }

    .isActive .search-label {
        transform: translateX(246px)
    }

    .isActive.full svg,
    .isActive svg {
        stroke-dashoffset: -65;
        stroke-dasharray: 141.305 65;
        transform: translateX(0)
    }

    .full .search-label {
        transform: translateX(246px)
    }

    .full svg {
        stroke-dashoffset: 0;
        stroke-dasharray: 64.6 206.305;
        transform: translateX(0)
    }

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

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

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

    @media (max-width:480px) {
        .jumbotron .display-3 {
            font-size: 2.5rem
        }
    }

    .label-default {
        background: #f3f4f7
    }

    .label-primary {
        background: #36f
    }

    .label-success {
        background: #0dcd94
    }

    .label-danger {
        background: #dc0441
    }

    .label-warning {
        background: #fbc518
    }

    .label-info {
        background: #128af9
    }

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

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

        .list-group-item-action:focus,
        .list-group-item-action:hover {
            background-color: #ebeff8;
            color: #6b6f80;
            text-decoration: none;
            z-index: 0
        }

        .list-group-item-action:active {
            background-color: #ebeff8;
            color: #263871;
            z-index: 0
        }

    .list-group-item + .list-group-item {
        border-top-width: 1px
    }

    .listorder {
        list-style-type: decimal
    }

    .listorder,
    .listorder1 {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        list-style-position: inside;
        margin-bottom: -1px;
        padding: .75rem 1.25rem;
        position: relative
    }

    .listorder1 {
        list-style-type: upper-alpha
    }

    .listunorder {
        list-style-type: circle
    }

    .listunorder,
    .listunorder1 {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        list-style-position: inside;
        margin-bottom: -1px;
        padding: .75rem 1.25rem;
        position: relative
    }

    .listunorder1 {
        list-style-type: square
    }

    .list-group-item {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        display: block;
        margin-bottom: -1px;
        padding: .75rem 1.25rem;
        position: relative
    }

        .list-group-item.active .icon {
            color: inherit !important
        }

        .list-group-item .icon {
            color: #6b6f80 !important
        }

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

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

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

        .list-group-item.disabled,
        .list-group-item:disabled {
            background-color: #fff;
            color: #7c90b1
        }

        .list-group-item.active {
            background-color: #ebeff8;
            border-color: transparent;
            border-color: 3px solid hsla(0, 0%, 93%, .5);
            color: inherit;
            z-index: 0
        }

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

    .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 {
        background-color: #cbdbf2 !important;
        color: #24426c
    }

        .list-group-item-primary.list-group-item-action:focus,
        .list-group-item-primary.list-group-item-action:hover {
            background-color: #b7cded;
            color: #24426c
        }

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

    .list-group-item-secondary {
        background-color: #fe7f00 !important;
        color: #fff
    }

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

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

    .list-group-item-success {
        background-color: rgba(13, 205, 148, .1) !important;
        color: #0dcd94
    }

        .list-group-item-success.list-group-item-action:focus,
        .list-group-item-success.list-group-item-action:hover {
            background-color: rgba(13, 205, 148, .1);
            color: #0dcd94
        }

        .list-group-item-success.list-group-item-action.active {
            background-color: rgba(13, 205, 148, .1);
            border-color: rgba(13, 205, 148, .1);
            color: #fff
        }

    .list-group-item-info,
    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        background-color: rgba(18, 138, 249, .1) !important;
        color: #128af9
    }

        .list-group-item-info.list-group-item-action.active {
            background-color: rgba(18, 138, 249, .1);
            border-color: rgba(18, 138, 249, .1);
            color: #fff
        }

    .list-group-item-warning {
        background-color: rgba(251, 197, 24, .1) !important;
        color: #fbc518
    }

        .list-group-item-warning.list-group-item-action:focus,
        .list-group-item-warning.list-group-item-action:hover {
            background-color: rgba(251, 197, 24, .1);
            color: #fbc518
        }

        .list-group-item-warning.list-group-item-action.active {
            background-color: rgba(251, 197, 24, .1);
            border-color: rgba(251, 197, 24, .1);
            color: #fff
        }

    .list-group-item-danger,
    .list-group-item-danger.list-group-item-action:focus,
    .list-group-item-danger.list-group-item-action:hover {
        background-color: rgba(247, 40, 74, .1) !important;
        color: #f7284a
    }

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

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

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

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

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

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

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

    .close {
        color: #495057;
        float: right;
        font-size: 1.40625rem;
        font-weight: 700;
        line-height: 1;
        opacity: .5
    }

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

        .close:not(:disabled):not(.disabled) {
            cursor: pointer
        }

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

    .list-inline-dots .list-inline-item + .list-inline-item:before {
        content: "· ";
        margin-left: -2px;
        margin-right: 3px
    }

    .list-separated-item {
        padding: 1rem 0
    }

        .list-separated-item:first-child {
            padding-top: 0
        }

    .list-group-transparent .list-group-item {
        background: none;
        border: 0;
        border-radius: 3px;
        padding: .75rem 1rem
    }

        .list-group-transparent .list-group-item.active {
            background: #f6f9ff;
            color: #36f;
            font-weight: 500
        }

    .visitor-list p {
        font-size: 12px
    }

    .visitor-list i {
        font-size: 20px
    }

    .sales-relative {
        position: relative
    }

    .icon-absolute {
        border-radius: 50%;
        bottom: 10px;
        display: block;
        height: 70px;
        padding: 20px 0;
        position: absolute;
        right: 10px;
        text-align: center;
        width: 70px
    }

    @media (min-width:991px) and (max-width:1024px) {
        .icon-absolute {
            display: none
        }
    }

    .list-style-uproman {
        list-style-type: upper-roman
    }

    .list-style-lwalpha {
        list-style-type: lower-alpha;
        padding-left: 40px
    }

    .list-style-disc {
        list-style-type: disc;
        padding-left: 40px
    }

    ol.list-order-style {
        margin-bottom: 0
    }

    .inline-list li {
        display: inline-block;
        margin-right: 15px
    }

        .inline-list li:last-child {
            margin-right: 0
        }

    .list-style-cricle {
        list-style-type: circle;
        padding-left: 40px
    }

    .list-style-square {
        list-style-type: square;
        padding-left: 40px
    }

    .list-icon span p {
        border: 1px solid #36f;
        border-radius: 15px;
        margin: 0 auto;
        width: 50%
    }

    .list.d-flex img {
        width: 60px
    }

    .media {
        zoom: 1;
        margin-top: 15px;
        overflow: hidden
    }

        .media img {
            height: 40px;
            width: 40px
        }

        .media.media-lg img {
            height: 80px;
            width: 80px
        }

    .media-body {
        zoom: 1;
        overflow: hidden
    }

    .media-object {
        display: block
    }

    .media-right,
    .media > .pull-right {
        padding-left: 10px
    }

    .media-body,
    .media-left,
    .media-right {
        display: table-cell;
        vertical-align: top
    }

    .media-left,
    .media > .pull-left {
        padding-right: 10px
    }

    .media-heading {
        margin-bottom: 5px;
        margin-top: 0
    }

    .media-body h4 {
        font-size: 16px;
        font-weight: 600
    }

    .media-middle {
        vertical-align: middle
    }

    .media-bottom {
        vertical-align: bottom
    }

    .list-media .media-img {
        float: left;
        margin-right: 20px;
        position: relative;
        width: 48px
    }

    .list-media .info {
        height: auto;
        min-height: 40px;
        padding-left: 55px;
        position: relative
    }

        .list-media .info h4 a {
            font-size: 16px;
            margin-top: 10px
        }

        .list-media .info p {
            font-size: 13px
        }

        .list-media .info .text-right {
            color: #8a8a8a;
            font-size: 12px;
            margin-top: -28px;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%)
        }

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

    .mediaicon {
        background: #36f;
        border: 1px solid #36f;
        border-radius: 20px;
        color: #fff;
        font-size: 18px;
        height: 40px;
        padding: 5px 0;
        text-align: center;
        width: 40px
    }

    .media-body {
        flex: 1
    }

    .mediafont {
        font-size: 16px;
        font-weight: 600
    }

    .sub-media {
        background: #ebeff8;
        border-radius: 8px;
        margin-top: 1.5rem;
        padding: 15px;
        position: relative
    }

        .sub-media:after,
        .sub-media:before {
            border: solid transparent;
            bottom: 100%;
            content: "";
            height: 0;
            left: 30px;
            pointer-events: none;
            position: absolute;
            width: 0
        }

        .sub-media:after,
        .sub-media:before {
            border-color: transparent transparent #ebeff8;
            border-width: 10px;
            margin-left: -10px
        }

    .media-icon {
        border-radius: 100%;
        font-size: 18px;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        width: 2.5rem
    }

    .media-list {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .modal {
        bottom: 0;
        display: none;
        left: 0;
        margin: 0 !important;
        outline: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 10000
    }

    .modal,
    .modal-open {
        padding-right: 0 !important
    }

    .modal-open {
        overflow: auto
    }

        .modal-open .modal {
            overflow-x: hidden;
            overflow-y: auto;
            padding-right: 0 !important
        }

    .modal-dialog {
        margin: .5rem;
        pointer-events: none;
        position: relative;
        width: auto
    }

    .modal.fade .modal-dialog {
        transition: transform .3s ease-out
    }

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

    .modal-dialog-centered {
        align-items: center;
        display: flex;
        min-height: calc(100% - 1rem)
    }

    .modal-content {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        display: flex;
        flex-direction: column;
        outline: 0;
        pointer-events: auto;
        position: relative;
        width: 100%
    }

    .modal-backdrop {
        background-color: #000;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999
    }

        .modal-backdrop.fade {
            opacity: 0
        }

        .modal-backdrop.show {
            opacity: .5
        }

    .modal-header {
        align-items: flex-start;
        border-bottom: 1px solid #e9ebfa;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        display: flex;
        justify-content: space-between;
        padding: 1rem
    }

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

    .modal-title {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 0
    }

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

        .modal-body p:last-child {
            margin-bottom: 0
        }

    .modal-footer {
        align-items: center;
        border-top: 1px solid #e9ecef;
        display: flex;
        justify-content: flex-end;
        padding: 1rem
    }

        .modal-footer > :not(:first-child) {
            margin-left: .25rem
        }

        .modal-footer > :not(:last-child) {
            margin-right: .25rem
        }

    .modal-scrollbar-measure {
        height: 50px;
        overflow: scroll;
        position: absolute;
        top: -9999px;
        width: 50px
    }

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

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

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

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

    .modal.animated .modal-dialog {
        transform: translate(0)
    }

    .modal.effect-scale .modal-dialog {
        opacity: 0;
        transform: scale(.7);
        transition: all .3s
    }

    .modal.effect-scale.show .modal-dialog {
        opacity: 1;
        transform: scale(1)
    }

    .modal.effect-slide-in-right .modal-dialog {
        opacity: 0;
        transform: translateX(20%);
        transition: all .3s cubic-bezier(.25, .5, .5, .9)
    }

    .modal.effect-slide-in-right.show .modal-dialog {
        opacity: 1;
        transform: translateX(0)
    }

    .modal.effect-slide-in-bottom .modal-dialog {
        opacity: 0;
        transform: translateY(20%);
        transition: all .3s
    }

    .modal.effect-slide-in-bottom.show .modal-dialog {
        opacity: 1;
        transform: translateY(0)
    }

    .modal.effect-newspaper .modal-dialog {
        opacity: 0;
        transform: scale(0) rotate(2turn)
    }

    .modal.effect-newspaper .modal-dialog,
    .modal.effect-newspaper.show ~ .modal-backdrop {
        transition: all .5s
    }

    .modal.effect-newspaper.show .modal-dialog {
        opacity: 1;
        transform: scale(1) rotate(0deg)
    }

    .modal.effect-fall {
        perspective: 1300px
    }

        .modal.effect-fall .modal-dialog {
            opacity: 0;
            transform: translateZ(600px) rotateX(20deg);
            transform-style: preserve-3d
        }

        .modal.effect-fall.show .modal-dialog {
            opacity: 1;
            transform: translateZ(0) rotateX(0deg);
            transition: all .3s ease-in
        }

    .modal.effect-flip-horizontal {
        perspective: 1300px
    }

        .modal.effect-flip-horizontal .modal-dialog {
            opacity: 0;
            transform: rotateY(-70deg);
            transform-style: preserve-3d;
            transition: all .3s
        }

        .modal.effect-flip-horizontal.show .modal-dialog {
            opacity: 1;
            transform: rotateY(0deg)
        }

    .modal.effect-flip-vertical {
        perspective: 1300px
    }

        .modal.effect-flip-vertical .modal-dialog {
            opacity: 0;
            transform: rotateX(-70deg);
            transform-style: preserve-3d;
            transition: all .3s
        }

        .modal.effect-flip-vertical.show .modal-dialog {
            opacity: 1;
            transform: rotateX(0deg)
        }

    .modal.effect-super-scaled .modal-dialog {
        opacity: 0;
        transform: scale(2);
        transition: all .3s
    }

    .modal.effect-super-scaled.show .modal-dialog {
        opacity: 1;
        transform: scale(1)
    }

    .modal.effect-sign {
        perspective: 1300px
    }

        .modal.effect-sign .modal-dialog {
            opacity: 0;
            transform: rotateX(-60deg);
            transform-origin: 50% 0;
            transform-style: preserve-3d;
            transition: all .3s
        }

        .modal.effect-sign.show .modal-dialog {
            opacity: 1;
            transform: rotateX(0deg)
        }

    .modal.effect-rotate-bottom {
        perspective: 1300px
    }

        .modal.effect-rotate-bottom .modal-dialog {
            opacity: 0;
            transform: translateY(100%) rotateX(90deg);
            transform-origin: 0 100%;
            transform-style: preserve-3d;
            transition: all .3s ease-out
        }

        .modal.effect-rotate-bottom.show .modal-dialog {
            opacity: 1;
            transform: translateY(0) rotateX(0deg)
        }

    .modal.effect-rotate-left {
        perspective: 1300px
    }

        .modal.effect-rotate-left .modal-dialog {
            opacity: 0;
            transform: translateZ(100px) translateX(-30%) rotateY(90deg);
            transform-origin: 0 100%;
            transform-style: preserve-3d;
            transition: all .3s
        }

        .modal.effect-rotate-left.show .modal-dialog {
            opacity: 1;
            transform: translateZ(0) translateX(0) rotateY(0deg)
        }

    .modal.effect-just-me .modal-dialog {
        opacity: 0;
        transform: scale(.8);
        transition: all .3s
    }

    .modal.effect-just-me .modal-content {
        background-color: #262b5a;
        border: 1px solid #4d4e50;
        padding: 0 9px
    }

    .modal.effect-just-me .close {
        color: #fff;
        text-shadow: none
    }

    .modal.effect-just-me .modal-header {
        background-color: transparent;
        border-bottom-color: hsla(0, 0%, 100%, .1);
        padding-left: 0;
        padding-right: 0
    }

        .modal.effect-just-me .modal-header h6 {
            color: #fff;
            font-weight: 500
        }

    .modal.effect-just-me .modal-body {
        color: hsla(0, 0%, 100%, .8);
        padding-left: 0;
        padding-right: 0
    }

        .modal.effect-just-me .modal-body h6 {
            color: #fff
        }

    .modal.effect-just-me .modal-footer {
        background-color: transparent;
        border-top-color: hsla(0, 0%, 100%, .1);
        padding-left: 0;
        padding-right: 0
    }

    .modal.effect-just-me.show ~ .modal-backdrop {
        opacity: .96
    }

    .modal.effect-just-me.show .modal-dialog {
        opacity: 1;
        transform: scale(1)
    }

    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        height: 100%;
        margin: auto;
        position: fixed;
        transition: all .3 ease;
        width: 100%
    }

    .modal.left .modal-content,
    .modal.right .modal-content {
        height: 100%;
        overflow-y: auto
    }

    .modal.left .modal-body,
    .modal.right .modal-body {
        padding: 15px 15px 80px
    }

    .modal.left.fade .modal-dialog {
        left: -320px
    }

    .modal.left.fade.in .modal-dialog {
        left: 0
    }

    .modal.right.animate-task .modal-dialog {
        right: -320px;
        right: 0
    }

    .modal.left .modal-dialog {
        left: -320px;
        left: 0
    }

    .modal.right .modal-dialog {
        right: -320px;
        right: 0
    }

    .modal .select2-container {
        width: 100% !important
    }

    .modal-open .select2-dropdown {
        z-index: 10000 !important
    }

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

    .nav-link {
        display: block;
        padding: .2rem .9rem
    }

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

        .nav-link.disabled {
            color: #a8b4c1
        }

    .nav-tabs {
        border-bottom: 1px solid #e9ebfa;
        color: #000;
        margin: 0 -.75rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .nav-tabs .nav-link {
            border: 1px solid transparent;
            color: inherit;
            color: #9ba5ca;
            font-size: 13px;
            font-weight: 500;
            padding: 1rem 1.6rem;
            text-align: center;
            transition: border-color .3s
        }

            .nav-tabs .nav-link:hover:not(.disabled) {
                color: #fff
            }

            .nav-tabs .nav-link:focus,
            .nav-tabs .nav-link:hover {
                border: 0
            }

            .nav-tabs .nav-link.disabled {
                background-color: transparent;
                border-color: transparent;
                color: #868e96
            }

            .nav-tabs .nav-link.active {
                background: #36f;
                border: 0;
                color: #fff
            }

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

            .nav-tabs .nav-item.show .nav-link {
                border: 0
            }

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

        .nav-tabs .nav-item1 {
            margin-bottom: 0;
            position: relative
        }

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

            .nav-tabs .nav-item1 .nav-link {
                border: 0;
                color: inherit;
                color: #6b6f80;
                font-weight: 400;
                margin-bottom: -1px;
                padding: 1rem 10px;
                transition: border-color .3s
            }

                .nav-tabs .nav-item1 .nav-link.active,
                .nav-tabs .nav-item1 .nav-link:hover:not(.disabled) {
                    background: #36f;
                    color: #fff
                }

                .nav-tabs .nav-item1 .nav-link.disabled {
                    cursor: default;
                    opacity: .6;
                    pointer-events: none
                }

            .nav-tabs .nav-item1 i {
                display: inline-block;
                font-size: 0 rem;
                line-height: 1;
                margin-right: 10px;
                vertical-align: baseline;
                width: .875rem
            }

            .nav-tabs .nav-item1:hover .nav-submenu {
                display: block
            }

        .nav-tabs .nav-submenu {
            background: #000
        }

            .nav-tabs .nav-submenu .nav-item1 {
                color: #9aa0ac;
                cursor: pointer;
                display: block;
                margin: 0 !important;
                padding: .5rem 1rem;
                transition: background .3s
            }

                .nav-tabs .nav-submenu .nav-item1.active {
                    color: #467fcf
                }

                .nav-tabs .nav-submenu .nav-item1:hover {
                    background: rgba(0, 0, 0, .024);
                    color: #6e7687;
                    text-decoration: none
                }

        .nav-tabs .nav-link.disabled {
            cursor: default;
            opacity: .4;
            pointer-events: none
        }

        .nav-tabs .nav-item {
            margin-bottom: 0;
            position: relative
        }

            .nav-tabs .nav-item:hover .nav-submenu {
                display: block
            }

            .nav-tabs .nav-item i {
                display: inline-block;
                font-size: 0 rem;
                line-height: 1;
                margin-right: 10px;
                vertical-align: baseline;
                width: .875rem
            }

        .nav-tabs .nav-submenu {
            background: #fff;
            border: 1px solid #e9ebfa;
            border-radius: 0 0 3px 3px;
            border-top: none;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
            display: none;
            min-width: 10rem;
            position: absolute;
            z-index: 10
        }

            .nav-tabs .nav-submenu .nav-item {
                color: #9aa0ac;
                cursor: pointer;
                display: block;
                margin: 0 !important;
                padding: .5rem 1rem;
                transition: background .3s
            }

                .nav-tabs .nav-submenu .nav-item.active {
                    color: #467fcf
                }

                .nav-tabs .nav-submenu .nav-item:hover {
                    background: rgba(0, 0, 0, .024);
                    color: #6e7687;
                    text-decoration: none
                }

    .nav-pills .nav-link {
        background: #eaeefa;
        border-radius: 4px
    }

    .card-header-pills.nav-pills .nav-link {
        background: transparent;
        border-radius: 4px
    }

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

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

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

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

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

    .navbar {
        padding: .5rem 1rem;
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .navbar-expand-sm .navbar-collapse {
                display: flex !important;
                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-left: 0;
            padding-right: 0
        }
    }

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

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

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

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

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

            .navbar-expand-md .navbar-collapse {
                display: flex !important;
                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-left: 0;
            padding-right: 0
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .navbar-expand {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

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

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

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

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

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

        .navbar-expand .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

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

    .navbar-light .navbar-brand,
    .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 {
        border-color: rgba(0, 0, 0, .1);
        color: rgba(0, 0, 0, .5)
    }

    .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='$black-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,
        .navbar-light .navbar-text a:focus,
        .navbar-light .navbar-text a:hover {
            color: rgba(0, 0, 0, .9)
        }

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

    .navbar-dark .navbar-nav .nav-link {
        color: hsla(0, 0%, 100%, .5)
    }

        .navbar-dark .navbar-nav .nav-link:focus,
        .navbar-dark .navbar-nav .nav-link:hover {
            color: hsla(0, 0%, 100%, .75)
        }

        .navbar-dark .navbar-nav .nav-link.disabled {
            color: hsla(0, 0%, 100%, .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 {
        border-color: hsla(0, 0%, 100%, .1);
        color: hsla(0, 0%, 100%, .5)
    }

    .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='$white-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
    }

    .navbar-dark .navbar-text {
        color: hsla(0, 0%, 100%, .5)
    }

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

    .nav-item1 {
        align-items: center;
        cursor: pointer;
        display: flex;
        min-width: 2rem;
        padding: 10px;
        transition: color .3s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .nav-item1.active,
        .nav-item1:hover:not(.disabled) {
            color: #fff
        }

        .nav-item1 .nav-link.disabled {
            color: #8e9cad;
            cursor: default;
            pointer-events: none
        }

    .nav1 {
        background: #eaeefa;
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0
    }

    .user-button {
        background: #36f;
        border: 1px solid hsla(0, 0%, 100%, .1);
        border-radius: 3px;
        color: #fff !important;
        padding: 3px 10px
    }

        .user-button:hover {
            background: #fff;
            border: 1px solid #36f;
            color: #36f !important
        }

    .nav-item,
    .nav-link {
        align-items: center;
        cursor: pointer;
        display: flex;
        min-width: 2rem;
        transition: color .3s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .header .nav-item .badge,
    .header .nav-link .badge {
        border-radius: 100%;
        display: block !important;
        font-size: 11px;
        height: 1rem;
        line-height: 1;
        padding: 3px 5px !important;
        position: absolute;
        right: 3px;
        top: 5px;
        width: 1rem
    }

    #headerMenuCollapse .nav-item .badge,
    #headerMenuCollapse .nav-link .badge {
        font-size: 10px;
        font-weight: 500;
        min-width: 1rem;
        position: relative
    }

    .header .nav-tabs .nav-link.active,
    .header .nav-tabs .nav-link:hover:not(.disabled) {
        background: #36f;
        color: #fff !important
    }

    .nav-item:hover .dropdown-menu,
    .nav-link:hover .dropdown-menu,
    .nav-link:hover .dropdown-menu.show {
        display: block
    }

    @media (max-width:1279px) and (min-width:992px) {
        .nav-tabs .nav-link {
            font-size: 13px;
            padding: 1rem .95rem
        }
    }

    @media (max-width:480px) {
        .list-media .info {
            padding-bottom: 15px
        }

            .list-media .info .text-right {
                display: none
            }

        .header-brand-img {
            margin-top: 3px
        }

        .m-portlet {
            display: none
        }

        .searching.mt-3 {
            margin-top: .6rem !important
        }

        .tabs-menu ul li {
            margin: 15px;
            width: 100%
        }

            .tabs-menu ul li a {
                width: 100%
            }

        .invoicelist .tabs-menu ul li {
            margin: 0;
            width: 100%
        }

            .invoicelist .tabs-menu ul li a {
                width: 100%
            }

        .cal1 .clndr .clndr-table tr {
            height: 50px !important
        }

        .wizard-card .nav-pills > li {
            padding: 9px !important;
            text-align: center
        }

        .form-control.custom-select.w-auto {
            display: none
        }

        .badge {
            margin: 10px 0
        }

            .badge.user-punch {
                margin: 0px 0px !important;
            }

        .mail-inbox .badge {
            margin: 0
        }

        .construction .display-5 {
            font-size: 1.5rem
        }

        .header-brand {
            line-height: 2.5rem !important
        }

        .mail-option .hidden-phone {
            display: none
        }

        .app-header .header-brand {
            min-width: auto !important
        }

        .dropdown.header-fullscreen {
            display: none
        }

        .app-header1 .header-brand {
            min-width: auto
        }

        .widget-text span {
            font-size: 10px
        }
    }

    @media (max-width:767px) {
        .card-tabs {
            display: block !important
        }

        .shop-dec .col-md-6.pr-0 {
            padding-right: .75rem !important
        }

        .shop-dec .col-md-6.pl-0 {
            padding-left: .75rem !important
        }
    }

    @media (max-width:768px) and (min-width:481px) {
        .searching i {
            margin-top: 5px !important
        }

        .nav-link.leading-none span {
            margin-top: -1px !important;
            padding: 0 !important
        }
    }

    @media (max-width:768px) {
        .nav-tabs .nav-link {
            width: 100%
        }

        .page-subtitle {
            display: none
        }

        .richText .richText-toolbar ul li a {
            border: 1px solid rgba(0, 40, 100, .12)
        }

        .ticket-card .col-md-1 {
            display: block;
            width: 100%
        }

        .ticket-card img {
            display: block;
            margin: 0 auto;
            text-align: Center
        }

        .dataTables_wrapper .dataTables_info,
        .dataTables_wrapper .dataTables_paginate {
            margin-top: 10px !important
        }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            justify-content: center !important
        }

        .page-title {
            font-size: 20px;
            line-height: 1.5rem
        }

        .carousel-caption {
            display: none
        }

        .demo-gallery > ul > li {
            width: 100% !important
        }

        ul.inbox-pagination li span {
            display: none
        }

        .dash1,
        .dash2 {
            margin-bottom: 1.2rem
        }
    }

    @media (max-width:990px) and (min-width:767px) {
        .carousel-caption {
            top: 10%
        }
    }

    @media (max-width:568px) and (min-width:480px) {
        .container-messages {
            position: absolute;
            top: 50px !important
        }

        .messages-list {
            bottom: 73px !important;
            top: 24px !important
        }

        .messages-right {
            bottom: 71px !important;
            top: 10px !important
        }

        .messages-left-footer {
            bottom: 40px !important;
            display: none
        }

        .messages-left .card-header {
            display: none
        }

        .message-footer,
        .message-header {
            height: 50px !important
        }

        .message-body {
            bottom: 50px !important;
            top: 50px !important
        }
    }

    @media (max-width:990px) and (min-width:569px) {
        .message-footer,
        .message-header {
            height: 50px !important
        }

        .messages-right {
            bottom: 80px !important;
            top: 10px !important
        }

        .message-body {
            bottom: 50px !important;
            top: 50px !important
        }

        .messages-left .card-header {
            display: none
        }

        .messages-list {
            top: 24px !important
        }
    }

    @media (max-width:990px) {
        .header-toggler {
            margin: 6px
        }

        .nav-tabs .nav-link {
            width: 100%
        }

        form.convFormDynamic button.submit {
            margin: 4px !important
        }

        .messages-list .media {
            padding: 9px !important
        }
    }

    .nav-link-icon {
        line-height: 0
    }

    .nav-unread {
        background: #ecd938;
        height: .5rem;
        right: .4rem;
        top: .1rem;
        width: .5rem
    }

        .nav-unread,
        .nav-unread.badge {
            border-radius: 50%;
            position: absolute
        }

            .nav-unread.badge {
                height: 1.2rem;
                right: 0;
                text-align: center;
                top: 0;
                width: 1.2rem
            }

    .nav-link.icon {
        background: #f1f4fb;
        border-radius: 8px;
        font-size: 1.2rem;
        height: 45px;
        justify-content: center;
        line-height: 2;
        margin: 0 6px;
        padding: 8px;
        position: relative;
        text-align: center;
        width: 45px
    }

        .nav-link.icon .nav-span {
            color: #576482;
            font-size: .9rem;
            font-weight: 400;
            margin-left: .5rem;
            vertical-align: middle
        }

    .nav-item.show .dropdown-menu.dropdown-menu-arrow.show {
        top: -1px !important
    }

    .pagination-simple .page-item .page-link {
        background: none;
        border: none
    }

    .pagination-simple .page-item.active .page-link {
        color: #495057;
        font-weight: 700
    }

    .pagination-pager .page-prev {
        margin-right: auto
    }

    .pagination-pager .page-next {
        margin-left: auto
    }

    .example .pagination {
        margin-bottom: 0
    }

    .pagination {
        border-radius: 3px;
        display: flex;
        list-style: none;
        padding-left: 0
    }

    .page-link {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        box-shadow: none;
        color: #263871;
        display: block;
        line-height: 1.25;
        margin-left: -1px;
        padding: .5rem .75rem;
        position: relative
    }

        .page-link:hover {
            background-color: rgba(70, 127, 207, .06);
            color: #295a9f;
            text-decoration: none
        }

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

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

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

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

    .page-item.active .page-link {
        background-color: #3366ff;
        border-color: #3366ff;
        color: #ffffff;
        z-index: 1
    }

        .page-item.active .page-link:hover {
            color: #ffffff !important;
        }

    .page-item.disabled .page-link {
        background-color: #f3f5fb;
        border-color: #e9ebfa;
        color: #012e58;
        cursor: auto;
        pointer-events: none
    }

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

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

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

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

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

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

    .panel-group .panel {
        border: 1px solid #e9ebfa;
        border-radius: 4px;
        box-shadow: none
    }

    .panel-default > .panel-heading {
        background-color: #ebeff8;
        border-radius: 0;
        color: #36f;
        padding: 0
    }

    .panel-title {
        font-size: 14px;
        margin-bottom: 0
    }

        .panel-title > a {
            display: block;
            padding: 15px;
            text-decoration: none
        }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: 1px solid #e9ebfa;
        font-size: 14px;
        line-height: 25px
    }

    .panel > .list-group {
        margin-bottom: 0
    }

        .panel > .list-group .list-group-item:first-child {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

    .panel-heading + .list-group .list-group-item:first-child {
        border-top-width: 0
    }

    .panel-default .list-group-item.active,
    .panel-default .list-group-item.active:focus,
    .panel-default .list-group-item.active:hover {
        background-color: #ebeff8;
        border-color: #ebeff8;
        color: #000
    }

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

        .panel-primary .list-group-item.active:hover {
            background-color: #255be6;
            border-color: #255be6;
            color: #fff !important
        }

    .panel-success .list-group-item.active {
        background-color: #0dcd94 !important;
        border-color: #0dcd94 !important;
        color: #fff
    }

        .panel-success .list-group-item.active:hover {
            background-color: #15ca7c;
            border-color: #15ca7c;
            color: #fff !important
        }

    .panel-info .list-group-item.active {
        background-color: #128af9 !important;
        border-color: #128af9;
        color: #fff
    }

        .panel-info .list-group-item.active:hover {
            background-color: #2d9eef;
            border-color: #2d9eef;
            color: #fff !important
        }

    .panel-warning .list-group-item.active {
        background-color: #fbc518 !important;
        border-color: #fbc518;
        color: #fff
    }

        .panel-warning .list-group-item.active:hover {
            background-color: #cea70c;
            border-color: #cea70c;
            color: #fff !important
        }

    .panel-danger .list-group-item.active {
        background-color: #dc0441 !important;
        border-color: #dc0441;
        color: #fff
    }

        .panel-danger .list-group-item.active:hover {
            background-color: #a15226;
            border-color: #a15226;
            color: #fff !important
        }

    .panel1 {
        background: none;
        border: solid #fff;
        border-width: 0 0 1px;
        box-shadow: none
    }

        .panel1:last-child {
            border-bottom: none
        }

    .panel-group1 > .panel1:first-child .panel-heading1 {
        border-radius: 4px 4px 0 0
    }

    .panel-group1 .panel1 {
        border-radius: 0
    }

    .panel-title1 {
        font-size: 14px;
        margin-bottom: 0
    }

    .panel-group1 .panel1 + .panel1 {
        margin-top: 0
    }

    .panel-group1 .panel-body {
        border: 1px solid #e9ebfa
    }

    .panel-title1 a {
        background: #36f;
        color: #fff;
        display: block;
        font-size: 16px;
        font-weight: 400;
        padding: 15px 20px;
        position: relative
    }

    .panel-body1 {
        background: #fff;
        padding: 10px
    }

    .panel1:last-child .panel-body1 {
        border-radius: 0 0 4px 4px
    }

    .panel1:last-child .panel-heading1 {
        border-radius: 0 0 4px 4px;
        transition: border-radius .3s linear .2s
    }

        .panel1:last-child .panel-heading1.active {
            border-radius: 0;
            transition: border-radius 0s linear
        }

    .panel-heading1 {
        color: #fff;
        padding: 0
    }

        .panel-heading1 a.collapsed:before {
            content: ""
        }

        .panel-heading1 a.collapsed:before,
        .panel-heading1 a:before {
            font-family: feather !important;
            font-size: 20px;
            position: absolute;
            right: 10px;
            top: 13px;
            transform: scale(1);
            transition: all .5s
        }

        .panel-heading1 a:before {
            content: ""
        }

        .panel-heading1.active a:before {
            content: " ";
            transform: scale(0);
            transition: all .5s
        }

    .expanel-default {
        border: #ddd !important
    }

    .expanel-primary {
        border: #36f !important
    }

    .expanel-secondary {
        border: #fe7f00 !important
    }

    .expanel-success {
        border: #0dcd94 !important
    }

    .expanel-danger {
        border: #dc0441 !important
    }

    .expanel-primary > .expanel-heading {
        background-color: #36f !important;
        border-color: #36f !important;
        color: #fff !important
    }

    .expanel-secondary > .expanel-heading {
        background-color: #fe7f00 !important;
        border-color: #fe7f00 !important;
        color: #fff !important
    }

    .expanel-success > .expanel-heading {
        background-color: #0dcd94 !important;
        border-color: #0dcd94 !important;
        color: #fff !important
    }

    .expanel-danger > .expanel-heading {
        background-color: #dc0441 !important;
        border-color: #dc0441 !important;
        color: #fff !important
    }

    .expanel-warning > .expanel-heading {
        background-color: #fbc518 !important;
        border-color: #fbc518 !important;
        color: #fff !important
    }

    .expanel-title {
        color: inherit !important;
        font-size: 16px !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .expanel {
        background-color: #fff !important;
        border: 1px solid #e9ebfa !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        margin-bottom: 20px !important
    }

    .expanel-default > .expanel-heading {
        background-color: #ebeff8 !important;
        border-color: 1px solid #e9ebfa !important
    }

    .expanel-heading {
        border-bottom: 1px solid #e9ebfa;
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
        padding: 10px 15px !important
    }

    .expanel-footer {
        background-color: #ebeff8 !important;
        border-bottom-left-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
        border-top: 1px solid #e9ebfa !important;
        padding: 10px 15px !important
    }

    .expanel-body {
        padding: 15px !important
    }

    .progress {
        background-color: #dee5f7;
        font-size: .703125rem;
        height: 1rem;
        overflow: hidden;
        position: relative
    }

    .progress,
    .progress-bar {
        border-radius: 50px;
        display: flex
    }

    .progress-bar {
        background-color: #dce2fc;
        color: #fff;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        transition: width .6s ease;
        white-space: nowrap
    }

    .current-progressbar {
        margin-top: 14.5px
    }

    .progress-content {
        margin-bottom: 16.5px
    }

        .progress-content:last-child {
            margin-bottom: 0
        }

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

    .progress-bar-striped {
        background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
        background-size: 1rem 1rem
    }

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

    .progress-xs,
    .progress-xs .progress-bar {
        height: .25rem
    }

    .progress-sm,
    .progress-sm .progress-bar {
        height: .5rem
    }

    .progress-lg,
    .progress-lg .progress-bar {
        height: 1.25rem
    }

    .progress-bar-indeterminate:after,
    .progress-bar-indeterminate:before {
        background-color: inherit;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        will-change: left, right
    }

    .progress-bar-indeterminate:before {
        -webkit-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
        animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite
    }

    .progress-bar-indeterminate:after {
        -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
        animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
        -webkit-animation-delay: 1.15s;
        animation-delay: 1.15s
    }

    @-webkit-keyframes loader {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @keyframes loader {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @-webkit-keyframes progress-bar-stripes {
        0% {
            background-position: 1rem 0
        }

        to {
            background-position: 0 0
        }
    }

    @keyframes progress-bar-stripes {
        0% {
            background-position: 1rem 0
        }

        to {
            background-position: 0 0
        }
    }

    .table,
    .text-wrap table {
        margin-bottom: 1rem;
        max-width: 100%;
        width: 100%
    }

        .table th,
        .text-wrap table td,
        .text-wrap table th {
            border-top: 1px solid #e9ebfa;
            padding: .75rem;
            vertical-align: top
        }

        .table td {
            border-top: 0;
            padding: .75rem;
            vertical-align: middle
        }

    .border {
        border: 1px solid #e9ebfa;
        vertical-align: top
    }

    .table tbody + tbody,
    .text-wrap table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

    .table .table,
    .table .text-wrap table,
    .text-wrap .table table,
    .text-wrap table .table,
    .text-wrap table table {
        background-color: #ebeff8
    }

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

    .table-bordered,
    .table-bordered td,
    .table-bordered th,
    .text-wrap table,
    .text-wrap table td,
    .text-wrap table th {
        border: 1px solid #e9ebfa
    }

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

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

    .table-hover tbody tr:hover,
    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #f3f5fb
    }

    .table-hover tbody tr:hover {
        background-color: #f3f5fb !important;
        cursor: pointer
    }

    .table-primary {
        border-radius: 0 0 5px 5px
    }

        .table-primary,
        .table-primary > td,
        .table-primary > th {
            background-color: rgba(51, 102, 255, .1)
        }

            .table-primary.table-vcenter td,
            .table-primary.table-vcenter th {
                border-color: rgba(68, 84, 195, .17) !important
            }

    .table-hover .table-primary:hover {
        background-color: #ebeff8
    }

        .table-hover .table-primary:hover > td,
        .table-hover .table-primary:hover > th {
            background-color: #b7cded
        }

    .table tr.selected {
        background-color: #f3f5fb
    }

    .table-secondary {
        border-radius: 0 0 5px 5px
    }

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

    .table-hover .table-secondary:hover {
        background-color: #cfd2d6
    }

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

    .table-success {
        border-radius: 0 0 5px 5px
    }

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

    .table-hover .table-success:hover {
        background-color: #c5e7a4;
        border-radius: 0 0 5px 5px
    }

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

    .table-info {
        border-radius: 0 0 5px 5px
    }

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

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

    .table-warning {
        border-radius: 0 0 5px 5px
    }

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

            .table-warning.table-vcenter td,
            .table-warning.table-vcenter th {
                border-color: rgba(236, 180, 3, .17) !important
            }

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

    .table-danger {
        border-radius: 0 0 5px 5px
    }

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

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

    .table-light {
        border-radius: 0 0 5px 5px
    }

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

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

    .table-dark {
        border-radius: 0 0 5px 5px
    }

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

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

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

    .table .thead-dark th,
    .text-wrap table .thead-dark th {
        background-color: #212529;
        border-color: #32383e;
        color: #ebeff8
    }

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

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

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

        .table-dark.table-bordered,
        .text-wrap table.table-dark {
            border: 0
        }

        .table-dark.table-striped tbody tr:nth-of-type(odd) {
            background-color: hsla(0, 0%, 100%, .05)
        }

        .table-dark.table-hover tbody tr:hover {
            background-color: hsla(0, 0%, 100%, .075)
        }

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

            .table-responsive-sm > .table-bordered,
            .text-wrap .table-responsive-sm > table {
                border: 0
            }
    }

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

            .table-responsive-md > .table-bordered,
            .text-wrap .table-responsive-md > table {
                border: 0
            }
    }

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

            .table-responsive-lg > .table-bordered,
            .text-wrap .table-responsive-lg > table {
                border: 0
            }
    }

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

            .table-responsive-xl > .table-bordered,
            .text-wrap .table-responsive-xl > table {
                border: 0
            }
    }

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

        .table-responsive > .table-bordered,
        .text-wrap .table-responsive > table {
            border: 0
        }

    .table thead th,
    .text-wrap table thead th {
        border-bottom: 1px solid #e9ebfa;
        border-top: 1px solid #e9ebfa;
        /*padding-bottom: .5rem;*/
        padding-top: .5rem;
        vertical-align: bottom
    }

    .table th,
    .text-wrap table th {
        color: #313e6a;
        font-size: .875rem;
        font-weight: 400;
        text-transform: capitalize
    }

    .table-md td,
    .table-md th {
        padding: .5rem
    }

    .table-vcenter td,
    .table-vcenter th {
        border-top: 1px solid #e9ebfa;
        vertical-align: middle
    }

    .table-center td,
    .table-center th {
        text-align: center
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background: transparent
    }

    .table-striped tbody tr:nth-of-type(2n) {
        background-color: #f3f5fb
    }

    .table-calendar {
        margin: 0 0 .75rem
    }

        .table-calendar td,
        .table-calendar th {
            border: 0;
            line-height: 2.5rem;
            padding: 0 !important;
            text-align: center;
            width: 14.28571429%
        }

        .table-calendar td {
            border-top: 0
        }

    .table-calendar-link {
        background: #f8f9fa;
        border-radius: 3px;
        color: #495057;
        display: inline-block;
        font-weight: 600;
        line-height: 2rem;
        min-width: calc(2rem + 2px);
        position: relative;
        transition: background .3s, color .3s
    }

        .table-calendar-link:before {
            background: #467fcf;
            border-radius: 50px;
            content: "";
            height: 4px;
            left: .25rem;
            position: absolute;
            top: .25rem;
            width: 4px
        }

        .table-calendar-link:hover {
            background: #467fcf;
            color: #fff;
            text-decoration: none;
            transition: background .3s
        }

            .table-calendar-link:hover:before {
                background: #fff
            }

    .table-header {
        cursor: pointer;
        transition: color .3s
    }

        .table-header:hover {
            color: #495057 !important
        }

        .table-header:after {
            content: "";
            display: inline-block;
            font-family: FontAwesome;
            font-size: .75rem;
            margin-left: .5rem
        }

    .table-header-asc {
        color: #495057 !important
    }

        .table-header-asc:after {
            content: ""
        }

    .table-header-desc {
        color: #495057 !important
    }

        .table-header-desc:after {
            content: ""
        }

    .table.dataTable.no-footer {
        border-bottom: 0
    }

    table.dataTable tbody td,
    table.dataTable tbody th,
    table.dataTable thead td,
    table.dataTable thead th {
        padding: 10px -1px !important
    }

    .dt-button-collection .dt-button.dropdown-item.active {
        color: #263871
    }

    @media (max-width:767px) {
        table img {
            max-width: inherit
        }

        .table_img img {
            max-width: 100%
        }
    }

    .tag {
        background-color: #ebeff8;
        border-radius: 3px;
        color: #263871;
        cursor: default;
        display: inline-flex;
        font-size: .75rem;
        font-weight: 400;
        line-height: 2em;
        padding: 0 .5rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    a.tag {
        cursor: pointer;
        text-decoration: none;
        transition: color .3s, background .3s
    }

        a.tag:hover {
            background-color: rgba(110, 118, 135, .2);
            color: inherit
        }

    .tag-addon {
        background: #e8ebf3;
        color: inherit;
        display: inline-block;
        margin: 0 -.5rem 0 .5rem;
        min-width: 1.5rem;
        padding: 0 .5rem;
        text-align: center;
        text-decoration: none
    }

        .tag-addon:last-child {
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px
        }

        .tag-addon i {
            margin: 0 -.25rem;
            vertical-align: middle
        }

    a.tag-addon {
        cursor: pointer;
        text-decoration: none;
        transition: color .3s, background .3s
    }

        a.tag-addon:hover {
            background: rgba(0, 0, 0, .16);
            color: inherit
        }

    .tag-avatar {
        border-radius: 3px 0 0 3px;
        height: 1.5rem;
        margin: 0 .5rem 0 -.5rem;
        width: 1.5rem
    }

    .tag-blue {
        background-color: #083dc1;
        color: #fff
    }

    .tag-indigo {
        background-color: #6574cd;
        color: #fff
    }

    .tag-purple {
        background-color: #aa4cf2;
        color: #fff
    }

    .tag-pink {
        background-color: #ef4eb8;
        color: #fff
    }

    .tag-red {
        background-color: #dc0441;
        color: #fff
    }

    .tag-orange {
        background-color: #f34932;
        color: #fff
    }

    .tag-yellow {
        background-color: #fbc518;
        color: #fff
    }

    .tag-green {
        background-color: #0dcd94;
        color: #fff
    }

    .tag-teal {
        background-color: #17d1dc;
        color: #fff
    }

    .tag-cyan {
        background-color: #17a2b8;
        color: #fff
    }

    .tag-white {
        background-color: #fff;
        color: #fff
    }

    .tag-gray {
        background-color: #868e96;
        color: #fff
    }

    .tag-gray-dark {
        background-color: #353a40;
        color: #fff
    }

    .tag-azure {
        background-color: #128af9;
        color: #fff
    }

    .tag-lime {
        background-color: #7bd235;
        color: #fff
    }

    .tag-primary {
        background-color: #467fcf;
        color: #fff
    }

    .tag-secondary {
        background-color: #fe7f00;
        color: #fff
    }

    .tag-success {
        background-color: #0dcd94;
        color: #fff
    }

    .tag-info {
        background-color: #128af9;
        color: #fff
    }

    .tag-warning {
        background-color: #fbc518;
        color: #fff
    }

    .tag-danger {
        background-color: #dc0441;
        color: #fff
    }

    .tag-light {
        background-color: #f8f9fa;
        color: #fff
    }

    .tag-dark {
        background-color: #353a40;
        color: #fff
    }

    .tag-rounded,
    .tag-rounded .tag-avatar {
        border-radius: 50px
    }

    .tags {
        font-size: 0;
        margin-bottom: -.5rem
    }

        .tags > .tag {
            margin-bottom: .5rem
        }

            .tags > .tag:not(:last-child) {
                margin-right: .5rem
            }

    .thumbnail {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 4px;
        display: block;
        line-height: 1.42857143;
        margin-bottom: 20px;
        padding: 4px;
        transition: border .2s ease-in-out
    }

        .thumbnail > img,
        .thumbnail a > img {
            margin-left: auto;
            margin-right: auto
        }

        .thumbnail p:last-child {
            margin-bottom: 0
        }

    .thumbimg {
        display: block;
        height: 100%;
        width: 100%
    }

    .thumbnail .caption {
        padding: 15px
    }

    .video-list-thumbs > li {
        margin-bottom: 12px
    }

        .video-list-thumbs > li > a {
            border: 1px solid #e9ebfa;
            border-radius: 3px transition all .5s ease-in-out;
            border-radius: 4px;
            color: #6b6f80;
            display: block;
            padding: 8px;
            position: relative
        }

    .video-list-thumbs h2 {
        bottom: 0;
        font-size: 14px;
        height: 33px;
        margin: 8px 0 0
    }

    .video-list-thumbs .fa {
        font-size: 60px;
        opacity: .6;
        position: absolute;
        right: 39%;
        text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
        top: 31%;
        transition: all .5s ease-in-out
    }

    .video-list-thumbs > li > a:hover .fa {
        color: #fff;
        opacity: 1;
        text-shadow: 0 1px 3px rgba(0, 0, 0, .8)
    }

    .video-list-thumbs .duration {
        background-color: rgba(0, 0, 0, .4);
        border-radius: 2px;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        left: 12px;
        line-height: 13px;
        padding: 2px 3px 1px;
        position: absolute;
        top: 12px;
        transition: all .5s ease
    }

    .video-list-thumbs > li > a:hover .duration {
        background-color: #000
    }

    @media (max-width:768px) {
        .video-list-thumbs .fa {
            right: 44%;
            top: 44%
        }
    }

    @media (min-width:320px) and (max-width:480px) {
        .video-list-thumbs .fa {
            font-size: 35px
        }

        .video-list-thumbs h2 {
            bottom: 0;
            font-size: 12px;
            height: 22px;
            margin: 8px 0 0
        }
    }

    .bd-example {
        border-width: .2rem 0 0;
        margin: 1rem -1rem;
        padding: 1rem;
        position: relative
    }

    .bd-example-tooltip-static .tooltip {
        display: inline-block;
        margin: 10px 20px;
        opacity: 1;
        position: relative
    }

    .tooltip {
        word-wrap: break-word;
        display: block;
        font-size: .875rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.5;
        margin: 0;
        opacity: 0;
        position: absolute;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        white-space: normal;
        word-break: normal;
        word-spacing: normal;
        z-index: 1000
    }

        .tooltip.show {
            opacity: .9
        }

        .tooltip .arrow {
            display: block;
            height: .4rem;
            position: absolute;
            width: .8rem
        }

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

        .tooltip.bs-tether-element-attached-bottom,
        .tooltip.tooltip-top {
            margin-top: -3px;
            padding: 5px 0
        }

        .tooltip.bs-tether-element-attached-left,
        .tooltip.tooltip-right {
            margin-left: 3px;
            padding: 0 5px
        }

        .tooltip.bs-tether-element-attached-bottom .tooltip-inner:before,
        .tooltip.tooltip-top .tooltip-inner:before {
            border-top-color: #000;
            border-width: 5px 5px 0;
            bottom: 0;
            content: "";
            left: 50%;
            margin-left: -5px
        }

        .tooltip.bs-tether-element-attached-left .tooltip-inner:before,
        .tooltip.tooltip-right .tooltip-inner:before {
            border-right-color: #000;
            border-width: 5px 5px 5px 0;
            content: "";
            left: 0;
            margin-top: -5px;
            top: 50%
        }

        .tooltip.bs-tether-element-attached-top,
        .tooltip.tooltip-bottom {
            margin-top: 3px;
            padding: 5px 0
        }

            .tooltip.bs-tether-element-attached-top .tooltip-inner:before,
            .tooltip.tooltip-bottom .tooltip-inner:before {
                border-bottom-color: #000;
                border-width: 0 5px 5px;
                content: "";
                left: 50%;
                margin-left: -5px;
                top: 0
            }

        .tooltip.bs-tether-element-attached-right,
        .tooltip.tooltip-left {
            margin-left: -3px;
            padding: 0 5px
        }

            .tooltip.bs-tether-element-attached-right .tooltip-inner:before,
            .tooltip.tooltip-left .tooltip-inner:before {
                border-left-color: #000;
                border-width: 5px 0 5px 5px;
                content: "";
                margin-top: -5px;
                right: 0;
                top: 50%
            }

    .tooltip-inner:before {
        border-color: transparent;
        border-style: solid;
        height: 0;
        position: absolute;
        width: 0
    }

    .pop-primary {
        color: #4d9dff
    }

    .popsecondary {
        color: #fe7f00
    }

    .popinfo {
        color: #88c8f7
    }

    .popsuccess {
        color: #bfff80
    }

    .popdanger {
        color: #ea6262
    }

    .popwarning {
        color: #f7db6e
    }

    .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 {
                border-top-color: #000;
                border-width: .4rem .4rem 0;
                top: 0
            }

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

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

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

    .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 {
                border-bottom-color: #000;
                border-width: 0 .4rem .4rem;
                bottom: 0
            }

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

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

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

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

    .bs-popover-auto[x-placement^=top] .arrow,
    .bs-popover-top .arrow {
        bottom: calc(-.5rem + -1px)
    }

        .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 .25rem 0
        }

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

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

    .bs-popover-auto[x-placement^=right] .arrow,
    .bs-popover-right .arrow {
        height: .5rem;
        left: calc(-.5rem + -1px);
        margin: 3px 0;
        width: .5rem
    }

        .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: .25rem .5rem .25rem 0
        }

        .bs-popover-auto[x-placement^=right] .arrow:before,
        .bs-popover-right .arrow:before {
            border-right-color: #dee3eb;
            left: 0
        }

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

    .bs-popover-auto[x-placement^=bottom] .arrow,
    .bs-popover-bottom .arrow {
        top: calc(-.5rem + -1px)
    }

        .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 .25rem .5rem
        }

        .bs-popover-auto[x-placement^=bottom] .arrow:before,
        .bs-popover-bottom .arrow:before {
            border-bottom-color: #dee3eb;
            top: 0
        }

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

    .bs-popover-auto[x-placement^=left] .arrow,
    .bs-popover-left .arrow {
        height: .5rem;
        margin: 3px 0;
        right: calc(-.5rem + -1px);
        width: .5rem
    }

        .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: .25rem 0 .25rem .5rem
        }

        .bs-popover-auto[x-placement^=left] .arrow:before,
        .bs-popover-left .arrow:before {
            border-left-color: #dee3eb;
            right: 0
        }

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

    .jqstooltip {
        background: #333 !important;
        border: none !important;
        border-radius: 3px;
        box-sizing: content-box;
        font-family: inherit !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        padding: 6px !important
    }

        .jqstooltip .jqsfield {
            font: inherit !important
        }

    .tooltip-static-demo {
        background-color: #f3f4f7;
        padding: 20px;
        text-align: center
    }

        .tooltip-static-demo .tooltip {
            display: inline-block;
            margin: 0 10px;
            opacity: 1;
            position: relative;
            z-index: 0
        }

        .tooltip-static-demo .bs-tooltip-auto[x-placement^=bottom] .arrow,
        .tooltip-static-demo .bs-tooltip-auto[x-placement^=top] .arrow,
        .tooltip-static-demo .bs-tooltip-bottom .arrow,
        .tooltip-static-demo .bs-tooltip-top .arrow {
            left: 50%;
            margin-left: -2px
        }

        .tooltip-static-demo .bs-tooltip-auto[x-placement^=left],
        .tooltip-static-demo .bs-tooltip-auto[x-placement^=right],
        .tooltip-static-demo .bs-tooltip-left,
        .tooltip-static-demo .bs-tooltip-right {
            margin-top: 5px
        }

            .tooltip-static-demo .bs-tooltip-auto[x-placement^=left] .arrow,
            .tooltip-static-demo .bs-tooltip-auto[x-placement^=right] .arrow,
            .tooltip-static-demo .bs-tooltip-left .arrow,
            .tooltip-static-demo .bs-tooltip-right .arrow {
                margin-top: -3px;
                top: 50%
            }

    .popover-static-demo {
        background-color: #ebeff8;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        padding-bottom: 40px;
        padding-top: 40px;
        text-align: center
    }

        .popover-static-demo .popover {
            border-radius: 7px;
            display: inline-block;
            margin: 0 10px;
            opacity: 1;
            position: relative;
            z-index: 0
        }

        .popover-static-demo .bs-popover-auto[x-placement^=bottom] .arrow,
        .popover-static-demo .bs-popover-auto[x-placement^=top] .arrow,
        .popover-static-demo .bs-popover-bottom .arrow,
        .popover-static-demo .bs-popover-top .arrow {
            left: 50%;
            margin-left: -5px
        }

        .popover-static-demo .bs-popover-auto[x-placement^=left],
        .popover-static-demo .bs-popover-auto[x-placement^=right],
        .popover-static-demo .bs-popover-left,
        .popover-static-demo .bs-popover-right {
            margin-top: 5px
        }

            .popover-static-demo .bs-popover-auto[x-placement^=left] .arrow,
            .popover-static-demo .bs-popover-auto[x-placement^=right] .arrow,
            .popover-static-demo .bs-popover-left .arrow,
            .popover-static-demo .bs-popover-right .arrow {
                margin-top: -5px;
                top: 50%
            }

    .tooltip-primary .tooltip-inner {
        background-color: #36f !important;
        color: #fff
    }

    .tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow:before,
    .tooltip-primary.bs-tooltip-top .arrow:before {
        border-top-color: #36f
    }

    .tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
    .tooltip-primary.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #36f
    }

    .tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow:before,
    .tooltip-primary.bs-tooltip-left .arrow:before {
        border-left-color: #36f
    }

    .tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow:before,
    .tooltip-primary.bs-tooltip-right .arrow:before {
        border-right-color: #36f
    }

    .tooltip-secondary .tooltip-inner {
        background-color: #36f;
        color: #fff
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow:before,
    .tooltip-secondary.bs-tooltip-top .arrow:before {
        border-top-color: #36f
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
    .tooltip-secondary.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #36f
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow:before,
    .tooltip-secondary.bs-tooltip-left .arrow:before {
        border-left-color: #36f
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow:before,
    .tooltip-secondary.bs-tooltip-right .arrow:before {
        border-right-color: #36f
    }

    .popover {
        word-wrap: break-word;
        background-clip: padding-box;
        background-color: #fff;
        border: 0 solid #d3dfea;
        border-radius: .3rem;
        border-radius: 5px;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .1));
        font-size: .76562rem;
        font-style: normal;
        font-weight: 400;
        left: 0;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.5;
        max-width: 276px;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        top: 0;
        white-space: normal;
        word-break: normal;
        word-spacing: normal;
        z-index: 1
    }

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

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

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

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

            .popover .arrow {
                margin-left: calc(.25rem - 5px)
            }

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

            .bs-popover-auto[x-placement^=top] > .arrow:before,
            .bs-popover-top > .arrow:before {
                border-top-color: #d3dfea;
                border-width: .5rem .5rem 0;
                bottom: 0
            }

            .bs-popover-auto[x-placement^=top] > .arrow:after,
            .bs-popover-top > .arrow:after {
                border-top-color: #fff;
                border-width: .5rem .5rem 0;
                bottom: 1px
            }

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

        .bs-popover-auto[x-placement^=right] > .arrow,
        .bs-popover-right > .arrow {
            height: 1rem;
            left: calc(-.5rem + -1px);
            margin: .3rem 0;
            width: .5rem
        }

            .bs-popover-auto[x-placement^=right] > .arrow:before,
            .bs-popover-right > .arrow:before {
                border-right-color: #d3dfea;
                border-width: .5rem .5rem .5rem 0;
                left: 0
            }

            .bs-popover-auto[x-placement^=right] > .arrow:after,
            .bs-popover-right > .arrow:after {
                border-right-color: #fff;
                border-width: .5rem .5rem .5rem 0;
                left: 1px
            }

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

            .bs-popover-auto[x-placement^=bottom] > .arrow:before,
            .bs-popover-bottom > .arrow:before {
                border-bottom-color: #d3dfea;
                border-width: 0 .5rem .5rem;
                top: 0
            }

            .bs-popover-auto[x-placement^=bottom] > .arrow:after,
            .bs-popover-bottom > .arrow:after {
                border-bottom-color: #fff;
                border-width: 0 .5rem .5rem;
                top: 1px
            }

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

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

        .bs-popover-auto[x-placement^=left] > .arrow,
        .bs-popover-left > .arrow {
            height: 1rem;
            margin: .3rem 0;
            right: calc(-.5rem + -1px);
            width: .5rem
        }

            .bs-popover-auto[x-placement^=left] > .arrow:before,
            .bs-popover-left > .arrow:before {
                border-left-color: #d3dfea;
                border-width: .5rem 0 .5rem .5rem;
                right: 0
            }

            .bs-popover-auto[x-placement^=left] > .arrow:after,
            .bs-popover-left > .arrow:after {
                border-left-color: #fff;
                border-width: .5rem 0 .5rem .5rem;
                right: 1px
            }

    .popover-header {
        background-color: #fff;
        border-color: #e9ebfa;
        color: #191621;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .5px;
        padding: 12px 15px;
        text-transform: capitalize
    }

        .popover-header:before {
            display: none !important
        }

    .popover-body {
        color: #6e7687;
        padding: 15px
    }

        .popover-body p:last-child {
            margin-bottom: 0
        }

    .popover-head-primary .popover-header {
        background-color: #36f !important;
        color: #fff
    }

    .popover-head-primary.bs-popover-auto[x-placement^=top] .arrow,
    .popover-head-primary.bs-popover-top .arrow {
        bottom: -7px
    }

    .popover-head-primary.bs-popover-auto[x-placement^=left] .arrow,
    .popover-head-primary.bs-popover-left .arrow {
        right: -7px
    }

    .popover-head-primary.bs-popover-auto[x-placement^=right] .arrow,
    .popover-head-primary.bs-popover-right .arrow {
        left: -7px
    }

    .popover-head-primary.bs-popover-auto[x-placement^=bottom] .arrow:after,
    .popover-head-primary.bs-popover-bottom .arrow:after {
        border-bottom-color: #36f
    }

    .popover-head-primary.bs-popover-auto[x-placement^=bottom] .arrow:before,
    .popover-head-primary.bs-popover-bottom .arrow:before {
        display: none
    }

    .popover-head-secondary .popover-header {
        background-color: #36f !important;
        color: #fff
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=top] .arrow,
    .popover-head-secondary.bs-popover-top .arrow {
        bottom: -7px
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=left] .arrow,
    .popover-head-secondary.bs-popover-left .arrow {
        right: -7px
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=right] .arrow,
    .popover-head-secondary.bs-popover-right .arrow {
        left: -7px
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=bottom] .arrow:after,
    .popover-head-secondary.bs-popover-bottom .arrow:after {
        border-bottom-color: #36f
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=bottom] .arrow:before,
    .popover-head-secondary.bs-popover-bottom .arrow:before {
        display: none
    }

    .popover-head-primary,
    .popover-head-primary .popover-header,
    .popover-head-secondary,
    .popover-head-secondary .popover-header {
        border: 0
    }

        .popover-head-primary .popover-body,
        .popover-head-secondary .popover-body {
            border: 1px solid rgba(20, 17, 45, .2);
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px;
            border-top: 0 solid rgba(20, 17, 45, .2)
        }

    .popover-primary {
        background-color: #36f !important;
        border-width: 0 !important;
        padding: 15px
    }

        .popover-primary .popover-header {
            background-color: #36f !important;
            border-bottom-width: 0 !important;
            color: #fff;
            padding: 0 0 15px
        }

        .popover-primary .popover-body {
            color: hsla(0, 0%, 100%, .75);
            padding: 0
        }

        .popover-primary .arrow:before {
            display: none
        }

        .popover-primary.bs-popover-auto[x-placement^=top] .arrow:after,
        .popover-primary.bs-popover-top .arrow:after {
            border-top-color: #36f
        }

        .popover-primary.bs-popover-auto[x-placement^=bottom] .arrow:after,
        .popover-primary.bs-popover-bottom .arrow:after {
            border-bottom-color: #36f
        }

        .popover-primary.bs-popover-auto[x-placement^=left] .arrow:after,
        .popover-primary.bs-popover-left .arrow:after {
            border-left-color: #36f
        }

        .popover-primary.bs-popover-auto[x-placement^=right] .arrow:after,
        .popover-primary.bs-popover-right .arrow:after {
            border-right-color: #36f
        }

    .popover-secondary {
        background-color: #36f !important;
        border-width: 0 !important;
        padding: 15px
    }

        .popover-secondary .popover-header {
            background-color: #36f !important;
            border-bottom-width: 0 !important;
            color: #fff;
            padding: 0 0 15px
        }

        .popover-secondary .popover-body {
            color: hsla(0, 0%, 100%, .75);
            padding: 0
        }

        .popover-secondary .arrow:before {
            display: none
        }

        .popover-secondary.bs-popover-auto[x-placement^=top] .arrow:after,
        .popover-secondary.bs-popover-top .arrow:after {
            border-top-color: #36f
        }

        .popover-secondary.bs-popover-auto[x-placement^=bottom] .arrow:after,
        .popover-secondary.bs-popover-bottom .arrow:after {
            border-bottom-color: #36f
        }

        .popover-secondary.bs-popover-auto[x-placement^=left] .arrow:after,
        .popover-secondary.bs-popover-left .arrow:after {
            border-left-color: #36f
        }

        .popover-secondary.bs-popover-auto[x-placement^=right] .arrow:after,
        .popover-secondary.bs-popover-right .arrow:after {
            border-right-color: #36f
        }

    .heading-inverse {
        background-color: #333;
        color: #fff;
        padding: 5px
    }

    .heading-primary {
        background-color: #36f;
        color: #fff;
        padding: 5px
    }

    .heading-success {
        background-color: #38a01e;
        color: #fff;
        padding: 5px
    }

    .heading-info {
        background-color: #128af9;
        color: #fff;
        padding: 5px
    }

    .heading-warning {
        background-color: #fbc518;
        color: #fff;
        padding: 5px
    }

    .heading-danger {
        background-color: #dc0441;
        color: #fff;
        padding: 5px
    }

    .chat {
        flex-direction: column;
        justify-content: flex-end;
        list-style-type: none;
        margin: 0;
        min-height: 100%;
        outline: 0
    }

    .chat,
    .chat-line {
        display: flex;
        padding: 0
    }

    .chat-line {
        flex-direction: row-reverse;
        position: relative;
        text-align: right
    }

        .chat-line + .chat-line {
            padding-top: 1rem
        }

    .chat-message {
        background-color: #467fcf;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: .875rem;
        line-height: 1.4;
        margin: 0 .5rem 0 2.5rem;
        padding: .375rem .5rem;
        position: relative;
        text-align: left;
        white-space: normal
    }

        .chat-message > :last-child {
            margin-bottom: 0 !important
        }

        .chat-message:after {
            border-bottom: 6px solid transparent;
            border-left: 6px solid #467fcf;
            border-top: 6px solid transparent;
            content: "";
            position: absolute;
            right: -5px;
            top: 7px
        }

        .chat-message img {
            max-width: 100%
        }

        .chat-message p {
            margin-bottom: 1em
        }

    .chat-line-friend {
        flex-direction: row
    }

        .chat-line-friend + .chat-line-friend {
            margin-top: -.5rem
        }

            .chat-line-friend + .chat-line-friend .chat-author {
                visibility: hidden
            }

            .chat-line-friend + .chat-line-friend .chat-message:after {
                display: none
            }

        .chat-line-friend .chat-message {
            background-color: #f3f3f3;
            color: #495057;
            margin-left: .5rem;
            margin-right: 2.5rem
        }

            .chat-line-friend .chat-message:after {
                border-left-width: 0;
                border-right: 5px solid #f3f3f3;
                left: -5px;
                right: auto
            }

    #messages-main {
        border: 1px solid #e9ebfa;
        margin: 0 auto 1.5rem;
        position: relative
    }

        #messages-main:after,
        #messages-main:before {
            content: " ";
            display: table
        }

        #messages-main .ms-user {
            background: #fff;
            border: 1px solid #eceff9;
            border-left: 0;
            padding: 15px
        }

            #messages-main .ms-user > div {
                font-size: 11px;
                overflow: hidden;
                padding: 3px 5px 0 15px
            }

        #messages-main #ms-compose {
            bottom: 120px;
            box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
            position: fixed;
            right: 30px;
            z-index: 0
        }

    @media (min-width:992px) {
        #messages-main .ms-menu {
            border-right: 1px solid #e9ebfa;
            height: 100%;
            left: 0;
            padding-bottom: 0;
            position: absolute;
            top: 0;
            width: 300px
        }

        #messages-main .ms-body {
            padding-left: 300px
        }

        .msb-reply {
            border-left: 0 !important;
            border-right: 0 !important
        }
    }

    @media (max-width:991px) {
        #messages-main .ms-menu {
            margin-bottom: 25px;
            z-index: 0
        }

            #messages-main .ms-menu.toggled {
                display: block
            }

        #messages-main .ms-body {
            overflow: hidden
        }
    }

    @media (max-width:480px) {
        .ah-actions {
            display: inline-block;
            float: none !important;
            text-align: center
        }

        .d-flex.chat-user {
            display: none !important
        }

        .ah-actions {
            margin-left: 50px !important
        }

        .actions > li > a {
            padding: 0 5px !important
        }
    }

    #ms-menu-trigger {
        cursor: pointer;
        height: 100%;
        left: 0;
        padding-right: 10px;
        padding-top: 24px;
        position: absolute;
        text-align: right;
        top: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 50px
    }

        #ms-menu-trigger i {
            font-size: 21px
        }

        #ms-menu-trigger.toggled i:before {
            content: ""
        }

    .login-content:after {
        content: ""
    }

    #footer,
    .fc-toolbar .ui-button,
    .fileinput .thumbnail,
    .four-zero,
    .four-zero footer > a,
    .ie-warning,
    .login-content,
    .login-navigation,
    .pt-inner,
    .pt-inner .pti-footer > a {
        text-align: center
    }

    .message-feed {
        padding: 20px
    }

        .message-feed.right > .pull-right {
            margin-left: 15px
        }

        .message-feed:not(.right) .mf-content {
            background: #eaeefa;
            margin-left: 5px;
            position: relative
        }

        .message-feed.right .mf-content {
            background: #36f;
            color: #fff;
            margin-right: 5px;
            position: relative
        }

    .mf-content {
        border-radius: 6px;
        display: inline-block;
        max-width: 100%;
        padding: 13px 20px
    }

    .mf-date {
        color: #9ba5ca;
        display: block;
        margin-top: 7px
    }

        .mf-date > i {
            font-size: 14px;
            line-height: 100%;
            position: relative;
            top: 1px
        }

    .four-zero,
    .lc-block {
        box-shadow: 0 1px 11px rgba(0, 0, 0, .27)
    }

    .msb-reply {
        background: #fff;
        border: 1px solid #eceff9;
        border-bottom: 0;
        height: 50px;
        position: relative
    }

        .msb-reply textarea {
            background: 0 0;
            border: 0;
            font-size: 13px;
            height: 50px;
            padding: 15px;
            resize: none;
            width: 100%
        }

        .msb-reply button {
            background: 0 0;
            border: 0;
            color: #9ba5ca;
            font-size: 20px;
            height: 40px;
            position: absolute;
            right: 9px;
            top: 9px;
            width: 40px
        }

    .ico-mt {
        margin-top: -.5rem !important
    }

    .msb-reply button:hover {
        background: transparent
    }

    .p-15 {
        padding: 15px !important
    }

    .actions {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .actions > li {
            display: inline-block
        }

        .actions:not(.a-alt) > li > a > i {
            color: #fff
        }

        .actions > li > a {
            display: block;
            padding: 0 10px
        }

            .actions > li > a > i {
                font-size: 20px
            }

    .message-feed.right {
        text-align: right
    }

    #ms-menu-trigger,
    .toggle-switch {
        -webkit-user-select: none;
        -moz-user-select: none
    }

    .list-group.lg-alt .list-group-item {
        border: 0
    }

    .action-header {
        background: #36f;
        border-bottom: 1px solid #e9ebfa;
        padding: 15px 13px 15px 17px;
        position: relative
    }

    .ms-body {
        background: #fff;
        border-radius: 7px
    }

    .amcharts-chart-div a,
    .canvasjs-chart-container a {
        display: none !important
    }

    .rotation {
        -webkit-animation: rotation 2s linear infinite
    }

    @-webkit-keyframes rotation {
        0% {
            -webkit-transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(359deg)
        }
    }

    .amChartsLegend.amcharts-legend-div {
        display: none
    }

    .input-icon .form-group.is-empty,
    .input-icon .form-group.is-empty .form-control {
        margin-bottom: 0
    }

    .inbox-message ul {
        margin: 0;
        padding: 0
    }

        .inbox-message ul li {
            border-bottom: 1px solid #e9ebfa;
            list-style: none;
            padding: 15px 20px;
            position: relative
        }

            .inbox-message ul li:focus,
            .inbox-message ul li:hover {
                background: #ebeff8;
                z-index: 0
            }

    .chat-conatct-list .media:hover {
        z-index: inherit
    }

    .inbox-message .message-avatar {
        left: 30px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .message-avatar img {
        border-radius: 50%;
        display: inline-block;
        height: 54px;
        width: 54px
    }

    .inbox-message .message-body {
        color: #263871;
        font-size: 15px;
        margin-left: 85px
    }

    .message-body-heading h5 {
        color: #263871;
        display: inline-block;
        font-weight: 600;
        margin: 0 0 7px;
        padding: 0
    }

    .message-body h5 span {
        border-radius: 50px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        line-height: 14px;
        margin-left: 5px;
        margin-top: -5px;
        padding: 4px 10px
    }

        .message-body h5 span.unread {
            background: #07b107
        }

        .message-body h5 span.important {
            background: #dd2027
        }

        .message-body h5 span.pending {
            background: #2196f3
        }

    .message-body-heading span {
        float: right;
        font-size: 14px
    }

    .messages-inbox .message-body p {
        font-size: 15px;
        line-height: 27px;
        margin: 0;
        padding: 0
    }

    @media (max-width:600px) {
        .job-box-filter label {
            text-align: center;
            width: 100%
        }

        .message-body h5 span.pending,
        .message-body h5 span.unread {
            display: none
        }
    }

    .list-icons i {
        font-size: 56px
    }

    .font-dot {
        margin-top: -12px
    }

    .list-icons .card-footer i {
        font-size: 14px
    }

    .chat-body-style {
        background: #fff
    }

    .chat-conatct-list {
        max-height: 555px;
        overflow-y: auto
    }

    .msg_card_body {
        background: url(../images/chat.png);
        overflow-y: auto
    }

    .chat-conatct-list .media {
        overflow: initial
    }

    .message-feed.media .media-body,
    .message-feed.right .media-body {
        overflow: visible
    }

    .message-feed:not(.right) .mf-content:before {
        border-bottom: 8px solid #eaeefa;
        left: -12px;
        right: auto;
        transform: rotate(-90deg)
    }

    .message-feed.right .mf-content:before,
    .message-feed:not(.right) .mf-content:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        content: "";
        display: block;
        position: absolute;
        top: 9px
    }

    .message-feed.right .mf-content:before {
        border-bottom: 8px solid #36f;
        left: auto;
        right: -12px;
        transform: rotate(90deg)
    }

    .message-feed.right .media-body {
        display: flow-root
    }

    .ms-menu .tab-menu-heading {
        background: #fff;
        border-left: 0;
        border-radius: 5px 0 0 0;
        border-right: 0;
        padding: 13px;
        position: sticky;
        width: 299px;
        z-index: 1
    }

        .ms-menu .tab-menu-heading .tabs-menu1 ul li {
            margin: 0 1px;
            width: 48%
        }

            .ms-menu .tab-menu-heading .tabs-menu1 ul li .active {
                background: #36f;
                border: 1px solid #36f;
                color: #fff
            }

            .ms-menu .tab-menu-heading .tabs-menu1 ul li a {
                border: 1px solid #d3dfea;
                border-radius: 5px;
                font-weight: 600;
                padding: 10px 20px;
                text-align: center
            }

    .chat-conatct-list .list-group-item {
        cursor: pointer;
        position: relative
    }

        .chat-conatct-list .list-group-item .chat-time {
            font-size: 12px;
            position: absolute;
            right: 10px;
            top: 15px
        }

    .contacts_body {
        white-space: nowrap
    }

        .contacts_body .contacts {
            list-style: none;
            padding: 0
        }

            .contacts_body .contacts li {
                border-bottom: 1px solid #ebeaf1;
                padding: 15px;
                width: 100% !important
            }

        .contacts_body .active {
            background-color: #eaeefa
        }

    .chatbox .user_info {
        margin-bottom: auto;
        margin-left: 15px;
        margin-top: auto
    }

        .chatbox .user_info span {
            color: #464444
        }

    .chatbox .action-header small {
        font-size: 10px
    }

    .chatbox .user_img {
        border: 0 solid #f5f6fa;
        height: 50px;
        width: 50px
    }

    .chatbox .user_img_msg {
        border: 1.5px solid #f5f6fa;
        height: 40px;
        width: 40px
    }

    .chatbox .img_cont {
        height: 50px;
        position: relative;
        width: 50px
    }

    .chatbox .img_cont_msg {
        display: contents;
        height: 40px;
        width: 40px
    }

    .chat-box-single-line {
        margin: 7px 0 30px;
        position: relative;
        text-align: center
    }

    .chat abbr.timestamp {
        border-radius: 4px;
        padding: 4px 14px
    }

    .chat {
        margin-bottom: auto
    }

        .chat .action-header {
            padding: 15px 13px 15px 17px;
            position: relative
        }

        .chat .dropdown-menu.dropdown-menu-right.show {
            left: 0;
            margin-bottom: 5px;
            position: absolute;
            top: 10px !important;
            transform: translate3d(-176px, 22px, 0);
            width: 100%;
            will-change: transform
        }

        .chat .msb-reply textarea {
            background: #faf9ff;
            border: 1px solid #ebeaf1;
            font-size: 13px;
            height: 44px;
            margin-left: -42px;
            padding: 12px 47px;
            resize: none;
            width: 100%
        }

        .chat .dropdown-menu li {
            color: #5e629c;
            padding: 7px
        }

            .chat .dropdown-menu li:hover {
                background: #faf9ff
            }

            .chat .dropdown-menu li i {
                padding: 7px
            }

        .chat .actions > li {
            display: inline-block
        }

        .chat .actions:not(.a-alt) > li > a > i {
            color: #fff;
            line-height: unset
        }

        .chat .justify-content-end,
        .chat .justify-content-start {
            margin-bottom: 25px
        }

        .chat .card {
            height: 600px
        }

        .chat .card-header {
            padding: 1rem
        }

        .chat .video_cam {
            margin-left: 50px;
            margin-top: 5px
        }

            .chat .video_cam span {
                color: #fff;
                cursor: pointer;
                font-size: 20px;
                margin-right: 20px
            }

        .chat .msg_cotainer {
            background-color: #eaeefa;
            border-radius: 5px;
            margin-bottom: auto;
            margin-left: 10px;
            margin-top: 5px;
            max-width: 70%;
            padding: 10px;
            position: relative
        }

            .chat .msg_cotainer:before {
                border-bottom: 8px solid #eaeefa;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                content: "";
                display: block;
                left: -12px;
                position: absolute;
                right: auto;
                top: 9px;
                transform: rotate(-90deg)
            }

        .chat .msg_cotainer_send {
            background-color: #36f;
            border-radius: 5px;
            color: #fff;
            margin: 0 12px 10px 0;
            max-width: 70%;
            padding: 10px;
            position: relative
        }

            .chat .msg_cotainer_send:after {
                border-bottom: 8px solid #36f;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                content: "";
                display: block;
                left: auto;
                position: absolute;
                right: -12px;
                top: 9px;
                transform: rotate(90deg)
            }

        .chat .msg_time {
            left: 0
        }

        .chat .msg_time,
        .chat .msg_time_send {
            bottom: -18px;
            color: #3a374e;
            font-size: 10px;
            position: absolute
        }

        .chat .msg_time_send {
            right: 0
        }

        .chat .msg_head {
            background: #60529f;
            box-shadow: 0 1px 15px 1px rgba(58, 58, 62, .4);
            position: relative
        }

    #action_menu_btn {
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        right: 36px;
        top: 21px
    }

    .action_menu {
        background-color: #fff;
        color: #646367;
        display: none;
        padding: 15px 0;
        position: absolute;
        right: 15px;
        top: 40px;
        z-index: 1
    }

        .action_menu ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

            .action_menu ul li:hover {
                background-color: rgba(0, 0, 0, .2);
                cursor: pointer
            }

    .construction .form-control {
        padding: .375rem 1rem
    }

    .modal .ah-actions {
        margin-top: 0 !important
    }

    .modal-content .actions > li > a {
        border-radius: 50%;
        display: block;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
        text-align: center;
        width: 50px
    }

        .modal-content .actions > li > a:hover {
            background: rgba(0, 0, 0, .1)
        }

    .msb-reply-button .btn {
        line-height: 14px
    }

    .modal-content.chat .card {
        border-radius: 4px 4px 0 0;
        box-shadow: none
    }

    .ah-actions {
        float: right !important;
        margin-top: 0 !important;
        position: relative;
        top: 7px;
        z-index: 1
    }

        .ah-actions.actions a {
            height: auto;
            line-height: inherit
        }

        .ah-actions .option-dots {
            background: transparent;
            border-radius: 5px;
            color: #565b95;
            display: block !important;
            font-size: 18px;
            height: 40px !important;
            line-height: 40px !important;
            margin: 0 1px;
            padding: 0 !important;
            text-align: center;
            width: 40px
        }

    .ms-menu .dropdown-menu li a {
        font-size: 13px
    }

    .conv-form-wrapper div#messages div.message.to {
        background: #eeeff6
    }

    div.conv-form-wrapper div.options div.option,
    form.convFormDynamic button.submit {
        background: #fff;
        border: 1px solid #36f;
        color: #36f
    }

        div.conv-form-wrapper div.options div.option.selected {
            background: #36f;
            color: #fff
        }

            div.conv-form-wrapper div.options div.option.selected:hover {
                background: #36f
            }

        form.convFormDynamic button.submit:hover {
            background: #36f;
            color: #fff
        }

    div.conv-form-wrapper div#messages div.message.from {
        background: #36f;
        border-top-right-radius: 0;
        color: #fff
    }

    @media (max-width:991.98px) {
        .main-content-body-show .main-header-menu-icon {
            display: none
        }

        .main-content-body-show .main-header-left .main-header-arrow {
            display: block
        }

        .main-content-body-show .main-content-left-chat {
            display: none
        }

        .main-content-body-show .main-content-body-chat {
            display: flex
        }
    }

    .main-content-left-chat {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100%
    }

    @media (min-width:992px) {
        .main-content-left-chat {
            border: 0;
            border-left: 0;
            width: auto
        }
    }

    .main-nav-line-chat {
        border-bottom: 1px solid #e9edf4;
        flex-direction: row;
        flex-shrink: 0;
        padding: 10px
    }

        .main-nav-line-chat .nav-link {
            background: #e9edf4;
            border-radius: 3px;
            font-size: 13px;
            font-weight: 500;
            margin-left: 10px;
            margin-top: 0;
            padding: 6px 15px;
            text-transform: uppercase
        }

            .main-nav-line-chat .nav-link:active,
            .main-nav-line-chat .nav-link:focus,
            .main-nav-line-chat .nav-link:hover {
                outline: none
            }

            .main-nav-line-chat .nav-link.active {
                background: #36f;
                color: #fff
            }

                .main-nav-line-chat .nav-link.active:before {
                    background-color: #36f;
                    bottom: -11px;
                    left: 0;
                    right: 0;
                    top: auto;
                    width: auto
                }

    @media (min-width:992px) {
        .main-nav-line-chat {
            padding-right: 0
        }
    }

    .main-chat-contacts-wrapper {
        border-bottom: 1px solid #e9edf4;
        flex-shrink: 0;
        overflow: hidden;
        padding: 10px 20px
    }

        .main-chat-contacts-wrapper .lSSlideOuter,
        .main-chat-contacts-wrapper .lSSlideWrapper {
            overflow: visible
        }

        .main-chat-contacts-wrapper .card-table-two .card-title,
        .main-chat-contacts-wrapper .main-content-label {
            line-height: 1;
            margin-bottom: 15px
        }

    @media (min-width:992px) {
        .main-chat-contacts-wrapper {
            padding: 10px 0 10px 15px
        }
    }

    .card--eight .main-chat-contacts-wrapper .card-title,
    .card-table-two .main-chat-contacts-wrapper .card-title,
    .main-chat-contacts-wrapper .card--eight .card-title {
        line-height: 1;
        margin-bottom: 15px
    }

    .main-chat-contacts {
        display: flex;
        padding-left: 20px
    }

        .main-chat-contacts .lslide {
            align-items: center;
            display: flex;
            flex-direction: column;
            float: none
        }

        .main-chat-contacts small {
            font-size: 11px;
            margin-top: 3px;
            overflow: hidden;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 36px
        }

    .main-chat-contacts-more {
        align-items: center;
        background-color: #36f;
        border-radius: 100%;
        color: #fff;
        display: flex;
        font-size: 12px;
        font-weight: 500;
        height: 36px;
        justify-content: center;
        width: 36px
    }

    .main-chat-list {
        max-height: 500px;
        position: relative
    }

        .main-chat-list .media {
            border-bottom: 1px solid #e9ebfa;
            padding: 12px 20px;
            position: relative
        }

            .main-chat-list .media .main-img-user {
                flex-shrink: 0;
                position: relative;
                top: 3px
            }

            .main-chat-list .media:last-chid {
                border-bottom: 0
            }

            .main-chat-list .media + .media:before {
                border-top: 1px solid #e9edf4;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: -1px
            }

            .main-chat-list .media.new .main-img-user span {
                display: flex
            }

            .main-chat-list .media.new .media-contact-name span:first-child {
                color: #14112d;
                font-weight: 600
            }

            .main-chat-list .media.new .media-body p {
                color: #22252f
            }

            .main-chat-list .media:focus,
            .main-chat-list .media:hover {
                background-color: #f3f4f7;
                border-bottom-color: #e9ebfa;
                border-top-color: #e9ebfa;
                cursor: pointer
            }

            .main-chat-list .media.selected {
                background-color: #f3f4f7;
                border-bottom-color: #e9ebfa;
                border-top-color: #e9ebfa
            }

                .main-chat-list .media.selected:first-child {
                    border-top-color: transparent
                }

                .main-chat-list .media.selected:after {
                    display: block
                }

                .main-chat-list .media.selected .media-contact-name span:first-child {
                    color: #14112d
                }

                .main-chat-list .media.selected .media-body p {
                    color: #22252f
                }

        .main-chat-list .main-img-user span {
            align-items: center;
            background-color: #ff5c77;
            border-radius: 100%;
            box-shadow: 0 0 0 2px #fff;
            color: #fff;
            display: none;
            font-size: 9px;
            font-weight: 500;
            height: 14px;
            justify-content: center;
            left: -2px;
            position: absolute;
            top: 0;
            width: 14px
        }

        .main-chat-list .media-body {
            margin-left: 15px
        }

            .main-chat-list .media-body p {
                color: #737688;
                font-size: 13px;
                line-height: 1.35;
                margin-bottom: 0
            }

        .main-chat-list .media-contact-name {
            align-items: center;
            display: flex;
            justify-content: space-between;
            margin-bottom: 2px
        }

            .main-chat-list .media-contact-name span:first-child {
                color: #14112d;
                display: block;
                font-size: 14px;
                font-weight: 500
            }

            .main-chat-list .media-contact-name span:last-child {
                color: #737688;
                display: block;
                font-size: 11px
            }

    @media (min-width:992px) {
        .main-chat-list .media {
            margin: 0;
            padding: 12px 15px
        }
    }

    .main-content-body-chat {
        flex-direction: column
    }

    @media (min-width:992px) {
        .main-content-body-chat {
            display: flex
        }
    }

    .main-chat-header {
        align-items: center;
        border-bottom: 1px solid #e9edf4;
        display: flex;
        flex-shrink: 0;
        justify-content: flex-start;
        padding: 12px 20px
    }

        .main-chat-header .nav {
            align-items: center;
            margin-left: auto
        }

        .main-chat-header .nav-link {
            color: #737688;
            display: none;
            font-size: 20px;
            margin-top: 0;
            padding: 0
        }

            .main-chat-header .nav-link:first-child {
                display: block
            }

            .main-chat-header .nav-link i {
                line-height: 0
            }

            .main-chat-header .nav-link .typcn {
                line-height: .9
            }

                .main-chat-header .nav-link .typcn:before {
                    width: auto
                }

            .main-chat-header .nav-link:focus,
            .main-chat-header .nav-link:hover {
                color: #36f
            }

            .main-chat-header .nav-link + .nav-link {
                margin-left: 10px
            }

    @media (min-width:576px) {
        .main-chat-header .nav-link {
            display: block
        }

            .main-chat-header .nav-link:first-child {
                display: none
            }
    }

    .main-chat-msg-name {
        margin-left: 15px
    }

        .main-chat-msg-name h6 {
            color: #14112d;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 2px
        }

        .main-chat-msg-name small {
            color: #737688;
            font-size: 12px
        }

    .main-chat-body {
        background: url(../images/chat.png);
        max-height: 555px;
        overflow: hidden;
        padding-bottom: 0;
        position: relative
    }

        .main-chat-body .content-inner {
            padding: 20px
        }

        .main-chat-body .media + .media {
            margin-top: 20px
        }

        .main-chat-body .media.flex-row-reverse .media-body {
            align-items: flex-end;
            margin-left: 0;
            margin-right: 5px
        }

        .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
            background-color: #36f;
            border-radius: 4px 0 4px 4px;
            color: #fff;
            margin-right: 15px
        }

        .main-chat-body .media-body {
            align-items: flex-start;
            display: flex;
            flex-direction: column;
            margin-left: 5px
        }

            .main-chat-body .media-body > div span {
                align-items: center;
                color: #737688;
                display: flex;
                font-size: 11px
            }

    @media (min-width:576px) {
        .main-chat-body .media.flex-row-reverse .media-body {
            margin-left: 0
        }

        .main-chat-body .media-body {
            margin-right: 0
        }
    }

    .main-chat-time {
        display: block;
        margin: 20px 0;
        position: relative;
        text-align: center
    }

        .main-chat-time:first-of-type {
            margin-top: 0
        }

        .main-chat-time span {
            font-size: 10px;
            font-weight: 500;
            letter-spacing: 1px;
            text-transform: uppercase
        }

    .main-msg-wrapper {
        background-color: #eff1f7;
        border-radius: 0;
        border-radius: 0 4px 4px 4px;
        display: inline-block;
        font-size: 13px;
        margin-bottom: 5px;
        margin-left: 10px;
        padding: 10px 15px;
        position: relative
    }

    .main-chat-footer {
        background-color: #fff;
        border-radius: 0 0 5px 5px;
        border-top: 1px solid #e9edf4;
        bottom: 0;
        display: flex;
        height: 50px;
        left: 0;
        padding: 0 20px;
        right: 0
    }

        .main-chat-footer,
        .main-chat-footer .nav {
            align-items: center
        }

            .main-chat-footer .nav-link {
                color: #9ba5ca;
                display: none;
                font-size: 20px;
                padding: 0
            }

                .main-chat-footer .nav-link + .nav-link {
                    margin-left: 10px
                }

                .main-chat-footer .nav-link:last-child {
                    display: block;
                    margin-left: 0
                }

            .main-chat-footer .form-control {
                border-width: 0;
                flex: 1;
                margin: 0 10px;
                padding-left: 0;
                padding-right: 0
            }

                .main-chat-footer .form-control:focus,
                .main-chat-footer .form-control:hover {
                    box-shadow: none
                }

    @media (min-width:992px) {
        .main-chat-footer {
            bottom: auto;
            left: auto;
            position: relative;
            right: auto
        }
    }

    @media (min-width:576px) {
        .main-chat-footer .nav-link {
            display: block
        }

            .main-chat-footer .nav-link:last-child {
                display: none
            }

        .main-chat-footer .form-control {
            margin-left: 20px
        }
    }

    @media (min-width:768px) {
        .main-chat-footer .form-control {
            border: 0 !important;
            margin: 0 20px
        }
    }

    .main-msg-send {
        color: #9ba5ca;
        font-size: 20px
    }

    .main-img-user.online {
        position: relative
    }

        .main-img-user.online:before {
            background: #0dcd94;
            border-radius: 50%;
            bottom: 0;
            content: "";
            display: block;
            height: 8px;
            position: absolute;
            right: 2px;
            width: 8px;
            z-index: 1
        }

    .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before {
        border-bottom: 8px solid #36f;
        left: auto;
        right: -12px;
        transform: rotate(90deg)
    }

    .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before,
    .main-msg-wrapper:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        content: "";
        display: block;
        position: absolute;
        top: 6px
    }

    .main-msg-wrapper:before {
        border-bottom: 8px solid #eff1f7;
        left: -12px;
        right: auto;
        transform: rotate(-90deg)
    }

    .main-content-left-chat .form-control {
        height: 40px;
        padding: .52rem 15px
    }

    .option-dots.new-list2 {
        font-size: 20px;
        line-height: 45px
    }

    .modal-content .actions > li > a {
        color: #fff;
        font-size: 20px;
        opacity: .6
    }

    .modal-content .actions {
        top: 0
    }

    @media (min-width:768px) and (max-width:991.98px) {
        .main-content-body-show .main-header-contacts .main-header-menu-icon {
            display: flex
        }

        .main-content-body-show .main-content-left-contacts {
            display: block
        }
    }

    @media (max-width:1200px) {
        .main-contact-info-header {
            border-top: 1px solid #e9edf4
        }

            .main-contact-info-header .media-body {
                padding-top: 20px
            }
    }

    @media (max-width:400px) {
        .main-contact-action a span {
            display: none
        }
    }

    @media (max-width:576px) {
        .main-contact-info-header {
            padding-top: 60px !important
        }

        .main-contact-action {
            left: 10px;
            right: 0 !important
        }

        .main-contact-info-header .media-body .nav-link {
            padding-top: 5px
        }
    }

    @media (min-width:992px) and (max-width:1200px) {
        .main-contact-info-header .media {
            display: block !important
        }

        .main-contact-info-header .media-body {
            padding-top: 20px
        }
    }

    @media (min-width:768px) and (max-width:991.98px) {
        .app .main-contact-star {
            display: none
        }

        .app .main-content-left-contacts .main-nav-line-chat .nav-link.active {
            display: block !important;
            font-size: 11px;
            padding: 0
        }

        .app .main-content-left-contacts .main-img-user {
            margin: 0 auto
        }
    }

    .main-content-left-contacts {
        display: block;
        padding: 0;
        width: 100%
    }

        .main-content-left-contacts .main-content-breadcrumb,
        .main-content-left-contacts .main-content-title {
            padding-left: 20px
        }

    @media (min-width:768px) {
        .main-content-left-contacts {
            width: 100%
        }
    }

    @media (min-width:992px) {
        .main-content-left-contacts .main-content-breadcrumb,
        .main-content-left-contacts .main-content-title {
            padding-left: 0
        }
    }

    .main-contacts-list {
        height: 730px;
        position: relative
    }

        .main-contacts-list:focus,
        .main-contacts-list:hover {
            border: 0;
            box-shadow: none;
            outline: 0
        }

    .main-contact-label {
        font-size: 12px;
        font-weight: 500;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-top: 20px;
        position: relative
    }

        .main-contact-label:after {
            border-bottom: 1px solid #e9edf4;
            bottom: -1px;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            z-index: 1
        }

    @media (min-width:992px) {
        .main-contact-label {
            padding-left: 10px
        }
    }

    .main-contact-item {
        border: 1px solid transparent;
        border-right-width: 0;
        cursor: pointer;
        display: flex;
        padding: 12px 20px;
        position: relative
    }

        .main-contact-item + .main-contact-item {
            border-top-color: transparent;
            margin-top: -1px
        }

            .main-contact-item + .main-contact-item:before {
                border-top: 1px solid #e9edf4;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: -1px
            }

        .main-contact-item.selected,
        .main-contact-item:focus,
        .main-contact-item:hover {
            background-color: #f3f4f7;
            border-bottom-color: #e9ebfa;
            border-top-color: #e9ebfa
        }

        .main-contact-item.selected {
            border-width: 1px
        }

    @media (min-width:992px) {
        .main-contact-item {
            padding: 12px 15px
        }
    }

    .main-contact-body {
        flex: 1;
        margin-left: 15px
    }

        .main-contact-body h6 {
            color: #263871;
            font-weight: 600;
            margin-bottom: 2px
        }

        .main-contact-body span {
            color: #9ba5ca;
            font-size: 13px
        }

    .main-contact-star {
        color: #9ba5ca;
        font-size: 16px;
        margin-top: 5px
    }

        .main-contact-star:focus,
        .main-contact-star:hover {
            color: #9ba5ca
        }

        .main-contact-star.active {
            color: #fcb32d
        }

    @media (min-width:768px) {
        .main-content-body-contacts {
            display: block;
            overflow-y: auto
        }
    }

    @media (min-width:992px) {
        .main-content-body-contacts {
            overflow: visible
        }
    }

    .main-contact-info-header {
        border-bottom: 1px solid #e9edf4;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-top: 40px;
        position: relative
    }

        .main-contact-info-header .media {
            display: block
        }

        .main-contact-info-header .main-img-user {
            height: 100px;
            width: 100px
        }

            .main-contact-info-header .main-img-user:after {
                display: none
            }

            .main-contact-info-header .main-img-user a {
                align-items: center;
                background-color: #e3e7f5;
                border-radius: 100%;
                bottom: 0;
                box-shadow: 0 0 0 2px #fff;
                color: #263871;
                display: flex;
                font-size: 18px;
                height: 32px;
                justify-content: center;
                line-height: .9;
                right: 0;
                width: 32px
            }

                .main-contact-info-header .main-img-user a:focus,
                .main-contact-info-header .main-img-user a:hover {
                    background-color: #36f;
                    color: hsla(0, 0%, 100%, .5)
                }

        .main-contact-info-header .media-body {
            margin-top: 30px
        }

            .main-contact-info-header .media-body h4 {
                color: #263871;
                font-size: 22px;
                font-weight: 500;
                line-height: 1;
                margin-bottom: 4px
            }

            .main-contact-info-header .media-body p {
                margin-bottom: 15px
            }

            .main-contact-info-header .media-body .nav-link {
                align-items: center;
                color: #9ba5ca;
                display: flex;
                font-size: 13px;
                padding: 0
            }

                .main-contact-info-header .media-body .nav-link i {
                    font-size: 14px;
                    line-height: 0;
                    margin-right: 5px
                }

                    .main-contact-info-header .media-body .nav-link i.typcn {
                        line-height: .9
                    }

                        .main-contact-info-header .media-body .nav-link i.typcn:before {
                            width: auto
                        }

                .main-contact-info-header .media-body .nav-link:focus,
                .main-contact-info-header .media-body .nav-link:hover {
                    color: #4c84ff
                }

                .main-contact-info-header .media-body .nav-link + .nav-link {
                    margin-left: 10px
                }

    @media (min-width:576px) {
        .main-contact-info-header {
            padding-top: 20px
        }
    }

    @media (min-width:992px) {
        .main-contact-info-header {
            padding-bottom: 25px;
            padding-left: 30px
        }

            .main-contact-info-header .media {
                align-items: center;
                display: flex
            }

            .main-contact-info-header .media-body {
                margin-left: 30px;
                margin-top: 0
            }
    }

    @media (min-width:576px) {
        .main-contact-info-header .media-body .nav-link {
            font-size: .875rem
        }

            .main-contact-info-header .media-body .nav-link i {
                margin-right: 7px
            }

            .main-contact-info-header .media-body .nav-link + .nav-link {
                margin-left: 25px
            }
    }

    .main-contact-action {
        display: flex;
        position: absolute;
        right: 20px;
        top: 20px
    }

        .main-contact-action a {
            align-items: center;
            display: flex
        }

            .main-contact-action a:focus,
            .main-contact-action a:hover {
                color: #4c84ff
            }

            .main-contact-action a i {
                font-size: 17px;
                line-height: .9;
                margin-right: 5px
            }

            .main-contact-action a + a {
                margin-left: 15px
            }

    @media (min-width:992px) {
        .main-contact-action {
            right: 20px
        }
    }

    .main-contact-info-body {
        padding-left: 0
    }

        .main-contact-info-body .media-list {
            padding: 20px 0
        }

        .main-contact-info-body .media {
            align-items: center;
            position: relative
        }

            .main-contact-info-body .media + .media {
                margin-top: 30px
            }

                .main-contact-info-body .media + .media:before {
                    border-top: 1px solid #e9edf4;
                    content: "";
                    left: 0;
                    position: absolute;
                    right: 0;
                    top: -15px
                }

            .main-contact-info-body .media:last-child {
                margin-bottom: 15px
            }

        .main-contact-info-body .media-body {
            margin-left: 30px
        }

            .main-contact-info-body .media-body > div + div {
                margin-top: 15px
            }

            .main-contact-info-body .media-body label {
                color: #9ba5ca;
                display: block;
                font-size: 14px;
                margin-bottom: 0
            }

            .main-contact-info-body .media-body span {
                color: #263871;
                display: block;
                font-weight: 500
            }

        .main-contact-info-body .media:before {
            border-top: 1px solid #e9edf4;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            top: -15px
        }

    @media (min-width:992px) {
        .main-contact-info-body {
            height: calc(100% - 126px);
            position: relative
        }

            .main-contact-info-body .media-list {
                padding: 25px 0
            }

            .main-contact-info-body .media-body {
                display: flex
            }

                .main-contact-info-body .media-body > div {
                    flex: 1
                }

                    .main-contact-info-body .media-body > div + div {
                        margin-top: 0
                    }
    }

    .main-contact-info-header .main-img-user {
        position: relative
    }

        .main-contact-info-header .main-img-user a {
            position: absolute
        }

    .ui-datepicker {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 4px;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
        display: none;
        font-family: inherit;
        font-size: inherit;
        margin: 1px 0 0;
        padding: 10px;
        width: auto !important;
        z-index: 5 !important
    }

        .ui-datepicker .ui-datepicker-header {
            align-items: center;
            background-color: transparent;
            border: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: #473b52;
            display: flex;
            font-size: 12px;
            font-weight: 500;
            justify-content: space-between;
            letter-spacing: 1px;
            padding: 0 0 5px;
            position: relative;
            text-transform: uppercase
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
                color: #6c757d;
                text-indent: -99999px;
                top: 1px
            }

                .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
                .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
                    font-family: FontAwesome;
                    font-size: 16px;
                    position: absolute;
                    text-indent: 0;
                    top: -4px
                }

                .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus:before,
                .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:before,
                .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus:before,
                .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:before {
                    color: #353a40
                }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
                order: 3
            }

                .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
                    content: "";
                    right: 5px
                }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
                content: "";
                left: 5px
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
                background-color: transparent;
                border: 0;
                color: #495057;
                cursor: pointer;
                top: 1px
            }

        .ui-datepicker .ui-datepicker-title {
            color: #36f
        }

        .ui-datepicker .ui-datepicker-calendar {
            background-color: transparent;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            margin: 0
        }

            .ui-datepicker .ui-datepicker-calendar th {
                color: #98a1b5;
                font-size: 10px;
                font-weight: 500;
                letter-spacing: 1px;
                padding: 6px 10px;
                text-transform: uppercase
            }

            .ui-datepicker .ui-datepicker-calendar td {
                background-color: #f6f7fb;
                border: 1px solid #e9ebfa;
                padding: 0;
                text-align: right
            }

                .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
                    color: #ced1da
                }

                .ui-datepicker .ui-datepicker-calendar td a,
                .ui-datepicker .ui-datepicker-calendar td span {
                    background-color: #fff;
                    border: 0;
                    border-radius: 1px;
                    color: #263871;
                    display: block;
                    font-size: 12px;
                    font-weight: 400;
                    padding: 6px 10px;
                    transition: all .2s ease-in-out
                }

                    .ui-datepicker .ui-datepicker-calendar td a:hover {
                        background-color: #f0f2f7;
                        color: #473b52
                    }

            .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
                background-color: #36f;
                color: #fff
            }

    @media (max-width:320px) {
        .ui-datepicker .ui-datepicker-calendar th {
            letter-spacing: normal;
            padding: 4px 0
        }
    }

    .ui-datepicker-multi .ui-datepicker-group {
        float: left;
        padding-right: 15px;
        width: auto
    }

        .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
            margin: auto
        }

        .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev:before {
            left: 10px
        }

        .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next:before {
            right: 10px
        }

        .ui-datepicker-multi .ui-datepicker-group table {
            margin: 0
        }

    .ui-datepicker-multi .ui-datepicker-group-last {
        padding-right: 0
    }

    .ui-datepicker-inline {
        border-radius: 12px;
        max-width: 270px
    }

    .model-wrapper-demo {
        background: #ebeff8;
        padding: 50px 0
    }

    .custom-checkbox:before {
        background-color: transparent;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .custom-checkbox:after,
    .custom-checkbox:before {
        content: "";
        display: block;
        height: 1rem;
        left: 0;
        position: absolute;
        top: .25rem;
        width: 1rem
    }

    .custom-checkbox:after {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 50% 50%
    }

    .custom-checkbox-md:before {
        background-color: transparent;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .custom-checkbox-md:after,
    .custom-checkbox-md:before {
        content: "";
        display: block;
        height: 1.8rem;
        left: 0;
        position: absolute;
        top: .15rem;
        width: 1.8rem
    }

    .custom-checkbox-md:after {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 50% 50%
    }

    .custom-checkbox-lg:before {
        background-color: transparent;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .custom-checkbox-lg:after,
    .custom-checkbox-lg:before {
        content: "";
        display: block;
        height: 2rem;
        left: 0;
        position: absolute;
        top: .25rem;
        width: 2rem
    }

    .custom-checkbox-lg:after {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 50% 50%
    }

    .custom-control-label-md.success:before {
        border-radius: 8px
    }

    #global-loader {
        height: 100%;
        width: 100%;
        z-index: 999
    }

        #global-loader img {
            bottom: 0;
            top: 43%
        }

    .dimmer {
        position: relative
    }

        .dimmer .loader {
            display: none;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

        .dimmer.active .loader {
            display: block
        }

        .dimmer.active .dimmer-content {
            opacity: .04;
            pointer-events: none
        }

    .spinner3 {
        -webkit-animation: sk-rotate 2s linear infinite;
        animation: sk-rotate 2s linear infinite;
        height: 40px;
        margin: 100px auto;
        position: relative;
        text-align: center;
        width: 40px
    }

    .dot1,
    .dot2 {
        -webkit-animation: sk-bounce 2s ease-in-out infinite;
        animation: sk-bounce 2s ease-in-out infinite;
        border-radius: 100%;
        display: inline-block;
        height: 60%;
        position: absolute;
        top: 0;
        width: 60%
    }

    .dot1,
    .dot2 {
        background: -webkit-gradient(linear, left top, right top, from(#36f), to(#36f))
    }

    .dot2 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
        bottom: 0;
        top: auto
    }

    @-webkit-keyframes sk-rotate {
        to {
            -webkit-transform: rotate(1turn)
        }
    }

    @keyframes sk-rotate {
        to {
            transform: rotate(1turn);
            -webkit-transform: rotate(1turn)
        }
    }

    .spinner4 {
        margin: 100px auto;
        text-align: center;
        width: 70px
    }

        .spinner4 > div {
            -webkit-animation: sk-bouncedelay 1.4s ease-in-out infinite both;
            animation: sk-bouncedelay 1.4s ease-in-out infinite both;
            background: -webkit-gradient(linear, left top, right top, from(#36f), to(#36f));
            border-radius: 100%;
            display: inline-block;
            height: 18px;
            width: 18px
        }

        .spinner4 .bounce1 {
            -webkit-animation-delay: -.32s;
            animation-delay: -.32s
        }

        .spinner4 .bounce2 {
            -webkit-animation-delay: -.16s;
            animation-delay: -.16s
        }

    @-webkit-keyframes sk-bouncedelay {
        0%, 80%, to {
            -webkit-transform: scale(0)
        }

        40% {
            -webkit-transform: scale(1)
        }
    }

    @keyframes sk-bouncedelay {
        0%, 80%, to {
            transform: scale(0)
        }

        40% {
            transform: scale(1)
        }
    }

    .sk-circle {
        height: 40px;
        margin: 100px auto;
        position: relative;
        width: 40px
    }

        .sk-circle .sk-child {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

            .sk-circle .sk-child:before {
                -webkit-animation: sk-circleBounceDelay 1.2s ease-in-out infinite both;
                animation: sk-circleBounceDelay 1.2s ease-in-out infinite both;
                background: -webkit-gradient(linear, left top, right top, from(#36f), to(#36f));
                border-radius: 100%;
                content: "";
                display: block;
                height: 15%;
                margin: 0 auto;
                width: 15%
            }

        .sk-circle .sk-circle2 {
            transform: rotate(30deg)
        }

        .sk-circle .sk-circle3 {
            transform: rotate(60deg)
        }

        .sk-circle .sk-circle4 {
            transform: rotate(90deg)
        }

        .sk-circle .sk-circle5 {
            transform: rotate(120deg)
        }

        .sk-circle .sk-circle6 {
            transform: rotate(150deg)
        }

        .sk-circle .sk-circle7 {
            transform: rotate(180deg)
        }

        .sk-circle .sk-circle8 {
            transform: rotate(210deg)
        }

        .sk-circle .sk-circle9 {
            transform: rotate(240deg)
        }

        .sk-circle .sk-circle10 {
            transform: rotate(270deg)
        }

        .sk-circle .sk-circle11 {
            transform: rotate(300deg)
        }

        .sk-circle .sk-circle12 {
            transform: rotate(330deg)
        }

        .sk-circle .sk-circle2:before {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s
        }

        .sk-circle .sk-circle3:before {
            -webkit-animation-delay: -1s;
            animation-delay: -1s
        }

        .sk-circle .sk-circle4:before {
            -webkit-animation-delay: -.9s;
            animation-delay: -.9s
        }

        .sk-circle .sk-circle5:before {
            -webkit-animation-delay: -.8s;
            animation-delay: -.8s
        }

        .sk-circle .sk-circle6:before {
            -webkit-animation-delay: -.7s;
            animation-delay: -.7s
        }

        .sk-circle .sk-circle7:before {
            -webkit-animation-delay: -.6s;
            animation-delay: -.6s
        }

        .sk-circle .sk-circle8:before {
            -webkit-animation-delay: -.5s;
            animation-delay: -.5s
        }

        .sk-circle .sk-circle9:before {
            -webkit-animation-delay: -.4s;
            animation-delay: -.4s
        }

        .sk-circle .sk-circle10:before {
            -webkit-animation-delay: -.3s;
            animation-delay: -.3s
        }

        .sk-circle .sk-circle11:before {
            -webkit-animation-delay: -.2s;
            animation-delay: -.2s
        }

        .sk-circle .sk-circle12:before {
            -webkit-animation-delay: -.1s;
            animation-delay: -.1s
        }

    @-webkit-keyframes sk-circleBounceDelay {
        0%, 80%, to {
            transform: scale(0)
        }

        40% {
            transform: scale(1)
        }
    }

    @keyframes sk-circleBounceDelay {
        0%, 80%, to {
            transform: scale(0)
        }

        40% {
            transform: scale(1)
        }
    }

    .sk-cube-grid {
        height: 40px;
        margin: 300px auto;
        width: 40px
    }

        .sk-cube-grid .sk-cube {
            -webkit-animation: sk-cubeGridScaleDelay 1.3s ease-in-out infinite;
            animation: sk-cubeGridScaleDelay 1.3s ease-in-out infinite;
            background: #36f;
            float: left;
            height: 33%;
            width: 33%
        }

        .sk-cube-grid .sk-cube1 {
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

        .sk-cube-grid .sk-cube2 {
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

        .sk-cube-grid .sk-cube3 {
            -webkit-animation-delay: .4s;
            animation-delay: .4s
        }

        .sk-cube-grid .sk-cube4 {
            -webkit-animation-delay: .1s;
            animation-delay: .1s
        }

        .sk-cube-grid .sk-cube5 {
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

        .sk-cube-grid .sk-cube6 {
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

        .sk-cube-grid .sk-cube7 {
            -webkit-animation-delay: 0s;
            animation-delay: 0s
        }

        .sk-cube-grid .sk-cube8 {
            -webkit-animation-delay: .1s;
            animation-delay: .1s
        }

        .sk-cube-grid .sk-cube9 {
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

    @-webkit-keyframes sk-cubeGridScaleDelay {
        0%, 70%, to {
            transform: scaleX(1)
        }

        35% {
            transform: scale3D(0, 0, 1)
        }
    }

    @keyframes sk-cubeGridScaleDelay {
        0%, 70%, to {
            transform: scaleX(1)
        }

        35% {
            transform: scale3D(0, 0, 1)
        }
    }

    .sk-folding-cube {
        height: 40px;
        margin: 100px auto;
        position: relative;
        transform: rotate(45deg);
        width: 40px
    }

        .sk-folding-cube .sk-cube {
            float: left;
            height: 50%;
            position: relative;
            transform: scale(1.1);
            width: 50%
        }

            .sk-folding-cube .sk-cube:before {
                -webkit-animation: sk-foldCubeAngle 2.4s linear infinite both;
                animation: sk-foldCubeAngle 2.4s linear infinite both;
                background-color: #36f;
                content: "";
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                transform-origin: 100% 100%;
                width: 100%
            }

        .sk-folding-cube .sk-cube2 {
            transform: scale(1.1) rotate(90deg)
        }

        .sk-folding-cube .sk-cube3 {
            transform: scale(1.1) rotate(180deg)
        }

        .sk-folding-cube .sk-cube4 {
            transform: scale(1.1) rotate(270deg)
        }

        .sk-folding-cube .sk-cube2:before {
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

        .sk-folding-cube .sk-cube3:before {
            -webkit-animation-delay: .6s;
            animation-delay: .6s
        }

        .sk-folding-cube .sk-cube4:before {
            -webkit-animation-delay: .9s;
            animation-delay: .9s
        }

    @-webkit-keyframes sk-foldCubeAngle {
        0%, 10% {
            opacity: 0;
            transform: perspective(140px) rotateX(-180deg)
        }

        25%, 75% {
            opacity: 1;
            transform: perspective(140px) rotateX(0deg)
        }

        90%, to {
            opacity: 0;
            transform: perspective(140px) rotateY(180deg)
        }
    }

    @keyframes sk-foldCubeAngle {
        0%, 10% {
            opacity: 0;
            transform: perspective(140px) rotateX(-180deg)
        }

        25%, 75% {
            opacity: 1;
            transform: perspective(140px) rotateX(0deg)
        }

        90%, to {
            opacity: 0;
            transform: perspective(140px) rotateY(180deg)
        }
    }

    .spinner5 {
        font-size: 10px;
        height: 40px;
        margin: 100px auto;
        text-align: center;
        width: 50px
    }

        .spinner5 > div {
            -webkit-animation: sk-stretchdelay 1.2s ease-in-out infinite;
            animation: sk-stretchdelay 1.2s ease-in-out infinite;
            background: -webkit-gradient(linear, left top, right top, from(#36f), to(#36f));
            display: inline-block;
            height: 100%;
            width: 6px
        }

        .spinner5 .rect2 {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s
        }

        .spinner5 .rect3 {
            -webkit-animation-delay: -1s;
            animation-delay: -1s
        }

        .spinner5 .rect4 {
            -webkit-animation-delay: -.9s;
            animation-delay: -.9s
        }

        .spinner5 .rect5 {
            -webkit-animation-delay: -.8s;
            animation-delay: -.8s
        }

    @-webkit-keyframes sk-stretchdelay {
        0%, 40%, to {
            -webkit-transform: scaleY(.4)
        }

        20% {
            -webkit-transform: scaleY(1)
        }
    }

    @keyframes sk-stretchdelay {
        0%, 40%, to {
            transform: scaleY(.4);
            -webkit-transform: scaleY(.4)
        }

        20% {
            transform: scaleY(1);
            -webkit-transform: scaleY(1)
        }
    }

    .spinner {
        background: #36f;
        height: 40px;
        width: 40px
    }

    .spinner,
    .spinner-lg {
        -webkit-animation: sk-rotateplane 1.2s ease-in-out infinite;
        animation: sk-rotateplane 1.2s ease-in-out infinite;
        margin: 100px auto
    }

    .spinner-lg {
        background-color: #36f;
        height: 100px;
        width: 100px
    }

    @-webkit-keyframes sk-rotateplane {
        0% {
            -webkit-transform: perspective(120px)
        }

        50% {
            -webkit-transform: perspective(120px) rotateY(180deg)
        }

        to {
            -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
        }
    }

    @keyframes sk-rotateplane {
        0% {
            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
        }

        50% {
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
        }

        to {
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
        }
    }

    .spinner1 {
        height: 40px;
        width: 40px
    }

    .spinner1,
    .spinner1-lg {
        margin: 100px auto;
        position: relative
    }

    .spinner1-lg {
        height: 100px;
        width: 100px
    }

    .double-bounce1,
    .double-bounce2 {
        -webkit-animation: sk-bounce 2s ease-in-out infinite;
        animation: sk-bounce 2s ease-in-out infinite;
        background: #36f;
        border-radius: 50%;
        height: 100%;
        left: 0;
        opacity: .6;
        position: absolute;
        top: 0;
        width: 100%
    }

    .double-bounce2 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s
    }

    @-webkit-keyframes sk-bounce {
        0%, to {
            -webkit-transform: scale(0)
        }

        50% {
            -webkit-transform: scale(1)
        }
    }

    @keyframes sk-bounce {
        0%, to {
            transform: scale(0);
            -webkit-transform: scale(0)
        }

        50% {
            transform: scale(1);
            -webkit-transform: scale(1)
        }
    }

    .spinner2 {
        height: 40px;
        margin: 100px auto;
        position: relative;
        width: 40px
    }

    .cube1,
    .cube2 {
        -webkit-animation: sk-cubemove 1.8s ease-in-out infinite;
        animation: sk-cubemove 1.8s ease-in-out infinite;
        background-color: #36f;
        height: 15px;
        left: 0;
        position: absolute;
        top: 0;
        width: 15px
    }

    .cube2 {
        -webkit-animation-delay: -.9s;
        animation-delay: -.9s
    }

    @-webkit-keyframes sk-cubemove {
        25% {
            -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
        }

        50% {
            -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
        }

        75% {
            -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
        }

        to {
            -webkit-transform: rotate(-1turn)
        }
    }

    @keyframes sk-cubemove {
        25% {
            transform: translateX(42px) rotate(-90deg) scale(.5);
            -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
        }

        50% {
            transform: translateX(42px) translateY(42px) rotate(-179deg);
            -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
        }

        50.1% {
            transform: translateX(42px) translateY(42px) rotate(-180deg);
            -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
        }

        75% {
            transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
            -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
        }

        to {
            transform: rotate(-1turn);
            -webkit-transform: rotate(-1turn)
        }
    }

    .lds-heart {
        height: 64px;
        margin: 100px auto;
        position: relative;
        transform: rotate(45deg);
        transform-origin: 32px 32px;
        width: 64px
    }

        .lds-heart div {
            -webkit-animation: lds-heart 1.2s cubic-bezier(.215, .61, .355, 1) infinite;
            animation: lds-heart 1.2s cubic-bezier(.215, .61, .355, 1) infinite;
            background: #36f;
            height: 26px;
            left: 19px;
            position: absolute;
            top: 23px;
            width: 26px
        }

            .lds-heart div:after,
            .lds-heart div:before {
                background: #36f;
                content: " ";
                display: block;
                height: 26px;
                position: absolute;
                width: 26px
            }

            .lds-heart div:before {
                border-radius: 50% 0 0 50%;
                left: -17px
            }

            .lds-heart div:after {
                border-radius: 50% 50% 0 0;
                top: -17px
            }

    @-webkit-keyframes lds-heart {
        0% {
            transform: scale(.95)
        }

        5% {
            transform: scale(1.1)
        }

        39% {
            transform: scale(.85)
        }

        45% {
            transform: scale(1)
        }

        60% {
            transform: scale(.95)
        }

        to {
            transform: scale(.9)
        }
    }

    @keyframes lds-heart {
        0% {
            transform: scale(.95)
        }

        5% {
            transform: scale(1.1)
        }

        39% {
            transform: scale(.85)
        }

        45% {
            transform: scale(1)
        }

        60% {
            transform: scale(.95)
        }

        to {
            transform: scale(.9)
        }
    }

    .lds-ring {
        height: 64px;
        margin: 100px auto;
        position: relative;
        width: 64px
    }

        .lds-ring div {
            -webkit-animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
            animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
            border: 6px solid transparent;
            border-radius: 50%;
            border-top-color: #36f;
            box-sizing: border-box;
            display: block;
            height: 51px;
            margin: 6px;
            position: absolute;
            width: 51px
        }

            .lds-ring div:first-child {
                -webkit-animation-delay: -.45s;
                animation-delay: -.45s
            }

            .lds-ring div:nth-child(2) {
                -webkit-animation-delay: -.3s;
                animation-delay: -.3s
            }

            .lds-ring div:nth-child(3) {
                -webkit-animation-delay: -.15s;
                animation-delay: -.15s
            }

    @-webkit-keyframes lds-ring {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @keyframes lds-ring {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .lds-hourglass {
        height: 40px;
        margin: 100px auto;
        position: relative;
        width: 40px
    }

        .lds-hourglass:after {
            -webkit-animation: lds-hourglass 1.2s infinite;
            animation: lds-hourglass 1.2s infinite;
            border-color: #36f transparent;
            border-radius: 50%;
            border-style: solid;
            border-width: 26px;
            box-sizing: border-box;
            content: " ";
            display: block;
            height: 0;
            margin: 6px;
            width: 0
        }

    @-webkit-keyframes lds-hourglass {
        0% {
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            transform: rotate(0)
        }

        50% {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            transform: rotate(900deg)
        }

        to {
            transform: rotate(5turn)
        }
    }

    @keyframes lds-hourglass {
        0% {
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            transform: rotate(0)
        }

        50% {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            transform: rotate(900deg)
        }

        to {
            transform: rotate(5turn)
        }
    }

    .parent {
        -webkit-animation: spin 200s infinite;
        animation: spin 200s infinite
    }

    .bgbox div {
        background: transparent;
        border: 6px solid hsla(0, 0%, 100%, .2);
        height: 60px;
        position: absolute;
        width: 60px
    }

        .bgbox div:first-child {
            -webkit-animation: animate 10s linear infinite;
            animation: animate 10s linear infinite;
            left: 42%;
            top: 12%
        }

        .bgbox div:nth-child(2) {
            -webkit-animation: animate 7s linear infinite;
            animation: animate 7s linear infinite;
            left: 50%;
            top: 70%
        }

        .bgbox div:nth-child(3) {
            -webkit-animation: animate 9s linear infinite;
            animation: animate 9s linear infinite;
            left: 6%;
            top: 17%
        }

        .bgbox div:nth-child(4) {
            -webkit-animation: animate 10s linear infinite;
            animation: animate 10s linear infinite;
            left: 60%;
            top: 20%
        }

        .bgbox div:nth-child(5) {
            -webkit-animation: animate 6s linear infinite;
            animation: animate 6s linear infinite;
            left: 10%;
            top: 67%
        }

        .bgbox div:nth-child(6) {
            -webkit-animation: animate 12s linear infinite;
            animation: animate 12s linear infinite;
            left: 70%;
            top: 80%
        }

        .bgbox div:nth-child(7) {
            -webkit-animation: animate 15s linear infinite;
            animation: animate 15s linear infinite;
            left: 80%;
            top: 60%
        }

        .bgbox div:nth-child(8) {
            -webkit-animation: animate 16s linear infinite;
            animation: animate 16s linear infinite;
            left: 25%;
            top: 32%
        }

        .bgbox div:nth-child(9) {
            -webkit-animation: animate 9s linear infinite;
            animation: animate 9s linear infinite;
            left: 25%;
            top: 90%
        }

        .bgbox div:nth-child(10) {
            -webkit-animation: animate 5s linear infinite;
            animation: animate 5s linear infinite;
            left: 80%;
            top: 20%
        }

    @-webkit-keyframes animate {
        0% {
            opacity: 1;
            -webkit-transform: scale(0) translateY(0) rotate(0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(1.3) translateY(-90px) rotate(1turn)
        }
    }

    @keyframes animate {
        0% {
            opacity: 1;
            -webkit-transform: scale(0) translateY(0) rotate(0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(1.3) translateY(-90px) rotate(1turn)
        }
    }

    #chat-popup {
        background: #f04a20;
        background-position: 50%;
        background-repeat: no-repeat;
        border-radius: 10px;
        bottom: 70px;
        color: #fff;
        display: block;
        height: 50px;
        line-height: 59px;
        position: fixed;
        right: 20px;
        text-align: center;
        width: 50px;
        z-index: 99
    }

        #chat-popup i {
            color: #fff;
            font-size: 1.25rem
        }

        #chat-popup.chat-popup-active {
            bottom: 80px;
            transition: all 1s
        }

    .chat-message-popup {
        background-color: #f1f4fb;
        border: 0 solid #e9ebfa;
        bottom: -600px;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
        overflow: hidden;
        transition: all 1s
    }

        .chat-message-popup,
        .chat-message-popup.card-fullscreen {
            height: 560px;
            position: fixed;
            right: 20px;
            width: 370px;
            z-index: 99999
        }

            .chat-message-popup.card-fullscreen {
                top: 100vh;
                transition: none
            }

            .chat-message-popup.active.card-fullscreen {
                display: block;
                height: 100vh;
                top: 0;
                transition: none;
                width: 100%
            }

    .chat-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 430px
    }

    .card-fullscreen .chat-content {
        min-height: 90vh !important
    }

    .popup-end-chat-main-body {
        display: none
    }

    .popup-endchat .popup-end-chat-main-body {
        display: block
    }

    .popup-endchat .popup-chat-main-body,
    .popup-endchat .rating-chat-main-body,
    .rating-section-body .popup-chat-main-body {
        display: none
    }

    .rating-section-body .rating-chat-main-body {
        display: block
    }

    .popup-minimize,
    .popup-minimize-fullscreen {
        display: none
    }

    .rating-section-body .popup-minimize {
        display: inline-block
    }

    .rating-section-body.card-fullscreen .popup-minimize {
        display: none
    }

    .rating-section-body.card-fullscreen .popup-minimize-fullscreen {
        display: inline-block
    }

    .rating-section-body .popup-minimize-normal {
        display: none
    }

    .chat-message-popup.card-fullscreen .popup-messages {
        max-height: 80vh
    }

    .rating-section-body .stars-example-fontawesome-sm .br-theme-fontawesome-stars .br-widget a {
        font-size: 1.25rem;
        margin-right: 4px
    }

    .rating-section-body .br-theme-fontawesome-stars .br-widget a:after {
        color: #cec9e2
    }

    .rating-chat-main-body {
        display: none
    }

    .chat-message-popup.card-fullscreen .popup-messages-footer > textarea {
        width: 99% !important
    }

    .chat-message-popup.active {
        bottom: 0;
        display: block;
        transition: all 1s
    }

    .chat-message-popup .popup-messages {
        margin-top: 14px;
        max-height: 380px;
        overflow: auto;
        padding: 0 20px 20px
    }

    .chat-message-popup .user-header {
        background: #fff;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .05)
    }

    .chat-message-popup .dropdown {
        z-index: 99
    }

    .popup-box .popup-head .popup-head-right {
        margin: 7px 7px 0
    }

    .popup-head-left img {
        border-radius: 50%;
        width: 44px
    }

    .popup-messages-footer {
        background: #fff none repeat scroll 0 0;
        bottom: 0;
        position: absolute;
        width: 100%
    }

        .popup-messages-footer > textarea {
            height: 42px !important;
            line-height: 30px;
            margin: 7px;
            padding: 5px 15px !important;
            width: 95% !important
        }

            .popup-messages-footer > textarea::-moz-placeholder {
                color: #bfbfc3
            }

            .popup-messages-footer > textarea:-ms-input-placeholder {
                color: #bfbfc3
            }

            .popup-messages-footer > textarea::placeholder {
                color: #bfbfc3
            }

        .popup-messages-footer .btn-footer {
            overflow: hidden;
            padding: 2px 5px 10px 6px;
            width: 100%
        }

    .simple_round {
        background: #d1d1d1 none repeat scroll 0 0;
        border-radius: 50%;
        color: #4b4b4b !important;
        height: 21px;
        padding: 0 0 0 1px;
        width: 21px
    }

    .popup-box .popup-messages {
        background: #fff none repeat scroll 0 0;
        height: 275px;
        overflow: auto
    }

    .direct-chat-messages {
        overflow: auto;
        transform: translate(0)
    }

    .popup-messages .chat-box-single-line {
        height: 12px;
        margin: 7px 0 20px;
        position: relative;
        text-align: center
    }

    .popup-messages abbr.timestamp {
        border-radius: 4px;
        font-size: .75rem;
        font-weight: 600;
        padding: 3px 14px
    }

    .popup-head-right .btn-group {
        display: inline-flex;
        margin: 0 8px 0 0;
        vertical-align: top !important
    }

    .chat-header-button {
        background: transparent none repeat scroll 0 0;
        border: 1px solid transparent;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        font-size: .875rem;
        height: 30px;
        width: 30px
    }

    .popup-messages-footer .btn-footer button {
        cursor: pointer
    }

    .popup-head-right .btn-group .dropdown-menu {
        border: none;
        min-width: 122px;
        padding: 0
    }

        .popup-head-right .btn-group .dropdown-menu li a {
            color: #303030;
            font-size: .75rem;
            padding: 3px 10px
        }

    .popup-messages .direct-chat-messages {
        height: auto;
        width: 100%
    }

    .popup-messages .direct-chat-text {
        background: #dfece7 none repeat scroll 0 0;
        border: 1px solid #dfece7
    }

    .popup-messages .direct-chat-timestamp {
        color: #68686b;
        opacity: .6
    }

    .popup-messages .direct-chat-name {
        color: #6e6e75;
        font-size: .9375rem;
        font-weight: 600;
        opacity: .9
    }

    .popup-messages .direct-chat-info {
        display: block;
        font-size: .75rem;
        margin-bottom: 0
    }

    .popup-messages .big-round {
        margin: -9px 0 0 !important
    }

    .popup-messages .direct-chat-img {
        background: #3f9684 none repeat scroll 0 0;
        border: 1px solid #e6eaea;
        border-radius: 50%;
        float: left;
        height: 32px;
        position: absolute;
        top: 0;
        width: 32px
    }

    .popup-messages .right .direct-chat-img {
        float: right;
        right: 0;
        top: 0
    }

    .popup-messages .direct-chat-reply-name {
        color: #d8dede;
        font-size: .9375rem;
        margin: 0 0 0 10px;
        opacity: .9
    }

    .popup-messages .direct-chat-img-reply-small {
        background: #3f9684;
        border: 1px solid #e6eaea;
        border-radius: 50%;
        float: left;
        height: 20px;
        margin: 0 8px;
        width: 20px
    }

    .popup-messages .direct-chat-msg {
        margin-bottom: 10px;
        position: relative
    }

    .popup-messages .doted-border:after {
        background: transparent none repeat scroll 0 0 !important
    }

    .popup-messages .direct-chat-msg:after,
    .popup-messages .doted-border:after {
        bottom: 0;
        content: "";
        display: inline;
        left: 17px;
        margin: 0;
        position: absolute;
        top: 0;
        width: 2px;
        z-index: -2
    }

    .popup-messages .direct-chat-msg:after {
        border-right: none
    }

    .direct-chat-msg .direct-chat-text:first-child:before {
        border-color: transparent #dee5f7 transparent transparent;
        border-style: solid;
        border-width: 0 12px 12px 0;
        content: "";
        height: 0;
        left: -13px;
        position: absolute;
        top: -1px;
        width: 0
    }

    .direct-chat-msg .direct-chat-text:first-child:after {
        background: transparent;
        border-radius: 0 100% 0 0;
        content: "";
        display: block;
        height: 12px;
        left: -15px;
        position: absolute;
        top: -1px;
        width: 12px
    }

    .direct-chat-msg.right .direct-chat-text:first-child:before {
        border-color: transparent #fff transparent transparent;
        border-style: solid;
        border-width: 0 12px 12px 0;
        content: "";
        height: 0;
        left: auto;
        position: absolute;
        right: -12px;
        top: 0;
        transform: rotate(-90deg);
        width: 0
    }

    .direct-chat-msg.right .direct-chat-text:first-child:after {
        background: transparent;
        border-radius: 0 100% 0 0;
        content: "";
        display: block;
        height: 12px;
        left: auto;
        position: absolute;
        right: -12px;
        top: 0;
        transform: rotate(-90deg);
        width: 12px
    }

    .popup-messages .direct-chat-text {
        background: #dee5f7 none repeat scroll 0 0;
        border: 1px solid #e9ebfa;
        border-radius: 2px;
        border-radius: 0 5px 5px 5px;
        box-shadow: 0 2px 3px 0 rgba(6, 10, 48, .2);
        color: #1f2121;
        margin-left: 50px;
        margin-top: 4px;
        max-width: 73%;
        padding: 10px 10px 5px;
        position: relative
    }

    .chat-message-popup .popup-head {
        background: #17263a;
        color: #fff;
        display: block;
        font-size: 1.125rem;
        font-weight: 700;
        padding: 15px 20px
    }

    .time-text {
        color: #9ba5ca;
        display: block;
        margin-left: 0;
        text-align: right
    }

    .time-text,
    .time-text-left {
        font-size: .625rem;
        margin-top: 10px;
        opacity: .5
    }

    .time-text-left {
        float: left;
        margin-right: 9px
    }

    .direct-chat-msg.right {
        direction: rtl;
        flex-direction: row-reverse
    }

        .direct-chat-msg.right .direct-chat-text {
            background: #fff;
            border: #fff;
            border-radius: 5px 0 5px 5px;
            direction: ltr;
            margin-right: 50px;
            max-width: 73%;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content
        }

    .chat-footer-icons {
        bottom: 13px;
        position: absolute;
        right: 22px
    }

        .chat-footer-icons a {
            font-size: 1.25rem;
            line-height: 18px;
            padding: 5px 7px
        }

            .chat-footer-icons a i {
                display: inline-block;
                transform: rotate(45deg)
            }

    .chat-message-header-icons a {
        background: 1px solid #e9ebfa;
        border: 1px solid #e9ebfa;
        border-radius: 50%;
        display: inline-block;
        height: 34px;
        line-height: 36px;
        margin: 0 auto;
        text-align: center;
        width: 34px
    }

    .message-popup-left {
        left: 20px;
        position: absolute;
        top: 18px
    }

    .message-popup-right {
        position: absolute;
        right: 20px;
        top: 18px
    }

    .more-images {
        background: rgba(0, 0, 0, .51);
        border: 0;
        border-radius: 2px;
        bottom: 0;
        color: #fff;
        cursor: pointer;
        font-weight: 600;
        height: 4rem;
        left: 0;
        line-height: 4rem;
        margin: .25rem;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 4rem
    }

    .jvectormap-zoomin,
    .jvectormap-zoomout {
        display: none
    }

    .direct-chat-text iframe {
        width: 100%
    }

    .rating-chat-main-body .star-ratings .stars {
        margin: 0;
        text-align: inherit;
        width: inherit
    }

        .rating-chat-main-body .star-ratings .stars select {
            width: inherit
        }

    .rating-chat-main-body .br-theme-fontawesome-stars-o .br-widget a {
        font-size: 16px
    }

    @media (max-width:768px) {
        .chat-message-popup {
            left: 5px;
            right: 5px;
            width: auto !important
        }

        .ms-menu .tab-menu-heading {
            width: 100%
        }
    }

    .profile-cover {
        width: 100%
    }

        .profile-cover .cover {
            border: 10px solid #fff;
            border-radius: 7px;
            position: relative
        }

            .profile-cover .cover .inner-cover {
                height: auto;
                overflow: hidden
            }

                .profile-cover .cover .inner-cover img {
                    border: 1px solid transparent;
                    text-align: center;
                    width: 100%
                }

                .profile-cover .cover .inner-cover .cover-menu-mobile {
                    position: absolute;
                    right: 10px;
                    top: 10px
                }

                    .profile-cover .cover .inner-cover .cover-menu-mobile button i {
                        font-size: 17px
                    }

            .profile-cover .cover ul.cover-menu {
                background: none repeat scroll 0 0 rgba(0, 0, 0, .24);
                bottom: 0;
                float: left;
                left: 1px;
                margin: 0;
                overflow: hidden;
                padding-left: 150px;
                position: absolute;
                width: 100%
            }

                .profile-cover .cover ul.cover-menu li {
                    display: block;
                    float: left;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 0;
                    padding: 0 10px;
                    transition: all .3s
                }

                    .profile-cover .cover ul.cover-menu li:hover {
                        background-color: rgba(0, 0, 0, .44)
                    }

                    .profile-cover .cover ul.cover-menu li.active {
                        background-color: rgba(0, 0, 0, .64)
                    }

                    .profile-cover .cover ul.cover-menu li a {
                        color: #fff;
                        display: block;
                        font-weight: 700;
                        height: 40px;
                        line-height: 40px;
                        text-decoration: none
                    }

                        .profile-cover .cover ul.cover-menu li a i {
                            font-size: 18px
                        }

        .profile-cover .profile-body {
            margin: 0 auto 10px;
            position: relative
        }

        .profile-cover .profile-timeline {
            padding: 15px
        }

    .img-post {
        height: 30px;
        width: 30px
    }

    .img-post2 {
        height: 50px;
        width: 50px
    }

    .user-pro-list2 {
        position: relative
    }

    .profile-cover__action {
        background: url(../images/photos/thumb1.jpg) no-repeat;
        background-position: 50%;
        background-size: cover;
        border-radius: 5px;
        height: 200px;
        position: relative
    }

    .user-pro-list2 .user-pic {
        bottom: -20px;
        left: 20px;
        position: absolute
    }

        .user-pro-list2 .user-pic .avatar {
            border: 3px solid #fff;
            height: 6rem;
            width: 6rem
        }

            .user-pro-list2 .user-pic .avatar .avatar-status {
                right: 15px
            }

    .user-pro-list2 .user-pic-right {
        bottom: 20px;
        position: absolute;
        right: 20px
    }

    .user-profile .user-pro-body .u-dropdown {
        color: #fff
    }

    .profile-footer {
        background: #f0f0f2
    }

    .jsr,
    .jsr_bar,
    .jsr_label,
    .jsr_rail,
    .jsr_rail-outer,
    .jsr_slider {
        box-sizing: border-box
    }

    .jsr {
        -webkit-touch-callout: none;
        display: block;
        font: 14px sans-serif;
        margin: 20px 0;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -khtml-user-select: none;
        width: 100%
    }

    .jsr_rail-outer {
        cursor: pointer;
        padding: 10px 0;
        position: relative
    }

    .jsr_slider:focus:before {
        background: #7036ff
    }

    .jsr_rail {
        background: #e5e9f2;
        height: 12px;
        z-index: 1
    }

    .jsr_bar {
        background-color: #36f;
        cursor: move;
        height: 12px;
        position: absolute
    }

    .jsr_bar--limit {
        background-color: #d9dadc;
        cursor: auto;
        z-index: 1
    }

    .jsr_slider {
        cursor: col-resize;
        left: 0;
        outline: 0;
        top: 16px;
        transition: background .1s ease-in-out
    }

        .jsr_slider,
        .jsr_slider:before {
            height: 25px;
            position: absolute;
            transform: translate(-50%, -50%);
            width: 25px
        }

            .jsr_slider:before {
                background: #36f;
                border-radius: 50%;
                content: "";
                left: 50%;
                top: 50%
            }

            .jsr_slider:focus:before {
                background: #4575f1
            }

    .jsr_label {
        border-radius: .3em;
        font-size: .9em;
        padding: .2em .4em;
        position: absolute;
        top: 33px;
        white-space: nowrap
    }

    .jsr_label,
    .jsr_label--minmax {
        background: #d3d5da;
        color: #263871
    }

    .jsr_label--minmax {
        transition: opacity .2s ease-in-out
    }

    .jsr_label .jsr_label {
        display: inline-block;
        font-size: 1em;
        padding-bottom: 0;
        padding-right: 0;
        padding-top: 0;
        position: static
    }

        .jsr_label .jsr_label:before {
            content: " - "
        }

    .jsr_canvas {
        margin-top: 5px
    }

    .jsr_lockscreen {
        height: 100%;
        overflow: hidden;
        width: 100%
    }

    .mcs-horizontal-example {
        overflow-x: auto;
        white-space: nowrap
    }

        .mcs-horizontal-example .item {
            display: inline-block
        }

    .range {
        background-color: #f5f5f5;
        border-radius: 4px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        cursor: pointer;
        display: table;
        height: 25px;
        margin-top: 20px;
        position: relative
    }

        .range input[type=range] {
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            -o-appearance: none !important;
            appearance: none !important;
            background-color: transparent;
            cursor: pointer;
            display: table-cell;
            height: 25px;
            width: 100%
        }

            .range input[type=range]::-moz-slider-thumb,
            .range input[type=range]::-webkit-slider-thumb {
                -webkit-appearance: none !important;
                -moz-appearance: none !important;
                -o-appearance: none !important;
                appearance: none !important;
                background-color: #999;
                border-radius: 0;
                color: #fff;
                height: 25px;
                text-align: center;
                vertical-align: baseline;
                white-space: nowrap;
                width: 11px
            }

        .range output {
            background-color: #999;
            border-radius: 4px;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            color: #fff;
            display: table-cell;
            min-width: 40px;
            padding: 3px 5px 2px;
            text-align: center;
            text-decoration: none;
            transition: all .5s ease;
            -webkit-user-select: none;
            -moz-user-select: -moz-none;
            -o-user-select: none;
            -ms-user-select: none;
            user-select: none;
            vertical-align: middle;
            white-space: nowrap;
            width: 1%
        }

        .range input[type=range] {
            outline: none
        }

        .range.range-primary input[type=range]::-moz-slider-thumb,
        .range.range-primary input[type=range]::-webkit-slider-thumb {
            background-color: #36f
        }

        .range.range-primary output {
            background-color: #36f
        }

        .range.range-primary input[type=range] {
            outline-color: #36f
        }

        .range.range-success input[type=range]::-moz-slider-thumb,
        .range.range-success input[type=range]::-webkit-slider-thumb {
            background-color: #0dcd94
        }

        .range.range-success output {
            background-color: #0dcd94
        }

        .range.range-success input[type=range] {
            outline-color: #0dcd94
        }

        .range.range-info input[type=range]::-moz-slider-thumb,
        .range.range-info input[type=range]::-webkit-slider-thumb {
            background-color: #128af9
        }

        .range.range-info output {
            background-color: #128af9
        }

        .range.range-info input[type=range] {
            outline-color: #128af9
        }

        .range.range-warning input[type=range]::-moz-slider-thumb,
        .range.range-warning input[type=range]::-webkit-slider-thumb {
            background-color: #fbc518
        }

        .range.range-warning output {
            background-color: #fbc518
        }

        .range.range-warning input[type=range] {
            outline-color: #fbc518
        }

        .range.range-danger input[type=range]::-moz-slider-thumb,
        .range.range-danger input[type=range]::-webkit-slider-thumb {
            background-color: #dc0441
        }

        .range.range-danger output {
            background-color: #dc0441
        }

        .range.range-danger input[type=range] {
            outline-color: #dc0441
        }

    .addui-slider .addui-slider-track .addui-slider-range {
        background: #36f;
        display: block
    }

    .addui-slider .addui-slider-track .addui-slider-handle:after {
        background: #36f
    }

    .addui-slider .addui-slider-track .addui-slider-handle:hover {
        box-shadow: 0 0 5px rgba(159, 120, 255, .5)
    }

        .addui-slider .addui-slider-track .addui-slider-handle:hover .addui-slider-value {
            background: rgba(159, 120, 255, .5)
        }

    .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active {
        background: rgba(159, 120, 255, .5);
        box-shadow: 0 0 5px rgba(159, 120, 255, .5)
    }

        .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value {
            background: rgba(159, 120, 255, .75)
        }

    .rating-stars {
        text-align: center;
        width: 100%
    }

        .rating-stars .rating-stars-container {
            font-size: 0
        }

            .rating-stars .rating-stars-container .rating-star {
                color: #e5e9f2;
                cursor: pointer;
                display: inline-block;
                font-size: 30px;
                padding: 0 5px
            }

                .rating-stars .rating-stars-container .rating-star.sm {
                    color: 1px solid #e9ebfa;
                    cursor: pointer;
                    display: inline-block;
                    font-size: 14px;
                    padding: 5px
                }

                .rating-stars .rating-stars-container .rating-star.is--active,
                .rating-stars .rating-stars-container .rating-star.is--hover {
                    color: #f1c40f
                }

                .rating-stars .rating-stars-container .rating-star.is--no-hover {
                    color: #e5e9f2
                }

                .rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
                .rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
                    color: #36f
                }

                .rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
                    color: #3e4b5b
                }

        .rating-stars input {
            background-clip: padding-box;
            background-color: #fff;
            border: 1px solid #e9ebfa;
            border-radius: 3px;
            color: #495057;
            display: block;
            font-size: .9375rem;
            line-height: 1.6;
            margin: 0 auto;
            padding: .375rem .75rem;
            text-align: center;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

    .br-theme-bars-horizontal .br-widget a {
        background-color: #ebeff8
    }

        .br-theme-bars-horizontal .br-widget a.br-active,
        .br-theme-bars-horizontal .br-widget a.br-selected {
            background-color: #36f
        }

    .br-theme-bars-horizontal .br-widget .br-current-rating {
        color: #36f
    }

    .br-theme-bars-pill .br-widget a {
        background-color: #ebeff8;
        color: #36f
    }

        .br-theme-bars-pill .br-widget a.br-active,
        .br-theme-bars-pill .br-widget a.br-selected {
            background-color: #36f;
            color: #fff
        }

    .br-theme-bars-square .br-widget a {
        background-color: #fff;
        border: 2px solid #ebeff8;
        color: #e5e9f2
    }

        .br-theme-bars-square .br-widget a.br-active,
        .br-theme-bars-square .br-widget a.br-selected {
            border: 2px solid #36f;
            color: #36f
        }

    .br-theme-bars-movie .br-widget a {
        background-color: #ebeff8
    }

        .br-theme-bars-movie .br-widget a.br-active,
        .br-theme-bars-movie .br-widget a.br-selected {
            background-color: #36f
        }

    .br-theme-bars-movie .br-widget .br-current-rating {
        color: #36f
    }

    .br-theme-bars-1to10 .br-widget a {
        background-color: #ebeff8
    }

        .br-theme-bars-1to10 .br-widget a.br-active,
        .br-theme-bars-1to10 .br-widget a.br-selected {
            background-color: #36f
        }

    .br-theme-bars-1to10 .br-widget .br-current-rating {
        color: #36f
    }

    .br-theme-fontawesome-stars .br-widget a.br-active:after,
    .br-theme-fontawesome-stars .br-widget a.br-selected:after {
        color: #fbc518
    }

    .br-theme-fontawesome-stars-o .br-widget a.br-active:after,
    .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
        color: #fbc518;
        content: ""
    }

    .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
        color: #fbc518;
        content: ""
    }

    .br-theme-fontawesome-stars .br-widget a:after {
        color: #ebeff8;
        content: ""
    }

    .br-theme-fontawesome-stars-o .br-widget a:after {
        color: #ebeff8;
        content: ""
    }

    .selectgroup {
        display: inline-flex
    }

    .selectgroup-item {
        flex-grow: 1;
        position: relative
    }

        .selectgroup-item + .selectgroup-item {
            margin-left: -1px
        }

        .selectgroup-item:not(:first-child) .selectgroup-button {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .selectgroup-item:not(:last-child) .selectgroup-button {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

    .selectgroup-button {
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        color: #9aa0ac;
        cursor: pointer;
        display: block;
        font-size: .9375rem;
        line-height: 1.5rem;
        min-width: 2.375rem;
        padding: .375rem 1rem;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .selectgroup-button-icon {
        font-size: 1rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

    .selectgroup-input {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: -1
    }

        .selectgroup-input:checked + .selectgroup-button {
            background: #edf2fa;
            border-color: #36f;
            color: #36f;
            z-index: 1
        }

        .selectgroup-input:focus + .selectgroup-button {
            border-color: #36f;
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .25);
            color: #36f;
            z-index: 2
        }

    .selectgroup-pills {
        align-items: flex-start;
        flex-wrap: wrap
    }

        .selectgroup-pills .selectgroup-item {
            flex-grow: 0;
            margin-right: .5rem
        }

        .selectgroup-pills .selectgroup-button {
            border-radius: 50px !important
        }

    .custom-switch {
        align-items: center;
        cursor: default;
        display: inline-flex;
        margin: 0;
        padding-left: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

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

    .custom-switches-stacked {
        display: flex;
        flex-direction: column
    }

        .custom-switches-stacked .custom-switch {
            margin-bottom: .5rem
        }

    .custom-switch-indicator {
        background: #e9ecef;
        border: 1px solid #e9ebfa;
        border-radius: 50px;
        display: inline-block;
        height: 1.25rem;
        position: relative;
        transition: border-color .3s, background-color .3s;
        vertical-align: bottom;
        width: 2.25rem
    }

        .custom-switch-indicator:before {
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
            content: "";
            height: calc(1.25rem - 4px);
            left: 1px;
            position: absolute;
            top: 1px;
            transition: left .3s;
            width: calc(1.25rem - 4px)
        }

    .custom-switch-input.danger:checked ~ .custom-switch-indicator {
        background: #f7284a
    }

        .custom-switch-input.danger:checked ~ .custom-switch-indicator:before {
            left: calc(1rem + 1px)
        }

    .custom-switch-input.success:checked ~ .custom-switch-indicator {
        background: #0dcd94
    }

        .custom-switch-input.success:checked ~ .custom-switch-indicator:before {
            left: calc(1rem + 1px)
        }

    .custom-switch-input.orange:checked ~ .custom-switch-indicator {
        background: #f34932;
        border: #f34932;
        box-shadow: none
    }

        .custom-switch-input.orange:checked ~ .custom-switch-indicator:before {
            left: calc(1rem + 1px)
        }

    .custom-switch-input:checked ~ .custom-switch-indicator {
        background: #36f
    }

        .custom-switch-input:checked ~ .custom-switch-indicator:before {
            left: calc(1rem + 1px)
        }

    .custom-square,
    .custom-square:before {
        border-radius: 0 !important
    }

    .custom-radius,
    .custom-radius:before {
        border-radius: 4px !important
    }

    .custom-switch-input:focus ~ .custom-switch-indicator {
        border-color: #36f;
        box-shadow: 0 0 0 2px rgba(70, 127, 207, .25)
    }

    .custom-switch-description {
        color: #9ba5ca;
        margin-left: .5rem;
        transition: color .3s
    }

    .custom-switch-description-disable {
        opacity: .5
    }

    .custom-switch-input:checked ~ .custom-switch-description {
        color: #313e6a
    }

    .material-switch > input[type=checkbox] {
        display: none
    }

    .material-switch > label {
        cursor: pointer;
        height: 0;
        position: relative;
        width: 40px
    }

        .material-switch > label:before {
            background: #f3f4f7;
            border-radius: 8px;
            box-shadow: inset 0 0 10px #6574cd;
            content: "";
            height: 16px;
            margin-top: -8px;
            opacity: .3;
            position: absolute;
            transition: all .4s ease-in-out;
            width: 40px
        }

        .material-switch > label:after {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            content: "";
            height: 24px;
            left: -4px;
            margin-top: -8px;
            position: absolute;
            top: -4px;
            transition: all .3s ease-in-out;
            width: 24px
        }

    .material-switch > input[type=checkbox]:checked + label:before {
        background: inherit;
        opacity: .5
    }

    .material-switch > input[type=checkbox]:checked + label:after {
        background: inherit;
        left: 20px
    }

    .imagecheck {
        cursor: pointer;
        margin: 0;
        position: relative
    }

    .imagecheck-figure {
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        margin: 0;
        position: relative
    }

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

        .imagecheck-input:focus ~ .imagecheck-figure {
            border-color: #467fcf;
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .25)
        }

        .imagecheck-input:checked ~ .imagecheck-figure {
            border-color: rgba(0, 40, 100, .24)
        }

            .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption,
            .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption {
                color: #495057
            }

            .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image,
            .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image {
                opacity: 1
            }

    .imagecheck-figure:before {
        background: #467fcf 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") no-repeat 50%/50% 50%;
        border-radius: 3px;
        color: #fff;
        content: "";
        display: block;
        height: 1rem;
        left: .25rem;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: .25rem;
        transition: opacity .3s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 1rem;
        z-index: 1
    }

    .imagecheck-input:checked ~ .imagecheck-figure:before {
        opacity: 1
    }

    .imagecheck-image {
        max-width: 100%;
        opacity: .64;
        transition: opacity .3s
    }

        .imagecheck-image:first-child {
            border-top-left-radius: 2px;
            border-top-right-radius: 2px
        }

        .imagecheck-image:last-child {
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px
        }

    .imagecheck:hover .imagecheck-image {
        opacity: 1
    }

    .imagecheck-caption {
        color: #9aa0ac;
        font-size: .875rem;
        padding: .25rem;
        text-align: center;
        transition: color .3s
    }

    .imagecheck:hover .imagecheck-caption {
        color: #495057
    }

    .colorinput {
        cursor: pointer;
        margin: 0;
        position: relative
    }

    .colorinput-color {
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        color: #fff;
        display: inline-block;
        height: 1.75rem;
        width: 1.75rem
    }

        .colorinput-color:before {
            background: 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") no-repeat 50%/50% 50%;
            content: "";
            height: 1.25rem;
            left: .25rem;
            opacity: 0;
            position: absolute;
            top: .25rem;
            transition: opacity .3s;
            width: 1.25rem
        }

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

        .colorinput-input:checked ~ .colorinput-color:before {
            opacity: 1
        }

        .colorinput-input:focus ~ .colorinput-color {
            border-color: #467fcf;
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .25)
        }

    .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
        background: #f2f2f2 !important;
        background: rgba(0, 0, 0, .06) !important;
        border: 0 !important;
        box-shadow: inset 0 0 12px 4px #fff;
        visibility: visible !important
    }

    .selectize-control.plugin-drag_drop .ui-sortable-placeholder:after {
        content: "!";
        visibility: hidden
    }

    .selectize-control.plugin-drag_drop .ui-sortable-helper {
        box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
    }

    .selectize-dropdown-header {
        background: #f8f8f8;
        border-bottom: 1px solid #d0d0d0;
        border-radius: 3px 3px 0 0;
        padding: 5px 8px;
        position: relative
    }

    .selectize-dropdown-header-close {
        color: #495057;
        font-size: 20px !important;
        line-height: 20px;
        margin-top: -12px;
        opacity: .4;
        position: absolute;
        right: 8px;
        top: 50%
    }

        .selectize-dropdown-header-close:hover {
            color: #000
        }

    .selectize-dropdown.plugin-optgroup_columns .optgroup {
        border-right: 1px solid #f2f2f2;
        border-top: 0;
        box-sizing: border-box;
        float: left
    }

        .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
            border-right: 0
        }

        .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
            display: none
        }

    .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
        border-top: 0
    }

    .selectize-control {
        border: 0;
        padding: 0;
        position: relative
    }

        .selectize-control.single .selectize-input,
        .selectize-control.single .selectize-input input {
            cursor: pointer
        }

            .selectize-control.single .selectize-input.input-active input {
                cursor: text
            }

            .selectize-control.single .selectize-input:after {
                background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat 50%;
                background-size: 8px 10px;
                content: "";
                display: block;
                height: 10px;
                position: absolute;
                right: 12px;
                top: 13px;
                transition: transform .3s;
                width: 8px
            }

            .selectize-control.single .selectize-input.dropdown-active:after {
                transform: rotate(180deg)
            }

        .selectize-control .selectize-input.disabled {
            background-color: #fafafa;
            opacity: .5
        }

        .selectize-control.plugin-remove_button [data-value] {
            padding-right: 24px !important;
            position: relative
        }

            .selectize-control.plugin-remove_button [data-value] .remove {
                border-left: 1px solid #d0d0d0;
                border-radius: 0 2px 2px 0;
                bottom: 0;
                box-sizing: border-box;
                color: inherit;
                display: inline-block;
                font-size: 12px;
                font-weight: 700;
                padding: 2px 0 0;
                position: absolute;
                right: 0;
                text-align: center;
                text-decoration: none;
                top: 0;
                vertical-align: middle;
                width: 17px;
                z-index: 1
            }

                .selectize-control.plugin-remove_button [data-value] .remove:hover {
                    background: rgba(0, 0, 0, .05)
                }

            .selectize-control.plugin-remove_button [data-value].active .remove {
                border-left-color: #cacaca
            }

        .selectize-control.plugin-remove_button .disabled [data-value] .remove {
            border-left-color: #fff
        }

            .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
                background: none
            }

        .selectize-control.plugin-remove_button .remove-single {
            font-size: 23px;
            position: absolute;
            right: 28px;
            top: 6px
        }

        .selectize-control.single .selectize-input.input-active {
            background: #fff;
            cursor: text;
            display: inline-block
        }

        .selectize-control.multi .selectize-input.has-items {
            padding: 7px .75rem 4px 7px
        }

    .selectize-input {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        box-sizing: border-box;
        cursor: text;
        display: inline-block;
        display: block;
        overflow: hidden;
        padding: .5625rem .75rem;
        position: relative;
        transition: border-color .3s, box-shadow .3s;
        width: 100%;
        z-index: 1
    }

        .selectize-input,
        .selectize-input input {
            -webkit-font-smoothing: inherit;
            color: #495057;
            font-family: inherit;
            font-size: 15px;
            line-height: 18px
        }

            .selectize-input > input {
                background: none !important;
                border: 0 !important;
                box-shadow: none !important;
                display: inline-block !important;
                line-height: inherit !important;
                margin: 0 2px 0 0 !important;
                max-height: none !important;
                max-width: 100% !important;
                min-height: 0 !important;
                padding: 0 !important;
                text-indent: 0 !important
            }

                .selectize-input > input::-ms-clear {
                    display: none
                }

                .selectize-input > input:focus {
                    outline: none !important
                }

            .selectize-input:after {
                clear: left;
                content: " ";
                display: block
            }

            .selectize-input.dropdown-active:before {
                background: #f0f0f0;
                bottom: 0;
                content: " ";
                display: block;
                height: 1px;
                left: 0;
                position: absolute;
                right: 0
            }

            .selectize-input.full {
                background-color: #fff
            }

            .selectize-input.disabled,
            .selectize-input.disabled * {
                cursor: default !important
            }

            .selectize-input.focus {
                border-color: #467fcf;
                box-shadow: 0 0 0 2px rgba(70, 127, 207, .25)
            }

            .selectize-input.dropdown-active {
                border-radius: 3px 3px 0 0
            }

            .selectize-input > * {
                zoom: 1;
                display: -moz-inline-stack;
                display: inline-block;
                *display: inline;
                vertical-align: baseline
            }

    .selectize-control.multi .selectize-input > div {
        background: #e9ecef;
        border: 0 solid rgba(0, 40, 100, .12);
        border-radius: 3px;
        color: #495057;
        cursor: pointer;
        font-size: 13px;
        font-weight: 400;
        margin: 0 3px 3px 0;
        padding: 2px 6px
    }

        .selectize-control.multi .selectize-input > div.active {
            background: #e8e8e8;
            border: 0 solid #cacaca;
            color: #303030
        }

    .selectize-control.multi .selectize-input.disabled > div,
    .selectize-control.multi .selectize-input.disabled > div.active {
        background: #fff;
        border: 0 solid #fff;
        color: #7d7d7d
    }

    .selectize-dropdown {
        -webkit-font-smoothing: inherit;
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 0 0 3px 3px;
        border-top: 0;
        box-sizing: border-box;
        color: #495057;
        font-family: inherit;
        font-size: 15px;
        height: auto;
        line-height: 18px;
        margin: -1px 0 0;
        padding: 0;
        position: absolute;
        z-index: 10
    }

        .selectize-dropdown [data-selectable] {
            cursor: pointer;
            overflow: hidden;
            padding: 6px .75rem
        }

            .selectize-dropdown [data-selectable] .highlight {
                background: rgba(125, 168, 208, .2);
                border-radius: 1px
            }

        .selectize-dropdown .optgroup-header {
            padding: 6px .75rem
        }

        .selectize-dropdown .optgroup:first-child .optgroup-header {
            border-top: 0
        }

        .selectize-dropdown .optgroup-header {
            background: #fff;
            color: #495057;
            cursor: default
        }

        .selectize-dropdown .active {
            background-color: #f1f4f8;
            color: #467fcf
        }

            .selectize-dropdown .active.create {
                color: #495057
            }

        .selectize-dropdown .create {
            color: rgba(48, 48, 48, .5)
        }

    .selectize-dropdown-content {
        -webkit-overflow-scrolling: touch;
        max-height: 200px;
        overflow-x: hidden;
        overflow-y: auto
    }

    .selectize-dropdown .image,
    .selectize-input .image {
        align-items: center;
        background-size: contain;
        display: flex;
        float: left;
        height: 1.25rem;
        justify-content: center;
        line-height: 1.25rem;
        margin: -1px .5rem -1px -4px;
        width: 1.25rem
    }

        .selectize-dropdown .image img {
            border-radius: 2px;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
            max-width: 100%
        }

    .selectize-input .image {
        height: 1.5rem;
        margin: -3px .75rem -3px -5px;
        width: 1.5rem
    }

        .selectize-input .image img {
            border-radius: 2px;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
            max-width: 100%
        }

    .tabs-menu ul li a {
        display: block;
        padding: 10px 20px 11px
    }

.tabs-menu ul li .active {
    background: #6d453e;
    border-radius: 25px;
    color: #fff !important
}

    .tabs-menu1 ul li a {
        display: block;
        font-weight: 500;
        padding: 10px 20px 11px
    }

    .tabs-menu1 ul li .active {
        border-bottom: 3px solid #36f
    }

    .tabs-menu-body {
        border: 1px solid #e9ebfa;
        border-radius: 0 8px 8px 8px;
        padding: 15px
    }

        .tabs-menu-body p:last-child {
            margin-bottom: 0
        }

    .tab-menu-heading {
        border: 1px solid #e9ebfa;
        border-bottom: 0;
        border-radius: 5px 5px 0 0;
        padding: 20px
    }

    .tab_wrapper .content_wrapper .tab_content.active p:last-child {
        margin-bottom: 0
    }

    .tab_wrapper > ul li.active {
        background: #36f !important;
        border-color: #36f !important;
        color: #fff
    }

    .tab_wrapper.right_side > ul li.active:after {
        background: #36f !important
    }

    .tab_wrapper > ul {
        border-bottom: 1px solid #e9ebfa
    }

        .tab_wrapper.right_side .content_wrapper,
        .tab_wrapper > ul li {
            border: 1px solid #e9ebfa
        }

    .tab_wrapper.right_side > ul {
        border-bottom: 1px solid #e9ebfa
    }

        .tab_wrapper.right_side > ul li.active {
            border-color: 1px solid #e9ebfa
        }

        .tab_wrapper.right_side > ul li:after {
            background: 1px solid #e9ebfa
        }

    .card-pay .tabs-menu li a {
        background: #f0f0f2;
        border-right: 1px solid #ebecf1
    }

    .card-pay .tabs-menu {
        border-radius: 5px;
        margin-bottom: 25px;
        overflow: hidden
    }

        .card-pay .tabs-menu li {
            display: block;
            width: 33.3%
        }

            .card-pay .tabs-menu li a {
                background: #f3f4f7;
                border-right: 1px solid #d3dfea;
                display: block;
                padding: .5rem 1rem;
                text-align: center
            }

                .card-pay .tabs-menu li a.active {
                    background: #36f;
                    border-radius: 2px;
                    color: #fff;
                    text-align: center
                }

            .card-pay .tabs-menu li:last-child a {
                border-right: 0
            }

    @media (max-width:567px) {
        .card-pay .tabs-menu li {
            width: 100%
        }

            .card-pay .tabs-menu li a {
                margin-bottom: 15px
            }

        .table_tabs .tabs-menu1 ul li a {
            border-radius: 8px !important
        }

            .table_tabs .tabs-menu1 ul li a,
            .table_tabs .tabs-menu1 ul li a.active {
                border-bottom: 1px solid #e9ebfa !important
            }

        .hremp-tabs .tabs-menu1 ul li {
            margin: 15px 0 !important
        }

            .hremp-tabs .tabs-menu1 ul li:not(:last-child) {
                margin-bottom: 0 !important
            }

            .hremp-tabs .tabs-menu1 ul li a {
                border-radius: 8px !important;
                margin: 0 !important
            }

            .hremp-tabs .tabs-menu1 ul li.active,
            .hremp-tabs .tabs-menu1 ul li a {
                border-bottom: 1px solid #e9ebfa !important
            }
    }

    @media (max-width:480px) {
        .tabs-menu1 ul li {
            margin: 15px;
            width: 100%
        }

            .tabs-menu1 ul li a {
                width: 100%
            }

        .table_tabs .tabs-menu1 ul li:not(:last-child) {
            margin-bottom: 0
        }

        .jobtable-tabs .tabs-menu1 ul li {
            margin: 15px;
            width: 100%
        }

            .jobtable-tabs .tabs-menu1 ul li a {
                border: 1px solid #e9ebfa !important;
                border-radius: 8px !important;
                margin: 0 !important;
                width: 100%
            }

            .jobtable-tabs .tabs-menu1 ul li:not(:last-child) {
                margin-bottom: 0
            }

            .jobtable-tabs .tabs-menu1 ul li:last-child {
                margin-right: 15px !important
            }
    }

    @media (min-width:480px) and (max-width:767px) {
        .hremp-tabs .tabs-menu1 ul li a {
            font-size: 12px;
            margin: 0 .4rem !important;
            padding: 12px 16px !important
        }

        .hremp-tabs .tabs-menu1 ul li:first-child {
            margin-left: 0 !important
        }
    }

    @media (min-width:768px) and (max-width:1024px) {
        .table_tabs .tabs-menu1 ul li a {
            margin: 0 .1rem !important;
            padding: 10px 18px 11px
        }

        .hremp-tabs .tabs-menu1 ul li a {
            font-size: 12px;
            margin: 0 .2rem !important;
            padding: 12px 15px !important
        }

        .hremp-tabs .tabs-menu1 ul li:first-child {
            margin-left: 0 !important
        }
    }

    .jvectormap-container {
        height: 100%;
        overflow: hidden;
        position: relative;
        touch-action: none;
        width: 100%
    }

    .jvectormap-tip {
        background: #212529;
        border-radius: 3px;
        color: #fff;
        display: none;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        padding: 6px;
        position: absolute
    }

        .jvectormap-tip small {
            font-size: inherit;
            font-weight: 400
        }

    .jvectormap-goback,
    .jvectormap-zoomin,
    .jvectormap-zoomout {
        background: #292929;
        border-radius: 3px;
        box-sizing: content-box;
        color: #fff;
        cursor: pointer;
        left: 10px;
        line-height: 10px;
        padding: 3px;
        position: absolute;
        text-align: center
    }

    .jvectormap-zoomin,
    .jvectormap-zoomout {
        height: 10px;
        width: 10px
    }

    .jvectormap-zoomin {
        top: 10px
    }

    .jvectormap-zoomout {
        top: 30px
    }

    .jvectormap-goback {
        bottom: 10px;
        padding: 6px;
        z-index: 1000
    }

    .jvectormap-spinner {
        background: 50% no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .jvectormap-legend-title {
        font-size: 14px;
        font-weight: 700;
        text-align: center
    }

    .jvectormap-legend-cnt {
        position: absolute
    }

    .jvectormap-legend-cnt-v {
        right: 0;
        top: 0
    }

    .jvectormap-legend {
        background: #000;
        border-radius: 3px;
        color: #fff
    }

    .jvectormap-legend-cnt-h .jvectormap-legend {
        float: left;
        margin: 0 10px 10px 0;
        padding: 3px 3px 1px
    }

        .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
            float: left
        }

    .jvectormap-legend-cnt-v .jvectormap-legend {
        margin: 10px 10px 0 0;
        padding: 3px
    }

    .jvectormap-legend-cnt-h {
        bottom: 0;
        right: 0
    }

        .jvectormap-legend-cnt-h .jvectormap-legend-tick {
            width: 40px
        }

        .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
            height: 15px
        }

    .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
        display: inline-block;
        height: 20px;
        vertical-align: middle;
        width: 20px
    }

    .jvectormap-legend-tick-text {
        font-size: 12px
    }

    .jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
        text-align: center
    }

    .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
        display: inline-block;
        line-height: 20px;
        padding-left: 3px;
        vertical-align: middle
    }

    .country-selector .avatar {
        height: 1.2rem;
        width: 1.4rem
    }

    .avatar {
        background: #f5f6f9 no-repeat 50%/cover; /*#36f no-repeat 50%/cover*/
        color: #fff;
        display: inline-block;
        font-size: .875rem;
        font-weight: 600;
        height: 2rem;
        line-height: 2rem;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: bottom;
        width: 2rem
    }

    .noborder {
        border-radius: 0
    }

    .brround {
        border-radius: 50%
    }

    .bradius {
        border-radius: 25%
    }

    .avatar i {
        font-size: 125%;
        vertical-align: sub
    }

    .avatar-status {
        background: #868e96;
        border: 2px solid #fff;
        border-radius: 50%;
        bottom: -2px;
        height: .75rem;
        position: absolute;
        right: -2px;
        width: .75rem
    }

    .avatar-sm {
        font-size: .75rem;
        height: 1.5rem;
        line-height: 1.5rem;
        width: 1.5rem
    }

    .avatar-md {
        font-size: 1rem;
        height: 2.5rem;
        line-height: 2.5rem;
        width: 2.5rem
    }

    .avatar-lg {
        font-size: 1.25rem;
        height: 3rem;
        line-height: 3rem;
        width: 3rem
    }

    .avatar-xl {
        font-size: 1.75rem;
        height: 4rem !important;
        line-height: 4rem;
        width: 4rem !important
    }

    .avatar-xxl {
        font-size: 2rem;
        height: 5rem;
        line-height: 5rem;
        width: 5rem
    }

    .avatar-placeholder {
        background: #ced4da url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="134" height="134" viewBox="0 0 134 134"><path fill="#868e96" d="M65.92 66.34h2.16c14.802.42 30.928 6.062 29.283 20.35l-1.618 13.32c-.844 6.815-5.208 7.828-13.972 7.866H52.23c-8.764-.038-13.13-1.05-13.973-7.865l-1.62-13.32C34.994 72.4 51.12 66.76 65.92 66.34zM49.432 43.934c0-9.82 7.99-17.81 17.807-17.81 9.82 0 17.81 7.99 17.81 17.81 0 9.82-7.99 17.807-17.81 17.807-9.82 0-17.808-7.987-17.808-17.806z"/></svg>') no-repeat 50%/80%
    }

    .avatar-list {
        font-size: 0;
        margin: 0 0 -.5rem;
        padding: 0
    }

        .avatar-list .avatar {
            margin-bottom: .5rem
        }

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

    .avatar-list-stacked .avatar {
        box-shadow: 0 0 0 2px #fff;
        margin-right: -.9em !important
    }

    .avatar-blue {
        background-color: #083dc1;
        color: #467fcf
    }

    .avatar-indigo {
        background-color: #d1d5f0;
        color: #6574cd
    }

    .avatar-purple {
        background-color: #e4cff9;
        color: #aa4cf2
    }

    .avatar-pink {
        background-color: #fcd3e1;
        color: #ef4eb8
    }

    .avatar-red {
        background-color: #f0bcbc;
        color: #dc0441
    }

    .avatar-orange {
        background-color: #fee0c7;
        color: #f34932
    }

    .avatar-yellow {
        background-color: #fbedb7;
        color: #fbc518
    }

    .avatar-green {
        background-color: #cfeab3;
        color: #0dcd94
    }

    .avatar-teal {
        background-color: #bfefea;
        color: #17d1dc
    }

    .avatar-cyan {
        background-color: #b9e3ea;
        color: #17a2b8
    }

    .avatar-white {
        background-color: #fff;
        color: #fff
    }

    .avatar-gray {
        background-color: #dbdde0;
        color: #868e96
    }

    .avatar-gray-dark {
        background-color: #c2c4c6;
        color: #353a40
    }

    .avatar-azure {
        background-color: #c7e6fb;
        color: #128af9
    }

    .avatar-lime {
        background-color: #d7f2c2;
        color: #7bd235
    }

    .product-price {
        font-size: 1rem
    }

        .product-price strong {
            font-size: 1.5rem
        }

    @-webkit-keyframes indeterminate {
        0% {
            left: -35%;
            right: 100%
        }

        60%, to {
            left: 100%;
            right: -90%
        }
    }

    @keyframes indeterminate {
        0% {
            left: -35%;
            right: 100%
        }

        60%, to {
            left: 100%;
            right: -90%
        }
    }

    @-webkit-keyframes indeterminate-short {
        0% {
            left: -200%;
            right: 100%
        }

        60%, to {
            left: 107%;
            right: -8%
        }
    }

    @keyframes indeterminate-short {
        0% {
            left: -200%;
            right: 100%
        }

        60%, to {
            left: 107%;
            right: -8%
        }
    }

    .custom-control {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

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

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

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

        .custom-control-input:focus ~ .custom-control-label:before {
            box-shadow: 0 0 0 1px #ebeff8, 0 0 0 2px rgba(70, 127, 207, .25)
        }

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

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

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

    .custom-control-input-success {
        height: 1.5rem;
        opacity: 0;
        position: absolute;
        width: 1.5rem;
        z-index: -1
    }

        .custom-control-input-success:checked ~ .custom-control-label-md:before {
            color: #fff
        }

        .custom-control-input-success:focus ~ .custom-control-label-md:before {
            box-shadow: 0 0 0 1px #ebeff8, 0 0 0 2px rgba(70, 127, 207, .25)
        }

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

        .custom-control-input-success:disabled ~ .custom-control-label-md {
            color: #868e96
        }

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

    .custom-control-label {
        display: block;
        line-height: 25px;
        margin-bottom: 0;
        margin-top: 2px;
        vertical-align: middle
    }

        .custom-control-label:before {
            background-color: #fff;
            background-size: .5rem;
            border: 1px solid #d3dfea;
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .custom-control-label:after,
        .custom-control-label:before {
            content: "";
            display: block;
            height: 1rem;
            left: -1.5rem;
            position: absolute;
            top: .25rem;
            width: 1rem
        }

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

    .custom-control-label-md {
        display: block;
        padding-left: 15px;
        padding-top: 6px;
        vertical-align: middle
    }

        .custom-control-label-md:before {
            background-color: #fff;
            background-size: .5rem;
            border: 1px solid #d3dfea;
            content: "";
            display: block;
            height: 1.8rem !important;
            left: -1.5rem;
            pointer-events: none;
            position: absolute;
            top: .15rem !important;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: 1.8rem !important
        }

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

    .custom-control-md {
        min-height: 2rem !important
    }

    .custom-control-lg {
        min-height: 2.5rem
    }

    .custom-control-label-lg {
        padding-left: 15px;
        padding-top: 10px
    }

        .custom-control-label-lg:after,
        .custom-control-label-lg:before {
            height: 2rem !important;
            top: .25rem !important;
            width: 2rem !important
        }

    .custom-checkbox .custom-control-label:before {
        border-radius: 3px
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #36f;
        border-color: #36f
    }

    .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: #36f !important
    }

    .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: #4454c3;
        opacity: .5
    }

    .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
        background-color: rgba(70, 127, 207, .5)
    }

    .custom-checkbox.success .custom-control-label:before {
        border-radius: 3px
    }

    .custom-checkbox.success .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #0dcd94;
        border-color: #0dcd94
    }

    .custom-checkbox.success .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.success .custom-control-input:indeterminate ~ .custom-control-label:before {
        background-color: #0dcd94;
        border-color: #0dcd94
    }

    .custom-checkbox.success .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.success .custom-control-input:disabled:checked ~ .custom-control-label:before {
        background-color: #01c353;
        opacity: .5
    }

    .custom-checkbox.success .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
        background-color: rgba(1, 195, 83, .5)
    }

    .custom-control-input-success:checked ~ .custom-control-label-md:before {
        background-color: #0dcd94
    }

    .custom-control-input-success:checked ~ .custom-control-label-md: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-control-input-success .custom-control-label-md:before {
        background-color: #0dcd94
    }

    .custom-control-input-success .custom-control-label-md: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='%2301c353' 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-control-input-success:indeterminate ~ .custom-control-label-md:before {
        background-color: #0dcd94
    }

    .custom-control-input-success:indeterminate ~ .custom-control-label-md: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-control-input-success:disabled:checked ~ .custom-control-label-md:before {
        background-color: #01c353;
        opacity: .5
    }

    .custom-control-input-success:disabled:indeterminate ~ .custom-control-label-md:before {
        background-color: rgba(1, 195, 83, .5)
    }

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

    .custom-radio .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #36f;
        border-color: #36f
    }

    .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: #4454c3;
        opacity: .5
    }

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

    .custom-radio.success .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #0dcd94;
        border-color: #0dcd94
    }

    .custom-radio.success .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.success .custom-control-input:disabled:checked ~ .custom-control-label:before {
        background-color: #4454c3;
        opacity: .5
    }

    .custom-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat right .75rem center;
        background-size: 8px 10px;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        color: #6b6f80;
        display: inline-block;
        height: 2.375rem;
        line-height: 1.5;
        padding: .5rem 1.75rem .5rem .75rem;
        vertical-align: middle;
        width: 100%
    }

        .custom-select:focus {
            border-color: #36f;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(25, 145, 235, .5);
            outline: 0
        }

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

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

        .custom-select:disabled {
            background-color: #e9ecef;
            color: #868e96
        }

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

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

    div.dataTables_wrapper div.dataTables_filter input {
        display: inline-block;
        margin-left: .5em;
        width: auto
    }

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

    .custom-file {
        display: inline-block;
        margin-bottom: 0
    }

    .custom-file,
    .custom-file-input {
        height: 2.375rem;
        position: relative;
        width: 100%
    }

    .custom-file-input {
        margin: 0;
        opacity: 0;
        z-index: 2
    }

        .custom-file-input:focus ~ .custom-file-label {
            border-color: #1991eb;
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .25)
        }

            .custom-file-input:focus ~ .custom-file-label:after {
                border-color: #1991eb
            }

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

    .custom-file-label {
        background-color: #fff;
        border: 1px solid #d3dfea;
        border-radius: 3px;
        color: #495057;
        height: 2.375rem;
        left: 0;
        z-index: 1
    }

        .custom-file-label,
        .custom-file-label:after {
            line-height: 1.5;
            padding: .375rem .75rem;
            position: absolute;
            right: 0;
            top: 0
        }

            .custom-file-label:after {
                background-color: #36f;
                border-left: 1px solid #36f;
                border-radius: 0 3px 3px 0;
                bottom: 0;
                color: #fff;
                content: "Browse";
                display: block;
                font-weight: 500;
                height: calc(2.375rem - 2px);
                z-index: 3
            }

    .form-group,
    .form-label {
        display: block
    }

    .form-label {
        font-size: .875rem;
        font-weight: 500;
        margin-bottom: .375rem
    }

    .form-label-small {
        float: right;
        font-size: 87.5%;
        font-weight: 400
    }

    .form-footer {
        margin-top: 2rem
    }

    .custom-controls-stacked .custom-control {
        margin-bottom: .25rem
    }

    .custom-control-description {
        line-height: 1.5rem
    }

    .custom-range {
        align-items: center;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        display: flex;
        height: 100%;
        min-height: 2.375rem;
        overflow: hidden;
        padding: 0;
        width: 100%
    }

        .custom-range::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            background: #fff;
            border: 1px solid rgba(0, 30, 75, .12);
            border-radius: 50px;
            box-shadow: 1px 0 0 -6px rgba(0, 50, 126, .12), 6px 0 0 -6px rgba(0, 50, 126, .12), 7px 0 0 -6px rgba(0, 50, 126, .12), 8px 0 0 -6px rgba(0, 50, 126, .12), 9px 0 0 -6px rgba(0, 50, 126, .12), 10px 0 0 -6px rgba(0, 50, 126, .12), 11px 0 0 -6px rgba(0, 50, 126, .12), 12px 0 0 -6px rgba(0, 50, 126, .12), 13px 0 0 -6px rgba(0, 50, 126, .12), 14px 0 0 -6px rgba(0, 50, 126, .12), 15px 0 0 -6px rgba(0, 50, 126, .12), 16px 0 0 -6px rgba(0, 50, 126, .12), 17px 0 0 -6px rgba(0, 50, 126, .12), 18px 0 0 -6px rgba(0, 50, 126, .12), 19px 0 0 -6px rgba(0, 50, 126, .12), 20px 0 0 -6px rgba(0, 50, 126, .12), 21px 0 0 -6px rgba(0, 50, 126, .12), 22px 0 0 -6px rgba(0, 50, 126, .12), 23px 0 0 -6px rgba(0, 50, 126, .12), 24px 0 0 -6px rgba(0, 50, 126, .12), 25px 0 0 -6px rgba(0, 50, 126, .12), 26px 0 0 -6px rgba(0, 50, 126, .12), 27px 0 0 -6px rgba(0, 50, 126, .12), 28px 0 0 -6px rgba(0, 50, 126, .12), 29px 0 0 -6px rgba(0, 50, 126, .12), 30px 0 0 -6px rgba(0, 50, 126, .12), 31px 0 0 -6px rgba(0, 50, 126, .12), 32px 0 0 -6px rgba(0, 50, 126, .12), 33px 0 0 -6px rgba(0, 50, 126, .12), 34px 0 0 -6px rgba(0, 50, 126, .12), 35px 0 0 -6px rgba(0, 50, 126, .12), 36px 0 0 -6px rgba(0, 50, 126, .12), 37px 0 0 -6px rgba(0, 50, 126, .12), 38px 0 0 -6px rgba(0, 50, 126, .12), 39px 0 0 -6px rgba(0, 50, 126, .12), 40px 0 0 -6px rgba(0, 50, 126, .12), 41px 0 0 -6px rgba(0, 50, 126, .12), 42px 0 0 -6px rgba(0, 50, 126, .12), 43px 0 0 -6px rgba(0, 50, 126, .12), 44px 0 0 -6px rgba(0, 50, 126, .12), 45px 0 0 -6px rgba(0, 50, 126, .12), 46px 0 0 -6px rgba(0, 50, 126, .12), 47px 0 0 -6px rgba(0, 50, 126, .12), 48px 0 0 -6px rgba(0, 50, 126, .12), 49px 0 0 -6px rgba(0, 50, 126, .12), 50px 0 0 -6px rgba(0, 50, 126, .12), 51px 0 0 -6px rgba(0, 50, 126, .12), 52px 0 0 -6px rgba(0, 50, 126, .12), 53px 0 0 -6px rgba(0, 50, 126, .12), 54px 0 0 -6px rgba(0, 50, 126, .12), 55px 0 0 -6px rgba(0, 50, 126, .12), 56px 0 0 -6px rgba(0, 50, 126, .12), 57px 0 0 -6px rgba(0, 50, 126, .12), 58px 0 0 -6px rgba(0, 50, 126, .12), 59px 0 0 -6px rgba(0, 50, 126, .12), 60px 0 0 -6px rgba(0, 50, 126, .12), 61px 0 0 -6px rgba(0, 50, 126, .12), 62px 0 0 -6px rgba(0, 50, 126, .12), 63px 0 0 -6px rgba(0, 50, 126, .12), 64px 0 0 -6px rgba(0, 50, 126, .12), 65px 0 0 -6px rgba(0, 50, 126, .12), 66px 0 0 -6px rgba(0, 50, 126, .12), 67px 0 0 -6px rgba(0, 50, 126, .12), 68px 0 0 -6px rgba(0, 50, 126, .12), 69px 0 0 -6px rgba(0, 50, 126, .12), 70px 0 0 -6px rgba(0, 50, 126, .12), 71px 0 0 -6px rgba(0, 50, 126, .12), 72px 0 0 -6px rgba(0, 50, 126, .12), 73px 0 0 -6px rgba(0, 50, 126, .12), 74px 0 0 -6px rgba(0, 50, 126, .12), 75px 0 0 -6px rgba(0, 50, 126, .12), 76px 0 0 -6px rgba(0, 50, 126, .12), 77px 0 0 -6px rgba(0, 50, 126, .12), 78px 0 0 -6px rgba(0, 50, 126, .12), 79px 0 0 -6px rgba(0, 50, 126, .12), 80px 0 0 -6px rgba(0, 50, 126, .12), 81px 0 0 -6px rgba(0, 50, 126, .12), 82px 0 0 -6px rgba(0, 50, 126, .12), 83px 0 0 -6px rgba(0, 50, 126, .12), 84px 0 0 -6px rgba(0, 50, 126, .12), 85px 0 0 -6px rgba(0, 50, 126, .12), 86px 0 0 -6px rgba(0, 50, 126, .12), 87px 0 0 -6px rgba(0, 50, 126, .12), 88px 0 0 -6px rgba(0, 50, 126, .12), 89px 0 0 -6px rgba(0, 50, 126, .12), 90px 0 0 -6px rgba(0, 50, 126, .12), 91px 0 0 -6px rgba(0, 50, 126, .12), 92px 0 0 -6px rgba(0, 50, 126, .12), 93px 0 0 -6px rgba(0, 50, 126, .12), 94px 0 0 -6px rgba(0, 50, 126, .12), 95px 0 0 -6px rgba(0, 50, 126, .12), 96px 0 0 -6px rgba(0, 50, 126, .12), 97px 0 0 -6px rgba(0, 50, 126, .12), 98px 0 0 -6px rgba(0, 50, 126, .12), 99px 0 0 -6px rgba(0, 50, 126, .12), 100px 0 0 -6px rgba(0, 50, 126, .12), 101px 0 0 -6px rgba(0, 50, 126, .12), 102px 0 0 -6px rgba(0, 50, 126, .12), 103px 0 0 -6px rgba(0, 50, 126, .12), 104px 0 0 -6px rgba(0, 50, 126, .12), 105px 0 0 -6px rgba(0, 50, 126, .12), 106px 0 0 -6px rgba(0, 50, 126, .12), 107px 0 0 -6px rgba(0, 50, 126, .12), 108px 0 0 -6px rgba(0, 50, 126, .12), 109px 0 0 -6px rgba(0, 50, 126, .12), 110px 0 0 -6px rgba(0, 50, 126, .12), 111px 0 0 -6px rgba(0, 50, 126, .12), 112px 0 0 -6px rgba(0, 50, 126, .12), 113px 0 0 -6px rgba(0, 50, 126, .12), 114px 0 0 -6px rgba(0, 50, 126, .12), 115px 0 0 -6px rgba(0, 50, 126, .12), 116px 0 0 -6px rgba(0, 50, 126, .12), 117px 0 0 -6px rgba(0, 50, 126, .12), 118px 0 0 -6px rgba(0, 50, 126, .12), 119px 0 0 -6px rgba(0, 50, 126, .12), 120px 0 0 -6px rgba(0, 50, 126, .12), 121px 0 0 -6px rgba(0, 50, 126, .12), 122px 0 0 -6px rgba(0, 50, 126, .12), 123px 0 0 -6px rgba(0, 50, 126, .12), 124px 0 0 -6px rgba(0, 50, 126, .12), 125px 0 0 -6px rgba(0, 50, 126, .12), 126px 0 0 -6px rgba(0, 50, 126, .12), 127px 0 0 -6px rgba(0, 50, 126, .12), 128px 0 0 -6px rgba(0, 50, 126, .12), 129px 0 0 -6px rgba(0, 50, 126, .12), 130px 0 0 -6px rgba(0, 50, 126, .12), 131px 0 0 -6px rgba(0, 50, 126, .12), 132px 0 0 -6px rgba(0, 50, 126, .12), 133px 0 0 -6px rgba(0, 50, 126, .12), 134px 0 0 -6px rgba(0, 50, 126, .12), 135px 0 0 -6px rgba(0, 50, 126, .12), 136px 0 0 -6px rgba(0, 50, 126, .12), 137px 0 0 -6px rgba(0, 50, 126, .12), 138px 0 0 -6px rgba(0, 50, 126, .12), 139px 0 0 -6px rgba(0, 50, 126, .12), 140px 0 0 -6px rgba(0, 50, 126, .12), 141px 0 0 -6px rgba(0, 50, 126, .12), 142px 0 0 -6px rgba(0, 50, 126, .12), 143px 0 0 -6px rgba(0, 50, 126, .12), 144px 0 0 -6px rgba(0, 50, 126, .12), 145px 0 0 -6px rgba(0, 50, 126, .12), 146px 0 0 -6px rgba(0, 50, 126, .12), 147px 0 0 -6px rgba(0, 50, 126, .12), 148px 0 0 -6px rgba(0, 50, 126, .12), 149px 0 0 -6px rgba(0, 50, 126, .12), 150px 0 0 -6px rgba(0, 50, 126, .12), 151px 0 0 -6px rgba(0, 50, 126, .12), 152px 0 0 -6px rgba(0, 50, 126, .12), 153px 0 0 -6px rgba(0, 50, 126, .12), 154px 0 0 -6px rgba(0, 50, 126, .12), 155px 0 0 -6px rgba(0, 50, 126, .12), 156px 0 0 -6px rgba(0, 50, 126, .12), 157px 0 0 -6px rgba(0, 50, 126, .12), 158px 0 0 -6px rgba(0, 50, 126, .12), 159px 0 0 -6px rgba(0, 50, 126, .12), 160px 0 0 -6px rgba(0, 50, 126, .12), 161px 0 0 -6px rgba(0, 50, 126, .12), 162px 0 0 -6px rgba(0, 50, 126, .12), 163px 0 0 -6px rgba(0, 50, 126, .12), 164px 0 0 -6px rgba(0, 50, 126, .12), 165px 0 0 -6px rgba(0, 50, 126, .12), 166px 0 0 -6px rgba(0, 50, 126, .12), 167px 0 0 -6px rgba(0, 50, 126, .12), 168px 0 0 -6px rgba(0, 50, 126, .12), 169px 0 0 -6px rgba(0, 50, 126, .12), 170px 0 0 -6px rgba(0, 50, 126, .12), 171px 0 0 -6px rgba(0, 50, 126, .12), 172px 0 0 -6px rgba(0, 50, 126, .12), 173px 0 0 -6px rgba(0, 50, 126, .12), 174px 0 0 -6px rgba(0, 50, 126, .12), 175px 0 0 -6px rgba(0, 50, 126, .12), 176px 0 0 -6px rgba(0, 50, 126, .12), 177px 0 0 -6px rgba(0, 50, 126, .12), 178px 0 0 -6px rgba(0, 50, 126, .12), 179px 0 0 -6px rgba(0, 50, 126, .12), 180px 0 0 -6px rgba(0, 50, 126, .12), 181px 0 0 -6px rgba(0, 50, 126, .12), 182px 0 0 -6px rgba(0, 50, 126, .12), 183px 0 0 -6px rgba(0, 50, 126, .12), 184px 0 0 -6px rgba(0, 50, 126, .12), 185px 0 0 -6px rgba(0, 50, 126, .12), 186px 0 0 -6px rgba(0, 50, 126, .12), 187px 0 0 -6px rgba(0, 50, 126, .12), 188px 0 0 -6px rgba(0, 50, 126, .12), 189px 0 0 -6px rgba(0, 50, 126, .12), 190px 0 0 -6px rgba(0, 50, 126, .12), 191px 0 0 -6px rgba(0, 50, 126, .12), 192px 0 0 -6px rgba(0, 50, 126, .12), 193px 0 0 -6px rgba(0, 50, 126, .12), 194px 0 0 -6px rgba(0, 50, 126, .12), 195px 0 0 -6px rgba(0, 50, 126, .12), 196px 0 0 -6px rgba(0, 50, 126, .12), 197px 0 0 -6px rgba(0, 50, 126, .12), 198px 0 0 -6px rgba(0, 50, 126, .12), 199px 0 0 -6px rgba(0, 50, 126, .12), 200px 0 0 -6px rgba(0, 50, 126, .12), 201px 0 0 -6px rgba(0, 50, 126, .12), 202px 0 0 -6px rgba(0, 50, 126, .12), 203px 0 0 -6px rgba(0, 50, 126, .12), 204px 0 0 -6px rgba(0, 50, 126, .12), 205px 0 0 -6px rgba(0, 50, 126, .12), 206px 0 0 -6px rgba(0, 50, 126, .12), 207px 0 0 -6px rgba(0, 50, 126, .12), 208px 0 0 -6px rgba(0, 50, 126, .12), 209px 0 0 -6px rgba(0, 50, 126, .12), 210px 0 0 -6px rgba(0, 50, 126, .12), 211px 0 0 -6px rgba(0, 50, 126, .12), 212px 0 0 -6px rgba(0, 50, 126, .12), 213px 0 0 -6px rgba(0, 50, 126, .12), 214px 0 0 -6px rgba(0, 50, 126, .12), 215px 0 0 -6px rgba(0, 50, 126, .12), 216px 0 0 -6px rgba(0, 50, 126, .12), 217px 0 0 -6px rgba(0, 50, 126, .12), 218px 0 0 -6px rgba(0, 50, 126, .12), 219px 0 0 -6px rgba(0, 50, 126, .12), 220px 0 0 -6px rgba(0, 50, 126, .12), 221px 0 0 -6px rgba(0, 50, 126, .12), 222px 0 0 -6px rgba(0, 50, 126, .12), 223px 0 0 -6px rgba(0, 50, 126, .12), 224px 0 0 -6px rgba(0, 50, 126, .12), 225px 0 0 -6px rgba(0, 50, 126, .12), 226px 0 0 -6px rgba(0, 50, 126, .12), 227px 0 0 -6px rgba(0, 50, 126, .12), 228px 0 0 -6px rgba(0, 50, 126, .12), 229px 0 0 -6px rgba(0, 50, 126, .12), 230px 0 0 -6px rgba(0, 50, 126, .12), 231px 0 0 -6px rgba(0, 50, 126, .12), 232px 0 0 -6px rgba(0, 50, 126, .12), 233px 0 0 -6px rgba(0, 50, 126, .12), 234px 0 0 -6px rgba(0, 50, 126, .12), 235px 0 0 -6px rgba(0, 50, 126, .12), 236px 0 0 -6px rgba(0, 50, 126, .12), 237px 0 0 -6px rgba(0, 50, 126, .12), 238px 0 0 -6px rgba(0, 50, 126, .12), 239px 0 0 -6px rgba(0, 50, 126, .12), 240px 0 0 -6px rgba(0, 50, 126, .12);
            height: 14px;
            margin-top: -6px;
            -webkit-transition: border-color .3s, background-color .3s;
            transition: border-color .3s, background-color .3s;
            width: 14px
        }

            .custom-range::-webkit-slider-thumb:focus {
                box-shadow: 0 0 0 1px #ebeff8, 0 0 0 2px rgba(70, 127, 207, .25);
                outline: none
            }

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

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

        .custom-range::-moz-range-thumb {
            background: #fff;
            border: 1px solid rgba(0, 30, 75, .12);
            border-radius: 50px;
            height: 14px;
            position: relative;
            -moz-transition: border-color .3s, background-color .3s;
            transition: border-color .3s, background-color .3s;
            width: 14px
        }

            .custom-range::-moz-range-thumb:focus {
                box-shadow: 0 0 0 1px #ebeff8, 0 0 0 2px rgba(70, 127, 207, .25);
                outline: none
            }

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

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

        .custom-range::-ms-thumb {
            appearance: none;
            background-color: #36f;
            border: 0;
            border-radius: 1rem;
            height: 1rem;
            width: 1rem
        }

            .custom-range::-ms-thumb:focus {
                box-shadow: 0 0 0 1px #ebeff8, 0 0 0 2px rgba(70, 127, 207, .25);
                outline: none
            }

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

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

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

        .custom-range::-ms-fill-upper {
            margin-right: 15px
        }

        .custom-range:focus {
            box-shadow: none;
            outline: none
        }

            .custom-range:focus::-moz-range-thumb,
            .custom-range:focus::-ms-thumb,
            .custom-range:focus::-webkit-slider-thumb {
                background-color: #467fcf;
                border-color: #467fcf
            }

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

        .custom-range::-webkit-slider-runnable-track {
            background: #467fcf;
            content: "";
            height: 2px;
            pointer-events: none
        }

        .custom-range::-moz-range-progress {
            background: #467fcf;
            border: 0;
            height: 2px;
            margin-top: 0
        }

        .custom-range::-ms-track {
            background: transparent;
            border: 0;
            border-color: transparent;
            border-radius: 0;
            border-width: 0;
            color: transparent;
            height: 2px;
            margin-top: 10px;
            width: 240px
        }

        .custom-range::-ms-thumb {
            background: #fff;
            border: 1px solid rgba(0, 30, 75, .12);
            border-radius: 50px;
            height: 2px;
            -ms-transition: border-color .3s, background-color .3s;
            transition: border-color .3s, background-color .3s;
            width: 240px
        }

        .custom-range::-ms-fill-lower {
            background: #467fcf;
            border-radius: 0
        }

        .custom-range::-ms-fill-upper {
            background: rgba(0, 50, 126, .12);
            border-radius: 0
        }

        .custom-range::-ms-tooltip {
            display: none
        }

    #back-to-top {
        background: #36f;
        background-position: 50%;
        background-repeat: no-repeat;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        bottom: 20px;
        color: #fff;
        display: none;
        height: 40px;
        line-height: 40px;
        position: fixed;
        right: 20px;
        text-align: center;
        transition: background-color .1s linear;
        -moz-transition: background-color .1s linear;
        -webkit-transition: background-color .1s linear;
        -o-transition: background-color .1s linear;
        width: 40px;
        z-index: 99;
        z-index: 10000
    }

        #back-to-top i {
            font-size: 16px;
            padding-top: 15px
        }

        #back-to-top:hover {
            fill: #36f;
            background: #fff;
            border: 2px solid #36f;
            color: #36f
        }

            #back-to-top:hover .svg-icon {
                fill: #36f
            }

    #popup {
        background: #fe6b1f;
        border-radius: 5px;
        color: #fff;
        display: none;
        height: 30px;
        position: absolute;
        width: auto
    }

    #copy {
        background: none;
        border: 0;
        color: #fff;
        font-weight: 700;
        padding: 8px 25px
    }

    .countdown span:first-child {
        font-size: 30px;
        font-weight: 500
    }

    .social i {
        font-size: 40px
    }

    .social .social-icon i {
        font-size: 14px
    }

    .widget-info i {
        border: 2px solid #fff;
        border-radius: 50%;
        height: 100px;
        padding: 27px 0;
        text-align: center;
        width: 100px
    }

    .widget-info a {
        border-bottom: 1px solid #fff
    }

    .about-img {
        background: url(../images/about.jpg);
        background-position: 50%;
        background-size: cover
    }

    .login-img {
        background: url(../images/login.jpg);
        background-size: cover
    }

    .construction-img {
        background: url(../images/construction.jpg);
        background-size: cover
    }

    .z-index-10 {
        z-index: 10 !important
    }

    .login-transparent {
        background: url(../images/photos/22.jpg);
        background-size: cover
    }

        .login-transparent:before {
            background: -webkit-gradient(linear, left top, right top, from(rgba(159, 120, 255, .96)), to(rgba(50, 202, 254, .96)));
            border-radius: 7px;
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

    .page-breadcrumb {
        background: none;
        flex-basis: 100%;
        font-size: .875rem;
        margin: 1rem 0 0;
        padding: 0
    }

    @media (min-width:768px) {
        .page-breadcrumb {
            margin: -.5rem 0 0
        }
    }

    @media (max-width:320px) {
        .fc-toolbar .fc-right {
            float: right;
            margin: 10px 0;
            text-align: center;
            width: 100%
        }

        .header .header-flags {
            display: none
        }

        .klview-icons {
            top: 4.5% !important
        }
    }

    .page-breadcrumb .breadcrumb-item {
        color: #9aa0ac
    }

        .page-breadcrumb .breadcrumb-item.active {
            color: #6e7687
        }

    .page-total-text {
        align-self: center;
        color: #6e7687;
        margin-right: 1rem
    }

    .link-overlay {
        position: relative
    }

        .link-overlay:hover .link-overlay-bg {
            opacity: 1
        }

    .link-overlay-bg {
        align-items: center;
        background: rgba(70, 127, 207, .8);
        bottom: 0;
        color: #fff;
        display: flex;
        font-size: 1.25rem;
        justify-content: center;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .3s
    }

    .richText {
        background-color: #ebeff8;
        border: 1px solid #d3dfea;
        border-bottom: 0;
        border-top: 0
    }

        .richText .richText-toolbar {
            border-bottom: 1px solid #d3dfea;
            border-top: 1px solid #d3dfea
        }

            .richText .richText-toolbar ul li a {
                border-right: 1px solid #d3dfea
            }

        .richText .richText-redo,
        .richText .richText-undo {
            border-right: 1px solid #d3dfea !important
        }

    .more-less {
        color: #212121;
        float: right
    }

    #sidebar ul li.active > a {
        color: #36f
    }

        #sidebar ul li.active > a:hover {
            background: #6d4dbb;
            color: #fff
        }

    #sidebar ul li {
        position: relative
    }

        #sidebar ul li a {
            color: #384056;
            font-weight: 400
        }

        #sidebar ul li ul li:last-child {
            border-bottom: 0
        }

    #sidebar li a.active,
    #sidebar li a[aria-expanded=true] {
        background: #36f;
        color: #fff
    }

        #sidebar li a[aria-expanded=true]:hover {
            color: #fff !important
        }

    .sweet-alert button {
        background-color: #36f !important
    }

    .job-box-filter {
        border-bottom: 1px solid #e9ebfa;
        padding: 12px 15px
    }

        .job-box-filter a.filtsec {
            background: #edf0f3;
            border: 1px solid #e2e8ef;
            border-radius: 50px;
            color: #81a0b1;
            display: inline-block;
            font-size: 13px;
            margin-right: 15px;
            margin-top: 8px;
            padding: 4px 10px;
            transition: all .4s ease
        }

            .job-box-filter a.filtsec.active {
                background: #16262c;
                border-color: #16262c;
                color: #fff
            }

            .job-box-filter a.filtsec i {
                color: #36f;
                margin-right: 5px
            }

            .job-box-filter a.filtsec:focus,
            .job-box-filter a.filtsec:hover {
                background: #07b107;
                border-color: #07b107;
                color: #fff
            }

                .job-box-filter a.filtsec:focus i,
                .job-box-filter a.filtsec:hover i {
                    color: #fff
                }

        .job-box-filter h4 i {
            margin-right: 10px
        }

        .job-box-filter label {
            width: 100%
        }

        .job-box-filter select.input-sm {
            height: 34px;
            margin: 0 5px;
            max-width: 120px
        }

        .job-box-filter label input.form-control,
        .job-box-filter select.input-sm {
            border: 1px solid #e9ebfa;
            border-radius: 2px;
            display: inline-block;
            font-size: 15px
        }

        .job-box-filter label input.form-control {
            margin-left: 5px;
            max-width: 200px
        }

    .job-box {
        display: inline-block;
        padding: 0;
        width: 100%
    }

    .image_outer_container {
        border-radius: 50%;
        margin-bottom: auto;
        margin-top: auto;
        position: relative
    }

    .image_inner_container {
        border-radius: 50%;
        padding: 5px
    }

        .image_inner_container img {
            border: 5px solid #fff;
            border-radius: 50%;
            height: 150px;
            width: 150px
        }

    .image_outer_container .green_icon {
        background-color: #4cd137;
        border: 5px solid #fff;
        border-radius: 50%;
        bottom: 10px;
        height: 30px;
        position: absolute;
        right: 10px;
        width: 30px
    }

    .search {
        position: absolute;
        width: 320px
    }

        .search svg {
            stroke-width: 8px;
            stroke: #fff;
            stroke-width: 1px;
            stroke-dashoffset: 0;
            stroke-dasharray: 64.6 206.305;
            height: auto;
            margin-top: 5px;
            transform: translateX(-126px);
            transition: all .5s ease-in-out;
            width: 180px
        }

    #drag-1,
    #drag-2 {
        background-color: #29e;
        border-radius: .75em;
        color: #fff;
        height: 100%;
        margin: 10%;
        min-height: 6.5em;
        padding: 4%;
        transform: translate(0);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 25%
    }

    .search-inline {
        background-color: #fff;
        left: 0;
        opacity: 0;
        padding: 33px 0;
        position: absolute;
        top: 0;
        transition: all .5s ease-in-out;
        visibility: hidden;
        width: 100%;
        z-index: 9
    }

        .search-inline.search-visible {
            -webkit-animation: fadeInDown .2s ease-in-out;
            animation: fadeInDown .2s ease-in-out;
            opacity: 1;
            visibility: visible
        }

        .search-inline button[type=submit] {
            background-color: transparent;
            background: #36f;
            border: 0;
            color: #fff;
            cursor: pointer;
            height: 100%;
            padding: 0;
            position: absolute;
            right: 52px;
            right: 80px;
            top: 0;
            width: 80px
        }

        .search-inline .form-control {
            border: 0;
            font-size: 20px;
            height: 100%;
            left: 1%;
            outline: none;
            padding-left: 0;
            position: absolute;
            top: 0;
            width: 99%
        }

            .search-inline .form-control:focus {
                box-shadow: none
            }

        .search-inline .search-close {
            background: #efefef;
            color: #616161;
            display: table;
            height: 100%;
            position: absolute;
            right: 0;
            text-align: center;
            text-decoration: none;
            top: 0;
            width: 80px
        }

            .search-inline .search-close i {
                display: table-cell;
                vertical-align: middle
            }

    .searching i {
        font-size: 18px
    }

    .search-close i {
        padding: 24px 0
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0, -20%, 0)
        }

        to {
            opacity: 1;
            transform: translateZ(0)
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0, -20%, 0)
        }

        to {
            opacity: 1;
            transform: translateZ(0)
        }
    }

    .lockscreen {
        background: inherit;
        height: 280px;
        overflow: hidden;
        width: 300px
    }

        .lockscreen:before {
            background: inherit;
            bottom: 0;
            box-shadow: inset 0 0 0 200px hsla(0, 0%, 100%, .4);
            content: "";
            filter: blur(1px);
            height: 400px;
            left: -25px;
            position: absolute;
            right: 0;
            top: -25px;
            width: 350px
        }

    .table-stats table td,
    .table-stats table th {
        border: none;
        border-bottom: 1px solid #e8e9ef;
        font-size: 12px;
        font-weight: 400;
        padding: .75em 1.25em;
        text-transform: uppercase
    }

        .table-stats table td img,
        .table-stats table th img {
            margin-right: 10px;
            max-width: 45px
        }

        .table-stats table td,
        .table-stats table th .name {
            font-size: 14px;
            text-transform: capitalize
        }

    .table-stats table td {
        vertical-align: middle
    }

        .table-stats table td .name {
            font-size: 14px;
            text-transform: capitalize
        }

    .traffic-sales-content {
        padding: 14px
    }

    .traffic-sales-amount {
        float: right
    }

    .bg-dot {
        height: 7px;
        right: .9rem;
        top: .6rem;
        width: 7px
    }

    .bg-dot,
    .pulse {
        background: #f72d66;
        border-radius: 50%;
        cursor: pointer;
        display: block;
        position: absolute
    }

    .pulse {
        -webkit-animation: pulse 2s infinite;
        animation: pulse 2s infinite;
        border: 2px solid #eee6e6;
        box-shadow: 0 0 0 rgba(247, 45, 102, .9);
        height: 10px;
        right: .7rem;
        top: .1rem;
        width: 10px
    }

        .pulse:hover {
            -webkit-animation: none;
            animation: none
        }

    @-webkit-keyframes pulse {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, .9)
        }

        70% {
            -webkit-box-shadow: 0 0 0 10px rgba(247, 45, 102, 0)
        }

        to {
            -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0)
        }
    }

    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(247, 45, 102, .7)
        }

        70% {
            box-shadow: 0 0 0 10px rgba(247, 45, 102, 0)
        }

        to {
            box-shadow: 0 0 0 0 rgba(247, 45, 102, 0)
        }
    }

    @media (max-width:992px) {
        .customlogin-content {
            padding: 3rem
        }

        .horizontal-main.hor-menu {
            border-bottom: 0 !important;
            box-shadow: none !important;
            padding: 0 !important
        }

        .page-body {
            padding-top: 1px
        }

        .app-content.page-body .container,
        .header.hor-header .container,
        .main-content .container {
            max-width: none
        }

        .app-content.page-body .side-app {
            padding: 6.2rem .75rem 0 !important
        }

        .navsearch {
            border: 0 solid #e9ebfa;
            border-radius: 3px;
            font-size: 1.2rem;
            height: 2.5rem;
            margin: 5px;
            padding: 0;
            position: relative;
            text-align: center
        }

            .navsearch i {
                padding-top: 0 !important
            }

        .app-content.page-body {
            margin-top: 4.7rem
        }

        .comb-page .app-content.page-body {
            margin-top: 0
        }

        .media.profile-footer .media-user {
            display: none
        }

        .bannerimg .header-text {
            margin-top: 4.2rem
        }
    }

    @media (max-width:1024px) and (min-width:768px) {
        .btn-tableview {
            right: 35% !important;
            z-index: 99 !important
        }

        .header-text3 {
            bottom: -180px !important
        }
    }

    @media (max-width:992px) and (min-width:768px) {
        .support-mobile-header .animated-arrow {
            margin: 16px 0 0 60px !important
        }

        .hr-checkall {
            padding: 20px
        }

            .hr-checkall .custom-checkbox {
                left: 2rem;
                position: absolute;
                top: -1rem
            }

        .header-brand-img.dark-logo,
        .header-brand-img.desktop-lgo {
            margin-left: 0
        }
    }

    .activity {
        border-left: 3px solid #e9ebfa;
        margin-left: 16px;
        position: relative
    }

        .activity .img-activity {
            border: 3px solid;
            border-radius: 50%;
            height: 40px;
            left: -20px;
            line-height: 44px;
            position: absolute;
            text-align: center;
            width: 40px
        }

        .activity .item-activity {
            margin-bottom: 26px;
            margin-left: 40px
        }

    #AreaChart2 {
        bottom: -20px;
        height: 88px !important;
        left: -7px;
        position: relative;
        width: 105% !important
    }

    #CryptoChart,
    #CryptoChart1,
    #CryptoChart2,
    #CryptoChart3 {
        bottom: -15px;
        height: 70px !important;
        left: -7px;
        position: relative;
        width: 105% !important
    }

    [class*=js-conveyor-] ul li {
        background: #fff;
        border: 1px solid #efefef;
        border-radius: 5px;
        box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px #b0b8d6;
        margin: 15px 6px;
        padding: 9px 15px
    }

    .news-crypto span {
        font-size: .8rem
    }

    .latest-timeline ul.timeline {
        list-style-type: none;
        position: relative
    }

        .latest-timeline ul.timeline:before {
            background: #e9ebfa;
            content: " ";
            display: inline-block;
            height: 100%;
            left: 15px;
            position: absolute;
            width: 3px;
            z-index: 1
        }

        .latest-timeline ul.timeline > li {
            margin: 20px 0;
            padding-left: 3rem
        }

            .latest-timeline ul.timeline > li:before {
                background: #fff;
                border: 3px solid #1753fc;
                border-radius: 50%;
                content: " ";
                display: inline-block;
                height: 20px;
                left: 6px;
                position: absolute;
                width: 20px;
                z-index: 1
            }

            .latest-timeline ul.timeline > li:first-child:before {
                border: 3px solid #0dd157
            }

            .latest-timeline ul.timeline > li:nth-child(2):before {
                border: 3px solid #2d9eef
            }

            .latest-timeline ul.timeline > li:nth-child(3):before {
                border: 3px solid #f35e90
            }

            .latest-timeline ul.timeline > li:nth-child(4):before {
                border: 3px solid #f34932
            }

            .latest-timeline ul.timeline > li:last-child:before {
                border: 3px solid #ec2d38
            }

    div[data-acc-content] {
        display: none
    }

    div[data-acc-step]:not(.open) {
        background: #ebeff8
    }

        div[data-acc-step]:not(.open) h5 {
            color: #9ba5ca
        }

        div[data-acc-step]:not(.open) .badge-primary {
            background: #afb4d8
        }

    #form .list-group-item:hover {
        background: none
    }

    #smartwizard .nav.nav-tabs.step-anchor {
        border-bottom: 0 !important;
        padding: 30px
    }

    #smartwizard .nav-tabs {
        border-top: 0 !important
    }

    #smartwizard .nav-link {
        padding: 15px 40px
    }

    .sw-theme-dots .nav-tabs .nav-link:hover:not(.disabled) {
        background: transparent;
        color: #36f
    }

    .fc-widget-content .fc-bgevent {
        background-color: #ebeff8 !important
    }

    .apexcharts-toolbar {
        display: none;
        z-index: 0 !important
    }

    .card-bgimg {
        background: url(../images/photos/chart.png);
        background-size: cover;
        border: 0;
        border-radius: 3px;
        overflow: hidden;
        position: relative
    }

        .card-bgimg:before {
            background: #36f;
            border-radius: 3px;
            content: "";
            display: block;
            height: 100%;
            left: 0;
            opacity: .9;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

        .card-bgimg .card-body {
            z-index: 10
        }

    @media (min-width:992px) {
        .hr-checkall .custom-checkbox {
            left: 13rem;
            position: absolute;
            top: -.2rem
        }

        .hor-header.hor-top-header .header-brand-img {
            display: none
        }

        .hor-header.hor-top-header .header-brand.center-logo .desktop-lgo {
            display: block;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0
        }

        .hor-header.hor-top-header .form-inline .form-control {
            width: 175px
        }

        .hor-header.hor-top-header .header-brand {
            margin-right: 0
        }
    }

    @media (max-width:991px) {
        .hor-header.hor-top-header .header-brand.center-logo .desktop-lgo {
            display: none
        }

        .header.hor-header.hor-top-header {
            border-bottom: 0
        }
    }

    .icon.icon-shape {
        font-size: 12px;
        height: 2.2rem;
        line-height: 2.454rem;
        text-align: center;
        width: 2.2rem
    }

    .h-250 {
        height: 150px
    }

    .latest-timeline1 li {
        position: relative
    }

    .latest-timeline.latest-timeline1-icon ul.timeline > li:before {
        display: none
    }

    .latest-timeline1-icon {
        border-radius: 7px;
        color: #fff;
        font-weight: 500;
        height: 2rem;
        left: 0;
        line-height: 2rem;
        position: absolute;
        text-align: center;
        width: 2rem;
        z-index: 1
    }

    .h-330 {
        height: 330px
    }

    .shadow {
        box-shadow: 0 2px 16px rgba(176, 184, 214, .7) !important
    }

    .shadow3 {
        box-shadow: 0 0 6px rgba(176, 184, 214, .7) !important
    }

    .apexcharts-tooltip.light {
        background: hsla(0, 0%, 100%, .96);
        border: 1px solid #e3e3e3;
        box-shadow: 0 0 17px -5px rgba(6, 10, 48, .2)
    }

    .chart-dropshadow-primary {
        filter: drop-shadow(-6px 12px 4px rgba(6, 10, 48, .2))
    }

    .icon-dropshadow {
        filter: drop-shadow(0 10px 4px #e5e9f2)
    }

    .icon-dropshadow-primary {
        filter: drop-shadow(0 4px 4px rgba(6, 10, 48, .3))
    }

    .icon-dropshadow-secondary {
        filter: drop-shadow(0 4px 4px rgba(47, 54, 124, .3))
    }

    .icon-dropshadow-info {
        filter: drop-shadow(0 4px 4px rgba(69, 170, 242, .3))
    }

    .icon-dropshadow-success {
        filter: drop-shadow(0 4px 4px rgba(1, 195, 83, .3))
    }

    .icon-dropshadow-danger {
        filter: drop-shadow(0 4px 4px rgba(241, 21, 65, .3))
    }

    .icon-dropshadow-warning {
        filter: drop-shadow(0 4px 4px rgba(255, 173, 0, .3))
    }

    .chart-dropshadow {
        filter: drop-shadow(0 -6px 4px rgba(176, 184, 214, .5))
    }

    .GradientlineShadow {
        filter: drop-shadow(0 -8px 4px rgba(176, 184, 214, .2))
    }

    .BarChartShadow {
        filter: drop-shadow(0 1px 4px rgba(176, 184, 214, .3))
    }

    .donutShadow {
        filter: drop-shadow(-5px 0 10px rgba(176, 184, 214, .4))
    }

    .transaction-table.table td {
        vertical-align: middle
    }

    .transaction-table.table .apexcharts-tooltip.light {
        display: none
    }

    .transaction-table.table thead th {
        padding-bottom: 20px
    }

    .inde4-table tr td:first-child {
        position: relative
    }

        .inde4-table tr td:first-child:before {
            content: "";
            height: 24px;
            left: 0;
            position: absolute;
            top: 12px;
            width: 2px
        }

    .inde4-table tr:first-child td:first-child:before {
        background: rgba(6, 10, 48, .7)
    }

    .inde4-table tr:nth-child(2) td:first-child:before {
        background: rgba(247, 45, 102, .7)
    }

    .inde4-table tr:nth-child(3) td:first-child:before {
        background: rgba(45, 206, 137, .7)
    }

    .inde4-table tr:nth-child(4) td:first-child:before {
        background: rgba(69, 170, 242, .7)
    }

    .inde4-table tr:nth-child(5) td:first-child:before {
        background: rgba(236, 180, 3, .7)
    }

    .inde4-table tr:nth-child(6) td:first-child:before {
        background: rgba(255, 91, 81, .7)
    }

    .inde4-table tr:nth-child(7) td:first-child:before {
        background: rgba(6, 10, 48, .7)
    }

    .inde4-table tr:nth-child(8) td:first-child:before {
        background: rgba(247, 45, 102, .7)
    }

    .inde4-table tr:nth-child(9) td:first-child:before {
        background: rgba(45, 206, 137, .7)
    }

    .inde4-table tr:nth-child(10) td:first-child:before {
        background: rgba(69, 170, 242, .7)
    }

    .crypto-icon {
        border-radius: 4px;
        font-size: 1.8rem;
        height: 3rem;
        line-height: 3rem;
        margin-right: 18px;
        text-align: center;
        width: 3rem
    }

    .crypto-tabs {
        border: 0 !important;
        padding: 0 !important
    }

        .crypto-tabs .tabs-menu1 ul li .active {
            background: #fff;
            border: 1px solid #e9ebfa;
            border-bottom: 0;
            border-radius: 8px 8px 0 0;
            box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px #b0b8d6
        }

        .crypto-tabs .tabs-menu1 ul li a {
            display: block;
            font-size: 16px
        }

    table.table-bordered.dataTable td:first-child {
        border-left: 0 solid #e9ebfa !important
    }

    .js-conveyor-example:before {
        background: linear-gradient(90deg, #f1f4fb, transparent);
        left: 0
    }

    .js-conveyor-example:after,
    .js-conveyor-example:before {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 20%;
        z-index: 1
    }

    .js-conveyor-example:after {
        background: linear-gradient(270deg, #f1f4fb, transparent);
        right: 0
    }

    .user-info .social li {
        display: inline-block
    }

    .user-info .social .social-icon {
        background: hsla(0, 0%, 100%, .1);
        border: 1px solid hsla(0, 0%, 100%, .1);
        border-radius: 50%;
        color: #fff;
        display: block;
        height: 2.5rem;
        line-height: 2.5rem;
        width: 2.5rem
    }

    .date-range-btn {
        font-size: .9375rem
    }

    .header-icon,
    .header-icon2,
    .svg-icon {
        fill: #313e6a;
        color: #9097e8
    }

    .header-icon {
        height: 30px;
        width: 30px
    }

    .header-option .header-icon {
        margin-top: -3px
    }

    .header-option .nav-link {
        margin: 7px 0 0
    }

    .card-custom-icon.text-secondary {
        fill: #fe7f00
    }

    .card-custom-icon.text-success {
        fill: #0dcd94
    }

    .card-custom-icon.text-primary {
        fill: #36f
    }

    .card-custom-icon.text-danger {
        fill: #f7284a
    }

    .feature .feature-icon {
        background: rgba(6, 10, 48, .2);
        border-radius: 50%;
        color: #36f;
        font-size: 25px;
        height: 4rem;
        line-height: 4rem;
        text-align: center;
        width: 4rem
    }

    .expenses-card {
        padding-top: 170px
    }

        .expenses-card #Chart {
            bottom: -15px;
            height: 120px !important;
            left: -7px;
            position: relative;
            width: 105% !important
        }

        .expenses-card .card-body {
            position: absolute;
            top: 0
        }

    .page-rightheader .breadcrumb {
        background: #fff;
        border-radius: 15px;
        padding: 3px 15px 5px
    }

    .under-countdown .countdown {
        background: #eaeefa;
        border-radius: 5px;
        color: #263871;
        height: 100px;
        line-height: 100px
    }

    .clip-widget {
        position: relative
    }

    .clipboard-icon {
        border: 1px solid #caceeb;
        border-radius: 5px;
        cursor: pointer;
        margin: 0 auto 0 5px;
        padding: 2px 4px;
        text-align: center
    }

    .highlight {
        background: #f7f6fd;
        border-radius: 0 0 3px 3px;
        padding: 0;
        position: relative
    }

        .highlight pre {
            color: inherit;
            -webkit-hyphens: none;
            -ms-hyphens: none;
            hyphens: none;
            max-height: 15rem;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4
        }

    table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
        background: #4757c4;
        border: 2px solid #4757c4;
        border-radius: 14px;
        box-shadow: none;
        box-sizing: content-box;
        color: #fff;
        content: "+";
        display: block;
        height: 14px;
        left: 4px;
        line-height: 14px;
        position: absolute;
        text-align: center;
        text-indent: 0 !important;
        top: 12px;
        width: 14px
    }

    .usertab-list li {
        margin: 5px 0
    }

    .profile-media-img {
        border: 0 solid #efefef;
        display: block;
        position: relative
    }

        .profile-media-img h6 {
            bottom: 15px;
            color: #fff;
            left: 15px;
            position: absolute
        }

        .profile-media-img:before {
            background: rgba(0, 0, 0, .5);
            bottom: 0;
            content: "";
            display: block;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .profile-media-img h6 a {
            position: relative;
            z-index: 999
        }

    .cover-image {
        background-size: cover !important
    }

    .timelineleft {
        list-style: none;
        margin: 0 0 30px;
        padding: 0;
        position: relative
    }

        .timelineleft:before {
            background: #d3dfea;
            border-radius: 2px;
            bottom: 0;
            content: "";
            left: 31px;
            margin: 0;
            position: absolute;
            top: 0;
            width: 2px
        }

        .timelineleft > li {
            margin-bottom: 15px;
            margin-right: 0;
            position: relative
        }

            .timelineleft > li:after,
            .timelinelft > li:before {
                content: " ";
                display: table
            }

        .timelineleft > .timeleft-label > span {
            background-color: #fff;
            border-radius: 4px;
            color: #fff;
            display: inline-block;
            font-weight: 600;
            padding: 5px 10px
        }

        .timelineleft > li:after {
            clear: both
        }

        .timelineleft > li > .timelineleft-item {
            background: #fff;
            border-radius: 7px;
            border-radius: 13px;
            margin-left: 60px;
            margin-right: 0;
            margin-top: 0;
            padding: 0;
            position: relative
        }

            .timelineleft > li > .timelineleft-item > .time {
                color: #9ba5ca;
                float: right;
                font-size: 12px;
                padding: 12px
            }

            .timelineleft > li > .timelineleft-item > .timelineleft-header {
                border-bottom: 1px solid #e9ebfa;
                font-size: 16px;
                line-height: 1.1;
                margin: 0;
                padding: .75rem 1.25rem
            }

                .timelineleft > li > .timelineleft-item > .timelineleft-header.no-border {
                    border-bottom: 0 solid #e9ebfa
                }

                .timelineleft > li > .timelineleft-item > .timelineleft-header > a {
                    font-size: 14px;
                    font-weight: 500
                }

    .timelineleft-body img {
        height: 100px;
        width: 150px
    }

    .timelineleft > li > .timelineleft-item > .timelineleft-body,
    .timelineleft > li > .timelineleft-item > .timelineleft-footer {
        padding: .75rem 1.25rem
    }

    .timelineleft-body {
        font-size: 14px
    }

    .timelineleft > li > .fa,
    .timelineleft > li > .glyphicon,
    .timelineleft > li > .ion {
        background: #d2d6de;
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        height: 30px;
        left: 18px;
        line-height: 30px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 30px
    }

    .acc-step-number {
        height: 25px;
        line-height: 25px;
        padding: 0;
        width: 25px
    }

    #form .list-group-item {
        padding: 25px
    }

    .custom-switch-indicator-lg {
        background: #f5f6fb;
        border: 1px solid #ebeaf1;
        border-radius: 50px;
        display: inline-block;
        height: 1.5rem;
        position: relative;
        transition: border-color .3s, background-color .3s;
        vertical-align: bottom;
        width: 3rem
    }

        .custom-switch-indicator-lg:before {
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
            content: "";
            height: calc(1.5rem - 4px);
            left: 1px;
            position: absolute;
            top: 1px;
            transition: left .3s;
            width: calc(1.5rem - 4px)
        }

    .custom-switch-input:checked ~ .custom-switch-indicator-lg:before {
        left: calc(1.46rem + 1px)
    }

    .custom-switch-indicator-xl {
        background: #f5f6fb;
        border: 1px solid #ebeaf1;
        border-radius: 50px;
        display: inline-block;
        height: 2rem;
        position: relative;
        transition: border-color .3s, background-color .3s;
        vertical-align: bottom;
        width: 4rem
    }

        .custom-switch-indicator-xl:before {
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
            content: "";
            height: calc(2rem - 4px);
            left: 1px;
            position: absolute;
            top: 1px;
            transition: left .3s;
            width: calc(2rem - 4px)
        }

    .custom-switch-input:checked ~ .custom-switch-indicator-xl:before {
        left: calc(1.96rem + 1px) !important
    }

    .header-icon2 {
        left: 10px;
        position: absolute;
        top: 0;
        width: 25px
    }

    .page-rightheader .date-range-btn {
        border-radius: 5px;
        height: 40px;
        line-height: 28px;
        outline: none;
        padding-left: 40px;
        position: relative
    }

        .page-rightheader .date-range-btn .header-icon2 {
            fill: #8e98db;
            color: #36f;
            left: 10px;
            position: absolute;
            top: 0;
            width: 20px
        }

    .main-proifle {
        background: #fff;
        border-radius: 8px;
        margin-bottom: 30px;
        overflow: hidden;
        padding: 25px 25px 0;
        position: relative
    }

        .main-proifle .tab-menu-heading {
            border-left: 0;
            border-right: 0;
            margin: 25px -30px 0
        }

        .main-proifle .avatar {
            border: 3px solid #d3dfea;
            border-radius: 50%;
            height: 7rem;
            width: 7rem
        }

            .main-proifle .avatar .avatar-status {
                bottom: 3px;
                right: 17px
            }

        .main-proifle .icons {
            background: #e9ebfa;
            border-radius: 50px;
            display: inline-block;
            font-size: 18px;
            height: 1.6rem;
            line-height: 1.6rem !important;
            text-align: center;
            width: 1.6rem
        }

    .profile-edit {
        position: relative
    }

    .profile-share {
        border: 1px solid #d3dfea;
        border-radius: 0 0 5px 5px;
        display: flex;
        padding: 10px;
        width: 100%
    }

    .profile-edit textarea {
        border-radius: 5px 5px 0 0
    }

        .profile-edit textarea:focus {
            border: 1px solid #e9ebfa
        }

    .social-profile-buttons li {
        display: inline-block
    }

        .social-profile-buttons li a {
            background: #e9ebfa;
            border: 1px solid #e9ebfa;
            border-radius: 50%;
            display: block;
            height: 2rem;
            line-height: 2rem;
            margin: 2px;
            text-align: center;
            width: 2rem
        }

    .fill-secondary {
        fill: #fe7f00
    }

    .fill-white {
        fill: transparent
    }

    .main-nav-calendar-event .nav-link {
        height: 30px;
        line-height: 30px;
        padding: 0
    }

        .main-nav-calendar-event .nav-link.exclude {
            opacity: .3;
            position: relative
        }

            .main-nav-calendar-event .nav-link.exclude:before {
                border-top: 1px solid #737688;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 50%
            }

    .form-wizard-title {
        line-height: 25px;
        margin-left: 10px
    }

    .footer .social .social-icon {
        background: #e9ebfa;
        border: 1px solid #eceef7;
        border-radius: 50%;
        color: #36f;
        display: block;
        height: 25px;
        line-height: 25px;
        width: 25px
    }

    @media (max-width:575.98px) {
        .app-header .header-brand .header-brand-img.dark-logo,
        .app-header .header-brand .header-brand-img.desktop-lgo {
            display: none
        }

        .app-header .header-brand .header-brand {
            margin-right: 0
        }

        .app-header .header-brand .header-brand-img.mobile-logo {
            display: block
        }
    }

    .daterangepicker.opensright:after,
    .daterangepicker.opensright:before {
        display: none
    }

    @media (max-width:1400px) {
        .bg-primary.card.text-white .d-block.card-header h2 {
            font-size: 20px
        }

        .attachments-doc .avatar-xl {
            height: 2.5rem !important;
            width: 2.5rem !important
        }

        .attachments-doc .fs-14 {
            font-size: 12px
        }

        .attachments-doc .d-md-flex {
            display: inline-block !important
        }
    }

    .crypto-content .select2-container--default .select2-selection--single {
        border-radius: 0 5px 5px 0 !important
    }

    .page-style1 .page,
    .page-style1 .page-content {
        min-height: 100% !important
    }

    .invoice-table-responsive {
        overflow: inherit !important
    }

    .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
        background: #e8ebf2;
        border-bottom: 1px solid #e9ebfa
    }

    .apexcharts-tooltip.apexcharts-theme-light {
        background: #fff;
        border: 1px solid #e9ebfa
    }

    .apexcharts-text .apexcharts-xaxis text {
        fill: #263871
    }

    .date-range-btn i {
        color: #c4c9d6;
        opacity: .5
    }

    .app-sidebar .dropdown-menu-arrow.dropdown-menu-right:before {
        bottom: -10px;
        left: 12px;
        right: auto;
        top: auto;
        transform: rotate(-180deg)
    }

    .app-sidebar .dropdown-menu-arrow.dropdown-menu-right:after {
        bottom: -9px;
        left: 13px;
        right: auto;
        top: auto;
        transform: rotate(-180deg)
    }

    .legend div {
        background-color: transparent !important
    }

    .crypto-content .form-control {
        height: 38px
    }

    table.table-bordered.dataTable td:first-child:focus {
        box-shadow: none;
        outline: 0
    }

    @media (min-width:991px) {
        .top-header1 .header-brand2 .header-brand-img {
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            top: 18px
        }

        .top-header1 .header-brand {
            display: none
        }

        .top-header1 .form-inline .form-control {
            width: 210px
        }
    }

    .header-notify.show .dropdown-menu {
        left: -149px !important
    }

    .profile-dropdown.show .dropdown-menu {
        left: -140px !important
    }

    .countryscroll .ps__thumb-y {
        right: 12px !important
    }

    .ms-body .ps__rail-y {
        opacity: 0
    }

    .user-info h5 {
        color: #fff;
        font-size: 20px;
        font-weight: 300
    }

    .icon1 {
        border-radius: 7px;
        color: #fff;
        font-size: 24px;
        height: 55px;
        line-height: 57px;
        text-align: center;
        width: 55px
    }

    .calendar-icon span {
        display: block;
        font-weight: 500
    }

    .calendar-icon .date_time {
        border-radius: 8px;
        display: block;
        font-size: 13px;
        height: 45px;
        text-align: center;
        width: 45px
    }

    .comming_events.calendar-icon .date {
        line-height: 1.8
    }

    .calendar-icon .month {
        line-height: 0
    }

    .calendar-icon .date {
        line-height: 2.3
    }

    .text-muted {
        color: #b8bbc4 !important
    }

    .dot-label {
        border-radius: 3px;
        display: block;
        height: 12px;
        width: 12px
    }

    .dot-label1 {
        border-radius: 50px;
        display: block;
        height: 10px;
        width: 10px
    }

    .mycanvs1 {
        background: #d9e3fc
    }

    .sales-chart span {
        color: #8686ac;
        font-weight: 400
    }

    ul.timeline {
        list-style-type: none;
        position: relative
    }

        ul.timeline:before {
            background: #e9ebfa;
            content: " ";
            display: inline-block;
            height: 100%;
            left: 9px;
            position: absolute;
            width: 1px;
            z-index: 0
        }

        ul.timeline > li {
            margin: 20px 0;
            padding-left: 20px
        }

            ul.timeline > li:before {
                background: #f7284a;
                border: 4px solid #fdedef;
                border-radius: 50%;
                content: " ";
                display: inline-block;
                height: 20px;
                left: -2px;
                margin: 2px;
                position: absolute;
                width: 20px;
                z-index: 1
            }

            ul.timeline > li.primary:before {
                background: #36f;
                border: 4px solid #ebeffb
            }

            ul.timeline > li.pink:before {
                background: #ef4eb8;
                border: 4px solid #f9e6f2
            }

            ul.timeline > li.success:before {
                background: #0dcd94;
                border: 4px solid #e2fbf3
            }

    .time-line-btn {
        border-radius: 4px;
        font-size: 13px;
        margin-right: 5px;
        padding: 5px
    }

    .action-btns1 {
        height: 2rem;
        line-height: 2rem;
        margin-right: 8px;
        width: 2rem
    }

    .action-btns,
    .action-btns1 {
        border: 1px solid #e9ebfa;
        border-radius: 8px;
        font-size: 18px;
        text-align: center
    }

    .action-btns {
        display: inline-block;
        margin-right: 4px;
        padding: 3px 8px
    }

    .recent-jobstable {
        position: relative
    }

        .recent-jobstable .table thead th,
        .recent-jobstable .text-wrap table thead th {
            padding: .8rem 1.6rem
        }

        .recent-jobstable tr th {
            position: relative
        }

            .recent-jobstable tr th.drop_toggle:before {
                color: #adbcc5;
                content: "";
                font-family: feather !important;
                font-size: 12px;
                position: absolute;
                right: 0;
                transform: rotate(88deg)
            }

        .recent-jobstable .table td {
            outline: 0;
            padding: 1rem 1.6rem
        }

    .recent-jobs td {
        vertical-align: middle !important
    }

    .recent-jobstable .dataTables_info,
    .recent-jobstable .dataTables_paginate {
        display: none
    }

    .recent-jobstable .btn-task {
        position: absolute;
        right: 13rem;
        top: .98rem;
        z-index: 9
    }

    .attendance_table .avatar {
        background: #f5f6fb;
        color: #33367d
    }

    .app-sidebar .nav-pills-circle {
        justify-content: center;
        margin: 0 auto;
        position: relative;
        text-align: center
    }

        .app-sidebar .nav-pills-circle .nav-link {
            background: #151956;
            border: 1px solid #151956;
            border-radius: 10px;
            color: #fff;
            display: block;
            font-size: 21px;
            height: 44px;
            line-height: 26px;
            margin: 0 auto;
            padding: .6rem;
            position: relative;
            text-align: center;
            width: 44px
        }

        .app-sidebar .nav-pills-circle .badge {
            border-radius: 50%;
            font-size: 12px;
            padding: .25em .4em;
            position: absolute;
            top: -5px
        }

    .icon i {
        line-height: 2.2rem
    }

    .page-rightheader .btn i {
        font-size: 17px;
        line-height: 1.6
    }

    .header-datepicker .form-control,
    .header-datepicker .form-control.fc-datepicker {
        background: #dee5f7;
        border-left: 1px solid #d8dbee !important;
        border: 1px solid #eceefb;
        border-radius: 0 7px 7px 0;
        font-size: 13px;
        padding: 1.2rem .75rem;
        width: 102px !important
    }

        .header-datepicker .form-control:-ms-input-placeholder {
            color: #424e79 !important;
            opacity: 1
        }

        .header-datepicker .form-control::placeholder {
            color: #424e79 !important;
            opacity: 1
        }

        .header-datepicker .form-control::-moz-placeholder {
            color: #424e79 !important;
            opacity: 1
        }

        .header-datepicker .form-control::-moz-placeholder,
        .header-datepicker .form-control::-ms-input-placeholder,
        .header-datepicker .form-control::placeholder {
            color: #424e79 !important;
            opacity: 1
        }

    .header-datepicker .feather {
        color: #545b92
    }

    .header-datepicker {
        margin-right: 20px
    }

        .header-datepicker .input-group-text {
            border-radius: 7px 0 0 7px
        }

    .icon.icon-shape i {
        line-height: 2.2rem !important
    }

    .emp_details {
        border-bottom: 1px solid hsla(0, 0%, 100%, .1);
        padding: 0
    }

        .emp_details .attendance {
            border-right: 1px solid hsla(0, 0%, 100%, .1);
            padding: 18px;
            width: 50%
        }

            .emp_details .attendance:last-child {
                border-right: 0
            }

        .emp_details h5 {
            color: #fff
        }

        .emp_details span {
            color: #9ba5ca
        }

            .emp_details span.text-white-50 {
                color: #9ba5ca !important
            }

            .emp_details span.text-white {
                color: #fff !important;
                font-weight: 400 !important
            }

    .chart-donut1 .chartsh {
        height: 17rem;
        overflow: hidden
    }

    #sales-summary {
        height: 250px !important
    }

    .vertical-scroll {
        height: 325px !important
    }

    #chartLine {
        height: 325px !important
    }

    .table_tabs .tabs-menu1 ul li a.active {
        background: #fff;
        border-bottom: 0
    }

    .table_tabs {
        border: 0 !important;
        border-bottom: 1px solid #e9ebfa !important
    }

        .table_tabs .tabs-menu1 ul li a {
            background: #ebeff8;
            border: 1px solid #e9ebfa;
            border-bottom: 0;
            border-radius: 8px 8px 0 0;
            margin: 0 .3rem -1px
        }

    .table_img {
        align-items: center;
        font-size: 1.25rem;
        height: 50px;
        justify-content: center;
        padding: 10px;
        width: 50px
    }

        .table_img,
        .table_img img {
            vertical-align: middle
        }

    .Annoucement_card {
        background: #1c2f48;
        border-radius: 10px;
        margin: 1rem;
        padding: 20px
    }

        .Annoucement_card .text-white,
        .Annoucement_card .title {
            color: #fff !important
        }

        .Annoucement_card .subtext,
        .Annoucement_card .text-white-50 {
            color: #9ba5ca !important
        }

        .Annoucement_card .btn-outline {
            border: 1px solid #36f;
            color: #36f
        }

        .Annoucement_card .option-dots {
            color: #9ba5ca !important;
            line-height: 24px
        }

            .Annoucement_card .option-dots:focus,
            .Annoucement_card .option-dots:hover {
                background: #fff;
                color: #9ba5ca !important;
                line-height: 24px
            }

            .Annoucement_card.option-dots[aria-expanded=true] {
                background: #fff;
                color: #9ba5ca
            }

    .bg-layer {
        background: url(../../assets/images/photos/announcement-2.png);
        background-position: 50%;
        background-repeat: no-repeat
    }

    .h-24 {
        height: 24px
    }

    .exit-fullscreen {
        display: none !important
    }

    .fullscreen .exit-fullscreen {
        display: block !important
    }

    .fullscreen .fullscreen {
        display: none
    }

    .br-br-8 {
        border-bottom-right-radius: 8px !important
    }

    .br-bl-8 {
        border-bottom-left-radius: 8px !important
    }

    .leave_table .table td {
        padding: .95rem 1.5rem
    }

    .leave_table .table th {
        font-size: .934rem;
        padding: .95rem 1.5rem
    }

    .comming_holidays.calendar-icon .date_time {
        display: block;
        height: 53px;
        width: 53px
    }

    .comming_holidays.calendar-icon .date {
        line-height: 1.9
    }

    .pink-border {
        border: 6px solid #fee8f4
    }

    .warning-border {
        border: 6px solid #fdf7e1
    }

    .primary-border {
        border: 6px solid #eceaff
    }

    .success-border {
        border: 6px solid #e2f6eb
    }

    .orange-border {
        border: 6px solid #fdece5
    }

    #chartbar {
        height: 375px !important
    }

    #chartbar-statistics {
        height: 358px
    }

    .user-pic {
        position: relative
    }

    .green_icon {
        background-color: #4cd137;
        border: 2px solid #fff;
        bottom: 10px;
        height: 12px;
        right: 80px;
        width: 12px
    }

    .emp-award,
    .green_icon {
        border-radius: 50%;
        position: absolute
    }

    .emp-award {
        background: #17263a;
        border: 1px solid hsla(0, 0%, 100%, .1);
        color: #ffad00;
        font-size: 14px;
        padding: 2px 6px;
        right: 68px;
        text-align: center;
        top: -7px;
        vertical-align: middle
    }

    .Rating .ionicon.active {
        fill: #ffad00;
        color: #ffad00
    }

    .Rating .ionicon {
        fill: #2c4669;
        color: #2c4669
    }

    .sidemnu-widget {
        border: 1px solid rgba(45, 53, 160, .3);
        border-radius: 10px;
        margin: 15px 0;
        overflow: hidden;
        position: relative
    }

    #sidemenuchart {
        border-radius: 10px 10px 0 0;
        bottom: -15px;
        height: 150px !important;
        left: -11px;
        margin: 0 auto;
        position: relative;
        width: 110% !important
    }

    .apex-dount .apexcharts-datalabels-group text:first-child {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        fill: #6c6f9a !important;
        font-family: Roboto, sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important
    }

    .apex-dount .apexcharts-datalabels-group {
        transform: translateY(-10px)
    }

    .apex-dount text:nth-child(2) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        fill: #263871 !important;
        font-family: Roboto, sans-serif !important;
        font-size: 32px !important;
        font-weight: 500 !important
    }

    #employee .apexcharts-datalabels-group text:first-child {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        fill: #6c6f9a !important;
        font-family: Roboto, sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important
    }

    #employee .apexcharts-datalabels-group {
        transform: translateY(-5px)
    }

    #employee text:nth-child(2) {
        fill: #36f !important;
        font-size: 28px !important
    }

    #employee text:nth-child(2),
    #overview .apexcharts-datalabels-group text:first-child {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Roboto, sans-serif !important;
        font-weight: 500 !important
    }

    #overview .apexcharts-datalabels-group text:first-child {
        fill: #6c6f9a !important;
        font-size: 16px !important
    }

    #overview .apexcharts-datalabels-group {
        transform: translateY(-5px)
    }

    #overview text:nth-child(2) {
        fill: #36f !important;
        font-size: 28px !important
    }

    #leavesoverview .apexcharts-datalabels-group text:first-child,
    #overview text:nth-child(2) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Roboto, sans-serif !important;
        font-weight: 500 !important
    }

    #leavesoverview .apexcharts-datalabels-group text:first-child {
        fill: #6c6f9a !important;
        font-size: 18px !important
    }

    #leavesoverview .apexcharts-datalabels-group {
        transform: translateY(-5px)
    }

    #leavesoverview text:nth-child(2) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        fill: #36f !important;
        font-family: Roboto, sans-serif !important;
        font-size: 34px !important;
        font-weight: 500 !important
    }

    #back-to-top .svg-icon {
        fill: #fff;
        color: #fff
    }

    .app-sidebar .nav-pills-circle .nav-link:focus,
    .app-sidebar .nav-pills-circle .nav-link:hover i {
        color: #fff
    }

    #sidemenuchart #SvgjsG1022,
    #sidemenuchart #SvgjsG1023,
    #sidemenuchart #SvgjsText1026,
    #sidemenuchart .apexcharts-xaxis-texts-g,
    #sidemenuchart .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom,
    #sidemenuchart .apexcharts-yaxis-texts-g {
        display: none
    }

    .task-img {
        align-items: center;
        border-radius: 13px;
        height: 55px;
        justify-content: center;
        padding: 10px;
        vertical-align: middle;
        width: 55px
    }

    .task-btn {
        border-radius: 7px;
        border-style: solid;
        border-width: 1px;
        cursor: pointer;
        font-size: 12px;
        letter-spacing: .4px;
        line-height: 2;
        margin-right: .5rem;
        padding: .3rem .75rem
    }

    .remind-icon {
        border: 1px solid #d5d8e1;
        border-radius: 8px;
        height: 2.5rem;
        line-height: 2.3rem;
        min-width: 0 !important;
        position: relative;
        text-align: center;
        width: 2.5rem
    }

        .remind-icon i {
            font-size: 18px !important
        }

    .icon-dot {
        border-radius: 50px;
        height: 8px;
        left: 20px;
        position: absolute;
        top: 8px;
        width: 8px
    }

    #tasktable {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

        #projecttable td,
        #projecttable th,
        #tasktable td,
        #tasktable th {
            padding: .8rem 1.5rem
        }

    .invoice-table td,
    .invoice-table th,
    .orders-table td,
    .orders-table th,
    .projecttable td,
    .projecttable th {
        padding: .8rem 1.5rem !important
    }

    #assigntask_length {
        padding-left: 1.5rem
    }

    #assigntask_filter {
        padding-right: 1.5rem
    }

    #assigntask {
        border-bottom: 0
    }

    .modal-open .ui-datepicker {
        /*  z-index: 5555 !important */
        z-index: 99999 !important
    }

    .jobtable-tabs .tabs-menu1 {
        float: right
    }

        .jobtable-tabs .tabs-menu1 ul li a.active {
            background: #fff;
            border-bottom: 0
        }

    .jobtable-tabs {
        border: 0 !important;
        border-bottom: 1px solid #e9ebfa !important
    }

        .jobtable-tabs .tabs-menu1 ul li a {
            background: #ebeff8;
            border: 1px solid #e9ebfa;
            border-bottom: 0;
            border-radius: 8px 8px 0 0;
            margin: 0 .3rem -1px
        }

    .jobdatatable td,
    .jobdatatable th {
        padding: .8rem 1.5rem !important
    }

    .jobdatatable .dataTables_length {
        padding-left: 1.5rem
    }

    .jobdatatable .dataTables_filter {
        padding-right: 1.5rem
    }

    .jobdatatable #job-table1_info,
    .jobdatatable #job-table1_paginate,
    .jobdatatable #job-table2_info,
    .jobdatatable #job-table2_paginate,
    .jobdatatable #job-table3_info,
    .jobdatatable #job-table3_paginate,
    .jobdatatable #job-table_info,
    .jobdatatable #job-table_paginate {
        display: none
    }

    .job-status {
        display: flex;
        list-style-type: none;
        position: relative
    }

        .job-status li {
            margin: 0 15px
        }

            .job-status li:first-child {
                margin-left: 0
            }

            .job-status li:last-child {
                margin-right: 0
            }

            .job-status li:after {
                background: #fff;
                border: 1px solid #e9ebfa;
                border-radius: 50%;
                content: " ";
                display: inline-flex;
                height: 18px;
                position: absolute;
                width: 18px;
                z-index: 1
            }

            .job-status li.active:after {
                border: 1px solid #36f
            }

            .job-status li.completed:after {
                background: #e7e9f9;
                border: 1px solid #36f
            }

        .job-status:before {
            background: #dadffc;
            content: " ";
            height: 1px;
            left: 19px;
            position: absolute;
            top: 9px;
            width: 80%;
            z-index: 0
        }

    .leave-content {
        display: none
    }

        .leave-content.active {
            display: block
        }

    #emp-attendance table.dataTable tbody td,
    #emp-attendance table.dataTable tbody th {
        padding: 10px 18px
    }

    .hremp-tabs .tabs-menu1 ul li a.active {
        background: #fff;
        border-bottom: 0
    }

    .hremp-tabs {
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important
    }

        .hremp-tabs .tabs-menu1 ul li a {
            background: #dee5f7;
            border: 0;
            border-bottom: 0;
            border-radius: 8px 8px 0 0;
            margin: 0 .5rem -1px;
            padding: 12px 22px
        }

    .hremp-tabs1 {
        background: #fff;
        border: 0 !important;
        border-radius: 8px 8px 8px 8px !important
    }

    .file-browser .input-group-append .btn {
        line-height: 2
    }

    .hrattview-buttons {
        bottom: 10px;
        padding-top: .75rem;
        position: relative
    }

        .hrattview-buttons a {
            background: #dee5f7;
            border-bottom: 0;
            border-radius: 8px 8px 0 0;
            font-weight: 500;
            margin: 0 .5rem -1px;
            padding: 12px 25px
        }

            .hrattview-buttons a.active {
                background: #fff
            }

    .hr-attlist td {
        position: relative
    }

    .hr-listmodal {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .hr-attlist span {
        font-size: 14.5px
    }

    .hr-attlist h6 span {
        font-size: inherit
    }

    .hr-checkall .custom-checkbox:after,
    .hr-checkall .custom-checkbox:before {
        border-radius: 5px;
        height: 2rem;
        width: 2rem
    }

    .hr-checkall .custom-checkbox .custom-control-label:after,
    .hr-checkall .custom-checkbox .custom-control-label:before {
        border-radius: 5px;
        height: 2rem;
        left: -2.8rem;
        width: 2rem
    }

    .hr-checkall .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #0dcd94;
        border-color: #0dcd94;
        box-shadow: none
    }

    .hr-checkall .custom-control-label {
        line-height: 40px
    }

    .dataTables_length .select2 {
        width: 40% !important
    }

    .dataTables_length .select2-container .select2-selection--single {
        height: calc(1.5em + .75rem + 2px) !important
    }

    .holiday-calender .fc-daygrid-day-bg .fc-bg-event,
    .holiday-calender .fc-h-event .fc-event-title {
        font-size: 10px;
        white-space: normal
    }

    .holiday-calender .fc-daygrid-event {
        padding: 0 !important
    }

    .hrleave-summary li a {
        background: #ebeff8;
        border: 1px solid #e9ebfa;
        font-size: 1.25rem;
        line-height: 34px;
        padding: 7px 10px 5px
    }

        .hrleave-summary li a.active {
            background: #fff
        }

    .hrleave-summary li:first-child a {
        border-radius: 8px 0 0 8px;
        border-right: 0
    }

    .hrleave-summary li:last-child a {
        border-radius: 0 8px 8px 0
    }

    .leave-badge {
        border-radius: 0 0 0 7px;
        font-size: 11px;
        padding: 5px;
        position: absolute;
        right: 0
    }

    .leaves-btns a:first-child {
        border-bottom: 0;
        border-left: 0;
        border-top-left-radius: 0
    }

    .leaves-btns a:last-child {
        border-bottom: 0;
        border-right: 0;
        border-top-right-radius: 0
    }

    .leave-text {
        font-size: 13px;
        height: 45px;
        overflow: auto;
        padding: 5px 10px 5px 0
    }

    .item-service1:after {
        border-top: 1px dashed rgba(20, 18, 53, .4);
        content: "";
        height: 1px;
        position: absolute;
        right: -36%;
        top: 50px;
        width: 65%;
        z-index: -1
    }

    .leave-to {
        font-size: 12px;
        margin-left: 12px;
        margin-right: 12px
    }

    .modal-paytable td {
        padding: .35rem .75rem !important
    }

    .hrevent-calender .fc-h-event .fc-event-title {
        white-space: normal
    }

    #viewsalarymodal table table {
        background: transparent
    }

    .task-board-card {
        background: #dee5f7
    }

    .task-status {
        display: flex;
        float: left;
        list-style-type: none;
        padding-left: 0;
        text-align: left;
        width: 100%
    }

        .task-status a {
            border: 1px solid rgba(0, 0, 0, .1);
            border-radius: 57px;
            display: block;
            height: 4px;
            margin-bottom: .8rem;
            margin-right: 8px;
            max-width: 32px;
            width: 44px
        }

    .task-board-body .attachment,
    .task-board-body .messages {
        background: #e3e7f7;
        border-radius: 4px;
        height: 40px;
        margin-right: 10px;
        padding: 4px;
        width: 40px
    }

    .task-board-body {
        height: 600px;
        max-height: 100%
    }

    .body-progress-container {
        background: #ccc;
        height: 0;
        width: 100%
    }

    .sidebar-modal {
        background: #fff;
        border: 1px solid #e9ebfa;
        height: 100vh;
        position: fixed;
        right: -45%;
        top: 0;
        transition: all .3s ease;
        width: 45%;
        z-index: 999999
    }

        .sidebar-modal.active {
            right: 0
        }

    .sidebar-header {
        border-bottom: 1px solid #e9ebfa;
        display: flex;
        padding: 1rem
    }

    @media (max-width:992px) {
        .sidebar-modal {
            overflow-y: scroll;
            right: -100%;
            width: 100%
        }

            .sidebar-modal.active {
                right: 0
            }

        .sidebar-header {
            display: block
        }
    }

    .overlay {
        background-color: #000;
        bottom: 0;
        display: block;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden;
        z-index: 9999
    }

    .overlay-open .overlay {
        opacity: .5;
        visibility: visible
    }

    .user-pro-list:before {
        background-position: 50%;
        background-size: cover;
        background: linear-gradient(rgba(51, 102, 255, .85), rgba(51, 102, 255, .61)), url(../../assets/images/png/pattern.png);
        content: "";
        height: 80px;
        position: absolute;
        width: 100%
    }

    .user-pro-list .avatar {
        border: 3px solid #fff;
        margin-bottom: 10px;
        top: 10px
    }

    .user-pro-list .avatar-status {
        bottom: 2px;
        right: 8px
    }

    .project-description li:before {
        content: "";
        font-family: FontAwesome !important;
        font-size: 16px;
        margin-right: 8px;
        opacity: .6;
        position: relative
    }

    .project-description li {
        font-size: 14px;
        padding: 5px
    }

    .app.sidebar-mini .btn-tableview {
        position: absolute;
        right: 20%;
        z-index: 9
    }

    .btn-tableview {
        position: absolute;
        right: 25%;
        z-index: 999
    }

    .client-perm-table .custom-control.success {
        display: inline-block
    }

    .admisetting-tabs .nav-link {
        border-left: 3px solid transparent;
        padding: 16px 20px;
        position: relative
    }

        .admisetting-tabs .nav-link.active {
            background: #dee5f7;
            border-left: 3px solid #36f;
            color: #36f
        }

        .admisetting-tabs .nav-link:last-child {
            border-bottom: 0
        }

    @media (min-width:992px) {
        .admisetting-tabs .nav-link.active:before {
            border-bottom: 26px solid transparent;
            border-left: 15px solid #dee5f7;
            border-top: 26px solid transparent;
            bottom: 0;
            content: "";
            position: absolute;
            right: -15px;
            top: 0
        }
    }

    .enable-autoclose,
    .enable-paypal {
        border: 1px solid #d3dfea;
        border-radius: 5px;
        display: none;
        margin-bottom: 1.5rem;
        padding: .75rem;
        transition: all .3s ease
    }

    .add-autoclose .enable-autoclose,
    .add-paypal .enable-paypal {
        display: block;
        transition: all .3s ease
    }

    .adminsetting-content .input-group-addon,
    .enable-autoclose .input-group-addon {
        border-left: 0 !important;
        border: 1px solid #d3dfea;
        border-radius: 0 5px 5px 0;
        color: #9ba5ca;
        font-size: .9375rem
    }

    .admisetting-tabs .nav-icon {
        font-size: 22px;
        margin-right: 8px
    }

    .enable-oldtoken {
        display: none;
        transition: all .3s ease
    }

    .add-oldtoken .enable-oldtoken {
        display: block;
        transition: all .3s ease
    }

    .role-table .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 0
    }

    .role-table .access-icon {
        font-size: 16px
    }

    #chartline1 {
        height: 330px !important
    }

    .table-regcompany table.dataTable tbody td,
    .table-regcompany table.dataTable tbody th,
    .table-regcompany table.dataTable thead td,
    .table-regcompany table.dataTable thead th {
        padding: 10px 22px !important
    }

    .enable-smtpemail,
    .open-paypal {
        display: none;
        transition: all .3s ease
    }

    .add-paypal .open-paypal,
    .add-smtpemail .enable-smtpemail {
        display: block;
        transition: all .3s ease
    }

    #superrole-list th {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .icon-style-circle1 {
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        display: inline-block;
        height: 30px;
        line-height: 30px !important;
        margin-right: 8px;
        text-align: center;
        width: 30px
    }

        .icon-style-circle1:hover {
            background: #f3f4f7
        }

    .file-manger .icons {
        background: transparent;
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        color: #565b95 !important;
        display: block !important;
        font-size: 16px;
        height: 30px !important;
        line-height: 30px !important;
        margin-right: 8px;
        padding: 0 !important;
        text-align: center;
        width: 30px
    }

        .file-manger .icons:hover {
            background: #f3f4f7
        }

    .header-style1,
    .header-style3 {
        background: #fff !important
    }

        .header-style1 .header-brand-img.dark-logo,
        .header-style2 .header-brand-img.desktop-lgo,
        .header-style3 .header-brand-img.dark-logo {
            display: none
        }

    .item-image {
        position: relative
    }

        .item-image .badge {
            left: 15px;
            position: absolute;
            top: 15px
        }

    .product-overly a {
        background: #000;
        bottom: 0;
        color: #fff;
        left: 0;
        opacity: 0;
        padding: 5px 0;
        position: absolute;
        text-align: center;
        transition: all .3s ease;
        width: 100%
    }

    .item-image:hover .product-overly a {
        opacity: 1
    }

    .product-links {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 7px;
        top: 15px
    }

        .product-links li {
            transform: translateX(60px);
            transition: all .3s ease .3s
        }

            .product-links li a {
                background: #fff;
                border-radius: 50px;
                display: block;
                font-size: 14px;
                height: 30px;
                line-height: 30px;
                margin: 0 0 7px;
                text-align: center;
                transition: all .3s ease 0s;
                width: 30px
            }

    .item-image:hover .product-links li {
        transform: translateX(0)
    }

    .shop-title {
        font-weight: 500
    }

    .cardprice span.type--strikethrough {
        font-size: 14px;
        margin-right: 5px;
        opacity: .5;
        text-decoration: line-through
    }

    .cardprice span {
        font-size: 20px;
        font-weight: 600
    }

    #assigntask .custom-control-label-md:after,
    #assigntask .custom-control-label-md:before,
    #hr-table .custom-control-label-md:after,
    #hr-table .custom-control-label-md:before {
        left: 0
    }

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

        #sticky {
            color: #fff;
            font-size: 1.75em;
            padding: 1px;
            text-align: center;
            z-index: 0
        }

            #sticky,
            #sticky.stick {
                height: 130px !important
            }

                #sticky.stick {
                    z-index: 1
                }

        .app-content.page-body {
            margin-top: 9.5rem
        }

        .comb-page .app-content.page-body {
            margin-top: 0
        }
    }

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

        .hor-header .container,
        .horizontal-main.hor-menu .container,
        .main-content .container {
            max-width: 1350px
        }
    }

    .number-font {
        font-weight: 600
    }

    .number-font,
    .number-font1 {
        font-family: Roboto, sans-serif
    }

    .countryscroll {
        height: 350px
    }

    .countrytable tr {
        border-bottom: 1px solid #ebecf1
    }

    @media (max-width:767px) {
        .files .btn span {
            display: none
        }

        .files .preview * {
            width: 40px
        }

        .files .name * {
            word-wrap: break-word;
            display: inline-block;
            width: 80px
        }

        .files .progress {
            width: 20px
        }

        .files .delete {
            width: 60px
        }

        .hrattview-buttons a {
            border-radius: 8px !important;
            display: block;
            margin-bottom: 12px;
            margin-left: 0 !important;
            width: 100%
        }

        .header-text3 {
            display: none
        }
    }

    .file-manger.list-group-transparent .list-group-item {
        border: 0 !important
    }

    .option-dots {
        border-radius: 100%;
        color: #5c678f;
        font-size: 18px;
        height: 2.5rem;
        line-height: 2.5rem;
        padding: 10px 12px;
        width: 2.5rem
    }

    .new-list.option-dots,
    .new.option-dots {
        line-height: 55px
    }

    .new-list2.option-dots {
        background: 0 0;
        border: 1px solid #ebecf1;
        border-radius: 50px;
        box-shadow: 0 2px 3px rgba(4, 4, 7, .1);
        color: #5c678f;
        font-size: 18px;
        height: 40px;
        line-height: normal;
        margin-right: 8px;
        width: 40px
    }

        .new-list2.option-dots:hover {
            background: #f0f0f2
        }

    .user-contact-list:before {
        background: linear-gradient(rgba(112, 94, 200, .85), rgba(112, 94, 200, .51));
        border-radius: 0 98% 84% 16%/100% 0 100% 0
    }

    hr.divider:after {
        background: #f0f0f2;
        border: 1px solid #f0eff1
    }

    .page-style1 {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

        .page-style1:before {
            background: #f0eff1
        }

    .error-page {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 8px;
        height: 100vh;
        position: relative
    }

        .error-page:before {
            background: linear-gradient(270deg, rgba(254, 96, 96, .7) 0, rgba(227, 9, 113, .7));
            content: "";
            height: 100%;
            position: absolute;
            width: 100%
        }

    .bg-style:before {
        background: linear-gradient(rgba(68, 84, 195, .9), rgba(68, 84, 195, .8))
    }

    .title-style h1 {
        top: 20px
    }

    .page-style2.page-style1:before {
        background: linear-gradient(hsla(0, 0%, 100%, .79), hsla(0, 0%, 100%, .75))
    }

    .page-style1 .input-group-addon,
    .page-style1 .input-group-append {
        background: #f0f0f2;
        border: 1px solid #ebecf1
    }

    .page-style1 .form-control {
        border: 1px solid #ebecf1
    }

    .page-style1 hr {
        border-top: 1px solid #ebecf1
    }

    .page-style1 .custom-control-label:before {
        border: 1px solid #cccdd3
    }

    .shop-title {
        font-size: 16px
    }

    .html-code {
        background: #e3e2e5;
        border: 1px solid #ebecf1;
        color: #282d3c;
        padding: 9px 20px
    }

    @media (min-width:992px) and (max-width:1300px) {
        .expenses-card .fs-50 {
            font-size: 25px !important
        }

        .expenses-card .fs-18 {
            font-size: 14px !important
        }

        .landing-header .horizontalMenu > .horizontalMenu-list > li > a {
            padding: .75rem .85rem !important
        }
    }

    @media (max-width:568px) {
        .fc .fc-toolbar {
            display: block;
            text-align: center
        }

        .bannerimg .breadcrumb {
            padding-left: 0
        }

        .support-mobile-header .animated-arrow {
            margin: 16px 0 0 18px !important
        }

        .card-pay .tabs-menu li {
            width: 100%
        }

            .card-pay .tabs-menu li a {
                margin-bottom: 15px
            }

        .hr-checkall {
            padding: 20px
        }

            .hr-checkall .custom-checkbox {
                left: auto;
                margin: 0 auto;
                position: absolute;
                right: auto;
                top: -20px
            }

        .recent-jobstable .btn-task {
            left: 20px
        }

        .attachments-doc .avatar-xl {
            height: 3rem !important;
            width: 3rem !important
        }

        .attachments-doc .fs-14 {
            font-size: 12px !important
        }

        .attachments-doc .mt-5 {
            margin-top: 10px !important
        }

        .project-progress-content .chart-circle {
            margin-left: auto !important;
            margin: inherit
        }

        .btn-tableview {
            display: none
        }
    }

    @media (min-width:569px) and (max-width:767px) {
        .support-mobile-header .animated-arrow {
            margin: 16px 0 0 15% !important
        }

        .hr-checkall .custom-checkbox {
            left: 2rem;
            position: absolute
        }

        .recent-jobstable .btn-task {
            right: 22px
        }

        .btn-tableview {
            right: 10%;
            z-index: 99
        }
    }

    .input-group-btn .btn-primary {
        padding: .52rem 15px
    }

    @media (min-width:1600px) {
        .crypto-header-section h3 {
            font-size: 35px
        }

        .crypto-header-section .w-5 {
            width: 2.5rem !important
        }

        .crypto-header-section .h-5 {
            height: 2.5rem !important
        }
    }

    @media (max-width:768px) {
        .page-single .card-group {
            display: block
        }

        .page-leftheader {
            margin-bottom: .75rem
        }

        .d-md-down-none {
            display: none
        }

        .main-contact-info-header .nav {
            display: block
        }

        .main-contact-info-header .media-body .nav-link + .nav-link {
            margin-left: 0
        }

        .main-contact-info-header .media-body .nav-link {
            margin-bottom: 10px
        }

        .under-countdown .countdown {
            display: inline-block
        }

        #wizard1 ul {
            display: block
        }

            #wizard1 ul li {
                display: flex;
                margin-bottom: .75rem
            }

                #wizard1 ul li + li {
                    margin-left: 0
                }

        table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td.dtr-control,
        table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th.dtr-control {
            padding-left: 35px !important
        }

        .profile-cover__action .user-pic,
        .profile-cover__action .user-pic-right {
            left: 0;
            margin: 0 auto;
            right: 0;
            text-align: center
        }

        .profile-cover__action .user-pic-right {
            bottom: -38%
        }

        .pro-user.d-md-flex {
            padding-top: 5rem !important;
            text-align: center
        }

        .user-pro-list2 .card-footer .media {
            display: block
        }

        .customlogin-imgcontent {
            top: 5% !important
        }

        .error-page3 .bg-white.h-100vh {
            height: 200vh !important
        }
    }

    .error-text {
        text-shadow: -4px 4px 4px #6355a3
    }

    .page-content .input-group .form-control:focus {
        border-color: #fff
    }

    .vmap-width {
        height: 240px;
        width: 100%
    }

    .chart,
    .map {
        padding-top: 56.25%;
        position: relative
    }

    .chart-square,
    .map-square {
        padding-top: 100%
    }

    .chart-content,
    .map-content {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .map-header {
        height: 15rem;
        margin-bottom: -1.5rem;
        position: relative
    }

        .map-header:before {
            background: linear-gradient(180deg, rgba(245, 247, 251, 0) 5%, #ebeff8 95%);
            bottom: 0;
            content: "";
            height: 10rem;
            left: 0;
            pointer-events: none;
            position: absolute;
            right: 0
        }

    .map-header-layer {
        height: 100%
    }

    .map-static {
        background-position: 50%;
        background-size: 640px 120px;
        height: 120px;
        max-width: 640px;
        width: 100%
    }

    .widgets {
        font-size: 35px;
        padding: 20px
    }

    .widgetstext {
        bottom: 0;
        padding: 20px 40px;
        top: 0
    }

    .widget-line h4 {
        font-size: 24px;
        font-weight: 600
    }

    .widget-line p {
        font-size: 16px
    }

    .widget-line-list li {
        display: inline-block;
        font-size: 16px;
        line-height: 27px;
        list-style-type: none;
        padding: 5px 20px 0 15px
    }

    .defaultheader .form-control.header-search::-moz-placeholder {
        color: #fff !important
    }

    .defaultheader .form-control.header-search:-ms-input-placeholder {
        color: #fff !important
    }

    .defaultheader .form-control.header-search::placeholder,
    .defaultheader .input-icon-addon {
        color: #fff !important
    }

    .sparkline {
        display: inline-block;
        height: 2rem
    }

    .social-links li a {
        background: #f8f8f8;
        border-radius: 50%;
        color: #9aa0ac;
        display: inline-block;
        height: 1.75rem;
        line-height: 1.75rem;
        text-align: center;
        width: 1.75rem
    }

    @-webkit-keyframes status-pulse {
        0%, to {
            opacity: 1
        }

        50% {
            opacity: .32
        }
    }

    @keyframes status-pulse {
        0%, to {
            opacity: 1
        }

        50% {
            opacity: .32
        }
    }

    .status-icon {
        background: currentColor;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: .5rem;
        margin-right: .375rem;
        transform: translateY(-1px);
        vertical-align: middle;
        width: .5rem
    }

    .status-animated {
        -webkit-animation: status-pulse 1s ease infinite;
        animation: status-pulse 1s ease infinite
    }

    .chips {
        margin: 0 0 -.5rem
    }

    .team i {
        float: right;
        margin-left: 10px
    }

    .chips .chip {
        margin: 0 .5rem .5rem 0
    }

    .chip {
        background-color: #e8ebf9;
        border-radius: 1rem;
        color: #6e7687;
        display: inline-block;
        font-size: .875rem;
        font-weight: 500;
        height: 2rem;
        line-height: 2rem;
        padding: 0 .75rem;
        transition: background .3s
    }

        .chip .avatar {
            border-radius: 50%;
            float: left;
            height: 2rem;
            margin: 0 .5rem 0 -.75rem;
            width: 2rem
        }

    a.chip:hover {
        background-color: #36f;
        color: #fff;
        text-decoration: none
    }

    .emp-tab table {
        border: 0;
        margin-bottom: 0
    }

    .stamp {
        background: #868e96;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-weight: 600;
        height: 2rem;
        line-height: 2rem;
        min-width: 2rem;
        padding: 0 .25rem;
        text-align: center
    }

    .stamp-md {
        height: 2.5rem;
        line-height: 2.5rem;
        min-width: 2.5rem
    }

    .stamp-lg {
        height: 3rem;
        line-height: 3rem;
        min-width: 3rem
    }

    .example-column {
        margin: 0 auto
    }

        .example-column > .card:last-of-type {
            margin-bottom: 0
        }

    .example-column-1 {
        max-width: 20rem
    }

    .example-column-2 {
        max-width: 40rem
    }

    .features {
        overflow: hidden
    }

        .features h2 {
            font-size: 2.2em;
            font-weight: 600;
            margin-bottom: 12px;
            text-align: center
        }

        .features h3 {
            font-size: 20px;
            font-weight: 600
        }

        .features span {
            color: #43414e;
            display: block;
            font-weight: 400;
            text-align: center
        }

    .col-sm-2 .feature {
        border: 0;
        box-shadow: none;
        padding: 0
    }

    .feature .feature-svg {
        width: 25%
    }

    .feature .feature-svg3 {
        width: 12%
    }

    .feature .border {
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        height: 3em;
        line-height: 2em;
        padding-top: 8px;
        position: relative;
        vertical-align: middle;
        width: 3em
    }

    .feature p {
        margin-bottom: 0
    }

    .sub-panel-heading .tabs-menu ul li {
        border-bottom: 1px solid #efefef;
        display: block;
        width: 100%
    }

        .sub-panel-heading .tabs-menu ul li a.active {
            background: #fff;
            border-radius: 0;
            color: #36f !important;
            width: 100%
        }

        .sub-panel-heading .tabs-menu ul li:last-child {
            border-bottom: 0
        }

        .sub-panel-heading .tabs-menu ul li a {
            padding: 15px 20px
        }

    .invoicedetailspage,
    .invoicelist {
        height: 600px;
        max-height: 600px;
        overflow: auto
    }

    @media (min-width:992px) {
        .invoicedetailspage.tabs-menu-body {
            border-radius: 0 8px 8px 0
        }
    }

    @media (min-width:1600px) {
        .sales-img {
            width: 400px
        }
    }

    @media (min-width:1800px) {
        .vmap-width {
            height: 300px
        }

        .countryscroll {
            height: 350px
        }

        .horizontalMenucontainer .vmap-width {
            height: 240px
        }

        .horizontalMenucontainer .countryscroll {
            height: 290px
        }

        .sales-img {
            width: 400px
        }
    }

    .section-nav {
        background-color: #f8f9fa;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        list-style: none;
        margin: 1rem 0;
        padding: .5rem 1rem
    }

        .section-nav:before {
            content: "Table of contents:";
            display: block;
            font-weight: 600
        }

    .page,
    .page-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100vh
    }

    body.fixed-header .page {
        padding-top: 4.5rem
    }

    @media (min-width:1600px) {
        body.aside-opened .page {
            margin-right: 22rem
        }
    }

    .page-main {
        flex: 1 1 auto
    }

    .page-content {
        margin: .75rem 0
    }

    @media (min-width:768px) {
        .page-content {
            margin: 1.5rem 0
        }

        .h-100vh .page-content {
            margin: 0
        }
    }

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

    .clearfix .fab {
        font-size: 25px
    }

    .clearfix h5 {
        font-size: 20px;
        font-weight: 700
    }

    i.fa.round {
        border: 1px solid #36f;
        border-radius: 50%;
        padding: 5px;
        width: 15%
    }

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

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

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

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

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

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

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

    .leave-calendar {
        height: 440px
    }

    .fullscreen-content .exit-fullscreen {
        display: block !important
    }

    .fullscreen-content .fullscreen {
        display: none
    }

    #area-chart,
    #bar-chart,
    #line-chart,
    #pie-chart,
    #stacked {
        min-height: 250px
    }

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

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

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

    .nav-sidebar li ul {
        background: #eee
    }

        .nav-sidebar li ul li:last-child {
            border-bottom: 0
        }

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

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

    .overflow-auto {
        overflow: auto
    }

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

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

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

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

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

        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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

        a:hover {
            color: #36f;
            text-decoration: none
        }

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

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

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

    figure {
        margin: 0 0 1rem
    }

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

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

    table {
        border-collapse: collapse;
        color: inherit !important
    }

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

    th {
        text-align: inherit
    }

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

    button {
        border-radius: 0
    }

        button:focus {
            outline: 1px dotted;
            outline: 1px solid transparent
        }

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

    button {
        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 {
            border-style: none;
            padding: 0
        }

    input {
        box-shadow: none;
        outline: none;
        overflow: visible
    }

        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 {
        outline: 0;
        overflow: auto;
        resize: vertical
    }

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

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

    .bcolor {
        background-color: #cf4c3a !important
    }

    .bcolor1 {
        background-color: #d6124a !important
    }

    progress {
        vertical-align: baseline
    }

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

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

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

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

    output {
        display: inline-block
    }

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

    template {
        display: none
    }

    [hidden] {
        display: none !important
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: inherit;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        line-height: 1.1;
        margin-bottom: .66em
    }

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

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

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

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

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

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

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

    .display-1 {
        font-size: 10.5rem;
        font-weight: 500;
        line-height: 1.1
    }

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

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

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

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

    .display-4,
    .display-5 {
        font-weight: 300;
        line-height: 1.1
    }

    .display-5 {
        font-size: 2.5rem
    }

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

    hr {
        border: 0;
        border-top: 1px solid #e9ebfa;
        box-sizing: content-box;
        height: 0;
        margin-bottom: 1rem;
        margin-top: 1rem;
        overflow: visible
    }

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

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

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

        .list-unstyled li {
            border-bottom: 1px solid #e9ebfa
        }

    #lightgallery.list-unstyled li {
        border: 0;
        margin: 10px 0
    }

    #sidebar .list-unstyled li {
        border-bottom: 1px solid hsla(0, 0%, 100%, .03)
    }

    .nav-sidebar .list-unstyled li:last-child {
        border-bottom: 0
    }

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

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

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

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

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

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

        .blockquote-footer:before {
            content: "— "
        }

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

    .img-thumbnail {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        padding: .25rem
    }

    .figure {
        display: inline-block
    }

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

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

    .fs-15 {
        font-size: 15px !important
    }

    .fs-16 {
        font-size: 16px !important
    }

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

    code {
        font-size: 85%;
        word-break: break-word
    }

    a > code,
    code {
        color: inherit
    }

    kbd {
        background-color: #343a40;
        border-radius: 3px;
        color: #fff;
        font-size: 85%;
        padding: .2rem .4rem
    }

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

    pre {
        -ms-overflow-style: scrollbar;
        color: #495057;
        display: block;
        font-size: 85%;
        margin-bottom: 1rem;
        margin-top: 0;
        overflow: auto
    }

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

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

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

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

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

    @media (min-width:992px) {
        .customlogin-content {
            /* padding: 9rem*/
            /* padding: 5rem;*/
            /* padding:32px;*/
        }

        .container {
            max-width: 960px
        }

        #sticky {
            color: #fff;
            font-size: 1.75em;
            padding: 1px;
            text-align: center;
            z-index: 0
        }

            #sticky,
            #sticky.stick {
                height: 130px !important
            }

                #sticky.stick {
                    z-index: 1
                }

        .header.top-header {
            z-index: 975 !important
        }

        .app-content.page-body {
            margin-top: 10rem
        }

        .comb-page .app-content.page-body {
            margin-top: 0
        }
    }

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

    #global-loader {
        background: #fff;
        bottom: 0;
        position: fixed;
        top: 0;
        z-index: 50000
    }

        #global-loader,
        #global-loader img {
            left: 0;
            margin: 0 auto;
            right: 0;
            text-align: center
        }

            #global-loader img {
                position: absolute;
                top: 37%
            }

    .loader {
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        border: 2px solid #fff;
        border-radius: 50%;
        border-top-color: #000;
        display: inline-block;
        height: 30px;
        margin: 1rem 0;
        opacity: 0;
        transition: opacity .3s ease;
        width: 30px
    }

        .loader.animate {
            opacity: 1
        }

    h2.animate {
        opacity: 1;
        transform: translateY(0)
    }

    .parent {
        transform-origin: 66px 56px
    }

    .child1 {
        -webkit-animation: child1 10s 2s infinite alternate;
        animation: child1 10s 2s infinite alternate
    }

    .child2 {
        -webkit-animation: child2 5s infinite alternate;
        animation: child2 5s infinite alternate
    }

    .child3 {
        -webkit-animation: child3 10s infinite alternate;
        animation: child3 10s infinite alternate;
        transform-origin: center center
    }

    @-webkit-keyframes spin {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @-webkit-keyframes child1 {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(35px, -20px)
        }
    }

    @keyframes child1 {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(35px, -20px)
        }
    }

    @-webkit-keyframes child2 {
        0% {
            transform: translateY(0)
        }

        to {
            transform: translateY(-5px)
        }
    }

    @keyframes child2 {
        0% {
            transform: translateY(0)
        }

        to {
            transform: translateY(-5px)
        }
    }

    @-webkit-keyframes child3 {
        0% {
            transform: translateY(-10px) rotate(50deg)
        }

        to {
            transform: translateY(20px) rotate(0deg)
        }
    }

    @keyframes child3 {
        0% {
            transform: translateY(-10px) rotate(50deg)
        }

        to {
            transform: translateY(20px) rotate(0deg)
        }
    }

    .index1 {
        height: 270px
    }

    .topsales {
        height: 330px
    }

    .salesscroll {
        height: 280px
    }

    .countryscroll {
        height: 290px
    }

    .countrytable td {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .countrytable tr {
        border-bottom: 1px solid #e9ebfa
    }

        .countrytable tr:last-child {
            border-bottom: 0
        }

    * html .fileinput-button {
        line-height: 24px;
        margin: 1px -3px 0 0
    }

    * + html .fileinput-button {
        margin: 1px 0 0;
        padding: 2px 15px
    }

    @media (max-width:767px) {
        .files .btn span {
            display: none
        }

        .files .preview * {
            width: 40px
        }

        .files .name * {
            word-wrap: break-word;
            display: inline-block;
            width: 80px
        }

        .files .progress {
            width: 20px
        }

        .files .delete {
            width: 60px
        }
    }

    ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

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

    .search-icon {
        margin-top: -3px
    }

    .list-icons .svg-icon,
    .list-icons .svg-icon2 {
        height: 60px;
        width: 60px
    }

    .file-manger.list-group-transparent .list-group-item {
        padding: .5rem
    }

        .file-manger.list-group-transparent .list-group-item.active {
            background: transparent;
            color: #36f
        }

        .file-manger.list-group-transparent .list-group-item .svg-icon {
            height: 24px;
            width: 24px
        }

    .file-manger-absolute-icon {
        color: #fff;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 30px
    }

    .file-manger-icon {
        position: relative
    }

        .file-manger-icon i {
            font-size: 70px;
            margin: 0 auto;
            text-align: center
        }

        .file-manger-icon img {
            height: 70px;
            width: 70px
        }

    .profile-footer {
        margin: 25px -25px -25px;
        padding: 15px
    }

    .option-dots {
        background: transparent;
        border-radius: 50%;
        color: #9ba5ca;
        cursor: pointer;
        display: block;
        height: 40px;
        line-height: 20px;
        margin: 0 auto;
        text-align: center;
        width: 40px
    }

        .option-dots:focus,
        .option-dots:hover,
        .option-dots[aria-expanded=true] {
            background: #f3f5fb
        }

    .new.option-dots {
        line-height: 40px
    }

    .new-list.option-dots {
        line-height: 20px;
        position: absolute;
        right: 10px;
        top: 10px
    }

    .ms-body .action-header {
        background: #fff
    }

    .user-contact-list {
        overflow: hidden
    }

        .user-contact-list:before {
            background: linear-gradient(rgba(51, 102, 255, .85), rgba(51, 102, 255, .61)), url(../../assets/images/png/pattern.png);
            background-position: top;
            background-size: cover;
            content: "";
            height: 70px;
            position: absolute;
            width: 100%
        }

        .user-contact-list .avatar {
            border: 3px solid #fff
        }

    hr.divider:after {
        background: #f3f4f7;
        border: 1px solid #f2f6f9;
        border-radius: 50%;
        content: "OR";
        display: block;
        font-size: 11px;
        font-weight: 500;
        height: 30px;
        left: 0;
        line-height: 30px;
        margin: 0 auto;
        padding: 0 .25em;
        position: relative;
        right: 0;
        text-align: center;
        top: -1.5em;
        width: 30px;
        z-index: 9
    }

    .page-style1 {
        height: 100vh;
        position: relative
    }

        .page-style1:before {
            background: linear-gradient(rgba(68, 84, 195, .25), rgba(68, 84, 195, .18)), url(../../assets/images/pattern/4.png);
            background-position: top;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 100%;
            opacity: .8;
            position: absolute;
            width: 100%
        }

        .page-style1 .form-control {
            height: 45px;
            padding-bottom: 6px;
            padding-top: 4px
        }

        .page-style1 .btn {
            height: 45px;
            line-height: 45px;
            padding-bottom: 0;
            padding-top: 0
        }

        .page-style1 .input-group-addon {
            background: #f3f4f7;
            border: 1px solid #d3dfea;
            border-right: 0;
            line-height: 0px
        }

        .page-style1 .input-group-append {
            background: #f3f4f7;
            border: 1px solid #d3dfea;
            border-left: 0;
            border-radius: 0 5px 5px 0;
            line-height: 16px
        }

        .page-style1 .form-control {
            border: 1px solid #d3dfea
        }

        .page-style1 hr {
            border-top: 1px solid #d3dfea
        }

        .page-style1 .custom-control-label {
            line-height: 26px
        }

        .page-style1 .btn-svgs .svg-icon {
            left: 37%;
            position: absolute;
            top: auto
        }

        .page-style1 .custom-control-label:before {
            border: 1px solid #d3dfea
        }

    .bg-style {
        position: relative
    }

        .bg-style:before {
            background: linear-gradient(rgba(68, 84, 195, .9), rgba(68, 84, 195, .8)), url(../../assets/images/pattern/1.png);
            background-position: top;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 100%;
            opacity: .8;
            position: absolute;
            width: 100%
        }

        .bg-style .svg-icon {
            fill: #fff
        }

        .bg-style .header-brand-img {
            left: 55px;
            position: absolute;
            top: 30px
        }

    .page-style2 .h-100vh {
        max-height: 100vh
    }

    .page-style1 .page-content,
    .page-style2 .page-content {
        margin: 0
    }

    @media (max-width:767px) {
        .d-md-flex .bg-style {
            display: none
        }

        .d-md-flex .w-80 {
            width: 100% !important
        }
    }

    .title-style h1 {
        background: #fff;
        display: block;
        left: 0;
        margin: 0 auto;
        padding: 0 20px;
        position: absolute;
        right: 0;
        top: 34px;
        width: 100%;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .page-style2.page-style1:before {
        background: linear-gradient(hsla(0, 0%, 100%, .79), hsla(0, 0%, 100%, .75)), url(../../assets/images/pattern/4.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .custom-progress {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #e8ebf2;
        border: none;
        border-radius: 0;
        height: 10px;
        width: 80%
    }

        .custom-progress::-webkit-progress-bar {
            background-color: #e8ebf2;
            border-radius: 0
        }

        .custom-progress::-webkit-progress-value {
            background-color: #36f;
            background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
            border-radius: 0
        }

        .custom-progress::-moz-progress-bar {
            background-color: #36f;
            background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
        }

        .custom-progress::-ms-fill {
            background-color: #36f;
            background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
            border-radius: 0
        }

    .map svg {
        height: 400px
    }

    .coming-footer {
        left: 0;
        margin: 10px auto 0;
        padding-top: 30px;
        right: 0;
        width: 450px
    }

        .coming-footer .form-control:focus {
            border-color: hsla(0, 0%, 100%, .1);
            box-shadow: none !important
        }

    .coming-bg,
    .error-bg {
        background: url(../images/photos/bg1.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }

    .login-bg,
    .message-bg {
        background: url(../images/photos/login1.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }

    .login-bg1 {
        background: url(../images/photos/login2.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

        .login-bg1:before {
            background: rgba(6, 10, 48, .85);
            content: "";
            height: 100%;
            position: absolute;
            width: 100%
        }

        .customlogin-content .custom-logo-dark,
        .login-bg1 .custom-logo-dark {
            display: none
        }

    /*.customlogin-imgcontent {
    padding: 5rem;
    position: absolute;
    top: 35%
}*/

    .error-bg1 {
        background: url(../images/photos/error.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

        .error-bg1:before {
            background: rgba(51, 102, 255, .7);
            content: "";
            height: 100%;
            position: absolute;
            width: 100%
        }

    .construction-bg {
        background: url(../images/pattern/2.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

        .construction-bg:before {
            background: rgba(51, 102, 255, .85);
            content: "";
            height: 100%;
            position: absolute;
            width: 100%
        }

    .construction .construction-search {
        background: transparent;
        border-radius: 50px
    }

    .construction .form-control {
        background: rgba(0, 0, 0, .1);
        border: 1px solid hsla(0, 0%, 100%, .1);
        border-radius: 50px;
        color: #fff;
        height: 40px
    }

        .construction .form-control:focus {
            background: transparent;
            border: 1px solid hsla(0, 0%, 100%, .1);
            box-shadow: none !important;
            color: #fff
        }

    .construction .construction-search .btn {
        color: hsla(0, 0%, 100%, .3);
        position: absolute;
        right: 18px;
        top: 2px
    }

    .morris-donut-wrapper-demo {
        height: 270px
    }

    .apexcharts-toolbar {
        display: none !important
    }

    #SvgjsText1920 {
        font-size: 20px;
        font-weight: 500
    }

    .html-code {
        background: #f3f4f7;
        border: 1px solid #d3dfea;
        border-bottom: 0;
        border-radius: 5px 5px 0 0;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: -1px;
        margin-left: 20px;
        margin-top: 15px;
        padding: 9px 22px 9px 45px;
        position: relative;
        text-transform: uppercase;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        z-index: 1
    }

        .html-code .svg-icon {
            left: 14px;
            position: absolute
        }

    .list-style {
        list-style: inherit;
        padding-left: inherit
    }

        .list-style ul {
            list-style: inherit;
            padding-left: 30px
        }

        .list-style li {
            line-height: 30px
        }

    .list-style2 {
        list-style: decimal;
        padding-left: inherit
    }

        .list-style2 ul {
            list-style: decimal;
            padding-left: 30px
        }

        .list-style2 li {
            line-height: 30px
        }

    .list-style3 {
        list-style: circle;
        padding-left: inherit
    }

        .list-style3 ul {
            list-style: decimal;
            padding-left: 30px
        }

        .list-style3 li {
            line-height: 30px
        }

    .list-style4 {
        list-style: lower-alpha;
        padding-left: inherit
    }

        .list-style4 ul {
            list-style: decimal;
            padding-left: 30px
        }

        .list-style4 li,
        .order-list li {
            line-height: 30px
        }

    .list-style5 {
        list-style: square;
        padding-left: inherit
    }

        .list-style5 ul {
            list-style: decimal;
            padding-left: 30px
        }

        .list-style5 li {
            line-height: 30px
        }

    .list-style6 {
        list-style: lower-roman;
        padding-left: inherit
    }

        .list-style6 ul {
            list-style: decimal;
            padding-left: 30px
        }

        .list-style6 li {
            line-height: 30px
        }

    .profile-dropdown {
        margin-top: 1px;
        padding-left: .5rem
    }

    @media (min-width:992px) and (max-width:1200px) {
        .expenses-card .fs-50 {
            font-size: 25px !important
        }

        .expenses-card .fs-18 {
            font-size: 14px !important
        }
    }

    .browse-file.form-control {
        background-color: transparent;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        height: 41px
    }

    .input-group-btn .btn-primary {
        border-bottom-right-radius: 4px !important;
        border-top-right-radius: 4px !important;
        border-radius: 0
    }

    .apexcharts-datalabel,
    .apexcharts-datalabel-label,
    .apexcharts-datalabel-value,
    .apexcharts-datalabels,
    .apexcharts-pie-label {
        cursor: default;
        filter: none;
        font-weight: 500;
        pointer-events: none;
        text-shadow: none
    }

    .select2,
    .select2:focus .select2 > *,
    .select2 > :focus {
        outline-width: 0 !important
    }

    @media (min-width:1440px) {
        .crypto-header-section h3 {
            font-size: 32px
        }

        .crypto-header-section .w-5 {
            width: 2rem !important
        }

        .crypto-header-section .h-5 {
            height: 2rem !important
        }
    }

    @media (min-width:1600px) {
        .crypto-header-section h3 {
            font-size: 32px
        }

        .crypto-header-section .w-5 {
            width: 2.5rem !important
        }

        .crypto-header-section .h-5 {
            height: 2.5rem !important
        }
    }

    @media (max-width:768px) {
        .page-single .card-group {
            display: block
        }

        .d-md-down-none {
            display: none
        }
    }

    @media (min-width:1200px) and (max-width:1440px) {
        .item-card .btn-svgs {
            width: 100%
        }
    }

    .header.bg-primary .form-control.header-search.bg-transparent.border-transparent {
        color: #fff
    }

    @media (max-width:1200px) {
        .sales-img {
            display: block;
            margin: 0 auto;
            text-align: center !important;
            width: 50% !important
        }
    }

    .iti--allow-dropdown .iti__flag-container .iti__selected-flag,
    .iti--allow-dropdown .iti__flag-container:focus .iti__selected-flag,
    .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
    input:focus,
    input:hover {
        box-shadow: none;
        outline: none
    }

    @font-face {
        font-family: feather;
        src: url(../../iconfonts/feather/fonts/feather-webfont.eot);
        src: url(../../iconfonts/feather/fonts/feather-webfont.eot) format("embedded-opentype"), url(../../iconfonts/feather/fonts/feather-webfont.woff) format("woff"), url(../../iconfonts/feather/fonts/feather-webfont.ttf) format("truetype"), url(../../iconfonts/feather/fonts/feather-webfont.svg) format("svg")
    }

    .fe {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: feather !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none
    }

    .fe-activity:before {
        content: ""
    }

    .fe-airplay:before {
        content: ""
    }

    .fe-alert-circle:before {
        content: ""
    }

    .fe-alert-octagon:before {
        content: ""
    }

    .fe-alert-triangle:before {
        content: ""
    }

    .fe-align-center:before {
        content: ""
    }

    .fe-align-justify:before {
        content: ""
    }

    .fe-align-left:before {
        content: ""
    }

    .fe-align-right:before {
        content: ""
    }

    .fe-anchor:before {
        content: ""
    }

    .fe-aperture:before {
        content: ""
    }

    .fe-arrow-down:before {
        content: ""
    }

    .fe-arrow-down-circle:before {
        content: ""
    }

    .fe-arrow-down-left:before {
        content: ""
    }

    .fe-arrow-down-right:before {
        content: ""
    }

    .fe-arrow-left:before {
        content: ""
    }

    .fe-arrow-left-circle:before {
        content: ""
    }

    .fe-arrow-right:before {
        content: ""
    }

    .fe-arrow-right-circle:before {
        content: ""
    }

    .fe-arrow-up:before {
        content: ""
    }

    .fe-arrow-up-circle:before {
        content: ""
    }

    .fe-arrow-up-left:before {
        content: ""
    }

    .fe-arrow-up-right:before {
        content: ""
    }

    .fe-at-sign:before {
        content: ""
    }

    .fe-award:before {
        content: ""
    }

    .fe-bar-chart:before {
        content: ""
    }

    .fe-bar-chart-2:before {
        content: ""
    }

    .fe-battery:before {
        content: ""
    }

    .fe-battery-charging:before {
        content: ""
    }

    .fe-bell:before {
        content: ""
    }

    .fe-bell-off:before {
        content: ""
    }

    .fe-bluetooth:before {
        content: ""
    }

    .fe-bold:before {
        content: ""
    }

    .fe-book:before {
        content: ""
    }

    .fe-book-open:before {
        content: ""
    }

    .fe-bookmark:before {
        content: ""
    }

    .fe-box:before {
        content: ""
    }

    .fe-briefcase:before {
        content: ""
    }

    .fe-calendar:before {
        content: ""
    }

    .fe-camera:before {
        content: ""
    }

    .fe-camera-off:before {
        content: ""
    }

    .fe-cast:before {
        content: ""
    }

    .fe-check:before {
        content: ""
    }

    .fe-check-circle:before {
        content: ""
    }

    .fe-check-square:before {
        content: ""
    }

    .fe-chevron-down:before {
        content: ""
    }

    .fe-chevron-left:before {
        content: ""
    }

    .fe-chevron-right:before {
        content: ""
    }

    .fe-chevron-up:before {
        content: ""
    }

    .fe-chevrons-down:before {
        content: ""
    }

    .fe-chevrons-left:before {
        content: ""
    }

    .fe-chevrons-right:before {
        content: ""
    }

    .fe-chevrons-up:before {
        content: ""
    }

    .fe-chrome:before {
        content: ""
    }

    .fe-circle:before {
        content: ""
    }

    .fe-clipboard:before {
        content: ""
    }

    .fe-clock:before {
        content: ""
    }

    .fe-cloud:before {
        content: ""
    }

    .fe-cloud-drizzle:before {
        content: ""
    }

    .fe-cloud-lightning:before {
        content: ""
    }

    .fe-cloud-off:before {
        content: ""
    }

    .fe-cloud-rain:before {
        content: ""
    }

    .fe-cloud-snow:before {
        content: ""
    }

    .fe-code:before {
        content: ""
    }

    .fe-codepen:before {
        content: ""
    }

    .fe-command:before {
        content: ""
    }

    .fe-compass:before {
        content: ""
    }

    .fe-copy:before {
        content: ""
    }

    .fe-corner-down-left:before {
        content: ""
    }

    .fe-corner-down-right:before {
        content: ""
    }

    .fe-corner-left-down:before {
        content: ""
    }

    .fe-corner-left-up:before {
        content: ""
    }

    .fe-corner-right-down:before {
        content: ""
    }

    .fe-corner-right-up:before {
        content: ""
    }

    .fe-corner-up-left:before {
        content: ""
    }

    .fe-corner-up-right:before {
        content: ""
    }

    .fe-cpu:before {
        content: ""
    }

    .fe-credit-card:before {
        content: ""
    }

    .fe-crop:before {
        content: ""
    }

    .fe-crosshair:before {
        content: ""
    }

    .fe-database:before {
        content: ""
    }

    .fe-delete:before {
        content: ""
    }

    .fe-disc:before {
        content: ""
    }

    .fe-dollar-sign:before {
        content: ""
    }

    .fe-download:before {
        content: ""
    }

    .fe-download-cloud:before {
        content: ""
    }

    .fe-droplet:before {
        content: ""
    }

    .fe-edit:before {
        content: ""
    }

    .fe-edit-2:before {
        content: ""
    }

    .fe-edit-3:before {
        content: ""
    }

    .fe-external-link:before {
        content: ""
    }

    .fe-eye:before {
        content: ""
    }

    .fe-eye-off:before {
        content: ""
    }

    .fe-facebook:before {
        content: ""
    }

    .fe-fast-forward:before {
        content: ""
    }

    .fe-feather:before {
        content: ""
    }

    .fe-file:before {
        content: ""
    }

    .fe-file-minus:before {
        content: ""
    }

    .fe-file-plus:before {
        content: ""
    }

    .fe-file-text:before {
        content: ""
    }

    .fe-film:before {
        content: ""
    }

    .fe-filter:before {
        content: ""
    }

    .fe-flag:before {
        content: ""
    }

    .fe-folder:before {
        content: ""
    }

    .fe-folder-minus:before {
        content: ""
    }

    .fe-folder-plus:before {
        content: ""
    }

    .fe-git-branch:before {
        content: ""
    }

    .fe-git-commit:before {
        content: ""
    }

    .fe-git-merge:before {
        content: ""
    }

    .fe-git-pull-request:before {
        content: ""
    }

    .fe-github:before {
        content: ""
    }

    .fe-gitlab:before {
        content: ""
    }

    .fe-globe:before {
        content: ""
    }

    .fe-grid:before {
        content: ""
    }

    .fe-hard-drive:before {
        content: ""
    }

    .fe-hash:before {
        content: ""
    }

    .fe-headphones:before {
        content: ""
    }

    .fe-heart:before {
        content: ""
    }

    .fe-help-circle:before {
        content: ""
    }

    .fe-home:before {
        content: ""
    }

    .fe-image:before {
        content: ""
    }

    .fe-inbox:before {
        content: ""
    }

    .fe-info:before {
        content: ""
    }

    .fe-instagram:before {
        content: ""
    }

    .fe-italic:before {
        content: ""
    }

    .fe-layers:before {
        content: ""
    }

    .fe-layout:before {
        content: ""
    }

    .fe-life-buoy:before {
        content: ""
    }

    .fe-link:before {
        content: ""
    }

    .fe-link-2:before {
        content: ""
    }

    .fe-linkedin:before {
        content: ""
    }

    .fe-list:before {
        content: ""
    }

    .fe-loader:before {
        content: ""
    }

    .fe-lock:before {
        content: ""
    }

    .fe-log-in:before {
        content: ""
    }

    .fe-log-out:before {
        content: ""
    }

    .fe-mail:before {
        content: ""
    }

    .fe-map:before {
        content: ""
    }

    .fe-map-pin:before {
        content: ""
    }

    .fe-maximize:before {
        content: ""
    }

    .fe-maximize-2:before {
        content: ""
    }

    .fe-menu:before {
        content: ""
    }

    .fe-message-circle:before {
        content: ""
    }

    .fe-message-square:before {
        content: ""
    }

    .fe-mic:before {
        content: ""
    }

    .fe-mic-off:before {
        content: ""
    }

    .fe-minimize:before {
        content: ""
    }

    .fe-minimize-2:before {
        content: ""
    }

    .fe-minus:before {
        content: ""
    }

    .fe-minus-circle:before {
        content: ""
    }

    .fe-minus-square:before {
        content: ""
    }

    .fe-monitor:before {
        content: ""
    }

    .fe-moon:before {
        content: ""
    }

    .fe-more-horizontal:before {
        content: ""
    }

    .fe-more-vertical:before {
        content: ""
    }

    .fe-move:before {
        content: ""
    }

    .fe-music:before {
        content: ""
    }

    .fe-navigation:before {
        content: ""
    }

    .fe-navigation-2:before {
        content: ""
    }

    .fe-octagon:before {
        content: ""
    }

    .fe-package:before {
        content: ""
    }

    .fe-paperclip:before {
        content: ""
    }

    .fe-pause:before {
        content: ""
    }

    .fe-pause-circle:before {
        content: ""
    }

    .fe-percent:before {
        content: ""
    }

    .fe-phone:before {
        content: ""
    }

    .fe-phone-call:before {
        content: ""
    }

    .fe-phone-forwarded:before {
        content: ""
    }

    .fe-phone-incoming:before {
        content: ""
    }

    .fe-phone-missed:before {
        content: ""
    }

    .fe-phone-off:before {
        content: ""
    }

    .fe-phone-outgoing:before {
        content: ""
    }

    .fe-pie-chart:before {
        content: ""
    }

    .fe-play:before {
        content: ""
    }

    .fe-play-circle:before {
        content: ""
    }

    .fe-plus:before {
        content: ""
    }

    .fe-plus-circle:before {
        content: ""
    }

    .fe-plus-square:before {
        content: ""
    }

    .fe-pocket:before {
        content: ""
    }

    .fe-power:before {
        content: ""
    }

    .fe-printer:before {
        content: ""
    }

    .fe-radio:before {
        content: ""
    }

    .fe-refresh-ccw:before {
        content: ""
    }

    .fe-refresh-cw:before {
        content: ""
    }

    .fe-repeat:before {
        content: ""
    }

    .fe-rewind:before {
        content: ""
    }

    .fe-rotate-ccw:before {
        content: ""
    }

    .fe-rotate-cw:before {
        content: ""
    }

    .fe-rss:before {
        content: ""
    }

    .fe-save:before {
        content: ""
    }

    .fe-scissors:before {
        content: ""
    }

    .fe-search:before {
        content: ""
    }

    .fe-send:before {
        content: ""
    }

    .fe-server:before {
        content: ""
    }

    .fe-settings:before {
        content: ""
    }

    .fe-share:before {
        content: ""
    }

    .fe-share-2:before {
        content: ""
    }

    .fe-shield:before {
        content: ""
    }

    .fe-shield-off:before {
        content: ""
    }

    .fe-shopping-bag:before {
        content: ""
    }

    .fe-shopping-cart:before {
        content: ""
    }

    .fe-shuffle:before {
        content: ""
    }

    .fe-sidebar:before {
        content: ""
    }

    .fe-skip-back:before {
        content: ""
    }

    .fe-skip-forward:before {
        content: ""
    }

    .fe-slack:before {
        content: ""
    }

    .fe-slash:before {
        content: ""
    }

    .fe-sliders:before {
        content: ""
    }

    .fe-smartphone:before {
        content: ""
    }

    .fe-speaker:before {
        content: ""
    }

    .fe-square:before {
        content: ""
    }

    .fe-star:before {
        content: ""
    }

    .fe-stop-circle:before {
        content: ""
    }

    .fe-sun:before {
        content: ""
    }

    .fe-sunrise:before {
        content: ""
    }

    .fe-sunset:before {
        content: ""
    }

    .fe-tablet:before {
        content: ""
    }

    .fe-tag:before {
        content: ""
    }

    .fe-target:before {
        content: ""
    }

    .fe-terminal:before {
        content: ""
    }

    .fe-thermometer:before {
        content: ""
    }

    .fe-thumbs-down:before {
        content: ""
    }

    .fe-thumbs-up:before {
        content: ""
    }

    .fe-toggle-left:before {
        content: ""
    }

    .fe-toggle-right:before {
        content: ""
    }

    .fe-trash:before {
        content: ""
    }

    .fe-trash-2:before {
        content: ""
    }

    .fe-trending-down:before {
        content: ""
    }

    .fe-trending-up:before {
        content: ""
    }

    .fe-triangle:before {
        content: ""
    }

    .fe-truck:before {
        content: ""
    }

    .fe-tv:before {
        content: ""
    }

    .fe-twitter:before {
        content: ""
    }

    .fe-type:before {
        content: ""
    }

    .fe-umbrella:before {
        content: ""
    }

    .fe-underline:before {
        content: ""
    }

    .fe-unlock:before {
        content: ""
    }

    .fe-upload:before {
        content: ""
    }

    .fe-upload-cloud:before {
        content: ""
    }

    .fe-user:before {
        content: ""
    }

    .fe-user-check:before {
        content: ""
    }

    .fe-user-minus:before {
        content: ""
    }

    .fe-user-plus:before {
        content: ""
    }

    .fe-user-x:before {
        content: ""
    }

    .fe-users:before {
        content: ""
    }

    .fe-video:before {
        content: ""
    }

    .fe-video-off:before {
        content: ""
    }

    .fe-voicemail:before {
        content: ""
    }

    .fe-volume:before {
        content: ""
    }

    .fe-volume-1:before {
        content: ""
    }

    .fe-volume-2:before {
        content: ""
    }

    .fe-volume-x:before {
        content: ""
    }

    .fe-watch:before {
        content: ""
    }

    .fe-wifi:before {
        content: ""
    }

    .fe-wifi-off:before {
        content: ""
    }

    .fe-wind:before {
        content: ""
    }

    .fe-x:before {
        content: ""
    }

    .fe-x-circle:before {
        content: ""
    }

    .fe-x-square:before {
        content: ""
    }

    .fe-zap:before {
        content: ""
    }

    .fe-zap-off:before {
        content: ""
    }

    .fe-zoom-in:before {
        content: ""
    }

    .fe-zoom-out:before {
        content: ""
    }

    .highlight .hll {
        background-color: #ffc
    }

    .highlight .c {
        color: #999
    }

    .highlight .k {
        color: #069
    }

    .highlight .o {
        color: #555
    }

    .highlight .cm {
        color: #999
    }

    .highlight .cp {
        color: #099
    }

    .highlight .c1,
    .highlight .cs {
        color: #999
    }

    .highlight .gd {
        background-color: #fcc;
        border: 1px solid #c00
    }

    .highlight .ge {
        font-style: italic
    }

    .highlight .gr {
        color: red
    }

    .highlight .gh {
        color: #030
    }

    .highlight .gi {
        background-color: #cfc;
        border: 1px solid #0c0
    }

    .highlight .go {
        color: #aaa
    }

    .highlight .gp {
        color: #009
    }

    .highlight .gu {
        color: #030
    }

    .highlight .gt {
        color: #9c6
    }

    .highlight .kc,
    .highlight .kd,
    .highlight .kn,
    .highlight .kp,
    .highlight .kr {
        color: #069
    }

    .highlight .kt {
        color: #078
    }

    .highlight .m {
        color: #f60
    }

    .highlight .s {
        color: #c09
    }

    .highlight .na {
        color: #00cc7a
    }

    .highlight .nb {
        color: #366
    }

    .highlight .nc {
        color: #0a8
    }

    .highlight .no {
        color: #360
    }

    .highlight .nd {
        color: #99f
    }

    .highlight .ni {
        color: #999
    }

    .highlight .ne {
        color: #c00
    }

    .highlight .nf {
        color: #c0f
    }

    .highlight .nl {
        color: #99f
    }

    .highlight .nn {
        color: #0cf
    }

    .highlight .nt {
        color: #6967ce
    }

    .highlight .nv {
        color: #033
    }

    .highlight .ow {
        color: #000
    }

    .highlight .w {
        color: #bbb
    }

    .highlight .mf,
    .highlight .mh,
    .highlight .mi,
    .highlight .mo {
        color: #f60
    }

    .highlight .sb,
    .highlight .sc {
        color: #c30
    }

    .highlight .sd {
        color: #c30;
        font-style: italic
    }

    .highlight .s2,
    .highlight .se,
    .highlight .sh {
        color: #c30
    }

    .highlight .si {
        color: #a00
    }

    .highlight .sx {
        color: #c30
    }

    .highlight .sr {
        color: #3aa
    }

    .highlight .s1 {
        color: #c30
    }

    .highlight .ss {
        color: #fc3
    }

    .highlight .bp {
        color: #366
    }

    .highlight .vc,
    .highlight .vg,
    .highlight .vi {
        color: #033
    }

    .highlight .il {
        color: #f60
    }

    .highlight .css .nt + .nt,
    .highlight .css .o,
    .highlight .css .o + .nt {
        color: #999
    }

    .highlight .language-bash:before,
    .highlight .language-sh:before {
        color: #009;
        content: "$ ";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .highlight .language-powershell:before {
        color: #009;
        content: "PM> ";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .example {
        border: 1px solid #e9ebfa;
        border-radius: 3px 3px 0 0;
        font-size: .9375rem;
        padding: 1.5rem
    }

    .example-bg {
        background: #ebeff8
    }

    .example + .highlight {
        border-radius: 0 0 3px 3px;
        border-top: none;
        margin-top: 0
    }

    .highlight {
        background: #fcfcfc;
        border: 1px solid #d3dfea;
        border-radius: 3px;
        font-size: .9375rem;
        margin: 0 0 2rem;
        max-height: 40rem
    }

        .highlight pre {
            background-color: #f3f4f7;
            margin-bottom: 0
        }

    .browser {
        background: no-repeat 50%/100% 100%;
        display: inline-block;
        font-style: normal;
        height: 1.25rem;
        vertical-align: bottom;
        width: 1.25rem
    }

    .browser-android-browser {
        background-image: url(../images/browsers/android-browser.svg)
    }

    .browser-aol-explorer {
        background-image: url(../images/browsers/aol-explorer.svg)
    }

    .browser-blackberry {
        background-image: url(../images/browsers/blackberry.svg)
    }

    .browser-camino {
        background-image: url(../images/browsers/camino.svg)
    }

    .browser-chrome {
        background-image: url(../images/browsers/chrome.svg)
    }

    .browser-chromium {
        background-image: url(../images/browsers/chromium.svg)
    }

    .browser-dolphin {
        background-image: url(../images/browsers/dolphin.svg)
    }

    .browser-edge {
        background-image: url(../images/browsers/edge.svg)
    }

    .browser-firefox {
        background-image: url(../images/browsers/firefox.svg)
    }

    .browser-ie {
        background-image: url(../images/browsers/ie.svg)
    }

    .browser-maxthon {
        background-image: url(../images/browsers/maxthon.svg)
    }

    .browser-mozilla {
        background-image: url(../images/browsers/mozilla.svg)
    }

    .browser-netscape {
        background-image: url(../images/browsers/netscape.svg)
    }

    .browser-opera {
        background-image: url(../images/browsers/opera.svg)
    }

    .browser-safari {
        background-image: url(../images/browsers/safari.svg)
    }

    .browser-sleipnir {
        background-image: url(../images/browsers/sleipnir.svg)
    }

    .browser-uc-browser {
        background-image: url(../images/browsers/uc-browser.svg)
    }

    .browser-vivaldi {
        background-image: url(../images/browsers/vivaldi.svg)
    }

    .flag {
        background: no-repeat 50%/100% 100%;
        border-radius: 2px;
        display: inline-block;
        font-style: normal;
        height: 1rem;
        vertical-align: bottom;
        width: 1.2rem
    }

    .flag-ad {
        background-image: url(../images/flags/ad.svg)
    }

    .flag-ae {
        background-image: url(../images/flags/ae.svg)
    }

    .flag-af {
        background-image: url(../images/flags/af.svg)
    }

    .flag-ag {
        background-image: url(../images/flags/ag.svg)
    }

    .flag-ai {
        background-image: url(../images/flags/ai.svg)
    }

    .flag-al {
        background-image: url(../images/flags/al.svg)
    }

    .flag-am {
        background-image: url(../images/flags/am.svg)
    }

    .flag-ao {
        background-image: url(../images/flags/ao.svg)
    }

    .flag-aq {
        background-image: url(../images/flags/aq.svg)
    }

    .flag-ar {
        background-image: url(../images/flags/ar.svg)
    }

    .flag-as {
        background-image: url(../images/flags/as.svg)
    }

    .flag-at {
        background-image: url(../images/flags/at.svg)
    }

    .flag-au {
        background-image: url(../images/flags/au.svg)
    }

    .flag-aw {
        background-image: url(../images/flags/aw.svg)
    }

    .flag-ax {
        background-image: url(../images/flags/ax.svg)
    }

    .flag-az {
        background-image: url(../images/flags/az.svg)
    }

    .flag-ba {
        background-image: url(../images/flags/ba.svg)
    }

    .flag-bb {
        background-image: url(../images/flags/bb.svg)
    }

    .flag-bd {
        background-image: url(../images/flags/bd.svg)
    }

    .flag-be {
        background-image: url(../images/flags/be.svg)
    }

    .flag-bf {
        background-image: url(../images/flags/bf.svg)
    }

    .flag-bg {
        background-image: url(../images/flags/bg.svg)
    }

    .flag-bh {
        background-image: url(../images/flags/bh.svg)
    }

    .flag-bi {
        background-image: url(../images/flags/bi.svg)
    }

    .flag-bj {
        background-image: url(../images/flags/bj.svg)
    }

    .flag-bl {
        background-image: url(../images/flags/bl.svg)
    }

    .flag-bm {
        background-image: url(../images/flags/bm.svg)
    }

    .flag-bn {
        background-image: url(../images/flags/bn.svg)
    }

    .flag-bo {
        background-image: url(../images/flags/bo.svg)
    }

    .flag-bq {
        background-image: url(../images/flags/bq.svg)
    }

    .flag-br {
        background-image: url(../images/flags/br.svg)
    }

    .flag-bs {
        background-image: url(../images/flags/bs.svg)
    }

    .flag-bt {
        background-image: url(../images/flags/bt.svg)
    }

    .flag-bv {
        background-image: url(../images/flags/bv.svg)
    }

    .flag-bw {
        background-image: url(../images/flags/bw.svg)
    }

    .flag-by {
        background-image: url(../images/flags/by.svg)
    }

    .flag-bz {
        background-image: url(../images/flags/bz.svg)
    }

    .flag-ca {
        background-image: url(../images/flags/ca.svg)
    }

    .flag-cc {
        background-image: url(../images/flags/cc.svg)
    }

    .flag-cd {
        background-image: url(../images/flags/cd.svg)
    }

    .flag-cf {
        background-image: url(../images/flags/cf.svg)
    }

    .flag-cg {
        background-image: url(../images/flags/cg.svg)
    }

    .flag-ch {
        background-image: url(../images/flags/ch.svg)
    }

    .flag-ci {
        background-image: url(../images/flags/ci.svg)
    }

    .flag-ck {
        background-image: url(../images/flags/ck.svg)
    }

    .flag-cl {
        background-image: url(../images/flags/cl.svg)
    }

    .flag-cm {
        background-image: url(../images/flags/cm.svg)
    }

    .flag-cn {
        background-image: url(../images/flags/cn.svg)
    }

    .flag-co {
        background-image: url(../images/flags/co.svg)
    }

    .flag-cr {
        background-image: url(../images/flags/cr.svg)
    }

    .flag-cu {
        background-image: url(../images/flags/cu.svg)
    }

    .flag-cv {
        background-image: url(../images/flags/cv.svg)
    }

    .flag-cw {
        background-image: url(../images/flags/cw.svg)
    }

    .flag-cx {
        background-image: url(../images/flags/cx.svg)
    }

    .flag-cy {
        background-image: url(../images/flags/cy.svg)
    }

    .flag-cz {
        background-image: url(../images/flags/cz.svg)
    }

    .flag-de {
        background-image: url(../images/flags/de.svg)
    }

    .flag-dj {
        background-image: url(../images/flags/dj.svg)
    }

    .flag-dk {
        background-image: url(../images/flags/dk.svg)
    }

    .flag-dm {
        background-image: url(../images/flags/dm.svg)
    }

    .flag-do {
        background-image: url(../images/flags/do.svg)
    }

    .flag-dz {
        background-image: url(../images/flags/dz.svg)
    }

    .flag-ec {
        background-image: url(../images/flags/ec.svg)
    }

    .flag-ee {
        background-image: url(../images/flags/ee.svg)
    }

    .flag-eg {
        background-image: url(../images/flags/eg.svg)
    }

    .flag-eh {
        background-image: url(../images/flags/eh.svg)
    }

    .flag-er {
        background-image: url(../images/flags/er.svg)
    }

    .flag-es {
        background-image: url(../images/flags/es.svg)
    }

    .flag-et {
        background-image: url(../images/flags/et.svg)
    }

    .flag-eu {
        background-image: url(../images/flags/eu.svg)
    }

    .flag-fi {
        background-image: url(../images/flags/fi.svg)
    }

    .flag-fj {
        background-image: url(../images/flags/fj.svg)
    }

    .flag-fk {
        background-image: url(../images/flags/fk.svg)
    }

    .flag-fm {
        background-image: url(../images/flags/fm.svg)
    }

    .flag-fo {
        background-image: url(../images/flags/fo.svg)
    }

    .flag-fr {
        background-image: url(../images/flags/fr.svg)
    }

    .flag-ga {
        background-image: url(../images/flags/ga.svg)
    }

    .flag-gb-eng {
        background-image: url(../images/flags/gb-eng.svg)
    }

    .flag-gb-nir {
        background-image: url(../images/flags/gb-nir.svg)
    }

    .flag-gb-sct {
        background-image: url(../images/flags/gb-sct.svg)
    }

    .flag-gb-wls {
        background-image: url(../images/flags/gb-wls.svg)
    }

    .flag-gb {
        background-image: url(../images/flags/gb.svg)
    }

    .flag-gd {
        background-image: url(../images/flags/gd.svg)
    }

    .flag-ge {
        background-image: url(../images/flags/ge.svg)
    }

    .flag-gf {
        background-image: url(../images/flags/gf.svg)
    }

    .flag-gg {
        background-image: url(../images/flags/gg.svg)
    }

    .flag-gh {
        background-image: url(../images/flags/gh.svg)
    }

    .flag-gi {
        background-image: url(../images/flags/gi.svg)
    }

    .flag-gl {
        background-image: url(../images/flags/gl.svg)
    }

    .flag-gm {
        background-image: url(../images/flags/gm.svg)
    }

    .flag-gn {
        background-image: url(../images/flags/gn.svg)
    }

    .flag-gp {
        background-image: url(../images/flags/gp.svg)
    }

    .flag-gq {
        background-image: url(../images/flags/gq.svg)
    }

    .flag-gr {
        background-image: url(../images/flags/gr.svg)
    }

    .flag-gs {
        background-image: url(../images/flags/gs.svg)
    }

    .flag-gt {
        background-image: url(../images/flags/gt.svg)
    }

    .flag-gu {
        background-image: url(../images/flags/gu.svg)
    }

    .flag-gw {
        background-image: url(../images/flags/gw.svg)
    }

    .flag-gy {
        background-image: url(../images/flags/gy.svg)
    }

    .flag-hk {
        background-image: url(../images/flags/hk.svg)
    }

    .flag-hm {
        background-image: url(../images/flags/hm.svg)
    }

    .flag-hn {
        background-image: url(../images/flags/hn.svg)
    }

    .flag-hr {
        background-image: url(../images/flags/hr.svg)
    }

    .flag-ht {
        background-image: url(../images/flags/ht.svg)
    }

    .flag-hu {
        background-image: url(../images/flags/hu.svg)
    }

    .flag-id {
        background-image: url(../images/flags/id.svg)
    }

    .flag-ie {
        background-image: url(../images/flags/ie.svg)
    }

    .flag-il {
        background-image: url(../images/flags/il.svg)
    }

    .flag-im {
        background-image: url(../images/flags/im.svg)
    }

    .flag-in {
        background-image: url(../images/flags/in.svg)
    }

    .flag-io {
        background-image: url(../images/flags/io.svg)
    }

    .flag-iq {
        background-image: url(../images/flags/iq.svg)
    }

    .flag-ir {
        background-image: url(../images/flags/ir.svg)
    }

    .flag-is {
        background-image: url(../images/flags/is.svg)
    }

    .flag-it {
        background-image: url(../images/flags/it.svg)
    }

    .flag-je {
        background-image: url(../images/flags/je.svg)
    }

    .flag-jm {
        background-image: url(../images/flags/jm.svg)
    }

    .flag-jo {
        background-image: url(../images/flags/jo.svg)
    }

    .flag-jp {
        background-image: url(../images/flags/jp.svg)
    }

    .flag-ke {
        background-image: url(../images/flags/ke.svg)
    }

    .flag-kg {
        background-image: url(../images/flags/kg.svg)
    }

    .flag-kh {
        background-image: url(../images/flags/kh.svg)
    }

    .flag-ki {
        background-image: url(../images/flags/ki.svg)
    }

    .flag-km {
        background-image: url(../images/flags/km.svg)
    }

    .flag-kn {
        background-image: url(../images/flags/kn.svg)
    }

    .flag-kp {
        background-image: url(../images/flags/kp.svg)
    }

    .flag-kr {
        background-image: url(../images/flags/kr.svg)
    }

    .flag-kw {
        background-image: url(../images/flags/kw.svg)
    }

    .flag-ky {
        background-image: url(../images/flags/ky.svg)
    }

    .flag-kz {
        background-image: url(../images/flags/kz.svg)
    }

    .flag-la {
        background-image: url(../images/flags/la.svg)
    }

    .flag-lb {
        background-image: url(../images/flags/lb.svg)
    }

    .flag-lc {
        background-image: url(../images/flags/lc.svg)
    }

    .flag-li {
        background-image: url(../images/flags/li.svg)
    }

    .flag-lk {
        background-image: url(../images/flags/lk.svg)
    }

    .flag-lr {
        background-image: url(../images/flags/lr.svg)
    }

    .flag-ls {
        background-image: url(../images/flags/ls.svg)
    }

    .flag-lt {
        background-image: url(../images/flags/lt.svg)
    }

    .flag-lu {
        background-image: url(../images/flags/lu.svg)
    }

    .flag-lv {
        background-image: url(../images/flags/lv.svg)
    }

    .flag-ly {
        background-image: url(../images/flags/ly.svg)
    }

    .flag-ma {
        background-image: url(../images/flags/ma.svg)
    }

    .flag-mc {
        background-image: url(../images/flags/mc.svg)
    }

    .flag-md {
        background-image: url(../images/flags/md.svg)
    }

    .flag-me {
        background-image: url(../images/flags/me.svg)
    }

    .flag-mf {
        background-image: url(../images/flags/mf.svg)
    }

    .flag-mg {
        background-image: url(../images/flags/mg.svg)
    }

    .flag-mh {
        background-image: url(../images/flags/mh.svg)
    }

    .flag-mk {
        background-image: url(../images/flags/mk.svg)
    }

    .flag-ml {
        background-image: url(../images/flags/ml.svg)
    }

    .flag-mm {
        background-image: url(../images/flags/mm.svg)
    }

    .flag-mn {
        background-image: url(../images/flags/mn.svg)
    }

    .flag-mo {
        background-image: url(../images/flags/mo.svg)
    }

    .flag-mp {
        background-image: url(../images/flags/mp.svg)
    }

    .flag-mq {
        background-image: url(../images/flags/mq.svg)
    }

    .flag-mr {
        background-image: url(../images/flags/mr.svg)
    }

    .flag-ms {
        background-image: url(../images/flags/ms.svg)
    }

    .flag-mt {
        background-image: url(../images/flags/mt.svg)
    }

    .flag-mu {
        background-image: url(../images/flags/mu.svg)
    }

    .flag-mv {
        background-image: url(../images/flags/mv.svg)
    }

    .flag-mw {
        background-image: url(../images/flags/mw.svg)
    }

    .flag-mx {
        background-image: url(../images/flags/mx.svg)
    }

    .flag-my {
        background-image: url(../images/flags/my.svg)
    }

    .flag-mz {
        background-image: url(../images/flags/mz.svg)
    }

    .flag-na {
        background-image: url(../images/flags/na.svg)
    }

    .flag-nc {
        background-image: url(../images/flags/nc.svg)
    }

    .flag-ne {
        background-image: url(../images/flags/ne.svg)
    }

    .flag-nf {
        background-image: url(../images/flags/nf.svg)
    }

    .flag-ng {
        background-image: url(../images/flags/ng.svg)
    }

    .flag-ni {
        background-image: url(../images/flags/ni.svg)
    }

    .flag-nl {
        background-image: url(../images/flags/nl.svg)
    }

    .flag-no {
        background-image: url(../images/flags/no.svg)
    }

    .flag-np {
        background-image: url(../images/flags/np.svg)
    }

    .flag-nr {
        background-image: url(../images/flags/nr.svg)
    }

    .flag-nu {
        background-image: url(../images/flags/nu.svg)
    }

    .flag-nz {
        background-image: url(../images/flags/nz.svg)
    }

    .flag-om {
        background-image: url(../images/flags/om.svg)
    }

    .flag-pa {
        background-image: url(../images/flags/pa.svg)
    }

    .flag-pe {
        background-image: url(../images/flags/pe.svg)
    }

    .flag-pf {
        background-image: url(../images/flags/pf.svg)
    }

    .flag-pg {
        background-image: url(../images/flags/pg.svg)
    }

    .flag-ph {
        background-image: url(../images/flags/ph.svg)
    }

    .flag-pk {
        background-image: url(../images/flags/pk.svg)
    }

    .flag-pl {
        background-image: url(../images/flags/pl.svg)
    }

    .flag-pm {
        background-image: url(../images/flags/pm.svg)
    }

    .flag-pn {
        background-image: url(../images/flags/pn.svg)
    }

    .flag-pr {
        background-image: url(../images/flags/pr.svg)
    }

    .flag-ps {
        background-image: url(../images/flags/ps.svg)
    }

    .flag-pt {
        background-image: url(../images/flags/pt.svg)
    }

    .flag-pw {
        background-image: url(../images/flags/pw.svg)
    }

    .flag-py {
        background-image: url(../images/flags/py.svg)
    }

    .flag-qa {
        background-image: url(../images/flags/qa.svg)
    }

    .flag-re {
        background-image: url(../images/flags/re.svg)
    }

    .flag-ro {
        background-image: url(../images/flags/ro.svg)
    }

    .flag-rs {
        background-image: url(../images/flags/rs.svg)
    }

    .flag-ru {
        background-image: url(../images/flags/ru.svg)
    }

    .flag-rw {
        background-image: url(../images/flags/rw.svg)
    }

    .flag-sa {
        background-image: url(../images/flags/sa.svg)
    }

    .flag-sb {
        background-image: url(../images/flags/sb.svg)
    }

    .flag-sc {
        background-image: url(../images/flags/sc.svg)
    }

    .flag-sd {
        background-image: url(../images/flags/sd.svg)
    }

    .flag-se {
        background-image: url(../images/flags/se.svg)
    }

    .flag-sg {
        background-image: url(../images/flags/sg.svg)
    }

    .flag-sh {
        background-image: url(../images/flags/sh.svg)
    }

    .flag-si {
        background-image: url(../images/flags/si.svg)
    }

    .flag-sj {
        background-image: url(../images/flags/sj.svg)
    }

    .flag-sk {
        background-image: url(../images/flags/sk.svg)
    }

    .flag-sl {
        background-image: url(../images/flags/sl.svg)
    }

    .flag-sm {
        background-image: url(../images/flags/sm.svg)
    }

    .flag-sn {
        background-image: url(../images/flags/sn.svg)
    }

    .flag-so {
        background-image: url(../images/flags/so.svg)
    }

    .flag-sr {
        background-image: url(../images/flags/sr.svg)
    }

    .flag-ss {
        background-image: url(../images/flags/ss.svg)
    }

    .flag-st {
        background-image: url(../images/flags/st.svg)
    }

    .flag-sv {
        background-image: url(../images/flags/sv.svg)
    }

    .flag-sx {
        background-image: url(../images/flags/sx.svg)
    }

    .flag-sy {
        background-image: url(../images/flags/sy.svg)
    }

    .flag-sz {
        background-image: url(../images/flags/sz.svg)
    }

    .flag-tc {
        background-image: url(../images/flags/tc.svg)
    }

    .flag-td {
        background-image: url(../images/flags/td.svg)
    }

    .flag-tf {
        background-image: url(../images/flags/tf.svg)
    }

    .flag-tg {
        background-image: url(../images/flags/tg.svg)
    }

    .flag-th {
        background-image: url(../images/flags/th.svg)
    }

    .flag-tj {
        background-image: url(../images/flags/tj.svg)
    }

    .flag-tk {
        background-image: url(../images/flags/tk.svg)
    }

    .flag-tl {
        background-image: url(../images/flags/tl.svg)
    }

    .flag-tm {
        background-image: url(../images/flags/tm.svg)
    }

    .flag-tn {
        background-image: url(../images/flags/tn.svg)
    }

    .flag-to {
        background-image: url(../images/flags/to.svg)
    }

    .flag-tr {
        background-image: url(../images/flags/tr.svg)
    }

    .flag-tt {
        background-image: url(../images/flags/tt.svg)
    }

    .flag-tv {
        background-image: url(../images/flags/tv.svg)
    }

    .flag-tw {
        background-image: url(../images/flags/tw.svg)
    }

    .flag-tz {
        background-image: url(../images/flags/tz.svg)
    }

    .flag-ua {
        background-image: url(../images/flags/ua.svg)
    }

    .flag-ug {
        background-image: url(../images/flags/ug.svg)
    }

    .flag-um {
        background-image: url(../images/flags/um.svg)
    }

    .flag-un {
        background-image: url(../images/flags/un.svg)
    }

    .flag-us {
        background-image: url(../images/flags/us.svg)
    }

    .flag-uy {
        background-image: url(../images/flags/uy.svg)
    }

    .flag-uz {
        background-image: url(../images/flags/uz.svg)
    }

    .flag-va {
        background-image: url(../images/flags/va.svg)
    }

    .flag-vc {
        background-image: url(../images/flags/vc.svg)
    }

    .flag-ve {
        background-image: url(../images/flags/ve.svg)
    }

    .flag-vg {
        background-image: url(../images/flags/vg.svg)
    }

    .flag-vi {
        background-image: url(../images/flags/vi.svg)
    }

    .flag-vn {
        background-image: url(../images/flags/vn.svg)
    }

    .flag-vu {
        background-image: url(../images/flags/vu.svg)
    }

    .flag-wf {
        background-image: url(../images/flags/wf.svg)
    }

    .flag-ws {
        background-image: url(../images/flags/ws.svg)
    }

    .flag-ye {
        background-image: url(../images/flags/ye.svg)
    }

    .flag-yt {
        background-image: url(../images/flags/yt.svg)
    }

    .flag-za {
        background-image: url(../images/flags/za.svg)
    }

    .flag-zm {
        background-image: url(../images/flags/zm.svg)
    }

    .flag-zw {
        background-image: url(../images/flags/zw.svg)
    }

    .payment {
        background: no-repeat 50%/100% 100%;
        border-radius: 2px;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
        display: inline-block;
        font-style: normal;
        height: 1.5rem;
        vertical-align: bottom;
        width: 2.5rem
    }

    .payment-2checkout-dark {
        background-image: url(../images/payments/2checkout-dark.svg)
    }

    .payment-2checkout {
        background-image: url(../images/payments/2checkout.svg)
    }

    .payment-alipay-dark {
        background-image: url(../images/payments/alipay-dark.svg)
    }

    .payment-alipay {
        background-image: url(../images/payments/alipay.svg)
    }

    .payment-amazon-dark {
        background-image: url(../images/payments/amazon-dark.svg)
    }

    .payment-amazon {
        background-image: url(../images/payments/amazon.svg)
    }

    .payment-americanexpress-dark {
        background-image: url(../images/payments/americanexpress-dark.svg)
    }

    .payment-americanexpress {
        background-image: url(../images/payments/americanexpress.svg)
    }

    .payment-applepay-dark {
        background-image: url(../images/payments/applepay-dark.svg)
    }

    .payment-applepay {
        background-image: url(../images/payments/applepay.svg)
    }

    .payment-bancontact-dark {
        background-image: url(../images/payments/bancontact-dark.svg)
    }

    .payment-bancontact {
        background-image: url(../images/payments/bancontact.svg)
    }

    .payment-bitcoin-dark {
        background-image: url(../images/payments/bitcoin-dark.svg)
    }

    .payment-bitcoin {
        background-image: url(../images/payments/bitcoin.svg)
    }

    .payment-bitpay-dark {
        background-image: url(../images/payments/bitpay-dark.svg)
    }

    .payment-bitpay {
        background-image: url(../images/payments/bitpay.svg)
    }

    .payment-cirrus-dark {
        background-image: url(../images/payments/cirrus-dark.svg)
    }

    .payment-cirrus {
        background-image: url(../images/payments/cirrus.svg)
    }

    .payment-clickandbuy-dark {
        background-image: url(../images/payments/clickandbuy-dark.svg)
    }

    .payment-clickandbuy {
        background-image: url(../images/payments/clickandbuy.svg)
    }

    .payment-coinkite-dark {
        background-image: url(../images/payments/coinkite-dark.svg)
    }

    .payment-coinkite {
        background-image: url(../images/payments/coinkite.svg)
    }

    .payment-dinersclub-dark {
        background-image: url(../images/payments/dinersclub-dark.svg)
    }

    .payment-dinersclub {
        background-image: url(../images/payments/dinersclub.svg)
    }

    .payment-directdebit-dark {
        background-image: url(../images/payments/directdebit-dark.svg)
    }

    .payment-directdebit {
        background-image: url(../images/payments/directdebit.svg)
    }

    .payment-discover-dark {
        background-image: url(../images/payments/discover-dark.svg)
    }

    .payment-discover {
        background-image: url(../images/payments/discover.svg)
    }

    .payment-dwolla-dark {
        background-image: url(../images/payments/dwolla-dark.svg)
    }

    .payment-dwolla {
        background-image: url(../images/payments/dwolla.svg)
    }

    .payment-ebay-dark {
        background-image: url(../images/payments/ebay-dark.svg)
    }

    .payment-ebay {
        background-image: url(../images/payments/ebay.svg)
    }

    .payment-eway-dark {
        background-image: url(../images/payments/eway-dark.svg)
    }

    .payment-eway {
        background-image: url(../images/payments/eway.svg)
    }

    .payment-giropay-dark {
        background-image: url(../images/payments/giropay-dark.svg)
    }

    .payment-giropay {
        background-image: url(../images/payments/giropay.svg)
    }

    .payment-googlewallet-dark {
        background-image: url(../images/payments/googlewallet-dark.svg)
    }

    .payment-googlewallet {
        background-image: url(../images/payments/googlewallet.svg)
    }

    .payment-ingenico-dark {
        background-image: url(../images/payments/ingenico-dark.svg)
    }

    .payment-ingenico {
        background-image: url(../images/payments/ingenico.svg)
    }

    .payment-jcb-dark {
        background-image: url(../images/payments/jcb-dark.svg)
    }

    .payment-jcb {
        background-image: url(../images/payments/jcb.svg)
    }

    .payment-klarna-dark {
        background-image: url(../images/payments/klarna-dark.svg)
    }

    .payment-klarna {
        background-image: url(../images/payments/klarna.svg)
    }

    .payment-laser-dark {
        background-image: url(../images/payments/laser-dark.svg)
    }

    .payment-laser {
        background-image: url(../images/payments/laser.svg)
    }

    .payment-maestro-dark {
        background-image: url(../images/payments/maestro-dark.svg)
    }

    .payment-maestro {
        background-image: url(../images/payments/maestro.svg)
    }

    .payment-mastercard-dark {
        background-image: url(../images/payments/mastercard-dark.svg)
    }

    .payment-mastercard {
        background-image: url(../images/payments/mastercard.svg)
    }

    .payment-monero-dark {
        background-image: url(../images/payments/monero-dark.svg)
    }

    .payment-monero {
        background-image: url(../images/payments/monero.svg)
    }

    .payment-neteller-dark {
        background-image: url(../images/payments/neteller-dark.svg)
    }

    .payment-neteller {
        background-image: url(../images/payments/neteller.svg)
    }

    .payment-ogone-dark {
        background-image: url(../images/payments/ogone-dark.svg)
    }

    .payment-ogone {
        background-image: url(../images/payments/ogone.svg)
    }

    .payment-okpay-dark {
        background-image: url(../images/payments/okpay-dark.svg)
    }

    .payment-okpay {
        background-image: url(../images/payments/okpay.svg)
    }

    .payment-paybox-dark {
        background-image: url(../images/payments/paybox-dark.svg)
    }

    .payment-paybox {
        background-image: url(../images/payments/paybox.svg)
    }

    .payment-paymill-dark {
        background-image: url(../images/payments/paymill-dark.svg)
    }

    .payment-paymill {
        background-image: url(../images/payments/paymill.svg)
    }

    .payment-payone-dark {
        background-image: url(../images/payments/payone-dark.svg)
    }

    .payment-payone {
        background-image: url(../images/payments/payone.svg)
    }

    .payment-payoneer-dark {
        background-image: url(../images/payments/payoneer-dark.svg)
    }

    .payment-payoneer {
        background-image: url(../images/payments/payoneer.svg)
    }

    .payment-paypal-dark {
        background-image: url(../images/payments/paypal-dark.svg)
    }

    .payment-paypal {
        background-image: url(../images/payments/paypal.svg)
    }

    .payment-paysafecard-dark {
        background-image: url(../images/payments/paysafecard-dark.svg)
    }

    .payment-paysafecard {
        background-image: url(../images/payments/paysafecard.svg)
    }

    .payment-payu-dark {
        background-image: url(../images/payments/payu-dark.svg)
    }

    .payment-payu {
        background-image: url(../images/payments/payu.svg)
    }

    .payment-payza-dark {
        background-image: url(../images/payments/payza-dark.svg)
    }

    .payment-payza {
        background-image: url(../images/payments/payza.svg)
    }

    .payment-ripple-dark {
        background-image: url(../images/payments/ripple-dark.svg)
    }

    .payment-ripple {
        background-image: url(../images/payments/ripple.svg)
    }

    .payment-sage-dark {
        background-image: url(../images/payments/sage-dark.svg)
    }

    .payment-sage {
        background-image: url(../images/payments/sage.svg)
    }

    .payment-sepa-dark {
        background-image: url(../images/payments/sepa-dark.svg)
    }

    .payment-sepa {
        background-image: url(../images/payments/sepa.svg)
    }

    .payment-shopify-dark {
        background-image: url(../images/payments/shopify-dark.svg)
    }

    .payment-shopify {
        background-image: url(../images/payments/shopify.svg)
    }

    .payment-skrill-dark {
        background-image: url(../images/payments/skrill-dark.svg)
    }

    .payment-skrill {
        background-image: url(../images/payments/skrill.svg)
    }

    .payment-solo-dark {
        background-image: url(../images/payments/solo-dark.svg)
    }

    .payment-solo {
        background-image: url(../images/payments/solo.svg)
    }

    .payment-square-dark {
        background-image: url(../images/payments/square-dark.svg)
    }

    .payment-square {
        background-image: url(../images/payments/square.svg)
    }

    .payment-stripe-dark {
        background-image: url(../images/payments/stripe-dark.svg)
    }

    .payment-stripe {
        background-image: url(../images/payments/stripe.svg)
    }

    .payment-switch-dark {
        background-image: url(../images/payments/switch-dark.svg)
    }

    .payment-switch {
        background-image: url(../images/payments/switch.svg)
    }

    .payment-ukash-dark {
        background-image: url(../images/payments/ukash-dark.svg)
    }

    .payment-ukash {
        background-image: url(../images/payments/ukash.svg)
    }

    .payment-unionpay-dark {
        background-image: url(../images/payments/unionpay-dark.svg)
    }

    .payment-unionpay {
        background-image: url(../images/payments/unionpay.svg)
    }

    .payment-verifone-dark {
        background-image: url(../images/payments/verifone-dark.svg)
    }

    .payment-verifone {
        background-image: url(../images/payments/verifone.svg)
    }

    .payment-verisign-dark {
        background-image: url(../images/payments/verisign-dark.svg)
    }

    .payment-verisign {
        background-image: url(../images/payments/verisign.svg)
    }

    .payment-visa-dark {
        background-image: url(../images/payments/visa-dark.svg)
    }

    .payment-visa {
        background-image: url(../images/payments/visa.svg)
    }

    .payment-webmoney-dark {
        background-image: url(../images/payments/webmoney-dark.svg)
    }

    .payment-webmoney {
        background-image: url(../images/payments/webmoney.svg)
    }

    .payment-westernunion-dark {
        background-image: url(../images/payments/westernunion-dark.svg)
    }

    .payment-westernunion {
        background-image: url(../images/payments/westernunion.svg)
    }

    .payment-worldpay-dark {
        background-image: url(../images/payments/worldpay-dark.svg)
    }

    .payment-worldpay {
        background-image: url(../images/payments/worldpay.svg)
    }

    svg {
        touch-action: none
    }

    .icons-list {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0 -1px -1px 0;
        padding: 0
    }

        .icons-list > li {
            flex: 1 0 3rem
        }

    .icons-list-wrap {
        overflow: hidden
    }

    .icons-list-item {
        align-items: center;
        background: #f1f4fb;
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        display: flex;
        height: 3rem;
        justify-content: center;
        margin: 4px;
        text-align: center
    }

        .icons-list-item i {
            font-size: 16px
        }

        .icons-list-item .svg-icon {
            height: 18px;
            width: 18px
        }

    .img-height,
    ::-ms-backdrop {
        height: 100%
    }

    .img-height1,
    ::-ms-backdrop {
        height: 333px
    }

    .social-profile-buttons li,
    ::-ms-backdrop {
        display: inline-block;
        float: none
    }

    .social-profile-buttons ul,
    ::-ms-backdrop {
        margin-bottom: 0
    }

    .btn-icon.btn-svg .svg-icon,
    ::-ms-backdrop {
        height: 16px
    }

    .price-svg .price-title,
    ::-ms-backdrop {
        top: 0 !important
    }

    .price-svg svg,
    ::-ms-backdrop {
        height: 65px !important
    }

    .item7-card-img,
    .main-content,
    ::-ms-backdrop {
        height: 100%
    }

    .page-single,
    .page-single-content,
    ::-ms-backdrop {
        display: inline-block !important
    }

    .page,
    .page-content,
    ::-ms-backdrop {
        display: -ms-flexbox !important
    }

    .h-100vh .page,
    ::-ms-backdrop {
        height: 100% !important
    }

    .page-style1,
    ::-ms-backdrop {
        background-attachment: fixed;
        background-position: 50%;
        background-size: cover
    }

    .app-sidebar-help,
    ::-ms-backdrop {
        display: none
    }

    ::-ms-backdrop,
    html.fullscreen-content {
        width: 100%
    }

        ::-ms-backdrop,
        html.fullscreen-content .app-content,
        html.fullscreen-content .main-content {
            height: 100vh;
            overflow: scroll;
            overflow-x: hidden
        }

    .modal-footer,
    .modal-footer.d-flex,
    ::-ms-backdrop {
        justify-content: inherit !important
    }

    .header-datepicker .form-control,
    .header-datepicker .form-control.fc-datepicker,
    ::-ms-backdrop {
        height: 42px;
        padding-bottom: 0;
        padding-top: 0
    }

    .media-body,
    ::-ms-backdrop {
        display: inline-block !important
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-menu,
    ::-ms-backdrop {
        position: relative
    }

    .pricing {
        border-radius: 7px;
        color: #fff
    }

        .pricing .card-category {
            background: hsla(0, 0%, 100%, .34);
            border-radius: 5px;
            color: #fff;
            padding: 7px 0
        }

        .pricing .list-unstyled li {
            border-bottom: 1px solid hsla(0, 0%, 100%, .1);
            padding: 7px 0
        }

    .pricing1 {
        border-radius: 7px;
        color: #8e9cad
    }

        .pricing1 .list-unstyled li {
            border-bottom: 1px solid #e9ebfa;
            padding: 7px 0
        }

        .pricing1 .card-category {
            background: hsla(0, 0%, 100%, .3);
            border-radius: 7px 7px 0 0;
            color: #fff;
            padding: 20px 0
        }

    .pricing-table {
        border-radius: 0;
        margin: 0 auto;
        transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        width: 100%
    }

        .pricing-table:hover {
            box-shadow: 0 0 30px rgba(0, 0, 0, .2)
        }

            .pricing-table:hover > .panel-footer-landing {
                box-shadow: inset 0 0 30px rgba(0, 0, 0, .05);
                -webkit-transition: all .3s ease
            }

            .pricing-table:hover > .panel > .panel-body-landing {
                background: #38a01e;
                -webkit-transition: all .3s ease
            }

            .pricing-table:hover > .panel > .panel-heading-landing-box {
                background: #fff !important;
                color: #333 !important;
                -webkit-transition: all .3s ease
            }

            .pricing-table:hover > .panel > .controle-header,
            .pricing-table:hover > .panel > .panel-footer {
                background: #38a01e !important;
                -webkit-transition: all .3s ease
            }

            .pricing-table:hover > .panel > .panel-footer {
                text-align: center
            }

                .pricing-table:hover > .panel > .panel-footer > .btn {
                    border: 1px solid #fff !important;
                    -webkit-transition: all .3s ease
                }

            .pricing-table:hover > .panel > .controle-header > .panel-title-landing {
                color: #fff !important;
                font-size: 35px;
                -webkit-transition: all .3s ease
            }

            .pricing-table:hover > .panel > .panel-body-landing > .table > tbody > tr > td {
                font-weight: 500;
                -webkit-transition: all .3s ease
            }

        .pricing-table > .panel > .controle-header > .panel-title-landing {
            color: #000 !important;
            font-size: 35px
        }

    .btn-price:hover {
        background: #fff !important;
        color: #38a01e !important;
        -webkit-transition: all .3s ease
    }

    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th {
        font-weight: 500;
        -webkit-transition: all .3s ease
    }

    .table > thead > tr > td,
    .table > thead > tr > th {
        font-weight: 600;
        outline: 0;
        -webkit-transition: all .3s ease
    }

    .panel-body-landing:hover > .table > tbody > tr > td {
        color: #fff !important;
        -webkit-transition: all .3s ease
    }

    .panel-heading-landing {
        background: #f7f7f7 !important;
        border: 2px solid #38a01e !important;
        border-bottom: none !important;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
        margin-top: 20px;
        padding: 20px !important;
        text-align: center
    }

    .col-sm-4 .pricing-table .table td {
        padding: .75rem;
        text-align: left;
        vertical-align: top
    }

    .panel-heading-landing-box {
        background: #38a01e !important;
        border-top: none !important;
        color: #fff !important;
        font-size: 16px !important;
        text-align: center
    }

    .panel-title-landing {
        color: #38a01e !important;
        font-size: 35px;
        font-weight: 700
    }

    .panel-body-landing {
        background: #fff;
        border: 2px solid #38a01e !important;
        border-bottom: none !important;
        border-top: none !important;
        text-align: center
    }

    .panel-footer-landing {
        background: #f7f7f7;
        border: 2px solid #38a01e !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        border-top: none !important;
        text-align: center
    }

    .plan-card .plan-icon {
        border: 12px solid rgba(242, 246, 249, .55);
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 35px;
        height: 100px;
        line-height: 76px;
        overflow: hidden;
        transition: all .3s;
        width: 100px
    }

    .plan-card .plan-price {
        border-top: 1px solid #e9ebfa;
        padding-top: 20px
    }

        .plan-card .plan-price span {
            font-size: 15px;
            vertical-align: middle
        }

    .plan-card .plan-features p {
        border-bottom: 1px solid #e9ebfa;
        line-height: 40px;
        margin-bottom: 0
    }

        .plan-card .plan-features p:first-child {
            border-top: 1px solid #e9ebfa
        }

    .panel.price {
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        margin-bottom: 1.5rem;
        overflow: hidden
    }

        .panel.price,
        .panel.price > .panel-heading {
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            -webkit-transition: all .3s ease
        }

            .panel.price h3 {
                margin-bottom: 0;
                padding: 20px 0
            }

            .panel.price .list-group-item:last-child {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0
            }

            .panel.price .list-group-item:first-child {
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }

    .panel-heading {
        background: #fff;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        padding: 10px 15px
    }

    .panel.price > .panel-heading {
        background: #36f;
        color: #fff
    }

    .price .list-group-item {
        border-bottom: 1px solid hsla(0, 0%, 98%, .5)
    }

    .price .panel-footer {
        border-bottom: 0
    }

    .price.panel-color > .panel-body,
    .price .panel-footer {
        background-color: #fff
    }

    .panel-body {
        padding: 15px
    }

        .panel-body .lead {
            font-size: 20px;
            margin-bottom: 0;
            padding: 10px 0
        }

            .panel-body .lead strong {
                font-size: 40px;
                margin-bottom: 0
            }

    .panel-footer {
        background-color: #f7f7f7;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-left: 1px solid #e9ebfa;
        border-right: 1px solid #e9ebfa;
        border-top: 1px solid #e9ebfa;
        padding: 10px 15px
    }

    .panel.price .btn {
        border: 0;
        box-shadow: inset 0 -1px 0 rgba(50, 50, 50, .2)
    }

    @media (min-width:992px) {
        .plan-card.active {
            box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px rgba(176, 184, 214, .16);
            font-size: 16px;
            height: 100%;
            margin-left: -20px;
            margin-top: -25px;
            padding: 30px 0 20px;
            width: 120%;
            z-index: 1
        }

            .plan-card.active .plan-features p {
                line-height: 50px
            }

            .plan-card.active .plan-card .plan-price span {
                font-size: 18px
            }

            .plan-card.active .display-4 {
                font-size: 3.5rem
            }

        .pricing-sctive .display-3 {
            font-size: 4rem
        }

        .plan-card.active h6 {
            font-size: 16px
        }

        .pricing-sctive {
            z-index: 1
        }

        .panel.price.active,
        .pricing-sctive {
            font-size: 16px;
            height: 100%;
            margin-left: -20px;
            margin-top: -25px;
            width: 120%
        }

        .panel.price.active {
            border-right: 1px !important;
            box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px rgba(176, 184, 214, .08);
            position: relative;
            z-index: 8
        }

        .no-gutters .panel.price {
            border-right: 0
        }

            .no-gutters .panel.price.active .panel-body .lead strong {
                font-size: 50px
            }

            .no-gutters .panel.price.active .price-title {
                font-size: 26px
            }

            .no-gutters .panel.price:last-child {
                border-right: 1px
            }
    }

    .price-svg {
        position: relative
    }

        .price-svg .price-title {
            color: #fff;
            font-size: 24px;
            font-weight: 500;
            left: 0;
            position: absolute;
            right: 0;
            text-align: center;
            text-transform: uppercase;
            top: 29%
        }

        .price-svg svg {
            height: 120px
        }

    .pricing-tabs ul.nav-price {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        display: inline-flex;
        margin: 30px auto 40px;
        overflow: hidden;
        text-align: center
    }

        .pricing-tabs ul.nav-price li {
            display: block
        }

            .pricing-tabs ul.nav-price li a {
                background: #fff;
                border-radius: 0;
                display: block;
                font-size: 16px;
                padding: 12px 40px;
                transition: .3s
            }

                .pricing-tabs ul.nav-price li a.active {
                    background: #36f;
                    color: #fff;
                    transition: .3s
                }

    .leading-loose li {
        padding: 5px 0
    }

        .leading-loose li:last-child {
            border-bottom: 0
        }

    .pricing-tabs .pri-tabs-heading2 ul.nav-price {
        background: #eaeefa;
        border: 1px solid #d3dfea;
        border-radius: 0;
        border-radius: 50px;
        display: inline-flex;
        margin: 30px auto 40px;
        text-align: center
    }

        .pricing-tabs .pri-tabs-heading2 ul.nav-price li {
            display: block
        }

            .pricing-tabs .pri-tabs-heading2 ul.nav-price li a {
                background: #eaeefa;
                border-radius: 50px;
                display: block;
                font-size: 16px;
                font-weight: 600;
                padding: 12px 40px;
                transition: .3s
            }

                .pricing-tabs .pri-tabs-heading2 ul.nav-price li a.active {
                    background: #36f
                }

    .pricing-tabs .pri-tabs-heading3 ul.nav-price {
        border-radius: 50px
    }

        .pricing-tabs .pri-tabs-heading3 ul.nav-price li:first-child a {
            border-left: 0;
            border-radius: 50px 0 0 50px
        }

        .pricing-tabs .pri-tabs-heading3 ul.nav-price li:last-child a {
            border-radius: 0 50px 50px 0
        }

        .pricing-tabs .pri-tabs-heading3 ul.nav-price li a {
            border-left: 1px solid #e9ebfa
        }

    .landingmain-header {
        display: block;
        position: absolute;
        width: 100%;
        z-index: 99
    }

    .landing-header {
        background: rgba(0, 0, 0, .1);
        border-bottom: 0;
        border-top: 0;
        box-shadow: none;
        display: flex;
        padding: 1.5rem 0 !important
    }

        .landing-header .headerlanding-logo .header-brand {
            line-height: 2
        }

        .landing-header .headerlanding-logo .header-brand-img {
            margin-top: 8px
        }

    .headerlanding-logo .header-brand-img.darkmobile-logo,
    .headerlanding-logo .header-brand-img.light-logo,
    .headerlanding-logo .header-brand-img.mobile-logo {
        display: none
    }

    .landing-header .horizontalMenu > .horizontalMenu-list > li > a {
        border-left: 0
    }

    .landing-header .horizontalMenu > .horizontalMenu-list > li:last-child > a {
        border-right: 0
    }

    .landingmain-header.header .horizontalMenu > .horizontalMenu-list > li > a,
    .sticky-wrapper.is-sticky .landing-header .horizontalMenu > .horizontalMenu-list > li > a {
        color: #313e6a
    }

        .landingmain-header.header .horizontalMenu > .horizontalMenu-list > li > a.active,
        .landingmain-header.header .horizontalMenu > .horizontalMenu-list > li > a:hover,
        .sticky-wrapper.is-sticky .landing-header .horizontalMenu > .horizontalMenu-list > li > a.active,
        .sticky-wrapper.is-sticky .landing-header .horizontalMenu > .horizontalMenu-list > li > a:hover {
            background: none;
            color: #36f
        }

    .landing-header .horizontalMenu > .horizontalMenu-list > li > a .hor-icon {
        font-size: 18px;
        margin-left: 0;
        margin-right: 0;
        vertical-align: middle
    }

    .sticky-wrapper.is-sticky .horizontal-main {
        background: #fff;
        border-bottom: 1px solid #e9ebfa;
        border-top: 0 solid #e9ebfa;
        box-shadow: 2px 3px 4.7px .3px rgba(176, 184, 214, .2);
        transition: all .5s ease;
        z-index: 9999 !important
    }

    .sptb-tab {
        padding-bottom: 11rem;
        padding-top: 6.2rem
    }

    .banner-1 .header-text,
    .banner-2 .header-text {
        left: 0;
        position: relative;
        right: 0;
        z-index: 10
    }

    .banner-2,
    .bg-background-support {
        position: relative
    }

        .bg-background-support:before {
            background: rgba(51, 102, 255, .85)
        }

        .banner-2:before,
        .bg-background-support:before {
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .banner-2:before {
            background: rgba(51, 102, 255, .8)
        }

        .bg-background-support h1 {
            font-size: 3rem;
            font-weight: 500 !important
        }

        .bg-background-support .header-text p {
            font-size: 1.125rem;
            margin-bottom: 1.5rem
        }

        .bg-background-support .search-background {
            position: relative
        }

        .bg-background-support .btn {
            color: #9ba5ca;
            position: absolute;
            right: 5px;
            top: 8px;
            z-index: 99
        }

    .search-background .form-control {
        height: 55px !important
    }

        .search-background .form-control,
        .search-background .form-control:focus {
            background: #fff !important;
            border: 1px solid #fff
        }

    .sptb {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .section-title {
        padding-bottom: 2rem
    }

    .widget-spec {
        margin-top: 1.2rem
    }

        .widget-spec li {
            border-bottom: 0;
            font-size: .85rem;
            margin-bottom: 1.2rem
        }

            .widget-spec li i {
                opacity: .4
            }

    .list-article li {
        border-bottom: 0;
        display: block;
        font-size: .85rem;
        margin-bottom: 1rem;
        padding-left: 2.3rem;
        position: relative
    }

        .list-article li i {
            background: #e9ebfa;
            border-radius: 50px;
            display: inline-block;
            font-size: 18px;
            height: 1.6rem;
            left: 0;
            line-height: 1.6rem !important;
            margin: 0 auto;
            position: absolute;
            text-align: center;
            top: -2px;
            width: 1.6rem
        }

    .list-article .categ-text,
    .list-article .categ-text:hover {
        transition: margin-left .45s ease
    }

        .list-article .categ-text:hover {
            margin-left: 5px
        }

    .item-list-scroll .item-list-icon {
        background: #e9ebfa;
        border-radius: 50px;
        display: inline-block;
        font-size: 18px;
        height: 1.6rem;
        left: 0;
        line-height: 1.6rem !important;
        margin: 0 auto;
        position: absolute;
        text-align: center;
        top: -2px;
        width: 1.6rem
    }

    .item-list-scroll a {
        display: block;
        margin-bottom: .5rem;
        padding-left: 2.3rem;
        position: relative
    }

    .footer-support {
        background: #23293a;
        display: block;
        margin-top: auto
    }

        .footer-support .footer-main {
            padding: 7.5rem 2rem 2rem
        }

            .footer-support .footer-main h6 {
                font-size: 18px;
                margin-bottom: .8rem
            }

        .footer-support .sub-footer {
            border-top: 1px solid hsla(0, 0%, 100%, .05)
        }

        .footer-support .footer-main li {
            border-bottom: 0;
            margin-bottom: .3rem
        }

        .footer-support a {
            line-height: 2
        }

        .footer-support li a:hover {
            color: #fff
        }

        .footer-support .social-icons li {
            border: 1px solid hsla(0, 0%, 100%, .2);
            border-radius: 50%;
            cursor: pointer;
            display: inline-block;
            font-size: .875rem;
            height: 35px;
            line-height: 35px;
            list-style: none;
            margin: 1px auto;
            text-align: center;
            width: 35px
        }

            .footer-support .social-icons li:hover {
                background: #36f
            }

                .footer-support .social-icons li:hover a {
                    color: #fff
                }

        .footer-support .footer-main li a {
            color: #969aa5
        }

            .footer-support .footer-main li a:hover {
                color: #fff
            }

        .footer-support .footer-main p {
            color: #969aa5
        }

        .footer-support .footer-main li:last-child {
            margin-bottom: 0
        }

        .footer-support .sub-footer p {
            color: #969aa5
        }

    .sticky-pin .landing-header {
        border-bottom: 1px solid #e9ebfa;
        box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09)
    }

    .owl-nav button {
        color: #425bd6 !important
    }

    .owl-carousel:hover .owl-nav button {
        -webkit-animation: sonarEffect 1.3s ease-out 75ms;
        animation: sonarEffect 1.3s ease-out 75ms;
        background: #fff !important;
        color: #425bd6 !important;
        transition-duration: .5s;
        transition-property: transform;
        transition-timing-function: ease-out
    }

    .owl-nav .owl-prev {
        left: -50px;
        right: -1.5em
    }

    .owl-nav .owl-next,
    .owl-nav .owl-prev {
        margin-top: -1.65em;
        position: absolute;
        top: 50%
    }

    .owl-nav .owl-next {
        right: -50px
    }

    .owl-nav button {
        background: hsla(0, 0%, 100%, .5) !important;
        border: 1px solid #eaf0f7 !important;
        border-radius: 50%;
        box-shadow: 0 4px 15px rgba(67, 67, 67, .1);
        display: block;
        font-size: 1.3rem !important;
        height: 2.5rem;
        line-height: 2em;
        text-align: center;
        width: 2.5rem;
        z-index: 100000
    }

    .owl-carousel button.owl-dot {
        background: #eaeefa !important;
        border: none;
        border-radius: 50%;
        display: inline-block;
        height: 10px;
        margin: 10px 10px 0;
        text-align: center;
        width: 10px
    }

        .owl-carousel button.owl-dot.active {
            background: #36f !important
        }

    .categ-icon img {
        height: 60px;
        margin-bottom: .8rem;
        width: 60px
    }

    .categ-icon i {
        font-size: 2.5rem;
        position: relative
    }

        .categ-icon i:after {
            border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
            bottom: 0;
            content: "";
            height: 35px;
            position: absolute;
            right: -8px;
            top: 8px;
            width: 35px
        }

        .categ-icon i.text-primary:after {
            background: rgba(51, 102, 255, .1);
            box-shadow: 0 5px 10px rgba(51, 102, 255, .15)
        }

        .categ-icon i.text-orange:after {
            background: rgba(240, 74, 32, .1);
            box-shadow: 0 5px 10px rgba(240, 74, 32, .15)
        }

        .categ-icon i.text-warning:after {
            background: rgba(255, 173, 0, .1);
            box-shadow: 0 5px 10px rgba(255, 173, 0, .15)
        }

        .categ-icon i.text-danger:after {
            background: rgba(241, 21, 65, .1);
            box-shadow: 0 5px 10px rgba(241, 21, 65, .15)
        }

        .categ-icon i.text-success:after {
            background: rgba(1, 195, 83, .1);
            box-shadow: 0 5px 10px rgba(1, 195, 83, .15)
        }

        .categ-icon i.text-pink:after {
            background: rgba(251, 50, 146, .1);
            box-shadow: 0 5px 10px rgba(251, 50, 146, .15)
        }

    .choose-icon img {
        height: 100px;
        margin-bottom: .5rem;
        width: 100px
    }

    .suuport-body {
        padding: 3.5rem 1.5rem
    }

    .horizontal-main.landing-header .mega-subtitle {
        color: #313e6a;
        font-size: 13.5px;
        font-weight: 600;
        padding-bottom: 1rem;
        position: relative;
        text-transform: uppercase
    }

        .horizontal-main.landing-header .mega-subtitle:before {
            border: 1px dashed #e9ebfa;
            bottom: 10%;
            content: "";
            left: 0;
            position: absolute;
            width: 100%
        }

    .landing-header .mega-menubg li:before,
    .landing-header .sub-menu li:before {
        display: none
    }

    @media (min-width:992px) {
        .landing-header .horizontalMenu > .horizontalMenu-list > li > a {
            font-weight: 500;
            padding: .75rem 1.2rem
        }

        .sticky-wrapper.is-sticky .headerlanding-logo .header-brand-img.light-logo {
            display: block
        }

        .landingmain-header.header .headerlanding-logo .header-brand-img.desktop-lgo {
            display: block !important;
            margin-top: 8px
        }

        .landingmain-header.header .headerlanding-logo .header-brand-img.light-logo,
        .sticky-wrapper.is-sticky .headerlanding-logo .header-brand-img.desktop-lgo {
            display: none
        }

        .landing-header .horizontalMenu > .horizontalMenu-list > li > a {
            color: #babff3
        }

            .landing-header .horizontalMenu > .horizontalMenu-list > li > a.active,
            .landing-header .horizontalMenu > .horizontalMenu-list > li > a:hover {
                background: none;
                color: #fff
            }

            .landing-header .horizontalMenu > .horizontalMenu-list > li > a .hor-icon {
                fill: #babff3;
                color: #babff3
            }

            .landing-header .horizontalMenu > .horizontalMenu-list > li > a.active .hor-icon,
            .landing-header .horizontalMenu > .horizontalMenu-list > li > a:hover .hor-icon {
                fill: #fff;
                color: #fff
            }

        .landingmain-header.header .horizontalMenu > .horizontalMenu-list > li > a.active:before,
        .sticky-wrapper.is-sticky .landing-header .horizontalMenu > .horizontalMenu-list > li > a.active:before {
            background: #36f
        }

        .landing-header .horizontalMenu > .horizontalMenu-list > li > a.active:before {
            background: #fff;
            bottom: 0;
            color: transparent;
            content: "";
            font-size: 1.3em;
            height: 2px;
            left: 26%;
            pointer-events: none;
            position: absolute;
            text-shadow: transparent 0 0;
            transition: all .25s ease-in-out 0s;
            width: 42px
        }

        .landingmain-header.header {
            padding: 0;
            position: relative
        }

            .landingmain-header.header .horizontal-main {
                background: #fff;
                border-bottom: 1px solid #e9ebfa;
                box-shadow: 2px 3px 4.7px .3px rgba(176, 184, 214, .2);
                z-index: 99
            }

        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
            border: 1px solid #e9ebfa;
            border-radius: 4px;
            box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
            top: 70px
        }

        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
            top: 70px
        }

            .landingmain-header .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a,
            .landingmain-header .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
                margin-left: 0
            }

            .landingmain-header .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li {
                padding: 5px 0
            }

        .landingmain-header .mega-menubg {
            border: 1px solid #e9ebfa;
            border-radius: 4px;
            box-shadow: 0 16px 18px rgba(6, 10, 48, .1)
        }

        .landingmain-header .sub-menu li a:before {
            content: "";
            font-family: FontAwesome !important;
            left: -2px;
            margin-right: 8px;
            opacity: .6;
            position: relative;
            top: 0
        }

        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a.active,
        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover,
        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active,
        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
            color: #36f
        }

        .support-mobile-header {
            display: none
        }
    }

    @media (max-width:992px) {
        .landingmain-header .sticky-wrapper {
            height: auto !important
        }

        .headerlanding-logo {
            display: none
        }

        .landing-header {
            padding: 1.75rem 0
        }

        .sticky-wrapper.is-sticky .landing-header {
            background: #36f
        }

        .support-mobile-header {
            background: #fff;
            border-bottom: 1px solid #e9ebfa;
            padding: .75rem 0;
            position: fixed;
            width: 100%;
            z-index: 999
        }

            .support-mobile-header .header-brand-img.light-logo {
                display: none
            }

            .support-mobile-header .header-brand .header-brand-img {
                left: 0;
                margin: 5px auto 0;
                position: absolute;
                right: 0
            }

        .landingmain-header .sub-icon span.fe {
            display: none
        }

        .landingmain-header .menu-btn .btn {
            margin: 1rem
        }

        .support-mobile-header .profile-dropdown.show .dropdown-menu {
            left: 0 !important
        }
    }

    .list-card {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 7px;
        margin-bottom: 12px;
        padding: 14px 25px;
        position: relative
    }

    .suuport-accordion .acc-header a {
        background: #dee5f7;
        padding: 1.25rem
    }

    .absolute-banner-section {
        margin-bottom: -55px
    }

        .absolute-banner-section .card {
            box-shadow: 0 5px 40px 0 rgba(4, 4, 7, .1)
        }

    .header-text3 {
        bottom: -235px;
        left: 0;
        position: absolute;
        width: 460px;
        z-index: 2
    }

    .livechat-bg img {
        font-size: 10rem;
        left: -10px;
        position: absolute;
        top: 30px
    }

    .widget-spec .categ-text,
    .widget-spec .categ-text:hover {
        transition: margin-left .45s ease
    }

        .widget-spec .categ-text:hover {
            margin-left: 5px
        }

    .menu-btn .btn {
        padding: 8px 25px
    }

    .support-card {
        cursor: pointer;
        transform: perspective(1px) translateZ(0);
        transition-duration: .3s
    }

        .support-card:hover {
            box-shadow: 0 6px 18px 4px rgba(6, 10, 48, .08);
            transform: scale(1.02)
        }

    .spfooter {
        display: block;
        margin-top: auto
    }

        .spfooter .footer-main {
            padding-bottom: 2.5rem;
            padding-top: 2.5rem
        }

    .captch-body {
        margin-top: .75rem
    }

        .captch-body img {
            background: #e9ebfa;
            border: 1px dashed #d3dfea;
            border-radius: 4px;
            padding: 5px
        }

    .bannerimg {
        background-size: cover;
        padding: 3.7rem 0;
        position: relative
    }

        .bannerimg:before {
            background: rgba(51, 102, 255, .95);
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .bannerimg .header-text {
            position: relative;
            z-index: 10
        }

    .icon-style-circle {
        border-radius: 50px;
        display: inline-block;
        height: 1.6rem;
        line-height: 1.6rem !important;
        margin: 0 auto;
        text-align: center;
        width: 1.6rem
    }

    .klview-icons {
        border-radius: 5px;
        position: absolute;
        right: 20px;
        top: 20px
    }

        .klview-icons a:first-child {
            border-right: 1px solid #e9ebfa
        }

    .ticket-summernote .note-btn-group .note-btn {
        padding: 10px 13.5px
    }

        .ticket-summernote .note-btn-group .note-btn.btn-codeview {
            border-right: 0
        }

    .support-sidebar .side-menu li a {
        border-bottom: 1px solid #e9ebfa;
        border-left: 3px solid transparent;
        display: flex;
        padding: 16px 20px;
        position: relative
    }

    .support-sidebar .side-menu li:first-child a {
        border-top: 1px solid #e9ebfa
    }

    .support-sidebar .side-menu li:last-child a {
        border-bottom: 0
    }

    .support-sidebar .side-menu li .side-menu__item.active {
        background: #dee5f7;
        border-left: 3px solid #36f;
        color: #36f
    }

    .support-sidebar .side-menu li .side-menu__item:hover {
        border-left: 3px solid #36f;
        color: #36f
    }

    .support-sidebar .side-menu__label {
        flex: 1 1 auto;
        white-space: nowrap
    }

    .support-sidebar .side-menu__icon {
        color: #313e6a;
        font-size: 18px;
        line-height: 1.2;
        margin-right: .6rem
    }

    .support-sidebar .slide-menu {
        display: none
    }

    .support-sidebar .slide.is-expanded .slide-menu {
        display: block
    }

    .support-sidebar .angle {
        margin-top: 3px;
        transform-origin: center;
        transition: transform .3s ease
    }

    .support-sidebar .slide.is-expanded .angle {
        transform: rotate(90deg)
    }

    .support-sidebar .slide-menu {
        font-size: .8rem !important;
        padding-left: 10px
    }

        .support-sidebar .slide-menu li a {
            border-bottom: 0;
            padding: 12px 14px 12px 35px
        }

        .support-sidebar .slide-menu li:first-child a {
            border-top: 0
        }

        .support-sidebar .slide-menu li a:before {
            content: "";
            font-family: FontAwesome;
            margin-right: 12px;
            opacity: .6;
            position: relative
        }

    .support-sidebar .side-menu__item.active .side-menu__icon,
    .support-sidebar .side-menu__item:hover .side-menu__icon {
        color: #36f
    }

    .support-sidebar .side-menu .slide-menu li a.active,
    .support-sidebar .side-menu .slide-menu li a:hover,
    .support-sidebar .slide-menu li a.active:before,
    .support-sidebar .slide-menu li a:hover:before {
        color: #36f;
        opacity: inherit
    }

    .supportticket-active td,
    .supportticket-list td {
        padding: 1.2rem 1rem
    }

    .supportticket-active thead th,
    .supportticket-list thead th {
        padding: 1rem
    }

    .attach-supportfiles {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        float: left;
        position: relative;
        text-align: center;
        text-decoration: none !important;
        width: 100%
    }

        .attach-supportfiles img {
            padding: 5px
        }

        .attach-supportfiles .attach-title {
            background: #dee5f7;
            bottom: -30px;
            font-size: 11px;
            font-weight: 500;
            line-height: 30px;
            overflow: hidden;
            padding: 0 5px;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%
        }

        .attach-supportfiles .img-options-remove {
            background: #dee5f7;
            border: 1px solid #e9ebfa;
            border-radius: 50px;
            box-shadow: 0 10px 10px 20px rgba(229, 230, 236, 0), 0 10px 15px -5px rgba(6, 10, 48, .2);
            color: #313e6a;
            font-size: 12px;
            opacity: 0;
            padding: 2px 4px;
            position: absolute;
            right: -10px;
            top: -8px
        }

        .attach-supportfiles:hover .img-options-remove {
            opacity: 1
        }

    .editsupportnote-icon .note-placeholder {
        color: #313e6a
    }

    .support-convercontent .media-body:hover {
        cursor: pointer
    }

    .editsupportnote-icon {
        display: none;
        margin-top: 1rem
    }

    .add-supportnote .editsupportnote-icon {
        display: block
    }

    .supportnote-icon {
        cursor: pointer
    }

    .add-supportnote .supportnote-body,
    .reopen-card {
        display: none
    }

    .add-reopencard .reopen-card {
        display: block
    }

    .add-reopencard .reply-card {
        display: none
    }

    hr.closed-divider {
        border-top: 1px dashed #f11541;
        margin-bottom: .8rem !important
    }

        hr.closed-divider:after {
            background: #f11541;
            border: 1px solid #f11541;
            border-radius: 5px;
            color: #fff;
            content: "Closed Ticket";
            display: block;
            font-size: 12px;
            font-weight: 500;
            height: 25px;
            line-height: 23px;
            position: relative;
            top: -1.2em;
            width: 100px;
            z-index: 9
        }

        .item-user .dash-line,
        hr.closed-divider:after {
            left: 0;
            margin: 0 auto;
            right: 0;
            text-align: center
        }

    .item-user .dash-line {
        border: 1px dashed #dce7f5;
        bottom: 43%;
        display: inline-block;
        height: 15%;
        position: absolute;
        width: 1.5px
    }

        .item-user .dash-line:before {
            content: "";
            top: -20px
        }

        .item-user .dash-line:after,
        .item-user .dash-line:before {
            color: #dce7f5;
            font-family: FontAwesome !important;
            font-size: 20px;
            left: -6px;
            position: relative
        }

        .item-user .dash-line:after {
            bottom: -18px;
            content: ""
        }

    @media (max-width:768px) {
        .landing-header {
            padding: 0
        }
    }

    .pricing-table {
        border: 1px solid #e9ebfa;
        border-radius: 13px !important;
        cursor: pointer;
        overflow: hidden;
        text-align: center
    }

        .pricing-table .price-header {
            background-color: #dee5f7;
            padding: 30px 0 25px;
            position: relative;
            transition: .3s ease-in
        }

        .pricing-table .price-body ul {
            margin: 40px 0 0;
            padding: 0
        }

            .pricing-table .price-body ul li {
                border-bottom: 1px solid #e9ebfa;
                display: block;
                list-style: none;
                padding: 15px 0;
                transition: .3s ease-in
            }

        .pricing-table .price-footer {
            margin: 40px 20px
        }

        .pricing-table .price {
            color: #282828;
            font-size: 50px;
            font-weight: 500;
            margin-bottom: 15px;
            position: relative;
            text-align: center;
            transition: .3s ease-in
        }

            .pricing-table .price .dollar {
                font-size: 33px;
                line-height: 33px;
                position: relative;
                top: -12px
            }

        .pricing-table:hover {
            box-shadow: 0 6px 18px 4px rgba(6, 10, 48, .08) !important
        }

            .pricing-table:hover .price-header {
                background-color: #36f
            }

                .pricing-table:hover .price-header .price,
                .pricing-table:hover .title {
                    color: #fff
                }

        .pricing-table .price-header .permonth {
            background-color: #fff;
            border-radius: 25px;
            bottom: -20px;
            box-shadow: 0 0 11px 0 rgba(27, 30, 58, .1);
            font-size: 14px;
            font-weight: 500;
            left: 0;
            margin: 0 3rem;
            padding: 10px 35px;
            position: absolute;
            right: 0
        }

    footer.footer {
        background: transparent;
        border-top: 0 solid #ebedfa;
        margin-top: auto
    }

    .footer,
    footer.footer {
        font-size: .875rem;
        padding: 1.25rem 0
    }

    .footer {
        background: #fff;
        border-top: 1px solid #e9ebfa
    }

        .footer .social {
            margin: 0 auto
        }

            .footer .social ul li {
                float: left;
                padding: 7px
            }

                .footer .social ul li a {
                    color: #abb8c3
                }

        .footer a:not(.btn) {
            color: #9ba5ca;
            font-weight: 400
        }

    @media print {
        .footer {
            display: none
        }
    }

    @media (max-width:767px) {
        .footer .privacy {
            text-align: center !important
        }
    }

    .aside-footer {
        border-top: 1px solid #e9ebfa;
        padding: 1rem 1.5rem
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        margin-left: -.75rem;
        margin-right: -.75rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-first {
        order: -1
    }

    .order-last {
        order: 13
    }

    .order-0 {
        order: 0
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-5 {
        order: 5
    }

    .order-6 {
        order: 6
    }

    .order-7 {
        order: 7
    }

    .order-8 {
        order: 8
    }

    .order-9 {
        order: 9
    }

    .order-10 {
        order: 10
    }

    .order-11 {
        order: 11
    }

    .order-12 {
        order: 12
    }

    .offset-1 {
        margin-left: 8.33333333%
    }

    .offset-2 {
        margin-left: 16.66666667%
    }

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

    .offset-4 {
        margin-left: 33.33333333%
    }

    .offset-5 {
        margin-left: 41.66666667%
    }

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

    .offset-7 {
        margin-left: 58.33333333%
    }

    .offset-8 {
        margin-left: 66.66666667%
    }

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

    .offset-10 {
        margin-left: 83.33333333%
    }

    .offset-11 {
        margin-left: 91.66666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .order-sm-last {
            order: 13
        }

        .order-sm-0 {
            order: 0
        }

        .order-sm-1 {
            order: 1
        }

        .order-sm-2 {
            order: 2
        }

        .order-sm-3 {
            order: 3
        }

        .order-sm-4 {
            order: 4
        }

        .order-sm-5 {
            order: 5
        }

        .order-sm-6 {
            order: 6
        }

        .order-sm-7 {
            order: 7
        }

        .order-sm-8 {
            order: 8
        }

        .order-sm-9 {
            order: 9
        }

        .order-sm-10 {
            order: 10
        }

        .order-sm-11 {
            order: 11
        }

        .order-sm-12 {
            order: 12
        }

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

        .offset-sm-1 {
            margin-left: 8.33333333%
        }

        .offset-sm-2 {
            margin-left: 16.66666667%
        }

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

        .offset-sm-4 {
            margin-left: 33.33333333%
        }

        .offset-sm-5 {
            margin-left: 41.66666667%
        }

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

        .offset-sm-7 {
            margin-left: 58.33333333%
        }

        .offset-sm-8 {
            margin-left: 66.66666667%
        }

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

        .offset-sm-10 {
            margin-left: 83.33333333%
        }

        .offset-sm-11 {
            margin-left: 91.66666667%
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .order-md-last {
            order: 13
        }

        .order-md-0 {
            order: 0
        }

        .order-md-1 {
            order: 1
        }

        .order-md-2 {
            order: 2
        }

        .order-md-3 {
            order: 3
        }

        .order-md-4 {
            order: 4
        }

        .order-md-5 {
            order: 5
        }

        .order-md-6 {
            order: 6
        }

        .order-md-7 {
            order: 7
        }

        .order-md-8 {
            order: 8
        }

        .order-md-9 {
            order: 9
        }

        .order-md-10 {
            order: 10
        }

        .order-md-11 {
            order: 11
        }

        .order-md-12 {
            order: 12
        }

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

        .offset-md-1 {
            margin-left: 8.33333333%
        }

        .offset-md-2 {
            margin-left: 16.66666667%
        }

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

        .offset-md-4 {
            margin-left: 33.33333333%
        }

        .offset-md-5 {
            margin-left: 41.66666667%
        }

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

        .offset-md-7 {
            margin-left: 58.33333333%
        }

        .offset-md-8 {
            margin-left: 66.66666667%
        }

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

        .offset-md-10 {
            margin-left: 83.33333333%
        }

        .offset-md-11 {
            margin-left: 91.66666667%
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .order-lg-last {
            order: 13
        }

        .order-lg-0 {
            order: 0
        }

        .order-lg-1 {
            order: 1
        }

        .order-lg-2 {
            order: 2
        }

        .order-lg-3 {
            order: 3
        }

        .order-lg-4 {
            order: 4
        }

        .order-lg-5 {
            order: 5
        }

        .order-lg-6 {
            order: 6
        }

        .order-lg-7 {
            order: 7
        }

        .order-lg-8 {
            order: 8
        }

        .order-lg-9 {
            order: 9
        }

        .order-lg-10 {
            order: 10
        }

        .order-lg-11 {
            order: 11
        }

        .order-lg-12 {
            order: 12
        }

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

        .offset-lg-1 {
            margin-left: 8.33333333%
        }

        .offset-lg-2 {
            margin-left: 16.66666667%
        }

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

        .offset-lg-4 {
            margin-left: 33.33333333%
        }

        .offset-lg-5 {
            margin-left: 41.66666667%
        }

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

        .offset-lg-7 {
            margin-left: 58.33333333%
        }

        .offset-lg-8 {
            margin-left: 66.66666667%
        }

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

        .offset-lg-10 {
            margin-left: 83.33333333%
        }

        .offset-lg-11 {
            margin-left: 91.66666667%
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .order-xl-last {
            order: 13
        }

        .order-xl-0 {
            order: 0
        }

        .order-xl-1 {
            order: 1
        }

        .order-xl-2 {
            order: 2
        }

        .order-xl-3 {
            order: 3
        }

        .order-xl-4 {
            order: 4
        }

        .order-xl-5 {
            order: 5
        }

        .order-xl-6 {
            order: 6
        }

        .order-xl-7 {
            order: 7
        }

        .order-xl-8 {
            order: 8
        }

        .order-xl-9 {
            order: 9
        }

        .order-xl-10 {
            order: 10
        }

        .order-xl-11 {
            order: 11
        }

        .order-xl-12 {
            order: 12
        }

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

        .offset-xl-1 {
            margin-left: 8.33333333%
        }

        .offset-xl-2 {
            margin-left: 16.66666667%
        }

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

        .offset-xl-4 {
            margin-left: 33.33333333%
        }

        .offset-xl-5 {
            margin-left: 41.66666667%
        }

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

        .offset-xl-7 {
            margin-left: 58.33333333%
        }

        .offset-xl-8 {
            margin-left: 66.66666667%
        }

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

        .offset-xl-10 {
            margin-left: 83.33333333%
        }

        .offset-xl-11 {
            margin-left: 91.66666667%
        }
    }

    .row-cards > .col,
    .row-cards > [class*=col-] {
        display: flex;
        flex-direction: column
    }

    .row-deck > .col,
    .row-deck > [class*=col-] {
        align-items: stretch;
        display: flex
    }

        .row-deck > .col .card,
        .row-deck > [class*=col-] .card {
            flex: 1 1 auto
        }

    .col-text {
        max-width: 48rem
    }

    .col-login {
        max-width: 24rem
    }

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

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

        .gutters-0 .card {
            margin-bottom: 0
        }

    .gutters-xs {
        margin-left: -.25rem;
        margin-right: -.25rem
    }

        .gutters-xs > .col,
        .gutters-xs > [class*=col-] {
            padding-left: .25rem;
            padding-right: .25rem
        }

        .gutters-xs .card {
            margin-bottom: .5rem
        }

    .gutters-sm {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

        .gutters-sm > .col,
        .gutters-sm > [class*=col-] {
            padding-left: .5rem;
            padding-right: .5rem
        }

        .gutters-sm .card {
            margin-bottom: 1rem
        }

    .gutters-lg {
        margin-left: -1rem;
        margin-right: -1rem
    }

        .gutters-lg > .col,
        .gutters-lg > [class*=col-] {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .gutters-lg .card {
            margin-bottom: 2rem
        }

    .gutters-xl {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

        .gutters-xl > .col,
        .gutters-xl > [class*=col-] {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .gutters-xl .card {
            margin-bottom: 3rem
        }

    .header.top-header {
        z-index: 999 !important
    }

    .page-header {
        align-items: center;
        border-radius: 7px;
        display: flex;
        -ms-flex-wrap: wrap;
        justify-content: space-between;
        margin: 3rem 0;
        min-height: 50px;
        padding: 0;
        position: relative
    }

        .page-header .breadcrumb-icon {
            margin-left: 4px;
            margin-top: 3px
        }

        .page-header .breadcrumb-item {
            margin-top: 3px
        }

            .page-header .breadcrumb-item .svg-icon {
                width: 20px
            }

            .page-header .breadcrumb-item:first-child {
                margin-top: 0
            }

    .page-title {
        font-size: 25px;
        font-weight: 500;
        line-height: 2.5rem;
        margin: 0;
        position: relative
    }

    .page-title-icon {
        color: #9aa0ac;
        font-size: 1.25rem
    }

    .page-subtitle {
        color: #6e7687;
        font-size: .8125rem;
        margin-left: 2rem;
        position: relative
    }

        .page-subtitle a {
            color: inherit
        }

    .page-options {
        margin-left: auto
    }

    .page-description {
        color: #6e7687;
        margin: .25rem 0 0
    }

        .page-description a {
            color: inherit
        }

    .page-single,
    .page-single-content {
        align-items: center;
        display: flex;
        flex: 1 1 auto;
        justify-content: center
    }

    .content-heading {
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.25;
        margin: 2rem 0 1.5rem
    }

        .content-heading:first-child {
            margin-top: 0
        }

    .aside {
        background: #fff;
        border-left: 1px solid #e9ebfa;
        bottom: 0;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
        display: flex;
        flex-direction: column;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden;
        width: 22rem;
        z-index: 100
    }

    @media (min-width:1600px) {
        body.aside-opened .aside {
            visibility: visible
        }
    }

    .aside-body {
        flex: 1 1 auto;
        overflow: auto;
        padding: 1.5rem
    }

    .header {
        background: #f1f4fb;
        padding-bottom: .75rem;
        padding-top: .75rem
    }

        .header .dropdown-menu {
            margin-top: 0
        }

        .header .mega-menu {
            width: 350px
        }

    .header-bg {
        background: #38a01e;
        background: linear-gradient(90deg, #38a01e, #36f)
    }

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

    .header-brand {
        line-height: 2.6rem;
        margin-right: 0
    }

    .app-header .header-brand,
    .header-brand {
        color: inherit;
        font-size: 1.25rem;
        font-weight: 600;
        padding: 0;
        transition: opacity .3s;
        white-space: nowrap
    }

    .app-header .header-brand {
        line-height: 2.9rem;
        margin-right: 1rem;
        min-width: 220px;
        min-width: auto !important;
        text-align: center
    }

        .app-header .header-brand .header-brand-img {
            margin-right: 0
        }

    .app-header1 .header-brand {
        color: inherit;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 2.9rem;
        margin-right: 0;
        min-width: 215px;
        padding: 0;
        text-align: center;
        transition: opacity .3s;
        white-space: nowrap
    }

        .app-header1 .header-brand .header-brand-img {
            margin-right: 0
        }

    .header-brand:hover {
        color: inherit;
        text-decoration: none
    }

    .header-avatar {
        border-radius: 50%;
        vertical-align: bottom
    }

    .header-avatar,
    .header-btn {
        display: inline-block;
        height: 2rem;
        width: 2rem
    }

    .header-btn {
        font-size: 1rem;
        line-height: 2rem;
        text-align: center
    }

        .header-btn.has-new {
            position: relative
        }

            .header-btn.has-new:before {
                background: #dc0441;
                border-radius: 50%;
                content: "";
                height: 6px;
                position: absolute;
                right: 4px;
                top: 4px;
                width: 6px
            }

    .header-toggler {
        color: #000;
        height: 3rem;
        position: relative;
        width: 3rem
    }

        .header-toggler:hover {
            color: #32e448
        }

    .header-toggler-icon {
        background: currentColor;
        border-radius: 3px;
        box-shadow: 0 5px currentColor, 0 -5px currentColor;
        color: inherit;
        height: 2px;
        left: 50%;
        margin: -2px 0 0 -.5rem;
        position: absolute;
        top: 50%;
        width: 1rem
    }

    .header.hor-header {
        background: #fff;
        border-bottom: 1px solid #ebedfa;
        box-shadow: none;
        margin: 0 auto;
        width: 100%;
        z-index: 10
    }

        .header.hor-header .search-element {
            margin-left: 20px;
            margin-top: 3px
        }

    @media (max-width:768px) {
        .header-brand {
            line-height: 2.7rem !important
        }

        .header .input-icon.mt-2 {
            margin-top: 5px !important
        }

        .right-content.breadcrumb-right .btn-list {
            margin-top: 12px !important
        }

        .hor-header.header .header-brand .header-brand-img {
            margin-left: 3.5em
        }

            .hor-header.header .header-brand .header-brand-img.dark-logo,
            .hor-header.header .header-brand .header-brand-img.darkmobile-logo,
            .hor-header.header .header-brand .header-brand-img.desktop-lgo {
                display: none
            }

        .header.hor-header .search-element {
            margin-left: 0;
            margin-top: 0
        }
    }

    @media (max-width:992px) and (min-width:768px) {
        .hor-header.header .header-brand .header-brand-img {
            margin-left: 3.5em
        }

            .hor-header.header .header-brand .header-brand-img.dark-logo,
            .hor-header.header .header-brand .header-brand-img.darkmobile-logo,
            .hor-header.header .header-brand .header-brand-img.mobile-logo {
                display: none
            }

            .hor-header.header .header-brand .header-brand-img.desktop-lgo {
                display: block;
                margin-top: 5px
            }
    }

    @media (min-width:767px) {
        .right-content.breadcrumb-right .btn-list {
            margin-top: 12px !important
        }
    }

    @media (max-width:768px) and (min-width:481px) {
        .header-brand {
            margin-left: 20px
        }
    }

    @media print {
        .header {
            display: none
        }
    }

    .aside-header {
        border-bottom: 1px solid #e9ebfa;
        padding: 1rem 1.5rem
    }

    @media (max-width:767px) {
        .header .header-flags {
            display: none
        }
    }

    .search-element {
        position: relative
    }

    .header .form-inline .form-control {
        background: #f1f4fb;
        border: 0;
        height: 45px;
        margin-left: 0;
        padding-left: 20px;
        padding-right: 40px;
        padding-top: 7px;
        width: 368px
    }

        .header .form-inline .form-control:focus {
            box-shadow: none
        }

    .header .form-inline .btn {
        background: transparent;
        border: 2px solid transparent;
        border-radius: 0;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        box-shadow: none;
        color: #fff;
        font-size: 15px;
        margin-left: -56px;
        padding: 5px 15px 6px;
        position: absolute;
        right: 0;
        top: 3px
    }

        .header .form-inline .btn i {
            color: #555b95
        }

    @media (max-width:767.98px) and (min-width:576px) {
        .header .form-inline .search-element {
            display: none;
            left: 10px;
            position: absolute;
            right: 10px;
            top: 8px;
            z-index: 892
        }

        body.search-show .header .form-inline .search-element {
            display: block
        }

        .header .navsearch i {
            color: #fff
        }

        .search-element .form-control {
            background: #fff !important;
            border: 1px solid #e9ebfa;
            color: #263871;
            float: left;
            height: 40px;
            margin: 0 auto;
            width: 100% !important
        }

        .search-show .search-element {
            background: #36f;
            display: block;
            left: 0 !important;
            padding: 21px 22px;
            right: 0;
            top: 0 !important;
            width: 100%
        }

        .header .form-inline .form-control::-webkit-input-placeholder {
            color: #b3bdca !important
        }

        .header .navsearch i {
            color: #263871;
            font-size: 20px;
            padding-top: 5px
        }

        .header .form-inline .btn {
            color: #46494a !important;
            padding: 8px 15px 6px;
            position: unset !important
        }
    }

    @media (max-width:1024px) {
        .app.sidebar-gone.search-show .header {
            z-index: 1036
        }

        body.search-show,
        body.sidebar-show {
            overflow: hidden
        }

            body.search-show:before,
            body.sidebar-show:before {
                background-color: rgba(0, 0, 0, .4);
                content: "";
                height: 100%;
                left: 0;
                opacity: .6;
                position: fixed;
                right: 0;
                width: 100%;
                z-index: 9
            }
    }

    @media (min-width:575.98px) and (max-width:1200px) {
        .header .form-inline .form-control {
            min-width: 0 !important;
            width: 150px
        }
    }

    @media (max-width:575.98px) {
        body.search-show .header .form-inline .search-element {
            display: block
        }

        .header .form-inline .btn {
            right: 1.5rem;
            top: 1.55rem
        }

        .header .header-message {
            display: none
        }

        .header .form-inline .search-element .form-control {
            background: #fff;
            float: left;
            height: 40px;
            margin: 0 auto;
            width: 100%
        }

        .search-show .search-element {
            background: #36f;
            display: block;
            left: 0;
            padding: 24px 25px;
            right: 0;
            top: 0;
            width: 100%
        }

        .form-control.header-search {
            color: #000
        }

        .header .form-inline .search-element {
            display: none;
            position: absolute;
            z-index: 892
        }

        .header .form-inline .btn {
            color: #46494a !important
        }

        .header .form-inline .form-control::-webkit-input-placeholder {
            color: #b3bdca !important
        }

        .header .navsearch i {
            color: #263871;
            font-size: 20px;
            padding-top: 4px
        }

        .app-header .header-brand .header-brand-img.mobile-logo {
            display: block !important
        }
    }

    .app-header .header-brand .header-brand-img.dark-logo,
    .app-header .header-brand .header-brand-img.darkmobile-logo,
    .app-header .header-brand .header-brand-img.mobile-logo {
        display: none
    }

    @media (max-width:320px) {
        .header-datepicker .form-control,
        .header-datepicker .form-control.fc-datepicker {
            width: 98px !important
        }
    }

    @media (max-width:992px) {
        .hor-header.header {
            box-shadow: 0 6px 18px rgba(196, 205, 224, .1);
            position: fixed;
            z-index: 9999
        }

        .main-content {
            margin-top: 6.5rem
        }
    }

    @media (min-width:992px) {
        .hor-header.header .header-brand .header-brand-img.dark-logo,
        .hor-header.header .header-brand .header-brand-img.darkmobile-logo,
        .hor-header.header .header-brand .header-brand-img.mobile-logo {
            display: none
        }
    }

    .header-search {
        min-width: 18rem !important
    }

        .header-search .search-element {
            margin-left: 15px;
            position: relative
        }

        .header-search .btn {
            color: #8499c4;
            position: absolute;
            right: 0;
            top: 0
        }

    .horizontal-main {
        position: relative;
        width: 100%
    }

    .horizontalMenu body,
    .horizontalMenu h1,
    .horizontalMenu h2,
    .horizontalMenu h3,
    .horizontalMenu h4,
    .horizontalMenu h5,
    .horizontalMenu h6,
    .horizontalMenu html,
    .horizontalMenu iframe {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        border: 0;
        color: #263871;
        font: inherit;
        font-size: 14px;
        font-weight: 400;
        font-weight: 500 !important;
        line-height: 18px;
        margin: 0;
        padding: 0;
        vertical-align: baseline
    }

    .horizontalMenu .cl {
        clear: both
    }

    .horizontalMenu img,
    embed,
    object,
    video {
        border: 0;
        max-width: 100%
    }

    .horizontalMenu a:focus {
        outline: none
    }

    .horizontalMenu:after,
    .horizontalMenu:before {
        content: "";
        display: table
    }

    .horizontalMenu:after {
        clear: both
    }

    .horizontalMenucontainer {
        background-attachment: fixed;
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden
    }

    .horizontal-mainwrapper {
        margin: 0 auto
    }

    .desktoplogo {
        float: left;
        margin: 0;
        padding: .75rem
    }

        .desktoplogo img {
            width: 100%
        }

    .horizontalMenu {
        color: #fff;
        display: block;
        font-size: 14px;
        padding: 0
    }

        .horizontalMenu > .horizontalMenu-list {
            display: block;
            margin: 0 auto;
            padding: 0;
            text-align: left;
            width: 100%
        }

            .horizontalMenu > .horizontalMenu-list > li {
                display: block;
                float: left;
                margin: 0;
                padding: 0;
                text-align: center
            }

                .horizontalMenu > .horizontalMenu-list > li > a {
                    color: #aab3cc;
                    display: block;
                    font-size: 14px;
                    font-weight: 500;
                    margin: 0 2px;
                    padding: 8px 20px;
                    position: relative;
                    text-decoration: none;
                    vertical-align: middle
                }

                .horizontalMenu > .horizontalMenu-list > li:last-child > a {
                    border-right: 0;
                    margin-right: 0
                }

                .horizontalMenu > .horizontalMenu-list > li:first-child > a {
                    margin-left: 0
                }

                .horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
                    padding-left: 25px;
                    padding-right: 25px
                }

                .horizontalMenu > .horizontalMenu-list > li > a i.horizontal-icon {
                    display: inline-block;
                    font-size: 12px;
                    line-height: inherit;
                    margin-left: 3px;
                    vertical-align: middle
                }

                .horizontalMenu > .horizontalMenu-list > li > a .arrow:after {
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-top: 4px solid;
                    content: "";
                    float: right;
                    height: 0;
                    margin: 0 0 0 14px;
                    position: absolute;
                    right: 11px;
                    text-align: right;
                    top: 33px;
                    width: 0
                }

                .horizontalMenu > .horizontalMenu-list > li.rightmenu {
                    zoom: 1;
                    float: right
                }

                    .horizontalMenu > .horizontalMenu-list > li.rightmenu a {
                        border-right: none;
                        padding: 0 30px 0 20px
                    }

                        .horizontalMenu > .horizontalMenu-list > li.rightmenu a i {
                            font-size: 15px
                        }

                    .horizontalMenu-list > li.rightmenu:after,
                    .horizontalMenu > .horizontalMenu-list > li.rightmenu:before {
                        content: "";
                        display: table
                    }

                    .horizontalMenu > .horizontalMenu-list > li.rightmenu:after {
                        clear: both
                    }

                    .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch {
                        float: right;
                        height: 39px;
                        margin: 16px 0 0;
                        position: relative;
                        width: 210px
                    }

                        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .searchicon {
                            transition: all .7s ease 0s
                        }

                        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input {
                            background-color: #efefef;
                            border: 0;
                            bottom: 0;
                            color: #333;
                            float: right;
                            font-size: 12px;
                            height: 39px;
                            margin: 0;
                            outline: none;
                            padding: 0;
                            position: relative;
                            right: 0;
                            text-indent: 15px;
                            top: 0;
                            transition: all .7s ease 0s;
                            width: 100%;
                            z-index: 2
                        }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input::-moz-placeholder {
                                color: #a9a9a9
                            }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:-ms-input-placeholder {
                                color: #a9a9a9
                            }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input::placeholder {
                                color: #a9a9a9
                            }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus {
                                color: #333;
                                width: 230px
                            }

                                .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus ~ .btnstyle .fa {
                                    color: #000;
                                    opacity: 1
                                }

                                .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus ~ .searchicon {
                                    color: #fff;
                                    opacity: 1;
                                    z-index: 3
                                }

                        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle {
                            background-color: transparent;
                            border: 0 solid;
                            bottom: 0;
                            color: #333;
                            cursor: pointer;
                            line-height: 30px;
                            opacity: .3;
                            position: absolute;
                            right: 0;
                            top: 0;
                            transition: all .7s ease 0s;
                            width: 40px;
                            z-index: 1;
                            z-index: 1000
                        }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle .fa {
                                line-height: 37px;
                                margin: 0;
                                padding: 0;
                                text-align: center
                            }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle:hover .fa {
                                opacity: 1
                            }

                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
                    background: #fff;
                    border: 1px solid #e9ebfa;
                    border-radius: 4px;
                    box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
                    margin: 0;
                    min-width: 220px;
                    padding: 10px 0 10px 15px;
                    position: absolute;
                    top: 45px;
                    z-index: 10
                }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li {
                        display: block;
                        margin: 0;
                        padding: 0;
                        position: relative
                    }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
                            background-image: none;
                            border-right: 0 solid;
                            color: #576482;
                            display: block;
                            font-size: 13px;
                            letter-spacing: normal;
                            line-height: 22px;
                            padding: 6px 14px;
                            position: relative;
                            text-align: left;
                            text-transform: none
                        }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
                                text-decoration: none
                            }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a > i {
                                margin-right: 9px
                            }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
                            background-color: #fff;
                            border: 1px solid #e9ebfa;
                            border-radius: 0 4px 4px 0;
                            box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
                            left: 100%;
                            list-style: none;
                            margin: 0;
                            min-width: 220px;
                            padding: 10px 0 10px 15px;
                            position: absolute;
                            top: 0
                        }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
                                display: block;
                                margin: 0;
                                padding: 0;
                                position: relative
                            }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
                                    background-image: none;
                                    border-right: 0 solid;
                                    color: #576482;
                                    display: block;
                                    font-size: 13px;
                                    letter-spacing: normal;
                                    line-height: 22px;
                                    margin-left: 8px;
                                    padding: 6px 7px;
                                    text-align: left;
                                    text-transform: none
                                }

                                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                                        text-decoration: none
                                    }

                                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
                                        margin-right: 9px
                                    }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
                                    background-color: #fff;
                                    border: 1px solid #e9ebfa;
                                    border-radius: 0 4px 4px 0;
                                    box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
                                    left: 100%;
                                    list-style: none;
                                    margin: 0;
                                    min-width: 220px;
                                    padding: 10px 0 10px 15px;
                                    position: absolute;
                                    top: 0
                                }

                                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
                                        display: block;
                                        margin: 0;
                                        padding: 0;
                                        position: relative
                                    }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
                                            background-image: none;
                                            border-right: 0 solid;
                                            color: #576482;
                                            display: block;
                                            font-size: 13px;
                                            letter-spacing: normal;
                                            line-height: 22px;
                                            padding: 8px 12px;
                                            text-align: left;
                                            text-transform: none
                                        }

                                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                                                text-decoration: none
                                            }

                                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
                                                margin-right: 9px
                                            }

                .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
                    color: #576482;
                    font-size: 15px;
                    left: 0;
                    margin: 0;
                    position: absolute;
                    text-align: left;
                    top: 45px;
                    width: 100%;
                    z-index: 1000
                }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .megamenu-content {
                        background-color: #fff;
                        border: 1px solid #e8ebf3;
                        border-radius: 2px;
                        box-shadow: 0 5px 25px rgba(227, 228, 238, .2);
                        padding: 14px 20px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .title {
                        color: #2c2c2c;
                        font-size: 16px;
                        font-weight: 600;
                        margin: 0 0 4px;
                        padding: 5px 5px 5px 0;
                        text-align: left
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .wsmwnutxt {
                        color: #2c2c2c;
                        font-size: 14px;
                        line-height: 22px;
                        margin-top: 10px;
                        text-align: justify;
                        width: 100%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li {
                        display: block;
                        padding: 5px 10px;
                        text-align: center;
                        text-align: left;
                        white-space: nowrap
                    }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
                            background: transparent;
                            background-image: none;
                            border-right: 0;
                            color: #576482;
                            display: block;
                            font-size: 13px;
                            line-height: 18px;
                            margin-left: 10px;
                            padding: 6px 7px;
                            position: relative;
                            text-align: left
                        }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu li i {
                        margin-right: 5px;
                        text-align: center;
                        width: 18px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu li a:hover {
                        background: transparent;
                        text-decoration: none
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li i {
                        font-size: 12px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .mrgtop {
                        margin-top: 15px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .show-grid div {
                        background-color: #dbdbdb;
                        border: 1px solid #e7e7e7;
                        color: #6a6a6a;
                        font-size: 13px;
                        margin: 2px 0;
                        padding-bottom: 10px;
                        padding-top: 10px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfmenu {
                        left: auto;
                        right: auto;
                        width: 30%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfdiv {
                        left: auto;
                        right: auto;
                        width: 20%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form {
                        display: block;
                        width: 100%
                    }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=text],
                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
                            border: 1px solid #e2e2e2;
                            color: #000;
                            font-size: 13px;
                            margin-bottom: 8px;
                            padding: 8px 5px;
                            width: 100%
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
                            min-height: 122px
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=submit] {
                            margin-right: 15px
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=button],
                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=submit] {
                            background-color: #e1e1e1;
                            border: none;
                            border-radius: 2px;
                            cursor: pointer;
                            display: block;
                            float: right;
                            height: 32px;
                            width: 25%
                        }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-inner .item img {
                        width: 100%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-control-next,
                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-control-prev {
                        opacity: .8
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-caption {
                        background-color: rgba(0, 0, 0, .7);
                        bottom: 0;
                        font-size: 13px;
                        height: 31px;
                        left: 0;
                        padding: 7px 0;
                        right: 0;
                        width: 100%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text {
                        font-size: 14px;
                        padding: 0
                    }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul {
                            margin: 0;
                            padding: 0
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text p {
                            color: #656565;
                            line-height: 24px;
                            text-align: justify
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul li {
                            display: block;
                            line-height: 22px;
                            padding: 2px 0
                        }

                            .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul li a {
                                color: #656565
                            }

    @media (min-width:1024px) {
        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list:first-child {
            border: 0
        }
    }

    .horizontal-header {
        display: none
    }

    .horizontal-overlapbg {
        opacity: 0;
        visibility: hidden
    }

    .hometext,
    .horizontalMenu .horizontalMenu-click,
    .horizontalMenu .horizontalMenu-click02,
    .horizontalMenu .horizontalMenu-click03,
    .horizontalMenu .horizontalMenu-click04 {
        display: none
    }

    @media only screen and (max-width:991px) {
        body.active {
            overflow: hidden
        }

        .desktoplogo {
            display: none
        }

        .horizontal-main {
            height: 0;
            padding: 0
        }

        .horizontalMenucontainer {
            background-attachment: local;
            background-position: 33% 0
        }

        .horizontalMenu {
            background: transparent none repeat scroll 0 0;
            left: 0;
            margin: 0;
            overflow-y: hidden;
            padding: 0;
            position: fixed;
            top: 0;
            visibility: hidden;
            width: 100%
        }

            .horizontalMenu > .horizontalMenu-list {
                background: #17263a;
                border-right: 1px solid hsla(0, 0%, 100%, .1);
                box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
                display: block;
                height: auto;
                margin-left: -240px;
                min-height: 100%;
                padding-bottom: 0;
                text-align: center;
                width: 240px
            }

                .horizontalMenu > .horizontalMenu-list > li {
                    background-color: transparent;
                    border-right: none;
                    clear: right;
                    display: block;
                    float: none;
                    padding: 0;
                    position: relative;
                    white-space: inherit;
                    width: 100%
                }

                    .horizontalMenu > .horizontalMenu-list > li span a {
                        margin: 0 auto;
                        width: 85%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > a {
                        border-bottom: 1px solid hsla(0, 0%, 100%, .1);
                        border-radius: 0;
                        border-right: 0 solid;
                        color: #576482;
                        font-size: 14px;
                        line-height: 25px;
                        margin: 0;
                        padding: 10px 32px 10px 17px;
                        position: static;
                        text-align: left
                    }

                        .horizontalMenu > .horizontalMenu-list > li > a span.i {
                            display: none
                        }

                    .horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
                        border-top: 1px solid rgba(0, 0, 0, .13);
                        padding-left: 17px;
                        padding-right: 17px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > a > .fa {
                        color: #fff;
                        display: none !important;
                        font-size: 16px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > a .arrow:after {
                        display: none
                    }

                    .horizontalMenu > .horizontalMenu-list > li:hover > a {
                        text-decoration: none
                    }

                    .horizontalMenu > .horizontalMenu-list > li > a > .hometext {
                        display: inline-block
                    }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
                        background-color: #1c2e46;
                        border: none;
                        border-bottom: 0 solid #e9ebfa;
                        border-radius: 0;
                        box-shadow: none;
                        display: none;
                        margin: 0;
                        opacity: 1;
                        padding: 0 25px;
                        position: relative;
                        top: 0;
                        transform: none;
                        -webkit-transform-style: flat;
                        transition: inherit;
                        visibility: visible
                    }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
                            font-size: 13px;
                            line-height: 20px;
                            padding: 10px 0 10px 16px;
                            position: static
                        }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li span + a {
                            padding-right: 30px
                        }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a > .fa {
                            display: none
                        }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
                            background-color: transparent;
                            text-decoration: none
                        }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
                            color: #576482
                        }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
                            border: 0;
                            border-radius: 0;
                            box-shadow: none;
                            display: none;
                            left: 100%;
                            margin: 0;
                            opacity: 1;
                            padding: 0 30px;
                            position: static;
                            top: 0;
                            transform: none;
                            -webkit-transform-style: flat;
                            transition: inherit;
                            visibility: visible;
                            width: 100%
                        }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
                                margin: 0;
                                padding: 0;
                                position: relative
                            }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
                                    color: #576482;
                                    font-size: 13px;
                                    line-height: 20px;
                                    padding: 10px 0 10px 6px
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li span + a {
                                    padding-right: 30px
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > .fa {
                                    display: none
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                                    background-color: transparent;
                                    color: #576482;
                                    text-decoration: none
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
                                    color: #000
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
                                    color: #36f
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
                                    background: transparent;
                                    border: 0;
                                    border-radius: 0;
                                    box-shadow: none;
                                    display: none;
                                    left: 100%;
                                    margin: 0;
                                    opacity: 1;
                                    padding: 0 40px;
                                    position: static;
                                    top: 0;
                                    transform: none;
                                    -webkit-transform-style: flat;
                                    transition: inherit;
                                    visibility: visible;
                                    width: 100%
                                }

                                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
                                        margin: 0
                                    }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
                                            font-size: 13px;
                                            line-height: 20px;
                                            padding: 10px 0 10px 16px
                                        }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li span + a {
                                            padding-right: 30px
                                        }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > .fa {
                                            display: none
                                        }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                                            background-color: transparent;
                                            color: #576482;
                                            text-decoration: none
                                        }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
                                            color: #000
                                        }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
                        border: 0 solid;
                        color: #576482;
                        display: none;
                        opacity: 1;
                        padding: 0;
                        position: relative;
                        top: 0;
                        transform: none;
                        -webkit-transform-style: flat;
                        transition: inherit;
                        visibility: visible
                    }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .container {
                            padding: 0
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfmenu {
                            margin: 0;
                            padding: 5px 0 10px;
                            width: 100%
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .title {
                            color: #576482;
                            font-size: 15px;
                            padding: 10px 8px 10px 0
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul {
                            font-size: 13px;
                            margin: 0;
                            padding: 0;
                            width: 100%
                        }

                            .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul > li > a {
                                background-color: #e7e7e7;
                                color: #576482;
                                font-size: 13px;
                                line-height: normal;
                                padding: 9px 14px
                            }

                                .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul > li > a:hover {
                                    background-color: #000
                                }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu ul li.title {
                            background-color: transparent;
                            color: #576482;
                            font-size: 15px;
                            line-height: 26px;
                            margin: 0;
                            padding: 7px 0
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfdiv {
                            width: 100%
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form {
                            padding: 5px 0 62px
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .show-grid div {
                            margin: 0
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=button],
                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=submit] {
                            width: 46%
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
                            min-height: 100px
                        }

        .horizontal-header {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            border-top: 1px solid rgba(0, 0, 0, .1);
            display: block;
            height: 54px;
            left: 0;
            position: relative;
            text-align: center;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .active .horizontal-header,
        .horizontal-header {
            transition: all .25s ease-in-out
        }

            .horizontal-header .smllogo {
                display: inline-block;
                margin-top: 11px
            }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch {
            margin: 7%;
            padding: 0;
            width: 86%
        }

            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input {
                border-radius: 50px
            }

                .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus {
                    width: 100%
                }

        .callusbtn {
            color: #a9a9a9;
            font-size: 21px;
            padding: 11px 14px;
            position: absolute;
            right: 5px;
            top: 0;
            transition: all .4s ease-in-out 0s;
            z-index: 102
        }

            .callusbtn .fa {
                margin-top: 4px;
                vertical-align: top
            }

            .callusbtn:hover .fa {
                color: #a9a9a9
            }

        .animated-arrow {
            background: #f1f4fb;
            border: 0 solid #e9ebfa;
            border-radius: 8px;
            cursor: pointer;
            left: 0;
            margin: 16px 0 0 18px;
            padding: 20px 35px 20px 15px;
            position: absolute;
            top: 0;
            transition: all .4s ease-in-out;
            z-index: 102
        }

            .animated-arrow span {
                transition: all .5s ease-in-out
            }

                .animated-arrow span,
                .animated-arrow span:after,
                .animated-arrow span:before {
                    background: #5c678f;
                    content: "";
                    cursor: pointer;
                    display: block;
                    height: 2px;
                    position: absolute;
                    width: 17px
                }

                    .animated-arrow span:before {
                        top: -7px;
                        width: 23px
                    }

                    .animated-arrow span:after {
                        bottom: -7px;
                        width: 17px
                    }

                    .animated-arrow span:after,
                    .animated-arrow span:before {
                        transition: all .5s ease-in-out
                    }

        .active .animated-arrow span {
            background-color: transparent;
            background: none !important
        }

            .active .animated-arrow span:after {
                top: -1px;
                width: 23px
            }

            .active .animated-arrow span:before {
                top: -1px
            }

        .active .animated-arrow.active span:after {
            top: -3px
        }

        .active .animated-arrow span:before {
            bottom: 0;
            transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg)
        }

        .active .animated-arrow span:after {
            transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg)
        }

        .horizontal-overlapbg {
            background-color: rgba(0, 0, 0, .45);
            cursor: pointer;
            height: 100vh;
            min-height: 100%;
            opacity: 0;
            position: fixed;
            right: 0;
            top: 0;
            visibility: hidden;
            width: calc(100% - 240px)
        }

        .active .horizontalMenu .horizontal-overlapbg {
            opacity: 1;
            -webkit-transition: opacity 1.5s ease-in-out;
            -moz-transition: opacity 1.5s ease-in-out;
            -ms-transition: opacity 1.5s ease-in-out;
            -o-transition: opacity 1.5s ease-in-out;
            visibility: visible
        }

        .horizontalMenucontainer {
            transition: all .25s ease-in-out
        }

        .active .horizontalMenucontainer {
            margin-left: 240px;
            transition: all .25s ease-in-out
        }

        .active .horizontalMenu {
            -webkit-overflow-scrolling: touch;
            height: 100% !important;
            overflow-y: scroll;
            top: 0;
            visibility: visible;
            z-index: 1000
        }

            .active .horizontalMenu > .horizontalMenu-list {
                margin-left: 0;
                transition: all .25s ease-in-out
            }

        .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click {
            cursor: pointer;
            display: block;
            height: 49px;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

        .horizontalMenu > .horizontalMenu-list > li .horizontalMenu-click.horizontal-activearrow > i {
            margin-right: 25px !important;
            margin-top: 10px !important;
            transform: rotate(180deg)
        }

        .horizontalMenu > .horizontalMenu-list > li .horizontalMenu-click.horizontal-activearrow1 > i {
            margin-right: 18px !important;
            margin-top: 10px !important;
            transform: rotate(180deg)
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
            background-size: 25px;
            color: #576482;
            display: block;
            float: right;
            font-size: 16px;
            height: 23px;
            margin-right: 10px;
            margin-top: 14px;
            opacity: .4;
            width: 25px
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 {
            cursor: pointer;
            display: block;
            height: 41px;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i {
                background-size: 25px;
                color: #576482;
                display: block;
                float: right;
                font-size: 16px;
                margin: 8px 6px;
                opacity: .4
            }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu > li .horizontalMenu-click03 {
            cursor: pointer;
            display: block;
            height: 41px;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu > li .horizontalMenu-click03 > i {
                background-size: 25px;
                color: #576482;
                display: block;
                float: right;
                font-size: 16px;
                margin: 8px 6px;
                opacity: .4
            }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu.sub-menu > li .horizontalMenu-click04 {
            cursor: pointer;
            display: block;
            height: 41px;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu.sub-menu > li .horizontalMenu-click04 > i {
                background-size: 25px;
                color: #576482;
                display: block;
                float: right;
                font-size: 16px;
                margin: 8px 6px;
                opacity: .4;
                position: relative;
                right: 60px
            }

        .sub-menu li:before {
            top: 10px !important
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after {
            display: none
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i.horizontalMenu-rotate {
            transform: rotate(180deg)
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu .sub-menu-sub:after {
            display: none
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu > li .horizontalMenu-click03 > i.horizontalMenu-rotate {
            transform: rotate(180deg)
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu.sub-menu .sub-menu-sub:after {
            display: none
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu.sub-menu > li .horizontalMenu-click04 > i.horizontalMenu-rotate {
            transform: rotate(180deg)
        }

        .horizontalMenu > .horizontalMenu-list > li > a .horizontal-icon,
        .horizontalMenu > .horizontalMenu-list > li a span {
            display: none
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
            background: transparent;
            box-shadow: none !important
        }

        .mega-menubg {
            border: 0 !important;
            box-shadow: 0 !important
        }

        .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
            color: #576482
        }

        .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
            background: transparent;
            color: #36f
        }

        .hor-menu .horizontalMenu > .horizontalMenu-list > li:first-child > a {
            margin-top: 0 !important
        }

        .hor-menu .horizontalMenu > .horizontalMenu-list > li:last-child > a {
            margin-right: 5px !important
        }

        .mega-menubg {
            background: #f1f4fb !important;
            box-shadow: none !important;
            padding: 0 20px !important
        }
    }

    @media only screen and (min-width:992px) and (max-width:1162px) {
        .horizontalMenu > .horizontalMenu-list > li > a {
            font-size: 13px;
            padding-left: 5px;
            padding-right: 5px
        }

            .horizontalMenu > .horizontalMenu-list > li > a > .arrow {
                display: none
            }

        .horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
            padding-left: 22px;
            padding-right: 22px
        }
    }

    .horizontalMenu-list .sub-menu .sub-menu:after,
    .horizontalMenu-list .sub-menu .sub-menu:before {
        display: none
    }

    @media (max-width:992px) {
        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .megamenu-content {
            border: 0;
            box-shadow: none
        }
    }

    .horizontalMenu ul li a.btn {
        font-size: 14px !important;
        margin: 5px 0
    }

    @media (min-width:992px) {
        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
            opacity: 0;
            transform: rotateX(-75deg);
            -o-transform: rotateX(-75deg);
            -moz-transform: rotateX(-75deg);
            -webkit-transform: rotateX(-75deg);
            -o-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            -o-transition: -o-transform .3s, opacity .3s;
            -ms-transition: -ms-transform .3s, opacity .3s;
            -moz-transition: -moz-transform .3s, opacity .3s;
            -webkit-transition: -webkit-transform .3s, opacity .3s;
            visibility: hidden
        }

        .horizontalMenu > .horizontalMenu-list > li:hover > .horizontal-megamenu,
        .horizontalMenu > .horizontalMenu-list > li:hover > ul.sub-menu {
            opacity: 1;
            transform: rotateX(0deg);
            -o-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -webkit-transform: rotateX(0deg);
            visibility: visible
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
            opacity: 0;
            transform: rotateX(-75deg);
            -o-transform: rotateX(-75deg);
            -moz-transform: rotateX(-75deg);
            -webkit-transform: rotateX(-75deg);
            transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            visibility: hidden
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover > ul.sub-menu {
            opacity: 1;
            transform: rotateX(0deg);
            -o-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -webkit-transform: rotateX(0deg);
            -o-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            visibility: visible
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover > ul.sub-menu,
        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
            -o-transition: -o-transform .4s, opacity .4s;
            -ms-transition: -ms-transform .4s, opacity .4s;
            -moz-transition: -moz-transform .4s, opacity .4s;
            -webkit-transition: -webkit-transform .4s, opacity .4s
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
            opacity: 0;
            transform: rotateX(-75deg);
            -o-transform: rotateX(-75deg);
            -moz-transform: rotateX(-75deg);
            -webkit-transform: rotateX(-75deg);
            -o-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            visibility: hidden
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
            opacity: 1;
            transform: rotateX(0deg);
            -o-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -webkit-transform: rotateX(0deg);
            visibility: visible
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
            opacity: 0;
            transform: rotateX(-75deg);
            -o-transform: rotateX(-75deg);
            -moz-transform: rotateX(-75deg);
            -webkit-transform: rotateX(-75deg);
            -o-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            -o-transition: -o-transform .3s, opacity .3s;
            -ms-transition: -ms-transform .3s, opacity .3s;
            -moz-transition: -moz-transform .3s, opacity .3s;
            -webkit-transition: -webkit-transform .3s, opacity .3s;
            visibility: hidden
        }

        .header-style1 .horizontalMenu > .horizontalMenu-list > li {
            padding: .75rem 0
        }

        .sticky-pin {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 99
        }
    }

    .mega-menubg {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 4px;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
        padding: 14px 15px
    }

    .horizontal-main.hor-menu {
        background: #17263a;
        border-bottom: 1px solid #ebedfa;
        box-shadow: 0 6px 18px rgba(196, 205, 224, .1);
        padding: .75rem
    }

    .hor-icon {
        font-size: 16px;
        margin-right: 3px
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        color: #576482
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active,
    .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
        box-shadow: none;
        color: #36f
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after {
        color: #576482;
        content: "";
        font-family: feather;
        font-size: 13px;
        opacity: .4;
        position: absolute;
        right: 14px;
        top: 9px
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li:first-child > a {
        margin-left: 0
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li:last-child > a {
        margin-right: 0
    }

    .sub-menu li a:before {
        left: 0
    }

    .mega-menubg li a:before,
    .sub-menu li a:before {
        color: #728096;
        content: "";
        font-family: typicons !important;
        font-size: 12px;
        opacity: .6;
        position: absolute
    }

    .mega-menubg li a:before {
        left: -8px
    }

    .hor-content .latest-timeline {
        height: 365px
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a.active,
    .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.active,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover,
    .mega-menubg li a.active:before,
    .mega-menubg li a:hover:before,
    .sub-menu li a.active:before,
    .sub-menu li a:hover:before {
        color: #36f !important
    }

    .fc-view.fc-listMonth-view,
    .fc-view.fc-listWeek-view {
        border-width: 0
    }

        .fc-view.fc-listMonth-view .fc-scroller,
        .fc-view.fc-listWeek-view .fc-scroller {
            padding: 0 20px 20px
        }

        .fc-view.fc-listMonth-view .fc-list-table,
        .fc-view.fc-listWeek-view .fc-list-table {
            border-collapse: separate;
            display: block
        }

            .fc-view.fc-listMonth-view .fc-list-table > tbody,
            .fc-view.fc-listWeek-view .fc-list-table > tbody {
                display: flex;
                flex-wrap: wrap
            }

        .fc-view.fc-listMonth-view .fc-list-heading,
        .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 20%;
            margin-top: 15px;
            max-width: 20%
        }

            .fc-view.fc-listMonth-view .fc-list-heading:first-child,
            .fc-view.fc-listMonth-view .fc-list-heading:first-child + .fc-list-item,
            .fc-view.fc-listWeek-view .fc-list-heading:first-child,
            .fc-view.fc-listWeek-view .fc-list-heading:first-child + .fc-list-item {
                margin-top: 0
            }

            .fc-view.fc-listMonth-view .fc-list-heading td,
            .fc-view.fc-listWeek-view .fc-list-heading td {
                background-color: transparent;
                border-width: 0;
                padding: 0
            }

        .fc-view.fc-listMonth-view .fc-list-heading-main,
        .fc-view.fc-listWeek-view .fc-list-heading-main {
            color: #737688;
            display: block;
            font-size: 11px;
            font-weight: 600;
            padding: 5px;
            text-align: center;
            text-transform: uppercase
        }

            .fc-view.fc-listMonth-view .fc-list-heading-main span:last-child,
            .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child {
                color: #495057;
                display: block;
                font-family: Helvetica, Arial, sans-serif;
                font-size: 30px;
                font-weight: 700;
                letter-spacing: -1px;
                line-height: 1
            }

            .fc-view.fc-listMonth-view .fc-list-heading-main.now,
            .fc-view.fc-listMonth-view .fc-list-heading-main.now span:last-child,
            .fc-view.fc-listWeek-view .fc-list-heading-main.now,
            .fc-view.fc-listWeek-view .fc-list-heading-main.now span:last-child {
                color: #4c84ff
            }

        .fc-view.fc-listMonth-view .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item {
            dispLay: flex;
            background-color: #fff;
            border-left: 4px solid transparent;
            flex: 0 0 calc(80% - 5px);
            flex-direction: column;
            margin-top: 15px;
            max-width: calc(80% - 5px)
        }

            .fc-view.fc-listMonth-view .fc-list-item:focus,
            .fc-view.fc-listMonth-view .fc-list-item:hover,
            .fc-view.fc-listWeek-view .fc-list-item:focus,
            .fc-view.fc-listWeek-view .fc-list-item:hover {
                cursor: pointer
            }

                .fc-view.fc-listMonth-view .fc-list-item:focus td,
                .fc-view.fc-listMonth-view .fc-list-item:hover td,
                .fc-view.fc-listWeek-view .fc-list-item:focus td,
                .fc-view.fc-listWeek-view .fc-list-item:hover td {
                    background-color: transparent
                }

            .fc-view.fc-listMonth-view .fc-list-item > td,
            .fc-view.fc-listWeek-view .fc-list-item > td {
                border-width: 0
            }

                .fc-view.fc-listMonth-view .fc-list-item > td.fc-list-item-time,
                .fc-view.fc-listWeek-view .fc-list-item > td.fc-list-item-time {
                    border-right: 1px solid #e9ebfa;
                    border-top: 1px solid #e9ebfa;
                    box-sizing: border-box;
                    color: #495057 !important
                }

                .fc-view.fc-listMonth-view .fc-list-item > td.fc-list-item-title,
                .fc-view.fc-listWeek-view .fc-list-item > td.fc-list-item-title {
                    border-bottom: 1px solid #e9edf4;
                    border-right: 1px solid #e9edf4;
                    box-sizing: border-box
                }

            .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
            .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
                margin-left: 20%
            }

        .fc-view.fc-listMonth-view .fc-list-item-marker,
        .fc-view.fc-listWeek-view .fc-list-item-marker {
            display: none
        }

        .fc-view.fc-listMonth-view .fc-list-item-time,
        .fc-view.fc-listWeek-view .fc-list-item-time {
            font-size: 13px;
            padding: 12px 15px 2px;
            text-transform: capitalize;
            width: 100%
        }

        .fc-view.fc-listMonth-view .fc-list-item-title,
        .fc-view.fc-listWeek-view .fc-list-item-title {
            padding: 0 15px 12px
        }

            .fc-view.fc-listMonth-view .fc-list-item-title a,
            .fc-view.fc-listWeek-view .fc-list-item-title a {
                color: #14112d;
                display: block;
                font-size: 15px;
                font-weight: 700;
                margin-bottom: 5px
            }

            .fc-view.fc-listMonth-view .fc-list-item-title .fc-desc,
            .fc-view.fc-listWeek-view .fc-list-item-title .fc-desc {
                display: block;
                font-size: 13px;
                line-height: 1.375
            }

    @media (min-width:992px) {
        .fc-view.fc-listMonth-view .fc-scroller,
        .fc-view.fc-listWeek-view .fc-scroller {
            padding: 0
        }
    }

    @media (min-width:576px) {
        .fc-view.fc-listMonth-view .fc-list-heading,
        .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 15%;
            max-width: 15%
        }
    }

    @media (min-width:768px) {
        .fc-view.fc-listMonth-view .fc-list-heading,
        .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 12%;
            max-width: 12%
        }
    }

    @media (min-width:992px) {
        .fc-view.fc-listMonth-view .fc-list-heading,
        .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 10%;
            max-width: 10%
        }
    }

    @media (min-width:1200px) {
        .fc-view.fc-listMonth-view .fc-list-heading,
        .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 8%;
            max-width: 8%
        }
    }

    @media (min-width:576px) {
        .fc-view.fc-listMonth-view .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(85% - 5px);
            max-width: calc(85% - 5px)
        }
    }

    @media (min-width:768px) {
        .fc-view.fc-listMonth-view .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(88% - 5px);
            max-width: calc(88% - 5px)
        }
    }

    @media (min-width:992px) {
        .fc-view.fc-listMonth-view .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(90% - 5px);
            max-width: calc(90% - 5px)
        }
    }

    @media (min-width:1200px) {
        .fc-view.fc-listMonth-view .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(92% - 5px);
            max-width: calc(92% - 5px)
        }
    }

    @media (min-width:576px) {
        .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
            margin-left: 15%
        }
    }

    @media (min-width:768px) {
        .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
            margin-left: 12%
        }
    }

    @media (min-width:992px) {
        .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
            margin-left: 10%
        }
    }

    @media (min-width:1200px) {
        .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
            margin-left: 8%
        }
    }

    td.fc-today {
        background-color: #f3f7fd
    }

    .custom-calendar .pignose-calendar-body {
        padding: 0 !important
    }

    .custom-calendar .pignose-calendar .pignose-calendar-unit {
        height: 3em !important;
        line-height: 3em !important
    }

    .cal1 {
        border: 1px solid #e9ebfa;
        font-size: 14px
    }

        .cal1 .clndr .clndr-table .header-days {
            background: #36f
        }

            .cal1 .clndr .clndr-table .header-days .header-day {
                border-left: 1px solid rgba(23, 183, 148, .1);
                border-top: 1px solid #e2e3e4
            }

        .cal1 .clndr .clndr-table tr .adjacent-month,
        .cal1 .clndr .clndr-table tr .empty,
        .cal1 .clndr .clndr-table tr .my-adjacent-month,
        .cal1 .clndr .clndr-table tr .my-empty {
            background: #ebeff8;
            border-left: 1px solid #e9ebfa;
            border-top: 1px solid #e9ebfa
        }

        .cal1 .clndr .clndr-table tr .day {
            border-left: 1px solid #e9ebfa;
            border-top: 1px solid #e9ebfa
        }

            .cal1 .clndr .clndr-table tr .day.event,
            .cal1 .clndr .clndr-table tr .day.my-event {
                background: #eeeef5
            }

            .cal1 .clndr .clndr-table tr .day.my-today.event,
            .cal1 .clndr .clndr-table tr .day.today.event {
                background: #f2ecff
            }

            .cal1 .clndr .clndr-table tr .day.event:hover,
            .cal1 .clndr .clndr-table tr .day.my-event:hover {
                background: #e5e9f2 !important
            }

            .cal1 .clndr .clndr-table tr .day.my-today,
            .cal1 .clndr .clndr-table tr .day.today {
                background: #e5e9f2 !important;
                color: #36f !important
            }

            .cal1 .clndr .clndr-table tr .day:last-child {
                border-right: 1px solid #e9ebfa
            }

            .cal1 .clndr .clndr-table tr .day:hover {
                background: #e5e9f2
            }

        .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button,
        .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
            background: #ebeff8;
            color: #36f
        }

            .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover,
            .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
                background: #36f
            }

    .fc button {
        background: #f3f4f7;
        color: #efefef;
        font-size: 13px !important;
        font-weight: 500;
        text-transform: uppercase
    }

    .fc-unthemed .fc-divider {
        border-color: #e9ebfa
    }

    .fc-event {
        background-color: rgba(51, 102, 255, .2);
        border: 1px solid rgba(51, 102, 255, .2)
    }

    .fc-event-dot {
        background-color: #36f
    }

    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-list-heading td,
    .fc-unthemed .fc-popover .fc-header {
        background: #ebeff8
    }

    .fc-toolbar .fc-state-active,
    .fc-toolbar .ui-state-active {
        background: #36f;
        color: #fff
    }

    .fc-today-button fc-button fc-state-default fc-corner-left fc-corner-right fc-state-disabled:focus {
        border: none !important;
        box-shadow: none !important
    }

    .fc-unthemed .fc-list-item:hover td {
        background-color: #ebeff8
    }

    .chart-circle {
        display: block;
        height: 8rem;
        margin: 0 auto;
        position: relative;
        width: 8rem
    }

        .chart-circle canvas {
            display: block;
            margin: 0 auto;
            max-height: 100%;
            max-width: 100%
        }

    .chart-circle-xxs {
        font-size: .7rem;
        height: 2rem;
        width: 2rem
    }

    .chart-circle-xs {
        font-size: .8rem;
        height: 2.5rem;
        width: 2.5rem
    }

    .chart-circle-sm {
        font-size: .8rem;
        height: 4rem;
        width: 4rem
    }

    .chart-circle-md {
        font-size: .8rem;
        height: 6rem;
        width: 6rem
    }

    .chart-circle-lg {
        font-size: .8rem;
        height: 10rem;
        width: 10rem
    }

    .chart-circle-value {
        align-items: center;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        left: 0;
        line-height: 1;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        right: 0;
        top: 0
    }

        .chart-circle-value small {
            color: #9aa0ac;
            display: block;
            font-size: .9375rem
        }

    .chart-visitors {
        min-height: 18rem;
        overflow: hidden
    }

    .chart-height {
        height: 20rem;
        overflow: hidden
    }

    .chart-tasks {
        height: 15rem;
        overflow: hidden
    }

    .chart-donut {
        height: 21rem;
        overflow: hidden
    }

    .chart-pie {
        height: 22rem;
        overflow: hidden
    }

    .chartsh {
        height: 16rem;
        overflow: hidden
    }

    .chartwidget {
        height: 17rem;
        overflow: hidden
    }

    .mail-box {
        border-collapse: collapse;
        border-spacing: 0;
        display: table;
        table-layout: fixed;
        width: 100%
    }

        .mail-box aside {
            display: table-cell;
            float: none;
            height: 100%;
            padding: 0;
            vertical-align: top
        }

        .mail-box .sm-side {
            background: none repeat scroll 0 0 #e5e8ef;
            border-radius: 4px 0 0 4px;
            width: 25%
        }

        .mail-box .lg-side {
            background: none repeat scroll 0 0 #fff;
            border-radius: 0 4px 4px 0;
            width: 75%
        }

        .mail-box .sm-side .user-head {
            background: none repeat scroll 0 0 #00a8b3;
            border-radius: 4px 0 0;
            color: #fff;
            min-height: 80px;
            padding: 10px
        }

    .user-head .inbox-avatar {
        float: left;
        width: 65px
    }

        .user-head .inbox-avatar img {
            border-radius: 4px
        }

    .user-head .user-name {
        display: inline-block;
        margin: 0 0 0 10px
    }

        .user-head .user-name h5 {
            font-size: 14px;
            font-weight: 300;
            margin-bottom: 0;
            margin-top: 15px
        }

            .user-head .user-name h5 a {
                color: #fff
            }

        .user-head .user-name span a {
            color: #87e2e7;
            font-size: 12px
        }

    a.mail-dropdown {
        background: none repeat scroll 0 0 #80d3d9;
        border-radius: 2px;
        color: #01a7b3;
        font-size: 10px;
        margin-top: 20px;
        padding: 3px 5px
    }

    .btn-compose {
        background: none repeat scroll 0 0 #ff6c60;
        color: #fff;
        padding: 12px 0;
        text-align: center;
        width: 100%
    }

        .btn-compose:hover {
            background: none repeat scroll 0 0 #f5675c;
            color: #fff
        }

    ul.inbox-nav {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .inbox-divider {
        border-bottom: 1px solid #d5d8df
    }

    ul.inbox-nav li,
    ul.inbox-nav li a {
        display: inline-block;
        line-height: 45px;
        width: 100%
    }

        ul.inbox-nav li a {
            color: #6a6a6a;
            padding: 0 20px
        }

            ul.inbox-nav li.active a,
            ul.inbox-nav li a:focus,
            ul.inbox-nav li a:hover {
                background: none repeat scroll 0 0 #d5d7de;
                color: #6a6a6a
            }

            ul.inbox-nav li a i {
                color: #6a6a6a;
                font-size: 16px;
                padding-right: 10px
            }

            ul.inbox-nav li a span.label {
                margin-top: 13px
            }

    ul.labels-info li {
        margin: 0
    }

        ul.labels-info li h4 {
            color: #5c5c5e;
            font-size: 13px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 5px;
            text-transform: uppercase
        }

        ul.labels-info li a {
            border-radius: 0;
            color: #6a6a6a
        }

            ul.labels-info li a:focus,
            ul.labels-info li a:hover {
                background: none repeat scroll 0 0 #d5d7de;
                color: #6a6a6a
            }

            ul.labels-info li a i {
                padding-right: 10px
            }

    .nav.nav-pills.nav-stacked.labels-info p {
        color: #9d9f9e;
        font-size: 11px;
        margin-bottom: 0;
        padding: 0 22px
    }

    .inbox-head {
        border-radius: 0 4px 0 0;
        border-radius: 3px;
        padding: 10px
    }

        .inbox-head h3 {
            display: inline-block;
            font-weight: 300;
            margin: 0
        }

        .inbox-head .sr-input {
            border: none;
            border-radius: 4px 0 0 4px;
            box-shadow: none;
            color: #8a8a8a;
            float: left;
            height: 30px;
            padding: 0 10px
        }

        .inbox-head .sr-btn {
            background: none repeat scroll 0 0 #38a01e;
            border: none;
            border-radius: 0 4px 4px 0;
            color: #fff;
            height: 30px;
            padding: 0 20px
        }

    .table-inbox {
        border: 1px solid #e9ebfa;
        margin-bottom: 0
    }

        .table-inbox tr {
            border-bottom: 1px solid #e9ebfa
        }

            .table-inbox tr:last-child {
                border-bottom: 0
            }

            .table-inbox tr td {
                padding: 12px !important;
                vertical-align: middle
            }

                .table-inbox tr td:hover {
                    cursor: pointer
                }

                .table-inbox tr td .fa-star {
                    color: #e6e9f1;
                    font-size: 16px
                }

                    .table-inbox tr td .fa-star.inbox-started {
                        color: #e6e9f1
                    }

                    .table-inbox tr td .fa-star:hover {
                        color: #fbc518
                    }

                .table-inbox tr td i {
                    color: #e6e9f1
                }

                    .table-inbox tr td i:hover {
                        color: #f7284a
                    }

            .table-inbox tr.unread td {
                background: #ebeff8;
                border-bottom: 1px solid #e9ebfa;
                font-weight: 600
            }

    ul.inbox-pagination {
        float: right
    }

        ul.inbox-pagination li {
            float: left
        }

    .mail-option {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%
    }

        .mail-option .chk-all input[type=checkbox] {
            margin-top: 0
        }

        .mail-option .btn-group a.all {
            border: 0 !important;
            box-shadow: none;
            outline: 0;
            padding: 0 !important
        }

        .mail-option .btn-group,
        .mail-option .chk-all {
            margin-right: 5px
        }

            .mail-option .btn-group a.btn,
            .mail-option .chk-all {
                border: 1px solid #e9ebfa;
                border-radius: 3px !important;
                display: inline-block;
                padding: 5px 10px
            }

    .inbox-pagination a.np-btn {
        border: 1px solid #e9ebfa;
        border-radius: 3px !important;
        display: inline-block;
        margin-left: 5px;
        padding: 5px 15px
    }

    .inbox-pagination li span {
        display: inline-block;
        margin-right: 5px;
        margin-top: 7px
    }

    .inbox-body .modal .modal-body input,
    .inbox-body .modal .modal-body textarea {
        border: 1px solid #e6e6e6;
        box-shadow: none
    }

    .btn-send,
    .btn-send:hover {
        background: none repeat scroll 0 0 #00a8b3;
        color: #fff
    }

        .btn-send:hover {
            background: none repeat scroll 0 0 #009da7
        }

    .modal-header h4.modal-title {
        font-weight: 300
    }

    .heading-inbox h4 {
        border-bottom: 1px solid #ddd;
        color: #444;
        font-size: 18px;
        margin-top: 20px;
        padding-bottom: 10px
    }

    .sender-info {
        margin-bottom: 20px
    }

        .sender-info img {
            height: 30px;
            width: 30px
        }

    .sender-dropdown {
        background: none repeat scroll 0 0 1px solid #e9ebfa;
        color: #777;
        font-size: 10px;
        padding: 0 3px
    }

    .view-mail a {
        color: #ff6c60
    }

    .attachment-mail {
        margin-top: 30px
    }

        .attachment-mail ul {
            display: inline-block;
            margin-bottom: 30px;
            width: 100%
        }

            .attachment-mail ul li {
                float: left;
                margin-bottom: 10px;
                margin-right: 10px;
                width: 150px
            }

                .attachment-mail ul li img {
                    width: 100%
                }

                .attachment-mail ul li span {
                    float: right
                }

        .attachment-mail .file-name {
            float: left
        }

        .attachment-mail .links {
            display: inline-block;
            width: 100%
        }

    .fileinput-button {
        background: none repeat scroll 0 0 #eee;
        border: 1px solid #e6e6e6;
        float: left;
        margin-right: 4px;
        overflow: hidden;
        position: relative
    }

        .fileinput-button input {
            cursor: pointer;
            direction: ltr;
            font-size: 23px;
            margin: 0;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            transform: translate(-300px) scale(4)
        }

    .fileupload-buttonbar .btn,
    .fileupload-buttonbar .toggle {
        margin-bottom: 5px
    }

    .files .progress {
        width: 200px
    }

    .fileupload-processing .fileupload-loading {
        display: block
    }

    .mail-chats {
        border-top: 1px solid hsla(0, 0%, 50%, .16);
        display: flex !important;
        flex-direction: column !important;
        height: 100%;
        list-style-type: none;
        margin-top: 10px;
        min-height: 0;
        padding: 10px 50px 10px 0;
        width: 100%
    }

        .mail-chats li.chat-persons {
            display: block;
            padding: 10px
        }

    li.chat-persons a {
        text-decoration: none
    }

    .mail-chats li.chat-persons a span.pro-pic {
        display: inline-block;
        float: left;
        margin-right: 20px;
        max-width: 40px;
        padding: 0;
        width: 20%
    }

        .mail-chats li.chat-persons a span.pro-pic img {
            border-radius: 100%;
            flex-direction: column !important;
            max-width: 100%;
            width: 100%
        }

    .mail-chats li.chat-persons a div.user {
        flex-direction: column !important
    }

    ul.mail-chats li.chat-persons a div.user {
        display: flex !important
    }

    .mail-chats li.chat-persons.user {
        display: flex !important;
        flex-direction: column !important;
        padding: 5px 10px 0 15px;
        width: 80%
    }

    .user p.u-name {
        color: #1f2127;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin: 0
    }

    .user p.u-designation {
        color: #6b6f80;
        font-size: 11px;
        margin: 0
    }

    div.online-status .status.online {
        background: rgba(0, 128, 0, .68)
    }

    .online-status .status {
        border-radius: 100%;
        display: inline-flex;
        height: 10px;
        justify-content: flex-start;
        transform: translateX(-60px) translateY(2px);
        width: 10px
    }

        .online-status .status.offline {
            background: rgba(255, 0, 0, .7)
        }

    .mail-inbox .icons {
        background: transparent;
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        color: #565b95 !important;
        display: block !important;
        font-size: 16px;
        height: 30px !important;
        line-height: 30px !important;
        margin-right: 8px;
        padding: 0 !important;
        text-align: center;
        width: 30px
    }

        .mail-inbox .icons:hover {
            background: #f3f4f7
        }

    .form-control {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid #d3dfea;
        border-radius: 5px;
        color: #263871;
        display: block;
        font-size: .9375rem;
        line-height: 1.6;
        opacity: 1;
        outline: 0;
        padding: .375rem .75rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        width: 100%
    }

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

        .form-control:focus {
            background-color: #fff;
            border-color: #36f;
            box-shadow: none;
            color: #424e79;
            outline: 0
        }

        .form-control:-ms-input-placeholder,
        .form-control::-moz-placeholder,
        .form-control::-ms-input-placeholder,
        .form-control::-webkit-input-placeholder {
            color: #bcc0e2 !important;
            opacity: 1
        }

        .form-control:disabled {
            background-color: #f4f5f9;
            opacity: 1
        }

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

        .form-control.browse-file[readonly] {
            background: transparent
        }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 15px !important;
        padding-right: 20px
    }

    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #d3dfea !important;
        border-radius: 4px
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        background-color: #fff;
        border-color: #36f;
        box-shadow: none;
        color: #495057;
        outline: 0
    }

    .select2-container--default .select2-selection--multiple {
        background-color: #fff;
        border: 1px solid #d3dfea !important;
        border-radius: 4px;
        cursor: text
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border: 1px solid #d3dfea !important;
        border-radius: 4px;
        outline: 0
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #eaeefa !important;
        border: 1px solid #d3dfea !important;
        outline: 0
    }

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

    .form-control::-moz-placeholder {
        color: #bcc0e2 !important;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #bcc0e2 !important;
        opacity: 1
    }

    .form-control::placeholder {
        color: #bcc0e2 !important;
        opacity: 1
    }

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

    .select2-container .select2-selection--single {
        height: 2.275rem !important
    }

    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--single:focus {
        outline: 0
    }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #444;
            line-height: 35px !important
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 2.375rem !important
        }

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

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

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

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

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

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

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

    .form-control-sm {
        border-radius: 3px;
        font-size: .875rem;
        line-height: 1.14285714;
        padding: .5rem
    }

    select.form-control-sm:not([size]):not([multiple]) {
        height: calc(1.8125rem + 2px)
    }

    .form-control-lg {
        border-radius: 3px;
        font-size: 1.125rem;
        line-height: 1.44444444;
        padding: .5rem 1rem
    }

    select.form-control-lg:not([size]):not([multiple]) {
        height: calc(2.6875rem + 2px)
    }

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

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

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

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

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

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

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

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

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

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

    .valid-feedback {
        color: #0dcd94;
        display: none;
        font-size: 87.5%;
        margin-top: .25rem;
        width: 100%
    }

    .valid-tooltip {
        background-color: rgba(94, 186, 0, .8);
        border-radius: .2rem;
        color: #fff;
        display: none;
        font-size: .875rem;
        line-height: 1;
        margin-top: .1rem;
        max-width: 100%;
        padding: .5rem;
        position: absolute;
        top: 100%;
        z-index: 5
    }

    .custom-select.is-valid,
    .form-control.is-valid,
    .was-validated .custom-select:valid,
    .was-validated .form-control:valid {
        border-color: #0dcd94
    }

        .custom-select.is-valid:focus,
        .form-control.is-valid:focus,
        .was-validated .custom-select:valid:focus,
        .was-validated .form-control:valid:focus {
            border-color: #0dcd94;
            box-shadow: 0 0 0 2px rgba(94, 186, 0, .25)
        }

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

        .form-control.is-valid ~ .valid-feedback,
        .form-control.is-valid ~ .valid-tooltip {
            display: block
        }

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

        .custom-select.is-valid ~ .valid-feedback,
        .custom-select.is-valid ~ .valid-tooltip {
            display: block
        }

    .form-check-input.is-valid ~ .form-check-label,
    .was-validated .form-check-input:valid ~ .form-check-label {
        color: #0dcd94
    }

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

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

    .custom-control-input.is-valid ~ .custom-control-label,
    .was-validated .custom-control-input:valid ~ .custom-control-label {
        color: #0dcd94
    }

        .custom-control-input.is-valid ~ .custom-control-label:before,
        .was-validated .custom-control-input:valid ~ .custom-control-label:before {
            background-color: #9eff3b
        }

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

    .custom-control-input.is-valid ~ .valid-feedback,
    .custom-control-input.is-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: #78ed00
    }

    .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 #ebeff8, 0 0 0 2px rgba(94, 186, 0, .25)
    }

    .custom-file-input.is-valid ~ .custom-file-label,
    .was-validated .custom-file-input:valid ~ .custom-file-label {
        border-color: #0dcd94
    }

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

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

    .custom-file-input.is-valid ~ .valid-feedback,
    .custom-file-input.is-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 2px rgba(94, 186, 0, .25)
    }

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

    .invalid-tooltip {
        background-color: rgba(205, 32, 31, .8);
        border-radius: .2rem;
        color: #fff;
        display: none;
        font-size: .875rem;
        line-height: 1;
        margin-top: .1rem;
        max-width: 100%;
        padding: .5rem;
        position: absolute;
        top: 100%;
        z-index: 5
    }

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

        .custom-select.is-invalid:focus,
        .form-control.is-invalid:focus,
        .was-validated .custom-select:invalid:focus,
        .was-validated .form-control:invalid:focus {
            border-color: #dc0441;
            box-shadow: 0 0 0 2px rgba(205, 32, 31, .25)
        }

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

        .form-control.is-invalid ~ .invalid-feedback,
        .form-control.is-invalid ~ .invalid-tooltip {
            display: block
        }

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

        .custom-select.is-invalid ~ .invalid-feedback,
        .custom-select.is-invalid ~ .invalid-tooltip {
            display: block
        }

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

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

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

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

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

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

    .custom-control-input.is-invalid ~ .invalid-feedback,
    .custom-control-input.is-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: #e23e3d
    }

    .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 #ebeff8, 0 0 0 2px rgba(205, 32, 31, .25)
    }

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

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

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

    .custom-file-input.is-invalid ~ .invalid-feedback,
    .custom-file-input.is-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 2px rgba(205, 32, 31, .25)
    }

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

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

    @media (min-width:576px) {
        .form-inline label {
            justify-content: center
        }

        .form-inline .form-group,
        .form-inline label {
            align-items: center;
            display: flex;
            margin-bottom: 0
        }

        .form-inline .form-group {
            flex: 0 0 auto;
            flex-flow: row wrap
        }

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

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

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

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

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

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

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

    .select2-container--focus {
        outline: 1px auto #d3dfea
    }

    .ms-choice,
    .ms-choice:focus,
    select [aria-selected=true],
    select [aria-selected=true]:focus {
        outline: 0
    }

    .input-lg {
        border-radius: 4px;
        font-size: 18px;
        height: 50px !important;
        line-height: 1.3333333;
        padding: 10px 16px
    }

    .form-fieldset {
        background: #f8f9fa;
        border: 1px solid #e9ecef;
        border-radius: 3px;
        margin-bottom: 1rem;
        padding: 1rem
    }

    .form-required {
        color: #dc0441
    }

        .form-required:before {
            content: " "
        }

    .state-valid {
        background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>") no-repeat center right .5rem/1rem;
        padding-right: 2rem
    }

    .state-invalid {
        background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>") no-repeat center right .5rem/1rem;
        padding-right: 2rem
    }

    .form-help {
        background: #eaeefa;
        border-radius: 50%;
        color: #263871;
        cursor: pointer;
        display: inline-block;
        font-size: .75rem;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s, color .3s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 1rem
    }

        .form-help:hover,
        .form-help[aria-describedby] {
            background: #36f;
            color: #fff
        }

    .wizard {
        background-color: #fff;
        border: 1px solid #e9edf4
    }

        .wizard > .steps {
            padding: 20px
        }

            .wizard > .steps > ul {
                display: flex;
                margin-bottom: 0;
                padding: 0
            }

                .wizard > .steps > ul li {
                    display: block;
                    float: none;
                    width: auto
                }

                    .wizard > .steps > ul li .current-info {
                        display: none
                    }

                    .wizard > .steps > ul li .title {
                        margin: 0;
                        min-height: auto;
                        transition: all .2s ease-in-out;
                        white-space: nowrap
                    }

                    .wizard > .steps > ul li + li {
                        margin-left: 5px
                    }

            .wizard > .steps a,
            .wizard > .steps a:active,
            .wizard > .steps a:hover {
                align-items: center;
                color: #36f;
                display: flex;
                font-size: 15px;
                font-weight: 500;
                justify-content: center
            }

                .wizard > .steps a .number,
                .wizard > .steps a:active .number,
                .wizard > .steps a:hover .number {
                    background-color: #b4bdce;
                    border-radius: 100%;
                    color: #fff;
                    display: block;
                    flex-shrink: 0;
                    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
                    font-weight: 700;
                    height: 30px;
                    line-height: 2;
                    margin-right: 5px;
                    text-align: center;
                    transition: all .2s ease-in-out;
                    width: 30px
                }

            .wizard > .steps .disabled a,
            .wizard > .steps .disabled a:active,
            .wizard > .steps .disabled a:hover {
                color: #737688
            }

            .wizard > .steps .current a,
            .wizard > .steps .current a:active,
            .wizard > .steps .current a:hover {
                color: #36f
            }

                .wizard > .steps .current a .title,
                .wizard > .steps .current a:active .title,
                .wizard > .steps .current a:hover .title {
                    display: inline-block
                }

                .wizard > .steps .current a .number,
                .wizard > .steps .current a:active .number,
                .wizard > .steps .current a:hover .number {
                    background-color: #36f
                }

            .wizard > .steps .done a,
            .wizard > .steps .done a:active,
            .wizard > .steps .done a:hover {
                color: #0dcd94
            }

                .wizard > .steps .done a .title,
                .wizard > .steps .done a:active .title,
                .wizard > .steps .done a:hover .title {
                    display: none
                }

                .wizard > .steps .done a .number,
                .wizard > .steps .done a:active .number,
                .wizard > .steps .done a:hover .number {
                    background-color: #0dcd94
                }

        .wizard > .content {
            border-bottom: 1px solid #e9edf4;
            border-top: 1px solid #e9edf4;
            min-height: 150px;
            padding: 20px
        }

            .wizard > .content > .title {
                color: #263871;
                display: none;
                font-size: 18px;
                font-weight: 600;
                margin: 0;
                padding-bottom: 15px
            }

                .wizard > .content > .title.current {
                    display: block
                }

            .wizard > .content > .body {
                float: none;
                height: auto;
                position: static;
                width: auto
            }

                .wizard > .content > .body input.parsley-error {
                    border-color: #ff5c77
                }

                    .wizard > .content > .body input.parsley-error + ul {
                        list-style: none !important
                    }

        .wizard > .actions {
            padding: 20px
        }

            .wizard > .actions > ul {
                display: flex;
                justify-content: space-between;
                list-style: none;
                margin: 0;
                padding: 0
            }

                .wizard > .actions > ul > li:last-child a {
                    background-color: #0dcd94
                }

            .wizard > .actions a,
            .wizard > .actions a:active,
            .wizard > .actions a:hover {
                background-color: #36f;
                border-radius: 4px;
                color: #fff;
                display: block;
                font-weight: 500;
                line-height: 1.573;
                padding: 9px 25px
            }

            .wizard > .actions .disabled a,
            .wizard > .actions .disabled a:active,
            .wizard > .actions .disabled a:hover {
                background-color: #e8ebf2;
                color: #263871
            }

        .wizard.vertical > .steps {
            padding: 20px
        }

            .wizard.vertical > .steps ul li + li {
                margin-left: 10px
            }

            .wizard.vertical > .steps ul li .title {
                display: none
            }

            .wizard.vertical > .steps .current a .title {
                display: inline-block
            }

        .wizard.vertical > .content {
            margin: 0;
            padding: 20px
        }

        .wizard.vertical > .actions {
            padding: 20px
        }

            .wizard.vertical > .actions ul {
                float: none;
                margin: 0;
                padding: 0
            }

    @media (min-width:768px) {
        .wizard > .steps {
            padding: 25px
        }
    }

    @media (min-width:992px) {
        .wizard > .steps {
            padding: 20px
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .wizard > .steps > ul li .title {
            transition: none
        }
    }

    @media (min-width:576px) {
        .wizard > .steps > ul li .title {
            display: none;
            margin-left: 10px
        }
    }

    @media (min-width:768px) {
        .wizard > .steps > ul li .title {
            display: inline-block
        }
    }

    @media (min-width:576px) {
        .wizard > .steps > ul li + li {
            margin-left: 20px
        }
    }

    @media (min-width:992px) {
        .wizard > .steps > ul li + li {
            margin-left: 30px
        }
    }

    @media (min-width:1200px) {
        .wizard > .steps a,
        .wizard > .steps a:active,
        .wizard > .steps a:hover {
            justify-content: flex-start
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .wizard > .steps a .number,
        .wizard > .steps a:active .number,
        .wizard > .steps a:hover .number {
            transition: none
        }
    }

    @media (min-width:576px) {
        .wizard > .steps a .number,
        .wizard > .steps a:active .number,
        .wizard > .steps a:hover .number {
            font-size: 18px;
            font-weight: 600;
            height: 40px;
            line-height: 2.1;
            width: 40px
        }
    }

    @media (min-width:992px) {
        .wizard > .steps .disabled {
            display: block
        }
    }

    @media (max-width:991px) {
        .wizard > .steps .disabled {
            display: none
        }
    }

    @media (min-width:768px) {
        .wizard > .steps .done a .title,
        .wizard > .steps .done a:active .title,
        .wizard > .steps .done a:hover .title {
            display: inline-block
        }

        .wizard > .content {
            padding: 25px
        }
    }

    @media (min-width:992px) {
        .wizard > .content {
            padding: 20px
        }
    }

    @media (min-width:768px) {
        .wizard > .actions {
            padding: 25px
        }
    }

    @media (min-width:992px) {
        .wizard > .actions {
            padding: 20px
        }
    }

    @media (min-width:576px) {
        .wizard.vertical > .steps {
            float: left;
            width: 20%
        }
    }

    @media (min-width:768px) {
        .wizard.vertical > .steps {
            width: 15%
        }
    }

    @media (min-width:992px) {
        .wizard.vertical > .steps {
            padding: 20px;
            width: 30%
        }
    }

    @media (min-width:576px) {
        .wizard.vertical > .steps ul {
            flex-direction: column
        }

            .wizard.vertical > .steps ul li + li {
                margin-left: 0;
                margin-top: 10px
            }
    }

    @media (min-width:768px) {
        .wizard.vertical > .steps ul li + li {
            margin-top: 20px
        }
    }

    @media (min-width:992px) {
        .wizard.vertical > .steps ul li .title {
            display: block
        }

        .wizard.vertical > .steps a {
            justify-content: flex-start
        }
    }

    @media (min-width:576px) {
        .wizard.vertical > .steps .current a .title {
            display: none
        }
    }

    @media (min-width:992px) {
        .wizard.vertical > .steps .current a .title {
            display: inline-block
        }
    }

    @media (min-width:576px) {
        .wizard.vertical > .content {
            border-bottom-width: 0;
            border-left: 1px solid #e9edf4;
            border-top-width: 0;
            float: right;
            width: 80%
        }
    }

    @media (min-width:768px) {
        .wizard.vertical > .content {
            width: 85%
        }
    }

    @media (min-width:992px) {
        .wizard.vertical > .content {
            padding: 25px;
            width: 70%
        }
    }

    @media (min-width:576px) {
        .wizard.vertical > .actions {
            border-left: 1px solid #e9edf4;
            float: right;
            width: 80%
        }
    }

    @media (min-width:768px) {
        .wizard.vertical > .actions {
            width: 85%
        }
    }

    @media (min-width:992px) {
        .wizard.vertical > .actions {
            padding: 25px;
            width: 70%
        }
    }

    .step-equal-width > .steps > ul {
        display: flex
    }

        .step-equal-width > .steps > ul > li {
            flex: 1;
            float: none;
            width: auto
        }

    .wizard-style-1 > .steps > ul a,
    .wizard-style-1 > .steps > ul a:active,
    .wizard-style-1 > .steps > ul a:hover {
        height: 50px;
        padding: 0
    }

        .wizard-style-1 > .steps > ul a .number,
        .wizard-style-1 > .steps > ul a:active .number,
        .wizard-style-1 > .steps > ul a:hover .number {
            background-color: #f3f7fd;
            border: 0;
            border-radius: 0;
            color: #737688;
            font-size: 18px;
            font-weight: 700;
            height: 100%;
            width: 50px
        }

        .wizard-style-1 > .steps > ul a .title,
        .wizard-style-1 > .steps > ul a:active .title,
        .wizard-style-1 > .steps > ul a:hover .title {
            margin-left: 20px;
            margin-right: 20px
        }

    .wizard-style-1 > .steps > ul .current a .number,
    .wizard-style-1 > .steps > ul .current a:active .number,
    .wizard-style-1 > .steps > ul .current a:hover .number {
        background-color: #36f;
        color: #fff
    }

    .wizard-style-1 > .steps > ul .done a .number,
    .wizard-style-1 > .steps > ul .done a:active .number,
    .wizard-style-1 > .steps > ul .done a:hover .number {
        background-color: #643ab0;
        color: #fff
    }

    .wizard-style-2 > .steps > ul a,
    .wizard-style-2 > .steps > ul a:active,
    .wizard-style-2 > .steps > ul a:hover {
        border-radius: 50px;
        height: 50px;
        padding: 0
    }

        .wizard-style-2 > .steps > ul a .number,
        .wizard-style-2 > .steps > ul a:active .number,
        .wizard-style-2 > .steps > ul a:hover .number {
            background-color: #fff;
            border: 2px solid #f3f7fd;
            color: #737688;
            font-size: 18px;
            font-weight: 700;
            height: 100%;
            width: 50px
        }

        .wizard-style-2 > .steps > ul a .title,
        .wizard-style-2 > .steps > ul a:active .title,
        .wizard-style-2 > .steps > ul a:hover .title {
            margin-right: 20px
        }

    .wizard-style-2 > .steps > ul .current a .number,
    .wizard-style-2 > .steps > ul .current a:active .number,
    .wizard-style-2 > .steps > ul .current a:hover .number {
        border-color: #36f;
        color: #36f
    }

    .wizard-style-2 > .steps > ul .done a .number,
    .wizard-style-2 > .steps > ul .done a:active .number,
    .wizard-style-2 > .steps > ul .done a:hover .number {
        border-color: #8c3feb;
        color: #8c3feb
    }

    .parsley-required {
        color: #ff5c77;
        font-size: 12px;
        margin-top: 3px
    }

    .wizard-card .moving-tab {
        background-color: #36f !important;
        margin-top: 5px
    }

    .form-group label.control-label {
        color: #36f
    }

    .wizard-card.form-group .form-control {
        background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2))
    }

    .wizard-container .wizard-navigation {
        background: #ebeff8
    }

    .wizard-card .choice.active .icon,
    .wizard-card .choice:hover .icon {
        border-color: #36f !important;
        color: #36f !important
    }

    .demo-gallery > ul {
        margin-bottom: 0
    }

        .demo-gallery > ul > li {
            border: 0;
            float: left;
            margin-bottom: 15px;
            width: 200px
        }

            .demo-gallery > ul > li a {
                border: 3px solid #fff;
                border-radius: 3px;
                display: block;
                float: left;
                overflow: hidden;
                position: relative
            }

                .demo-gallery > ul > li a > img {
                    height: 100%;
                    transform: scaleX(1);
                    transition: transform .15s ease 0s;
                    width: 100%
                }

                .demo-gallery > ul > li a:hover > img {
                    transform: scale3d(1.1, 1.1, 1.1)
                }

                .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
                    opacity: 1
                }

                .demo-gallery > ul > li a .demo-gallery-poster {
                    background-color: rgba(0, 0, 0, .1);
                    bottom: 0;
                    left: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
                    transition: background-color .15s ease 0s
                }

                    .demo-gallery > ul > li a .demo-gallery-poster > img {
                        left: 50%;
                        margin-left: -10px;
                        margin-top: -10px;
                        opacity: 0;
                        position: absolute;
                        top: 50%;
                        transition: opacity .3s ease 0s
                    }

                .demo-gallery > ul > li a:hover .demo-gallery-poster {
                    background-color: rgba(0, 0, 0, .5)
                }

    .demo-gallery .justified-gallery > a > img {
        height: 100%;
        transform: scaleX(1);
        transition: transform .15s ease 0s;
        width: 100%
    }

    .demo-gallery .justified-gallery > a:hover > img {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
        opacity: 1
    }

    .demo-gallery .justified-gallery > a .demo-gallery-poster {
        background-color: rgba(0, 0, 0, .1);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: background-color .15s ease 0s
    }

        .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
            left: 50%;
            margin-left: -10px;
            margin-top: -10px;
            opacity: 0;
            position: absolute;
            top: 50%;
            transition: opacity .3s ease 0s
        }

    .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
        background-color: rgba(0, 0, 0, .5)
    }

    .demo-gallery .video .demo-gallery-poster img {
        height: 48px;
        margin-left: -24px;
        margin-top: -24px;
        opacity: .8;
        width: 48px
    }

    .demo-gallery.dark > ul > li a {
        border: 3px solid #04070a
    }

    .home .demo-gallery {
        padding-bottom: 80px
    }

    .col-sm-3 a {
        border: 1px solid transparent;
        border-radius: 0;
        transition: all 3s ease
    }

        .col-sm-3 a:hover {
            background: linear-gradient(rgba(56, 123, 131, .7), rgba(56, 123, 131, .7));
            border: 1px solid #ff4647;
            border-radius: 100% 60%/30% 10%
        }

    .gallery-list {
        list-style-type: none;
        margin: -5px -5px 15px;
        padding: 0
    }

        .gallery-list > li {
            border: 1px solid #efefef;
            float: left;
            margin: 10px;
            padding: 10px;
            width: 23%
        }

            .gallery-list > li .image-container {
                background: #fff;
                border-radius: 5px;
                position: relative
            }

            .gallery-list > li .image {
                border-radius: 5px 5px 0 0;
                overflow: hidden;
                padding-top: 60%;
                position: relative
            }

                .gallery-list > li .image img {
                    left: 0;
                    max-width: 100%;
                    position: absolute;
                    right: 0;
                    top: 0;
                    z-index: 1
                }

            .gallery-list > li .btn-list {
                left: 10px;
                position: absolute;
                right: 10px;
                top: 10px;
                z-index: 1
            }

            .gallery-list > li .info {
                padding: 8px 10px
            }

                .gallery-list > li .info * {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap
                }

                .gallery-list > li .info h5 {
                    font-size: 12px;
                    margin: 0
                }

    @media (max-width:991px) {
        .gallery-list > li {
            width: 45.33%
        }
    }

    @media (max-width:480px) {
        .gallery-list > li {
            width: 100%
        }
    }

    .img-gallery {
        margin-bottom: -.5rem;
        margin-left: -.25rem;
        margin-right: -.25rem
    }

        .img-gallery > .col,
        .img-gallery > [class*=col-] {
            padding-bottom: .5rem;
            padding-left: .25rem;
            padding-right: .25rem
        }

    .timeline__item:after {
        background: #fff !important
    }

    .timeline--horizontal .timeline-divider {
        background: #ebeff8 !important
    }

    .timeline__content {
        background-color: #fff;
        background-color: #eaf0f9;
        border-radius: 10px;
        display: block;
        padding: 1.25rem;
        position: relative
    }

    .timeline__item:after {
        border: 6px solid #36f
    }

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

    .d-none {
        display: none !important
    }

    .d-inline {
        display: inline !important
    }

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

    .d-block {
        display: block !important
    }

    .d-table {
        display: table !important
    }

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

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

    .d-flex {
        display: flex !important
    }

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

    @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: flex !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    @media (min-width:1280px) {
        .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: flex !important
        }

        .d-xl-inline-flex {
            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: flex !important
        }

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

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

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

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

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

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

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

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

    .flex-fill {
        flex: 1 1 auto !important
    }

    .flex-grow-0 {
        flex-grow: 0 !important
    }

    .flex-grow-1 {
        flex-grow: 1 !important
    }

    .flex-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .flex-sm-fill {
            flex: 1 1 auto !important
        }

        .flex-sm-grow-0 {
            flex-grow: 0 !important
        }

        .flex-sm-grow-1 {
            flex-grow: 1 !important
        }

        .flex-sm-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-sm-shrink-1 {
            flex-shrink: 1 !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .flex-md-fill {
            flex: 1 1 auto !important
        }

        .flex-md-grow-0 {
            flex-grow: 0 !important
        }

        .flex-md-grow-1 {
            flex-grow: 1 !important
        }

        .flex-md-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-md-shrink-1 {
            flex-shrink: 1 !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .flex-lg-fill {
            flex: 1 1 auto !important
        }

        .flex-lg-grow-0 {
            flex-grow: 0 !important
        }

        .flex-lg-grow-1 {
            flex-grow: 1 !important
        }

        .flex-lg-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-lg-shrink-1 {
            flex-shrink: 1 !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .flex-xl-fill {
            flex: 1 1 auto !important
        }

        .flex-xl-grow-0 {
            flex-grow: 0 !important
        }

        .flex-xl-grow-1 {
            flex-grow: 1 !important
        }

        .flex-xl-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-xl-shrink-1 {
            flex-shrink: 1 !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .float-left {
        float: left !important
    }

    .float-right {
        float: right !important
    }

    .float-none {
        float: none !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .center-block {
        float: inherit !important;
        margin-left: auto;
        margin-right: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .relative {
        position: relative
    }

    .pos-static {
        position: static
    }

    .bg-primary {
        background-color: #36f !important
    }

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

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

    .bg-success {
        background-color: #0dcd94 !important
    }

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

    .bg-info {
        background-color: #128af9 !important
    }

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

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

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

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

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

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

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

    .bg-light2 {
        background-color: #fbfbfb !important
    }

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

    .bg-light3 {
        background-color: #d3dfea !important
    }

    .bg-light4 {
        background-color: #dbe2fc !important
    }

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

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

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

    .bg-gradient-primary {
        background: -webkit-gradient(linear, left top, right top, from(#36f), to(#113ca9))
    }

    .bg-gradient-success {
        background-image: linear-gradient(90deg, #63d457 0, #9fe797)
    }

    .bg-gradient-info {
        background-image: linear-gradient(90deg, #1e9fc4 0, #69c7de)
    }

    .bg-gradient-warning {
        background-image: linear-gradient(90deg, #fcaa01 0, #fece4d)
    }

    .bg-gradient-teal {
        background-image: linear-gradient(90deg, #00796b 0, #4db6ac)
    }

    .bg-gradient-blue {
        background-image: linear-gradient(90deg, #1976d2 0, #083dc1)
    }

    .bg-gradient-danger {
        background-image: linear-gradient(90deg, #f7284a 0, #fc9197)
    }

    .bg-gray-100 {
        background-color: #f1f2f7
    }

    .bg-gray-200 {
        background-color: #e5e7f1
    }

    .bg-gray-300 {
        background-color: #d2d6e4
    }

    .bg-gray-400 {
        background-color: #b7bdd2
    }

    .bg-gray-500 {
        background-color: #a2aac7
    }

    .bg-gray-600 {
        background-color: #8d96b7
    }

    .bg-gray-700 {
        background-color: #7a85ad
    }

    .bg-gray-800 {
        background-color: #53608c
    }

    .bg-gray-900 {
        background-color: #263871
    }

    .bg-white-1 {
        background-color: hsla(0, 0%, 100%, .1)
    }

    .bg-white-2 {
        background-color: hsla(0, 0%, 100%, .2)
    }

    .bg-white-3 {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .bg-white-4 {
        background-color: hsla(0, 0%, 100%, .4)
    }

    .bg-white-5 {
        background-color: hsla(0, 0%, 100%, .5)
    }

    .bg-white-6 {
        background-color: hsla(0, 0%, 100%, .6)
    }

    .bg-white-7 {
        background-color: hsla(0, 0%, 100%, .7)
    }

    .bg-white-8 {
        background-color: hsla(0, 0%, 100%, .8)
    }

    .bg-white-9 {
        background-color: hsla(0, 0%, 100%, .9)
    }

    .bg-black-1 {
        background-color: rgba(0, 0, 0, .1)
    }

    .bg-black-2 {
        background-color: rgba(0, 0, 0, .2)
    }

    .bg-black-3 {
        background-color: rgba(0, 0, 0, .3)
    }

    .bg-black-4 {
        background-color: rgba(0, 0, 0, .4)
    }

    .bg-black-5 {
        background-color: rgba(0, 0, 0, .5)
    }

    .bg-black-6 {
        background-color: rgba(0, 0, 0, .6)
    }

    .bg-black-7 {
        background-color: rgba(0, 0, 0, .7)
    }

    .bg-black-8 {
        background-color: rgba(0, 0, 0, .8)
    }

    .bg-black-9 {
        background-color: rgba(0, 0, 0, .9)
    }

    .bg-blue-lightest {
        background-color: #edf2fa !important
    }

    a.bg-blue-lightest:focus,
    a.bg-blue-lightest:hover,
    button.bg-blue-lightest:focus,
    button.bg-blue-lightest:hover {
        background-color: #c5d5ef !important
    }

    .bg-blue-lighter {
        background-color: #c8d9f1 !important
    }

    a.bg-blue-lighter:focus,
    a.bg-blue-lighter:hover,
    button.bg-blue-lighter:focus,
    button.bg-blue-lighter:hover {
        background-color: #9fbde7 !important
    }

    .bg-blue-light {
        background-color: #7ea5dd !important
    }

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

    .bg-blue-dark {
        background-color: #3866a6 !important
    }

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

    .bg-blue-darker {
        background-color: #1c3353 !important
    }

    a.bg-blue-darker:focus,
    a.bg-blue-darker:hover,
    button.bg-blue-darker:focus,
    button.bg-blue-darker:hover {
        background-color: #0f1c2d !important
    }

    .bg-blue-darkest {
        background-color: #0e1929 !important
    }

    a.bg-blue-darkest:focus,
    a.bg-blue-darkest:hover,
    button.bg-blue-darkest:focus,
    button.bg-blue-darkest:hover {
        background-color: #010203 !important
    }

    .bg-purssianblue {
        background-color: #362f71
    }

    a.bg-purssianblue-lightest:focus,
    a.bg-purssianblue-lightest:hover,
    button.bg-purssianblue-lightest:focus,
    button.bg-purssianblue-lightest:hover {
        background-color: #3f3688 !important
    }

    .bg-indigo-lightest {
        background-color: #f0f1fa !important
    }

    a.bg-indigo-lightest:focus,
    a.bg-indigo-lightest:hover,
    button.bg-indigo-lightest:focus,
    button.bg-indigo-lightest:hover {
        background-color: #cacded !important
    }

    .bg-indigo-lighter {
        background-color: #d1d5f0 !important
    }

    a.bg-indigo-lighter:focus,
    a.bg-indigo-lighter:hover,
    button.bg-indigo-lighter:focus,
    button.bg-indigo-lighter:hover {
        background-color: #abb2e3 !important
    }

    .bg-indigo-light {
        background-color: #939edc !important
    }

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

    .bg-indigo-dark {
        background-color: #515da4 !important
    }

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

    .bg-indigo-darker {
        background-color: #282e52 !important
    }

    a.bg-indigo-darker:focus,
    a.bg-indigo-darker:hover,
    button.bg-indigo-darker:focus,
    button.bg-indigo-darker:hover {
        background-color: #171b30 !important
    }

    .bg-indigo-darkest {
        background-color: #141729 !important
    }

    a.bg-indigo-darkest:focus,
    a.bg-indigo-darkest:hover,
    button.bg-indigo-darkest:focus,
    button.bg-indigo-darkest:hover {
        background-color: #030407 !important
    }

    .bg-purple-lightest {
        background-color: #f6effd !important
    }

    a.bg-purple-lightest:focus,
    a.bg-purple-lightest:hover,
    button.bg-purple-lightest:focus,
    button.bg-purple-lightest:hover {
        background-color: #ddc2f7 !important
    }

    .bg-purple-lighter {
        background-color: #e4cff9 !important
    }

    a.bg-purple-lighter:focus,
    a.bg-purple-lighter:hover,
    button.bg-purple-lighter:focus,
    button.bg-purple-lighter:hover {
        background-color: #cba2f3 !important
    }

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

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

    .bg-purple-dark {
        background-color: #844bbb !important
    }

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

    .bg-purple-darker {
        background-color: #42265e !important
    }

    a.bg-purple-darker:focus,
    a.bg-purple-darker:hover,
    button.bg-purple-darker:focus,
    button.bg-purple-darker:hover {
        background-color: #29173a !important
    }

    .bg-purple-darkest {
        background-color: #21132f !important
    }

    a.bg-purple-darkest:focus,
    a.bg-purple-darkest:hover,
    button.bg-purple-darkest:focus,
    button.bg-purple-darkest:hover {
        background-color: #08040b !important
    }

    .bg-pink-lightest {
        background-color: #fef0f5 !important
    }

    a.bg-pink-lightest:focus,
    a.bg-pink-lightest:hover,
    button.bg-pink-lightest:focus,
    button.bg-pink-lightest:hover {
        background-color: #fbc0d5 !important
    }

    .bg-pink-lighter {
        background-color: #fcd3e1 !important
    }

    a.bg-pink-lighter:focus,
    a.bg-pink-lighter:hover,
    button.bg-pink-lighter:focus,
    button.bg-pink-lighter:hover {
        background-color: #f9a3c0 !important
    }

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

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

    .bg-pink-dark {
        background-color: #c5577c !important
    }

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

    .bg-pink-darker {
        background-color: #622c3e !important
    }

    a.bg-pink-darker:focus,
    a.bg-pink-darker:hover,
    button.bg-pink-darker:focus,
    button.bg-pink-darker:hover {
        background-color: #3f1c28 !important
    }

    .bg-pink-darkest {
        background-color: #31161f !important
    }

    a.bg-pink-darkest:focus,
    a.bg-pink-darkest:hover,
    button.bg-pink-darkest:focus,
    button.bg-pink-darkest:hover {
        background-color: #0e0609 !important
    }

    .bg-red-lightest {
        background-color: #fae9e9 !important
    }

    a.bg-red-lightest:focus,
    a.bg-red-lightest:hover,
    button.bg-red-lightest:focus,
    button.bg-red-lightest:hover {
        background-color: #f1bfbf !important
    }

    .bg-red-lighter {
        background-color: #f0bcbc !important
    }

    a.bg-red-lighter:focus,
    a.bg-red-lighter:hover,
    button.bg-red-lighter:focus,
    button.bg-red-lighter:hover {
        background-color: #e79292 !important
    }

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

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

    .bg-red-dark {
        background-color: #a41a19 !important
    }

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

    .bg-red-darker {
        background-color: #520d0c !important
    }

    a.bg-red-darker:focus,
    a.bg-red-darker:hover,
    button.bg-red-darker:focus,
    button.bg-red-darker:hover {
        background-color: #260605 !important
    }

    .bg-red-darkest {
        background-color: #290606 !important
    }

    a.bg-red-darkest:focus,
    a.bg-red-darkest:hover,
    button.bg-red-darkest:focus,
    button.bg-red-darkest:hover {
        background-color: #000 !important
    }

    .bg-orange-lightest {
        background-color: #fff5ec !important
    }

    a.bg-orange-lightest:focus,
    a.bg-orange-lightest:hover,
    button.bg-orange-lightest:focus,
    button.bg-orange-lightest:hover {
        background-color: #ffdab9 !important
    }

    .bg-orange-lighter {
        background-color: #fee0c7 !important
    }

    a.bg-orange-lighter:focus,
    a.bg-orange-lighter:hover,
    button.bg-orange-lighter:focus,
    button.bg-orange-lighter:hover {
        background-color: #fdc495 !important
    }

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

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

    .bg-orange-dark {
        background-color: #ca7836 !important
    }

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

    .bg-orange-darker {
        background-color: #653c1b !important
    }

    a.bg-orange-darker:focus,
    a.bg-orange-darker:hover,
    button.bg-orange-darker:focus,
    button.bg-orange-darker:hover {
        background-color: #3d2410 !important
    }

    .bg-orange-darkest {
        background-color: #331e0e !important
    }

    a.bg-orange-darkest:focus,
    a.bg-orange-darkest:hover,
    button.bg-orange-darkest:focus,
    button.bg-orange-darkest:hover {
        background-color: #0b0603 !important
    }

    .bg-yellow-lightest {
        background-color: #fef9e7 !important
    }

    a.bg-yellow-lightest:focus,
    a.bg-yellow-lightest:hover,
    button.bg-yellow-lightest:focus,
    button.bg-yellow-lightest:hover {
        background-color: #fcedb6 !important
    }

    .bg-yellow-lighter {
        background-color: #fbedb7 !important
    }

    a.bg-yellow-lighter:focus,
    a.bg-yellow-lighter:hover,
    button.bg-yellow-lighter:focus,
    button.bg-yellow-lighter:hover {
        background-color: #f8e187 !important
    }

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

    a.bg-yellow-light:focus,
    a.bg-yellow-light:hover,
    button.bg-yellow-light:focus,
    button.bg-yellow-light:hover {
        background-color: #f2ca27 !important
    }

    .bg-yellow-dark {
        background-color: #c19d0c !important
    }

    a.bg-yellow-dark:focus,
    a.bg-yellow-dark:hover,
    button.bg-yellow-dark:focus,
    button.bg-yellow-dark:hover {
        background-color: #917609 !important
    }

    .bg-yellow-darker {
        background-color: #604e06 !important
    }

    .bg-yellow-darkest,
    a.bg-yellow-darker:focus,
    a.bg-yellow-darker:hover,
    button.bg-yellow-darker:focus,
    button.bg-yellow-darker:hover {
        background-color: #302703 !important
    }

    a.bg-yellow-darkest:focus,
    a.bg-yellow-darkest:hover,
    button.bg-yellow-darkest:focus,
    button.bg-yellow-darkest:hover {
        background-color: #000 !important
    }

    .bg-green-lightest {
        background-color: #eff8e6 !important
    }

    a.bg-green-lightest:focus,
    a.bg-green-lightest:hover,
    button.bg-green-lightest:focus,
    button.bg-green-lightest:hover {
        background-color: #d6edbe !important
    }

    .bg-green-lighter {
        background-color: #cfeab3 !important
    }

    a.bg-green-lighter:focus,
    a.bg-green-lighter:hover,
    button.bg-green-lighter:focus,
    button.bg-green-lighter:hover {
        background-color: #b6df8b !important
    }

    .bg-green-light {
        background-color: #8ecf4d !important
    }

    a.bg-green-light:focus,
    a.bg-green-light:hover,
    button.bg-green-light:focus,
    button.bg-green-light:hover {
        background-color: #75b831 !important
    }

    .bg-green-dark {
        background-color: #4b9500 !important
    }

    a.bg-green-dark:focus,
    a.bg-green-dark:hover,
    button.bg-green-dark:focus,
    button.bg-green-dark:hover {
        background-color: #316200 !important
    }

    .bg-green-darker {
        background-color: #264a00 !important
    }

    a.bg-green-darker:focus,
    a.bg-green-darker:hover,
    button.bg-green-darker:focus,
    button.bg-green-darker:hover {
        background-color: #0c1700 !important
    }

    .bg-green-darkest {
        background-color: #132500 !important
    }

    a.bg-green-darkest:focus,
    a.bg-green-darkest:hover,
    button.bg-green-darkest:focus,
    button.bg-green-darkest:hover {
        background-color: #000 !important
    }

    .bg-teal-lightest {
        background-color: #eafaf8 !important
    }

    a.bg-teal-lightest:focus,
    a.bg-teal-lightest:hover,
    button.bg-teal-lightest:focus,
    button.bg-teal-lightest:hover {
        background-color: #c1f0ea !important
    }

    .bg-teal-lighter {
        background-color: #bfefea !important
    }

    a.bg-teal-lighter:focus,
    a.bg-teal-lighter:hover,
    button.bg-teal-lighter:focus,
    button.bg-teal-lighter:hover {
        background-color: #96e5dd !important
    }

    .bg-teal-light {
        background-color: #6bdbcf !important
    }

    a.bg-teal-light:focus,
    a.bg-teal-light:hover,
    button.bg-teal-light:focus,
    button.bg-teal-light:hover {
        background-color: #42d1c2 !important
    }

    .bg-teal-dark {
        background-color: #22a295 !important
    }

    a.bg-teal-dark:focus,
    a.bg-teal-dark:hover,
    button.bg-teal-dark:focus,
    button.bg-teal-dark:hover {
        background-color: #19786e !important
    }

    .bg-teal-darker {
        background-color: #11514a !important
    }

    a.bg-teal-darker:focus,
    a.bg-teal-darker:hover,
    button.bg-teal-darker:focus,
    button.bg-teal-darker:hover {
        background-color: #082723 !important
    }

    .bg-teal-darkest {
        background-color: #092925 !important
    }

    a.bg-teal-darkest:focus,
    a.bg-teal-darkest:hover,
    button.bg-teal-darkest:focus,
    button.bg-teal-darkest:hover {
        background-color: #000 !important
    }

    .bg-cyan-lightest {
        background-color: #e8f6f8 !important
    }

    a.bg-cyan-lightest:focus,
    a.bg-cyan-lightest:hover,
    button.bg-cyan-lightest:focus,
    button.bg-cyan-lightest:hover {
        background-color: #c1e7ec !important
    }

    .bg-cyan-lighter {
        background-color: #b9e3ea !important
    }

    a.bg-cyan-lighter:focus,
    a.bg-cyan-lighter:hover,
    button.bg-cyan-lighter:focus,
    button.bg-cyan-lighter:hover {
        background-color: #92d3de !important
    }

    .bg-cyan-light {
        background-color: #5dbecd !important
    }

    a.bg-cyan-light:focus,
    a.bg-cyan-light:hover,
    button.bg-cyan-light:focus,
    button.bg-cyan-light:hover {
        background-color: #3aabbd !important
    }

    .bg-cyan-dark {
        background-color: #128293 !important
    }

    a.bg-cyan-dark:focus,
    a.bg-cyan-dark:hover,
    button.bg-cyan-dark:focus,
    button.bg-cyan-dark:hover {
        background-color: #0c5a66 !important
    }

    .bg-cyan-darker {
        background-color: #09414a !important
    }

    a.bg-cyan-darker:focus,
    a.bg-cyan-darker:hover,
    button.bg-cyan-darker:focus,
    button.bg-cyan-darker:hover {
        background-color: #03191d !important
    }

    .bg-cyan-darkest {
        background-color: #052025 !important
    }

    a.bg-cyan-darkest:focus,
    a.bg-cyan-darkest:hover,
    button.bg-cyan-darkest:focus,
    button.bg-cyan-darkest:hover {
        background-color: #000 !important
    }

    .bg-white-lightest {
        background-color: #fff !important
    }

    a.bg-white-lightest:focus,
    a.bg-white-lightest:hover,
    button.bg-white-lightest:focus,
    button.bg-white-lightest:hover {
        background-color: #e6e5e5 !important
    }

    .bg-white-lighter {
        background-color: #fff !important
    }

    a.bg-white-lighter:focus,
    a.bg-white-lighter:hover,
    button.bg-white-lighter:focus,
    button.bg-white-lighter:hover {
        background-color: #e6e5e5 !important
    }

    .bg-white-light {
        background-color: #fff !important
    }

    a.bg-white-light:focus,
    a.bg-white-light:hover,
    button.bg-white-light:focus,
    button.bg-white-light:hover {
        background-color: #e6e5e5 !important
    }

    .bg-white-dark {
        background-color: #ccc !important
    }

    a.bg-white-dark:focus,
    a.bg-white-dark:hover,
    button.bg-white-dark:focus,
    button.bg-white-dark:hover {
        background-color: #b3b2b2 !important
    }

    .bg-white-darker {
        background-color: #666 !important
    }

    a.bg-white-darker:focus,
    a.bg-white-darker:hover,
    button.bg-white-darker:focus,
    button.bg-white-darker:hover {
        background-color: #4d4c4c !important
    }

    .bg-white-darkest {
        background-color: #333 !important
    }

    a.bg-white-darkest:focus,
    a.bg-white-darkest:hover,
    button.bg-white-darkest:focus,
    button.bg-white-darkest:hover {
        background-color: #1a1919 !important
    }

    .bg-gray-lightest {
        background-color: #f3f4f5 !important
    }

    a.bg-gray-lightest:focus,
    a.bg-gray-lightest:hover,
    button.bg-gray-lightest:focus,
    button.bg-gray-lightest:hover {
        background-color: #d7dbde !important
    }

    .bg-gray-lighter {
        background-color: #dbdde0 !important
    }

    a.bg-gray-lighter:focus,
    a.bg-gray-lighter:hover,
    button.bg-gray-lighter:focus,
    button.bg-gray-lighter:hover {
        background-color: #c0c3c8 !important
    }

    .bg-gray-light {
        background-color: #aab0b6 !important
    }

    a.bg-gray-light:focus,
    a.bg-gray-light:hover,
    button.bg-gray-light:focus,
    button.bg-gray-light:hover {
        background-color: #8f979e !important
    }

    .bg-gray-darker {
        background-color: #36393c !important
    }

    a.bg-gray-darker:focus,
    a.bg-gray-darker:hover,
    button.bg-gray-darker:focus,
    button.bg-gray-darker:hover {
        background-color: #1e2021 !important
    }

    .bg-gray-darkest {
        background-color: #1b1c1e !important
    }

    a.bg-gray-darkest:focus,
    a.bg-gray-darkest:hover,
    button.bg-gray-darkest:focus,
    button.bg-gray-darkest:hover {
        background-color: #030303 !important
    }

    .bg-gray-dark-lightest {
        background-color: #ebebec !important
    }

    a.bg-gray-dark-lightest:focus,
    a.bg-gray-dark-lightest:hover,
    button.bg-gray-dark-lightest:focus,
    button.bg-gray-dark-lightest:hover {
        background-color: #d1d1d3 !important
    }

    .bg-gray-dark-lighter {
        background-color: #c2c4c6 !important
    }

    a.bg-gray-dark-lighter:focus,
    a.bg-gray-dark-lighter:hover,
    button.bg-gray-dark-lighter:focus,
    button.bg-gray-dark-lighter:hover {
        background-color: #a8abad !important
    }

    .bg-gray-dark-light {
        background-color: #717579 !important
    }

    a.bg-gray-dark-light:focus,
    a.bg-gray-dark-light:hover,
    button.bg-gray-dark-light:focus,
    button.bg-gray-dark-light:hover {
        background-color: #585c5f !important
    }

    .bg-gray-dark-dark {
        background-color: #2a2e33 !important
    }

    a.bg-gray-dark-dark:focus,
    a.bg-gray-dark-dark:hover,
    button.bg-gray-dark-dark:focus,
    button.bg-gray-dark-dark:hover {
        background-color: #131517 !important
    }

    .bg-gray-dark-darker {
        background-color: #15171a !important
    }

    a.bg-gray-dark-darker:focus,
    a.bg-gray-dark-darker:hover,
    button.bg-gray-dark-darker:focus,
    button.bg-gray-dark-darker:hover {
        background-color: #000 !important
    }

    .bg-gray-dark-darkest {
        background-color: #0a0c0d !important
    }

    a.bg-gray-dark-darkest:focus,
    a.bg-gray-dark-darkest:hover,
    button.bg-gray-dark-darkest:focus,
    button.bg-gray-dark-darkest:hover {
        background-color: #000 !important
    }

    .bg-azure-lightest {
        background-color: #ecf7fe !important
    }

    a.bg-azure-lightest:focus,
    a.bg-azure-lightest:hover,
    button.bg-azure-lightest:focus,
    button.bg-azure-lightest:hover {
        background-color: #bce3fb !important
    }

    .bg-azure-lighter {
        background-color: #c7e6fb !important
    }

    a.bg-azure-lighter:focus,
    a.bg-azure-lighter:hover,
    button.bg-azure-lighter:focus,
    button.bg-azure-lighter:hover {
        background-color: #97d1f8 !important
    }

    .bg-azure-light {
        background-color: #7dc4f6 !important
    }

    a.bg-azure-light:focus,
    a.bg-azure-light:hover,
    button.bg-azure-light:focus,
    button.bg-azure-light:hover {
        background-color: #4daef3 !important
    }

    .bg-azure-dark {
        background-color: #3788c2 !important
    }

    a.bg-azure-dark:focus,
    a.bg-azure-dark:hover,
    button.bg-azure-dark:focus,
    button.bg-azure-dark:hover {
        background-color: #2c6c9a !important
    }

    .bg-azure-darker {
        background-color: #1c4461 !important
    }

    a.bg-azure-darker:focus,
    a.bg-azure-darker:hover,
    button.bg-azure-darker:focus,
    button.bg-azure-darker:hover {
        background-color: #112839 !important
    }

    .bg-azure-darkest {
        background-color: #0e2230 !important
    }

    a.bg-azure-darkest:focus,
    a.bg-azure-darkest:hover,
    button.bg-azure-darkest:focus,
    button.bg-azure-darkest:hover {
        background-color: #020609 !important
    }

    .bg-lime-lightest {
        background-color: #f2fbeb !important
    }

    a.bg-lime-lightest:focus,
    a.bg-lime-lightest:hover,
    button.bg-lime-lightest:focus,
    button.bg-lime-lightest:hover {
        background-color: #d6f3c1 !important
    }

    .bg-lime-lighter {
        background-color: #d7f2c2 !important
    }

    a.bg-lime-lighter:focus,
    a.bg-lime-lighter:hover,
    button.bg-lime-lighter:focus,
    button.bg-lime-lighter:hover {
        background-color: #bbe998 !important
    }

    .bg-lime-light {
        background-color: #a3e072 !important
    }

    a.bg-lime-light:focus,
    a.bg-lime-light:hover,
    button.bg-lime-light:focus,
    button.bg-lime-light:hover {
        background-color: #88d748 !important
    }

    .bg-lime-dark {
        background-color: #62a82a !important
    }

    a.bg-lime-dark:focus,
    a.bg-lime-dark:hover,
    button.bg-lime-dark:focus,
    button.bg-lime-dark:hover {
        background-color: #4a7f20 !important
    }

    .bg-lime-darker {
        background-color: #315415 !important
    }

    a.bg-lime-darker:focus,
    a.bg-lime-darker:hover,
    button.bg-lime-darker:focus,
    button.bg-lime-darker:hover {
        background-color: #192b0b !important
    }

    .bg-lime-darkest {
        background-color: #192a0b !important
    }

    a.bg-lime-darkest:focus,
    a.bg-lime-darkest:hover,
    button.bg-lime-darkest:focus,
    button.bg-lime-darkest:hover {
        background-color: #010200 !important
    }

    .display-1 i,
    .display-2 i,
    .display-3 i,
    .display-4 i {
        font-size: .815em;
        vertical-align: baseline
    }

    .text-inherit {
        color: inherit !important
    }

    .text-default {
        color: #56638d !important
    }

    .text-muted-dark {
        color: #6e7687 !important
    }

    .tracking-tight {
        letter-spacing: -.05em !important
    }

    .tracking-normal {
        letter-spacing: 0 !important
    }

    .tracking-wide {
        letter-spacing: .05em !important
    }

    .leading-none {
        line-height: 1 !important
    }

    .leading-tight {
        line-height: 1.25 !important
    }

    .leading-normal {
        line-height: 1.5 !important
    }

    .leading-loose {
        line-height: 2 !important
    }

    .bg-blue {
        background-color: #083dc1 !important;
        color: #fff !important
    }

    a.bg-blue:focus,
    a.bg-blue:hover,
    button.bg-blue:focus,
    button.bg-blue:hover {
        background-color: #1747bd !important
    }

    .text-blue {
        color: #083dc1 !important
    }

    .bg-indigo {
        background-color: #6574cd !important;
        color: #fff !important
    }

    a.bg-indigo:focus,
    a.bg-indigo:hover,
    button.bg-indigo:focus,
    button.bg-indigo:hover {
        background-color: #3f51c1 !important
    }

    .text-indigo {
        color: #6574cd !important
    }

    .bg-purple {
        background-color: #aa4cf2 !important;
        color: #fff !important
    }

    a.bg-purple:focus,
    a.bg-purple:hover,
    button.bg-purple:focus,
    button.bg-purple:hover {
        background-color: #8c31e4 !important
    }

    .text-purple {
        color: #aa4cf2 !important
    }

    .text-lightpink-red {
        color: #ff7088 !important
    }

    .text-lightgreen {
        color: #26eda2 !important
    }

    .bg-pink {
        background-color: #ef4eb8 !important;
        color: #fff !important
    }

    .bg-darkpink {
        background-color: #14a485 !important;
        color: #fff !important
    }

    a.bg-pink:focus,
    a.bg-pink:hover,
    button.bg-pink:focus,
    button.bg-pink:hover {
        background-color: #f33d7a !important
    }

    .text-pink {
        color: #ef4eb8 !important
    }

    .bg-red {
        background-color: #dc0441 !important;
        color: #fff !important
    }

    a.bg-red:focus,
    a.bg-red:hover,
    button.bg-red:focus,
    button.bg-red:hover {
        background-color: #a11918 !important
    }

    .text-red {
        color: #dc0441 !important
    }

    .bg-orange {
        background-color: #f34932 !important;
        color: #fff !important
    }

    a.bg-orange:focus,
    a.bg-orange:hover,
    button.bg-orange:focus,
    button.bg-orange:hover {
        background-color: #fc7a12 !important
    }

    .text-orange {
        color: #f34932 !important
    }

    .bg-yellow {
        background-color: #fbc518 !important;
        color: #fff !important
    }

    a.bg-yellow:focus,
    a.bg-yellow:hover,
    button.bg-yellow:focus,
    button.bg-yellow:hover {
        background-color: #c29d0b !important
    }

    .text-yellow {
        color: #fbc518 !important
    }

    .bg-green {
        background-color: #0dcd94 !important;
        color: #000 !important
    }

    a.bg-green:focus,
    a.bg-green:hover,
    button.bg-green:focus,
    button.bg-green:hover {
        background-color: #15ca7c !important
    }

    .text-green {
        color: #0dcd94 !important
    }

    .bg-teal {
        background-color: #17d1dc !important
    }

    a.bg-teal:focus,
    a.bg-teal:hover,
    button.bg-teal:focus,
    button.bg-teal:hover {
        background-color: #22a193 !important
    }

    .text-teal {
        color: #17d1dc !important
    }

    .bg-cyan {
        background-color: #17a2b8 !important;
        color: #fff !important
    }

    a.bg-cyan:focus,
    a.bg-cyan:hover,
    button.bg-cyan:focus,
    button.bg-cyan:hover {
        background-color: #117a8b !important
    }

    .text-cyan {
        color: #17a2b8 !important
    }

    .bg-white {
        background-color: #fff !important
    }

    a.bg-white:focus,
    a.bg-white:hover,
    button.bg-white:focus,
    button.bg-white:hover {
        background-color: #f3f4f5 !important
    }

    .bg-gray {
        background-color: #868e96 !important
    }

    a.bg-gray:focus,
    a.bg-gray:hover,
    button.bg-gray:focus,
    button.bg-gray:hover {
        background-color: #6c757d !important
    }

    .text-gray {
        color: #969696 !important
    }

    .bg-lightpink-red {
        color: #ff7088 !important
    }

    .bg-gray-dark {
        background-color: #353a40 !important
    }

    a.bg-gray-dark:focus,
    a.bg-gray-dark:hover,
    button.bg-gray-dark:focus,
    button.bg-gray-dark:hover {
        background-color: #1d2124 !important
    }

    .text-gray-dark {
        color: #353a40 !important
    }

    .bg-azure {
        background-color: #128af9 !important
    }

    a.bg-azure:focus,
    a.bg-azure:hover,
    button.bg-azure:focus,
    button.bg-azure:hover {
        background-color: #1594ef !important
    }

    .text-azure {
        color: #128af9 !important
    }

    .bg-lime {
        background-color: #1e74a0 !important
    }

    a.bg-lime:focus,
    a.bg-lime:hover,
    button.bg-lime:focus,
    button.bg-lime:hover {
        background-color: #63ad27 !important
    }

    .text-lime {
        color: #1e74a0 !important
    }

    .icon {
        color: #fff !important
    }

        .icon i {
            color: #545b92;
            font-size: 20px;
            height: 2.5rem;
            line-height: 2.5rem;
            vertical-align: 0;
            width: 2.5rem
        }

    a.icon {
        cursor: pointer;
        text-decoration: none
    }

        a.icon:hover {
            color: #fff !important
        }

    .o-auto {
        overflow: auto !important
    }

    .o-hidden {
        overflow: hidden !important
    }

    .shadow {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05) !important
    }

    .shadow2 {
        box-shadow: 0 10px 10px 20px rgba(176, 184, 214, 0), 10px 10px 15px -5px #b0b8d6 !important
    }

    .bg-light2,
    .bg-light-color {
        background: #cedbfd
    }

    .bg-bluecolor {
        background: #02589a
    }

    .bg-limecolor {
        background: #cec31b
    }

    .bg-redcolor {
        background: #8d0718
    }

    .bg-pinkcolor {
        background: #e46f88
    }

    .bg-ornagecolor {
        background: #d57517
    }

    .bg-primary-transparent {
        background: rgba(51, 102, 255, .1);
        color: #36f
    }

    .bg-warning-transparent {
        background: rgba(251, 197, 24, .1);
        color: #fbc518
    }

    .bg-danger-transparent {
        background: rgba(247, 40, 74, .1);
        color: #f7284a
    }

    .bg-pink-transparent {
        background: rgba(239, 78, 184, .1);
        color: #ef4eb8
    }

    .bg-success-transparent {
        background: rgba(13, 205, 148, .1);
        color: #0dcd94
    }

    .bg-info-transparent {
        background: rgba(18, 138, 249, .1);
        color: #128af9
    }

    .bg-orange-transparent {
        background: rgba(243, 73, 50, .1);
        color: #f34932
    }

    .bg-purple-transparent {
        background: rgba(170, 76, 242, .1);
        color: #aa4cf2
    }

    .bg-secondary-transparent {
        background: rgba(254, 127, 0, .1);
        color: #fe7f00
    }

    .instagram {
        background: #de497b
    }

    .linkedin {
        background: #0077b5
    }

    .twitter {
        background: #1da1f2
    }

    .facebook {
        background: #3b5998
    }

    .border {
        border: 1px solid #e9ebfa !important
    }

    .border-top {
        border-top: 1px solid #e9ebfa !important
    }

    .border-right {
        border-right: 1px solid #e9ebfa !important
    }

    .border-bottom {
        border-bottom: 1px solid #e9ebfa !important
    }

    .border-left {
        border-left: 1px solid #e9ebfa !important
    }

    .border-top-bottom {
        border-bottom: 1px solid #e9ebfa !important;
        border-top: 1px solid #e9ebfa !important
    }

    .border-left-right {
        border-left: 1px solid #e9ebfa !important;
        border-right: 1px solid #e9ebfa !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-top-bottom-0 {
        border-bottom: 0 solid #e9ebfa !important;
        border-top: 0 solid #e9ebfa !important
    }

    .border-left-right-0 {
        border-left: 0 solid #e9ebfa !important;
        border-right: 0 solid #e9ebfa !important
    }

    .border-primary {
        border-color: #36f !important
    }

    .border-secondary {
        border-color: #fe7f00 !important
    }

    .border-success {
        border-color: #0dcd94 !important
    }

    .border-info {
        border-color: #128af9 !important
    }

    .border-warning {
        border-color: #fbc518 !important
    }

    .border-danger {
        border-color: #dc0441 !important
    }

    .border-light {
        border-color: #f8f9fa !important
    }

    .border-dark {
        border-color: #353a40 !important
    }

    .border-transparent {
        border-color: hsla(0, 0%, 100%, .15) !important
    }

    .border-dark-transparent {
        border-color: rgba(0, 0, 0, .15) !important
    }

    .border-light2 {
        border-color: #d3dfea !important
    }

    .border-white {
        border-color: #fff !important
    }

    .border-wd-1 {
        border-width: 1px !important
    }

    .border-wd-2 {
        border-width: 2px !important
    }

    .border-wd-3 {
        border-width: 3px !important
    }

    .border-wd-4 {
        border-width: 4px !important
    }

    .border-wd-5 {
        border-width: 5px !important
    }

    .rounded {
        border-radius: 3px !important
    }

    .rounded-top {
        border-top-left-radius: 3px !important
    }

    .rounded-right,
    .rounded-top {
        border-top-right-radius: 3px !important
    }

    .rounded-bottom,
    .rounded-right {
        border-bottom-right-radius: 3px !important
    }

    .rounded-bottom,
    .rounded-left {
        border-bottom-left-radius: 3px !important
    }

    .rounded-left {
        border-top-left-radius: 3px !important
    }

    .rounded-circle {
        border-radius: 50% !important
    }

    .rounded-0 {
        border-radius: 0 !important
    }

    .br-100 {
        border-radius: 100% !important
    }

    .br-3 {
        border-radius: 3px !important
    }

    .br-7 {
        border-radius: 7px !important
    }

    .br-tl-7 {
        border-top-left-radius: 7px !important
    }

    .br-bl-7 {
        border-bottom-left-radius: 7px !important
    }

    .br-tr-7 {
        border-top-right-radius: 7px !important
    }

    .br-br-7 {
        border-bottom-right-radius: 7px !important
    }

    .br-0 {
        border-radius: 0
    }

    .br-tl-0 {
        border-top-left-radius: 0 !important
    }

    .br-bl-0 {
        border-bottom-left-radius: 0 !important
    }

    .br-tr-0 {
        border-top-right-radius: 0 !important
    }

    .br-br-0 {
        border-bottom-right-radius: 0 !important
    }

    .ht-5 {
        height: 5% !important
    }

    .h-10 {
        height: 10% !important
    }

    .h-15 {
        height: 15% !important
    }

    .h-20 {
        height: 20% !important
    }

    .h-25 {
        height: 25% !important
    }

    .h-30 {
        height: 30% !important
    }

    .h-35 {
        height: 35% !important
    }

    .h-40 {
        height: 40% !important
    }

    .h-45 {
        height: 45% !important
    }

    .h-50 {
        height: 50% !important
    }

    .h-55 {
        height: 55% !important
    }

    .h-60 {
        height: 60% !important
    }

    .h-65 {
        height: 65% !important
    }

    .h-70 {
        height: 70% !important
    }

    .h-75 {
        height: 75% !important
    }

    .h-80 {
        height: 80% !important
    }

    .h-85 {
        height: 85% !important
    }

    .h-90 {
        height: 90% !important
    }

    .h-95 {
        height: 95% !important
    }

    .h-100vh {
        height: 100vh !important
    }

    .h-100 {
        height: 100% !important
    }

    .h-auto {
        height: auto !important
    }

    .h-0 {
        height: 0 !important
    }

    .h-1 {
        height: .25rem !important
    }

    .h-2 {
        height: .5rem !important
    }

    .h-3 {
        height: .75rem !important
    }

    .h-4 {
        height: 1rem !important
    }

    .h-5 {
        height: 1.5rem !important
    }

    .h-6 {
        height: 2rem !important
    }

    .h-7 {
        height: 3rem !important
    }

    .h-8 {
        height: 4rem !important
    }

    .h-9 {
        height: 6rem !important
    }

    .h-100h {
        height: 100px !important
    }

    .h-150 {
        height: 150px !important
    }

    .h-200 {
        height: 200px !important
    }

    .h-250 {
        height: 250px !important
    }

    .h-300 {
        height: 300px !important
    }

    .h-350 {
        height: 350px !important
    }

    .h-370 {
        height: 370px !important
    }

    .h-400 {
        height: 400px !important
    }

    .h-420 {
        height: 420px !important
    }

    .h-450 {
        height: 450px !important
    }

    .h-136 {
        height: 136px !important
    }

    .h-500 {
        height: 500px !important
    }

    .mh-100 {
        max-height: 100% !important
    }

    .h-85 {
        height: 85px !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: .75rem !important
    }

    .mt-3,
    .my-3 {
        margin-top: .75rem !important
    }

    .mr-3,
    .mx-3 {
        margin-right: .75rem !important
    }

    .mb-3,
    .my-3 {
        margin-bottom: .75rem !important
    }

    .ml-3,
    .mx-3 {
        margin-left: .75rem !important
    }

    .m-4 {
        margin: 1rem !important
    }

    .mt-4,
    .my-4 {
        margin-top: 1rem !important
    }

    .mr-4,
    .mx-4 {
        margin-right: 1rem !important
    }

    .mb-4,
    .my-4 {
        margin-bottom: 1rem !important
    }

    .ml-4,
    .mx-4 {
        margin-left: 1rem !important
    }

    .m-5 {
        margin: 1.5rem !important
    }

    .mt-5,
    .my-5 {
        margin-top: 1.5rem !important
    }

    .mr-5,
    .mx-5 {
        margin-right: 1.5rem !important
    }

    .mb-5,
    .my-5 {
        margin-bottom: 1.5rem !important
    }

    .ml-5,
    .mx-5 {
        margin-left: 1.5rem !important
    }

    .m-6 {
        margin: 2rem !important
    }

    .mt-6,
    .my-6 {
        margin-top: 2rem !important
    }

    .mr-6,
    .mx-6 {
        margin-right: 2rem !important
    }

    .mb-6,
    .my-6 {
        margin-bottom: 2rem !important
    }

    .ml-6,
    .mx-6 {
        margin-left: 2rem !important
    }

    .m-7 {
        margin: 3rem !important
    }

    .mt-7,
    .my-7 {
        margin-top: 3rem !important
    }

    .mr-7,
    .mx-7 {
        margin-right: 3rem !important
    }

    .mb-7,
    .my-7 {
        margin-bottom: 3rem !important
    }

    .ml-7,
    .mx-7 {
        margin-left: 3rem !important
    }

    .m-8 {
        margin: 4rem !important
    }

    .mt-8,
    .my-8 {
        margin-top: 4rem !important
    }

    .mr-8,
    .mx-8 {
        margin-right: 4rem !important
    }

    .mb-8,
    .my-8 {
        margin-bottom: 4rem !important
    }

    .ml-8,
    .mx-8 {
        margin-left: 4rem !important
    }

    .m-9 {
        margin: 6rem !important
    }

    .mt-9,
    .my-9 {
        margin-top: 6rem !important
    }

    .mr-9,
    .mx-9 {
        margin-right: 6rem !important
    }

    .mb-9,
    .my-9 {
        margin-bottom: 6rem !important
    }

    .ml-9,
    .mx-9 {
        margin-left: 6rem !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: .75rem !important
        }

        .mt-sm-3,
        .my-sm-3 {
            margin-top: .75rem !important
        }

        .mr-sm-3,
        .mx-sm-3 {
            margin-right: .75rem !important
        }

        .mb-sm-3,
        .my-sm-3 {
            margin-bottom: .75rem !important
        }

        .ml-sm-3,
        .mx-sm-3 {
            margin-left: .75rem !important
        }

        .m-sm-4 {
            margin: 1rem !important
        }

        .mt-sm-4,
        .my-sm-4 {
            margin-top: 1rem !important
        }

        .mr-sm-4,
        .mx-sm-4 {
            margin-right: 1rem !important
        }

        .mb-sm-4,
        .my-sm-4 {
            margin-bottom: 1rem !important
        }

        .ml-sm-4,
        .mx-sm-4 {
            margin-left: 1rem !important
        }

        .m-sm-5 {
            margin: 1.5rem !important
        }

        .mt-sm-5,
        .my-sm-5 {
            margin-top: 1.5rem !important
        }

        .mr-sm-5,
        .mx-sm-5 {
            margin-right: 1.5rem !important
        }

        .mb-sm-5,
        .my-sm-5 {
            margin-bottom: 1.5rem !important
        }

        .ml-sm-5,
        .mx-sm-5 {
            margin-left: 1.5rem !important
        }

        .m-sm-6 {
            margin: 2rem !important
        }

        .mt-sm-6,
        .my-sm-6 {
            margin-top: 2rem !important
        }

        .mr-sm-6,
        .mx-sm-6 {
            margin-right: 2rem !important
        }

        .mb-sm-6,
        .my-sm-6 {
            margin-bottom: 2rem !important
        }

        .ml-sm-6,
        .mx-sm-6 {
            margin-left: 2rem !important
        }

        .m-sm-7 {
            margin: 3rem !important
        }

        .mt-sm-7,
        .my-sm-7 {
            margin-top: 3rem !important
        }

        .mr-sm-7,
        .mx-sm-7 {
            margin-right: 3rem !important
        }

        .mb-sm-7,
        .my-sm-7 {
            margin-bottom: 3rem !important
        }

        .ml-sm-7,
        .mx-sm-7 {
            margin-left: 3rem !important
        }

        .m-sm-8 {
            margin: 4rem !important
        }

        .mt-sm-8,
        .my-sm-8 {
            margin-top: 4rem !important
        }

        .mr-sm-8,
        .mx-sm-8 {
            margin-right: 4rem !important
        }

        .mb-sm-8,
        .my-sm-8 {
            margin-bottom: 4rem !important
        }

        .ml-sm-8,
        .mx-sm-8 {
            margin-left: 4rem !important
        }

        .m-sm-9 {
            margin: 6rem !important
        }

        .mt-sm-9,
        .my-sm-9 {
            margin-top: 6rem !important
        }

        .mr-sm-9,
        .mx-sm-9 {
            margin-right: 6rem !important
        }

        .mb-sm-9,
        .my-sm-9 {
            margin-bottom: 6rem !important
        }

        .ml-sm-9,
        .mx-sm-9 {
            margin-left: 6rem !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: .75rem !important
        }

        .mt-md-3,
        .my-md-3 {
            margin-top: .75rem !important
        }

        .mr-md-3,
        .mx-md-3 {
            margin-right: .75rem !important
        }

        .mb-md-3,
        .my-md-3 {
            margin-bottom: .75rem !important
        }

        .ml-md-3,
        .mx-md-3 {
            margin-left: .75rem !important
        }

        .m-md-4 {
            margin: 1rem !important
        }

        .mt-md-4,
        .my-md-4 {
            margin-top: 1rem !important
        }

        .mr-md-4,
        .mx-md-4 {
            margin-right: 1rem !important
        }

        .mb-md-4,
        .my-md-4 {
            margin-bottom: 1rem !important
        }

        .ml-md-4,
        .mx-md-4 {
            margin-left: 1rem !important
        }

        .m-md-5 {
            margin: 1.5rem !important
        }

        .mt-md-5,
        .my-md-5 {
            margin-top: 1.5rem !important
        }

        .mr-md-5,
        .mx-md-5 {
            margin-right: 1.5rem !important
        }

        .mb-md-5,
        .my-md-5 {
            margin-bottom: 1.5rem !important
        }

        .ml-md-5,
        .mx-md-5 {
            margin-left: 1.5rem !important
        }

        .m-md-6 {
            margin: 2rem !important
        }

        .mt-md-6,
        .my-md-6 {
            margin-top: 2rem !important
        }

        .mr-md-6,
        .mx-md-6 {
            margin-right: 2rem !important
        }

        .mb-md-6,
        .my-md-6 {
            margin-bottom: 2rem !important
        }

        .ml-md-6,
        .mx-md-6 {
            margin-left: 2rem !important
        }

        .m-md-7 {
            margin: 3rem !important
        }

        .mt-md-7,
        .my-md-7 {
            margin-top: 3rem !important
        }

        .mr-md-7,
        .mx-md-7 {
            margin-right: 3rem !important
        }

        .mb-md-7,
        .my-md-7 {
            margin-bottom: 3rem !important
        }

        .ml-md-7,
        .mx-md-7 {
            margin-left: 3rem !important
        }

        .m-md-8 {
            margin: 4rem !important
        }

        .mt-md-8,
        .my-md-8 {
            margin-top: 4rem !important
        }

        .mr-md-8,
        .mx-md-8 {
            margin-right: 4rem !important
        }

        .mb-md-8,
        .my-md-8 {
            margin-bottom: 4rem !important
        }

        .ml-md-8,
        .mx-md-8 {
            margin-left: 4rem !important
        }

        .m-md-9 {
            margin: 6rem !important
        }

        .mt-md-9,
        .my-md-9 {
            margin-top: 6rem !important
        }

        .mr-md-9,
        .mx-md-9 {
            margin-right: 6rem !important
        }

        .mb-md-9,
        .my-md-9 {
            margin-bottom: 6rem !important
        }

        .ml-md-9,
        .mx-md-9 {
            margin-left: 6rem !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: .75rem !important
        }

        .mt-lg-3,
        .my-lg-3 {
            margin-top: .75rem !important
        }

        .mr-lg-3,
        .mx-lg-3 {
            margin-right: .75rem !important
        }

        .mb-lg-3,
        .my-lg-3 {
            margin-bottom: .75rem !important
        }

        .ml-lg-3,
        .mx-lg-3 {
            margin-left: .75rem !important
        }

        .m-lg-4 {
            margin: 1rem !important
        }

        .mt-lg-4,
        .my-lg-4 {
            margin-top: 1rem !important
        }

        .mr-lg-4,
        .mx-lg-4 {
            margin-right: 1rem !important
        }

        .mb-lg-4,
        .my-lg-4 {
            margin-bottom: 1rem !important
        }

        .ml-lg-4,
        .mx-lg-4 {
            margin-left: 1rem !important
        }

        .m-lg-5 {
            margin: 1.5rem !important
        }

        .mt-lg-5,
        .my-lg-5 {
            margin-top: 1.5rem !important
        }

        .mr-lg-5,
        .mx-lg-5 {
            margin-right: 1.5rem !important
        }

        .mb-lg-5,
        .my-lg-5 {
            margin-bottom: 1.5rem !important
        }

        .ml-lg-5,
        .mx-lg-5 {
            margin-left: 1.5rem !important
        }

        .m-lg-6 {
            margin: 2rem !important
        }

        .mt-lg-6,
        .my-lg-6 {
            margin-top: 2rem !important
        }

        .mr-lg-6,
        .mx-lg-6 {
            margin-right: 2rem !important
        }

        .mb-lg-6,
        .my-lg-6 {
            margin-bottom: 2rem !important
        }

        .ml-lg-6,
        .mx-lg-6 {
            margin-left: 2rem !important
        }

        .m-lg-7 {
            margin: 3rem !important
        }

        .mt-lg-7,
        .my-lg-7 {
            margin-top: 3rem !important
        }

        .mr-lg-7,
        .mx-lg-7 {
            margin-right: 3rem !important
        }

        .mb-lg-7,
        .my-lg-7 {
            margin-bottom: 3rem !important
        }

        .ml-lg-7,
        .mx-lg-7 {
            margin-left: 3rem !important
        }

        .m-lg-8 {
            margin: 4rem !important
        }

        .mt-lg-8,
        .my-lg-8 {
            margin-top: 4rem !important
        }

        .mr-lg-8,
        .mx-lg-8 {
            margin-right: 4rem !important
        }

        .mb-lg-8,
        .my-lg-8 {
            margin-bottom: 4rem !important
        }

        .ml-lg-8,
        .mx-lg-8 {
            margin-left: 4rem !important
        }

        .m-lg-9 {
            margin: 6rem !important
        }

        .mt-lg-9,
        .my-lg-9 {
            margin-top: 6rem !important
        }

        .mr-lg-9,
        .mx-lg-9 {
            margin-right: 6rem !important
        }

        .mb-lg-9,
        .my-lg-9 {
            margin-bottom: 6rem !important
        }

        .ml-lg-9,
        .mx-lg-9 {
            margin-left: 6rem !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:1280px) {
        .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: .75rem !important
        }

        .mt-xl-3,
        .my-xl-3 {
            margin-top: .75rem !important
        }

        .mr-xl-3,
        .mx-xl-3 {
            margin-right: .75rem !important
        }

        .mb-xl-3,
        .my-xl-3 {
            margin-bottom: .75rem !important
        }

        .ml-xl-3,
        .mx-xl-3 {
            margin-left: .75rem !important
        }

        .m-xl-4 {
            margin: 1rem !important
        }

        .mt-xl-4,
        .my-xl-4 {
            margin-top: 1rem !important
        }

        .mr-xl-4,
        .mx-xl-4 {
            margin-right: 1rem !important
        }

        .mb-xl-4,
        .my-xl-4 {
            margin-bottom: 1rem !important
        }

        .ml-xl-4,
        .mx-xl-4 {
            margin-left: 1rem !important
        }

        .m-xl-5 {
            margin: 1.5rem !important
        }

        .mt-xl-5,
        .my-xl-5 {
            margin-top: 1.5rem !important
        }

        .mr-xl-5,
        .mx-xl-5 {
            margin-right: 1.5rem !important
        }

        .mb-xl-5,
        .my-xl-5 {
            margin-bottom: 1.5rem !important
        }

        .ml-xl-5,
        .mx-xl-5 {
            margin-left: 1.5rem !important
        }

        .m-xl-6 {
            margin: 2rem !important
        }

        .mt-xl-6,
        .my-xl-6 {
            margin-top: 2rem !important
        }

        .mr-xl-6,
        .mx-xl-6 {
            margin-right: 2rem !important
        }

        .mb-xl-6,
        .my-xl-6 {
            margin-bottom: 2rem !important
        }

        .ml-xl-6,
        .mx-xl-6 {
            margin-left: 2rem !important
        }

        .m-xl-7 {
            margin: 3rem !important
        }

        .mt-xl-7,
        .my-xl-7 {
            margin-top: 3rem !important
        }

        .mr-xl-7,
        .mx-xl-7 {
            margin-right: 3rem !important
        }

        .mb-xl-7,
        .my-xl-7 {
            margin-bottom: 3rem !important
        }

        .ml-xl-7,
        .mx-xl-7 {
            margin-left: 3rem !important
        }

        .m-xl-8 {
            margin: 4rem !important
        }

        .mt-xl-8,
        .my-xl-8 {
            margin-top: 4rem !important
        }

        .mr-xl-8,
        .mx-xl-8 {
            margin-right: 4rem !important
        }

        .mb-xl-8,
        .my-xl-8 {
            margin-bottom: 4rem !important
        }

        .ml-xl-8,
        .mx-xl-8 {
            margin-left: 4rem !important
        }

        .m-xl-9 {
            margin: 6rem !important
        }

        .mt-xl-9,
        .my-xl-9 {
            margin-top: 6rem !important
        }

        .mr-xl-9,
        .mx-xl-9 {
            margin-right: 6rem !important
        }

        .mb-xl-9,
        .my-xl-9 {
            margin-bottom: 6rem !important
        }

        .ml-xl-9,
        .mx-xl-9 {
            margin-left: 6rem !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
        }
    }

    .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
    }

    .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: .75rem !important
    }

    .pt-3,
    .py-3 {
        padding-top: .75rem !important
    }

    .pr-3,
    .px-3 {
        padding-right: .75rem !important
    }

    .pb-3,
    .py-3 {
        padding-bottom: .75rem !important
    }

    .pl-3,
    .px-3 {
        padding-left: .75rem !important
    }

    .p-4 {
        padding: 1rem !important
    }

    .pt-4,
    .py-4 {
        padding-top: 1rem !important
    }

    .pr-4,
    .px-4 {
        padding-right: 1rem !important
    }

    .pb-4,
    .py-4 {
        padding-bottom: 1rem !important
    }

    .pl-4,
    .px-4 {
        padding-left: 1rem !important
    }

    .p-5 {
        padding: 1.5rem !important
    }

    .pt-5,
    .py-5 {
        padding-top: 1.5rem !important
    }

    .pr-5,
    .px-5 {
        padding-right: 1.5rem !important
    }

    .pb-5,
    .py-5 {
        padding-bottom: 1.5rem !important
    }

    .pl-5,
    .px-5 {
        padding-left: 1.5rem !important
    }

    .p-6 {
        padding: 2rem !important
    }

    .pt-6,
    .py-6 {
        padding-top: 2rem !important
    }

    .pr-6,
    .px-6 {
        padding-right: 2rem !important
    }

    .pb-6,
    .py-6 {
        padding-bottom: 2rem !important
    }

    .pl-6,
    .px-6 {
        padding-left: 2rem !important
    }

    .p-7 {
        padding: 3rem !important
    }

    .pt-7,
    .py-7 {
        padding-top: 3rem !important
    }

    .pr-7,
    .px-7 {
        padding-right: 3rem !important
    }

    .pb-7,
    .py-7 {
        padding-bottom: 3rem !important
    }

    .pl-7,
    .px-7 {
        padding-left: 3rem !important
    }

    .p-8 {
        padding: 4rem !important
    }

    .pt-8,
    .py-8 {
        padding-top: 4rem !important
    }

    .pr-8,
    .px-8 {
        padding-right: 4rem !important
    }

    .pb-8,
    .py-8 {
        padding-bottom: 4rem !important
    }

    .pl-8,
    .px-8 {
        padding-left: 4rem !important
    }

    .p-9 {
        padding: 6rem !important
    }

    .pt-9,
    .py-9 {
        padding-top: 6rem !important
    }

    .pr-9,
    .px-9 {
        padding-right: 6rem !important
    }

    .pb-9,
    .py-9 {
        padding-bottom: 6rem !important
    }

    .pl-9,
    .px-9 {
        padding-left: 6rem !important
    }

    @media (min-width:576px) {
        .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: .75rem !important
        }

        .pt-sm-3,
        .py-sm-3 {
            padding-top: .75rem !important
        }

        .pr-sm-3,
        .px-sm-3 {
            padding-right: .75rem !important
        }

        .pb-sm-3,
        .py-sm-3 {
            padding-bottom: .75rem !important
        }

        .pl-sm-3,
        .px-sm-3 {
            padding-left: .75rem !important
        }

        .p-sm-4 {
            padding: 1rem !important
        }

        .pt-sm-4,
        .py-sm-4 {
            padding-top: 1rem !important
        }

        .pr-sm-4,
        .px-sm-4 {
            padding-right: 1rem !important
        }

        .pb-sm-4,
        .py-sm-4 {
            padding-bottom: 1rem !important
        }

        .pl-sm-4,
        .px-sm-4 {
            padding-left: 1rem !important
        }

        .p-sm-5 {
            padding: 1.5rem !important
        }

        .pt-sm-5,
        .py-sm-5 {
            padding-top: 1.5rem !important
        }

        .pr-sm-5,
        .px-sm-5 {
            padding-right: 1.5rem !important
        }

        .pb-sm-5,
        .py-sm-5 {
            padding-bottom: 1.5rem !important
        }

        .pl-sm-5,
        .px-sm-5 {
            padding-left: 1.5rem !important
        }

        .p-sm-6 {
            padding: 2rem !important
        }

        .pt-sm-6,
        .py-sm-6 {
            padding-top: 2rem !important
        }

        .pr-sm-6,
        .px-sm-6 {
            padding-right: 2rem !important
        }

        .pb-sm-6,
        .py-sm-6 {
            padding-bottom: 2rem !important
        }

        .pl-sm-6,
        .px-sm-6 {
            padding-left: 2rem !important
        }

        .p-sm-7 {
            padding: 3rem !important
        }

        .pt-sm-7,
        .py-sm-7 {
            padding-top: 3rem !important
        }

        .pr-sm-7,
        .px-sm-7 {
            padding-right: 3rem !important
        }

        .pb-sm-7,
        .py-sm-7 {
            padding-bottom: 3rem !important
        }

        .pl-sm-7,
        .px-sm-7 {
            padding-left: 3rem !important
        }

        .p-sm-8 {
            padding: 4rem !important
        }

        .pt-sm-8,
        .py-sm-8 {
            padding-top: 4rem !important
        }

        .pr-sm-8,
        .px-sm-8 {
            padding-right: 4rem !important
        }

        .pb-sm-8,
        .py-sm-8 {
            padding-bottom: 4rem !important
        }

        .pl-sm-8,
        .px-sm-8 {
            padding-left: 4rem !important
        }

        .p-sm-9 {
            padding: 6rem !important
        }

        .pt-sm-9,
        .py-sm-9 {
            padding-top: 6rem !important
        }

        .pr-sm-9,
        .px-sm-9 {
            padding-right: 6rem !important
        }

        .pb-sm-9,
        .py-sm-9 {
            padding-bottom: 6rem !important
        }

        .pl-sm-9,
        .px-sm-9 {
            padding-left: 6rem !important
        }
    }

    @media (min-width:768px) {
        .p-md-0 {
            padding: 15px !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: .75rem !important
        }

        .pt-md-3,
        .py-md-3 {
            padding-top: .75rem !important
        }

        .pr-md-3,
        .px-md-3 {
            padding-right: .75rem !important
        }

        .pb-md-3,
        .py-md-3 {
            padding-bottom: .75rem !important
        }

        .pl-md-3,
        .px-md-3 {
            padding-left: .75rem !important
        }

        .p-md-4 {
            padding: 1rem !important
        }

        .pt-md-4,
        .py-md-4 {
            padding-top: 1rem !important
        }

        .pr-md-4,
        .px-md-4 {
            padding-right: 1rem !important
        }

        .pb-md-4,
        .py-md-4 {
            padding-bottom: 1rem !important
        }

        .pl-md-4,
        .px-md-4 {
            padding-left: 1rem !important
        }

        .p-md-5 {
            padding: 1.5rem !important
        }

        .pt-md-5,
        .py-md-5 {
            padding-top: 1.5rem !important
        }

        .pr-md-5,
        .px-md-5 {
            padding-right: 1.5rem !important
        }

        .pb-md-5,
        .py-md-5 {
            padding-bottom: 1.5rem !important
        }

        .pl-md-5,
        .px-md-5 {
            padding-left: 1.5rem !important
        }

        .p-md-6 {
            padding: 2rem !important
        }

        .pt-md-6,
        .py-md-6 {
            padding-top: 2rem !important
        }

        .pr-md-6,
        .px-md-6 {
            padding-right: 2rem !important
        }

        .pb-md-6,
        .py-md-6 {
            padding-bottom: 2rem !important
        }

        .pl-md-6,
        .px-md-6 {
            padding-left: 2rem !important
        }

        .p-md-7 {
            padding: 3rem !important
        }

        .pt-md-7,
        .py-md-7 {
            padding-top: 3rem !important
        }

        .pr-md-7,
        .px-md-7 {
            padding-right: 3rem !important
        }

        .pb-md-7,
        .py-md-7 {
            padding-bottom: 3rem !important
        }

        .pl-md-7,
        .px-md-7 {
            padding-left: 3rem !important
        }

        .p-md-8 {
            padding: 4rem !important
        }

        .pt-md-8,
        .py-md-8 {
            padding-top: 4rem !important
        }

        .pr-md-8,
        .px-md-8 {
            padding-right: 4rem !important
        }

        .pb-md-8,
        .py-md-8 {
            padding-bottom: 4rem !important
        }

        .pl-md-8,
        .px-md-8 {
            padding-left: 4rem !important
        }

        .p-md-9 {
            padding: 6rem !important
        }

        .pt-md-9,
        .py-md-9 {
            padding-top: 6rem !important
        }

        .pr-md-9,
        .px-md-9 {
            padding-right: 6rem !important
        }

        .pb-md-9,
        .py-md-9 {
            padding-bottom: 6rem !important
        }

        .pl-md-9,
        .px-md-9 {
            padding-left: 6rem !important
        }
    }

    @media (min-width:992px) {
        .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: .75rem !important
        }

        .pt-lg-3,
        .py-lg-3 {
            padding-top: .75rem !important
        }

        .pr-lg-3,
        .px-lg-3 {
            padding-right: .75rem !important
        }

        .pb-lg-3,
        .py-lg-3 {
            padding-bottom: .75rem !important
        }

        .pl-lg-3,
        .px-lg-3 {
            padding-left: .75rem !important
        }

        .p-lg-4 {
            padding: 1rem !important
        }

        .pt-lg-4,
        .py-lg-4 {
            padding-top: 1rem !important
        }

        .pr-lg-4,
        .px-lg-4 {
            padding-right: 1rem !important
        }

        .pb-lg-4,
        .py-lg-4 {
            padding-bottom: 1rem !important
        }

        .pl-lg-4,
        .px-lg-4 {
            padding-left: 1rem !important
        }

        .p-lg-5 {
            padding: 1.5rem !important
        }

        .pt-lg-5,
        .py-lg-5 {
            padding-top: 1.5rem !important
        }

        .pr-lg-5,
        .px-lg-5 {
            padding-right: 1.5rem !important
        }

        .pb-lg-5,
        .py-lg-5 {
            padding-bottom: 1.5rem !important
        }

        .pl-lg-5,
        .px-lg-5 {
            padding-left: 1.5rem !important
        }

        .p-lg-6 {
            padding: 2rem !important
        }

        .pt-lg-6,
        .py-lg-6 {
            padding-top: 2rem !important
        }

        .pr-lg-6,
        .px-lg-6 {
            padding-right: 2rem !important
        }

        .pb-lg-6,
        .py-lg-6 {
            padding-bottom: 2rem !important
        }

        .pl-lg-6,
        .px-lg-6 {
            padding-left: 2rem !important
        }

        .p-lg-7 {
            padding: 3rem !important
        }

        .pt-lg-7,
        .py-lg-7 {
            padding-top: 3rem !important
        }

        .pr-lg-7,
        .px-lg-7 {
            padding-right: 3rem !important
        }

        .pb-lg-7,
        .py-lg-7 {
            padding-bottom: 3rem !important
        }

        .pl-lg-7,
        .px-lg-7 {
            padding-left: 3rem !important
        }

        .p-lg-8 {
            padding: 4rem !important
        }

        .pt-lg-8,
        .py-lg-8 {
            padding-top: 4rem !important
        }

        .pr-lg-8,
        .px-lg-8 {
            padding-right: 4rem !important
        }

        .pb-lg-8,
        .py-lg-8 {
            padding-bottom: 4rem !important
        }

        .pl-lg-8,
        .px-lg-8 {
            padding-left: 4rem !important
        }

        .p-lg-9 {
            padding: 6rem !important
        }

        .pt-lg-9,
        .py-lg-9 {
            padding-top: 6rem !important
        }

        .pr-lg-9,
        .px-lg-9 {
            padding-right: 6rem !important
        }

        .pb-lg-9,
        .py-lg-9 {
            padding-bottom: 6rem !important
        }

        .pl-lg-9,
        .px-lg-9 {
            padding-left: 6rem !important
        }
    }

    @media (min-width:1280px) {
        .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: .75rem !important
        }

        .pt-xl-3,
        .py-xl-3 {
            padding-top: .75rem !important
        }

        .pr-xl-3,
        .px-xl-3 {
            padding-right: .75rem !important
        }

        .pb-xl-3,
        .py-xl-3 {
            padding-bottom: .75rem !important
        }

        .pl-xl-3,
        .px-xl-3 {
            padding-left: .75rem !important
        }

        .p-xl-4 {
            padding: 1rem !important
        }

        .pt-xl-4,
        .py-xl-4 {
            padding-top: 1rem !important
        }

        .pr-xl-4,
        .px-xl-4 {
            padding-right: 1rem !important
        }

        .pb-xl-4,
        .py-xl-4 {
            padding-bottom: 1rem !important
        }

        .pl-xl-4,
        .px-xl-4 {
            padding-left: 1rem !important
        }

        .p-xl-5 {
            padding: 1.5rem !important
        }

        .pt-xl-5,
        .py-xl-5 {
            padding-top: 1.5rem !important
        }

        .pr-xl-5,
        .px-xl-5 {
            padding-right: 1.5rem !important
        }

        .pb-xl-5,
        .py-xl-5 {
            padding-bottom: 1.5rem !important
        }

        .pl-xl-5,
        .px-xl-5 {
            padding-left: 1.5rem !important
        }

        .p-xl-6 {
            padding: 2rem !important
        }

        .pt-xl-6,
        .py-xl-6 {
            padding-top: 2rem !important
        }

        .pr-xl-6,
        .px-xl-6 {
            padding-right: 2rem !important
        }

        .pb-xl-6,
        .py-xl-6 {
            padding-bottom: 2rem !important
        }

        .pl-xl-6,
        .px-xl-6 {
            padding-left: 2rem !important
        }

        .p-xl-7 {
            padding: 3rem !important
        }

        .pt-xl-7,
        .py-xl-7 {
            padding-top: 3rem !important
        }

        .pr-xl-7,
        .px-xl-7 {
            padding-right: 3rem !important
        }

        .pb-xl-7,
        .py-xl-7 {
            padding-bottom: 3rem !important
        }

        .pl-xl-7,
        .px-xl-7 {
            padding-left: 3rem !important
        }

        .p-xl-8 {
            padding: 4rem !important
        }

        .pt-xl-8,
        .py-xl-8 {
            padding-top: 4rem !important
        }

        .pr-xl-8,
        .px-xl-8 {
            padding-right: 4rem !important
        }

        .pb-xl-8,
        .py-xl-8 {
            padding-bottom: 4rem !important
        }

        .pl-xl-8,
        .px-xl-8 {
            padding-left: 4rem !important
        }

        .p-xl-9 {
            padding: 6rem !important
        }

        .pt-xl-9,
        .py-xl-9 {
            padding-top: 6rem !important
        }

        .pr-xl-9,
        .px-xl-9 {
            padding-right: 6rem !important
        }

        .pb-xl-9,
        .py-xl-9 {
            padding-bottom: 6rem !important
        }

        .pl-xl-9,
        .px-xl-9 {
            padding-left: 6rem !important
        }
    }

    .text-monospace {
        font-family: 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:1280px) {
        .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-normal1,
    .font-weight-semibold {
        font-weight: 500 !important
    }

    .font-weight-bold {
        font-weight: 700 !important
    }

    .font-italic {
        font-style: italic !important
    }

    .text-white {
        color: #fff !important
    }

    .text-primary {
        color: #36f !important
    }

    a.text-primary:focus,
    a.text-primary:hover {
        color: #5e69b8 !important
    }

    .text-secondary,
    a.text-secondary:focus,
    a.text-secondary:hover {
        color: #fe7f00 !important
    }

    .text-success {
        color: #0dcd94 !important
    }

    a.text-success:focus,
    a.text-success:hover {
        color: #15ca7c !important
    }

    .text-info {
        color: #128af9 !important
    }

    a.text-info:focus,
    a.text-info:hover {
        color: #25a1c0 !important
    }

    .text-warning {
        color: #fbc518 !important
    }

    a.text-warning:focus,
    a.text-warning:hover {
        color: #c29d0b !important
    }

    .text-danger {
        color: #f7284a !important
    }

    a.text-danger:focus,
    a.text-danger:hover {
        color: #df0812 !important
    }

    .text-light {
        color: #dbdffc !important
    }

    a.text-light:focus,
    a.text-light:hover {
        color: #dae0e5 !important
    }

    .text-dark {
        color: #263871 !important
    }

    a.text-dark:focus,
    a.text-dark:hover {
        color: #384b6e !important
    }

    .text-body {
        color: #495057 !important
    }

    .text-muted {
        color: #9ba5ca !important
    }

    .icon-muted {
        color: #e5e9f2 !important
    }

    .text-black-20 {
        color: rgba(0, 0, 0, .2) !important
    }

    .text-black-50 {
        color: rgba(0, 0, 0, .5) !important
    }

    .text-white-50 {
        color: hsla(0, 0%, 100%, .5) !important
    }

    .text-white-80 {
        color: hsla(0, 0%, 100%, .8) !important
    }

    .text-hide {
        background-color: transparent;
        border: 0;
        color: transparent;
        font: 0/0 a;
        text-shadow: none
    }

    .visible {
        visibility: visible !important
    }

    .invisible {
        visibility: hidden !important
    }

    .fs-5 {
        font-size: 5px
    }

    .fs-6 {
        font-size: 6px
    }

    .fs-7 {
        font-size: 7px
    }

    .fs-8 {
        font-size: 8px
    }

    .fs-9 {
        font-size: 9px
    }

    .fs-10 {
        font-size: 10px
    }

    .fs-11 {
        font-size: 11px
    }

    .fs-12 {
        font-size: 12px
    }

    .fs-13 {
        font-size: 13px
    }

    .fs-14 {
        font-size: 14px
    }

    .fs-15 {
        font-size: 15px
    }

    .fs-16 {
        font-size: 16px
    }

    .fs-17 {
        font-size: 17px
    }

    .fs-18 {
        font-size: 18px !important
    }

    .fs-19 {
        font-size: 19px !important
    }

    .fs-20 {
        font-size: 20px !important
    }

    .fs-22 {
        font-size: 22px !important
    }

    .fs-24 {
        font-size: 24px !important
    }

    .fs-26 {
        font-size: 26px !important
    }

    .fs-28 {
        font-size: 28px !important
    }

    .fs-25 {
        font-size: 25px !important
    }

    .fs {
        font-size: 25px
    }

    .fs-30 {
        font-size: 30px !important
    }

    .fs-35 {
        font-size: 35px !important
    }

    .fs-40 {
        font-size: 40px !important
    }

    .fs-45 {
        font-size: 45px !important
    }

    .fs-50 {
        font-size: 50px !important
    }

    .fs-55 {
        font-size: 55px !important
    }

    .fs-60 {
        font-size: 60px !important
    }

    .fs-65 {
        font-size: 65px !important
    }

    .fs-70 {
        font-size: 70px
    }

    .fs-75 {
        font-size: 75px
    }

    .fs-80 {
        font-size: 80px
    }

    .fs-85 {
        font-size: 85px
    }

    .fs-90 {
        font-size: 90px
    }

    .fs-95 {
        font-size: 95px
    }

    .fs-100 {
        font-size: 100px
    }

    .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
    }

    .pos-absolute {
        border: 0;
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .position-static {
        position: static !important
    }

    .position-relative {
        position: relative !important
    }

    .position-absolute {
        position: absolute !important
    }

    .position-fixed {
        position: fixed !important
    }

    .position-sticky {
        position: sticky !important
    }

    .fixed-top {
        top: 0
    }

    .fixed-bottom,
    .fixed-top {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1030
    }

    .fixed-bottom {
        bottom: 0
    }

    @supports (position:sticky) {
        .sticky-top {
            position: sticky;
            top: 0;
            z-index: 1020
        }
    }

    .sr-only {
        clip: rect(0, 0, 0, 0);
        border: 0;
        height: 1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }

    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        clip: auto;
        height: auto;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto
    }

    .wd-5 {
        width: 5% !important
    }

    .w-10 {
        width: 10% !important
    }

    .w-15 {
        width: 15% !important
    }

    .w-20 {
        width: 20% !important
    }

    .w-25 {
        width: 25% !important
    }

    .w-30 {
        width: 30% !important
    }

    .w-35 {
        width: 35% !important
    }

    .w-40 {
        width: 40% !important
    }

    .w-45 {
        width: 45% !important
    }

    .w-50 {
        width: 50% !important
    }

    .w-55 {
        width: 55% !important
    }

    .w-60 {
        width: 60% !important
    }

    .w-65 {
        width: 65% !important
    }

    .w-70 {
        width: 70% !important
    }

    .w-75 {
        width: 75% !important
    }

    .w-80 {
        width: 80% !important
    }

    .w-85 {
        width: 85% !important
    }

    .w-90 {
        width: 90% !important
    }

    .w-95 {
        width: 95% !important
    }

    .w-100 {
        width: 100% !important
    }

    .w-150 {
        width: 150px !important
    }

    .w-auto {
        width: auto !important
    }

    .w-0 {
        width: 0 !important
    }

    .w-1 {
        width: .25rem !important
    }

    .w-2 {
        width: .5rem !important
    }

    .w-3 {
        width: .75rem !important
    }

    .w-4 {
        width: 1rem !important
    }

    .w-5 {
        width: 1.5rem !important
    }

    .w-6 {
        width: 2rem !important
    }

    .w-7 {
        width: 3rem !important
    }

    .w-8 {
        width: 4rem !important
    }

    .w-9 {
        width: 6rem !important
    }

    .w-100h {
        width: 100px !important
    }

    .w-200 {
        width: 200px !important
    }

    .w-250 {
        width: 250px !important
    }

    .w-300 {
        width: 300px !important
    }

    .w-350 {
        width: 350px !important
    }

    .w-400 {
        width: 400px !important
    }

    .w-450 {
        width: 450px !important
    }

    .w-500 {
        width: 500px !important
    }

    .mw-100 {
        max-width: 100% !important
    }

    .w-200 {
        width: 200px
    }

    .ui-timepicker-wrapper {
        z-index: 99999 !important;
    }

    @import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&amp;display=swap);
    @charset "UTF-8";

    .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-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .accordion .card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .accordionjs .acc_section.acc_active > .acc_head {
        background: #36f !important
    }

    #accordion1 .panel-title1 a:hover {
        color: #fff !important
    }

    .panel-title a.accordion-toggle:before {
        color: #fff;
        content: "";
        float: right;
        font-family: FontAwesome;
        padding: 0 10px 0 0
    }

    .panel-title a.accordion-toggle.collapsed:before {
        color: #fff;
        content: "";
        float: right;
        font-family: FontAwesome;
        padding: 0 10px 0 0
    }

    .demo-accordion p:last-child,
    .panel-group1 p:last-child {
        margin-bottom: 0
    }

    #bs-collapse .panel-heading1 a:after {
        content: "";
        font-family: FontAwesome;
        font-size: 24px;
        position: absolute;
        right: 5px;
        top: 10px;
        transform: scale(0);
        transition: all .5s
    }

    #bs-collapse .panel-heading1.active a:after {
        content: "";
        transform: scale(1);
        transition: all .5s
    }

    #accordion .panel-heading1 a:before {
        content: "";
        font-family: FontAwesome;
        font-size: 24px;
        position: absolute;
        right: 5px;
        top: 10px;
        transform: rotate(180deg);
        transition: all .5s
    }

    #accordion .panel-heading1.active a:before {
        transform: rotate(0deg);
        transition: all .5s
    }

    .acc-header a {
        background-color: #ebeff8;
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        display: block;
        font-size: 14px;
        padding: 15px
    }

        .acc-header a.collapsed {
            border: 1px solid #e9ebfa;
            border-radius: 5px
        }

    .acc-body {
        border: 1px solid #e9ebfa;
        border-radius: 0 0 5px 5px;
        padding: 15px
    }

    .acc-body,
    .acc-card .collapse.show .acc-body {
        border-top: 0
    }

    .acc-header.active a {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .alert {
        border: 1px solid transparent;
        border-radius: 3px;
        font-size: .9375rem;
        margin-bottom: 1rem;
        padding: .75rem 1.25rem;
        position: relative
    }

        .alert:first-child {
            margin-bottom: 1rem !important
        }

        .alert:last-child {
            margin-bottom: 0
        }

    .alert-heading {
        color: inherit
    }

    .alert-link {
        font-weight: 500
    }

        .alert-link:hover,
        .alert-link a:hover {
            text-decoration: underline
        }

    .alert-dismissible {
        padding-right: 3.90625rem
    }

    hr.message-inner-separator {
        background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, .15), transparent);
        border: 0;
        clear: both;
        height: 1px;
        margin-bottom: 13px;
        margin-top: 10px
    }

    .alert-dismissible .close {
        color: inherit;
        padding: .75rem 1.25rem;
        position: absolute;
        right: 0;
        top: 0
    }

    .alert-primary {
        background-color: #36f;
        border-color: #36f;
        color: #fff
    }

        .alert-primary hr {
            border-top-color: #36f
        }

        .alert-primary .alert-link {
            color: #36f
        }

    .alert-secondary {
        background-color: #fe7f00;
        border-color: #fe7f00;
        color: #fff
    }

        .alert-secondary hr {
            border-top-color: #fe7f00
        }

        .alert-secondary .alert-link {
            color: #fe7f00
        }

    .alert-success {
        background-color: #0dcd94;
        border-color: #0dcd94;
        color: #fff
    }

        .alert-success hr {
            border-top-color: #0dcd94
        }

        .alert-success .alert-link {
            color: #022b1f
        }

    .alert-info {
        background-color: #128af9;
        border-color: #128af9;
        color: #fff
    }

        .alert-info hr {
            border-top-color: #128af9
        }

        .alert-info .alert-link {
            color: #123046
        }

    .alert-warning {
        background-color: #fbc518;
        border-color: #fbc518;
        color: #000
    }

        .alert-warning hr {
            border-top-color: #fbc518
        }

        .alert-warning .alert-link {
            color: #2f2102
        }

    .alert-danger {
        background-color: #f7284a;
        border-color: #f7284a;
        color: #fff
    }

        .alert-danger hr {
            border-top-color: #f7284a
        }

        .alert-danger .alert-link {
            color: #2b040c
        }

    .alert-light {
        background-color: #fefefe;
        border-color: #fdfdfe;
        color: #263871
    }

        .alert-light hr {
            border-top-color: #ececf6
        }

        .alert-light .alert-link {
            color: #686868
        }

    .alert-dark {
        background-color: #d6d8d9;
        border-color: #c6c8ca;
        color: #1b1e21
    }

        .alert-dark hr {
            border-top-color: #b9bbbe
        }

        .alert-dark .alert-link {
            color: #040505
        }

    .alert-icon {
        padding-left: 3rem
    }

        .alert-icon > i {
            color: inherit !important;
            font-size: 1rem;
            left: 1rem;
            position: absolute;
            top: 1rem
        }

    .alert-avatar {
        padding-left: 3.75rem
    }

        .alert-avatar .avatar {
            left: .75rem;
            position: absolute;
            top: .5rem
        }

    .close {
        font-size: 1rem;
        line-height: 1.5;
        transition: color .3s
    }

    .btn .badge {
        position: relative;
        top: -1px
    }

    .badge-primary {
        background-color: #36f;
        color: #fff
    }

        .badge-primary[href]:focus,
        .badge-primary[href]:hover {
            background-color: #24987e;
            color: #fff;
            text-decoration: none
        }

    .badge-secondary {
        background-color: #fe7f00;
        color: #fff
    }

        .badge-secondary[href]:focus,
        .badge-secondary[href]:hover {
            background-color: #fe7f00;
            color: #fff;
            text-decoration: none
        }

    .badge-success {
        background-color: #0dcd94;
        color: #fff
    }

        .badge-success[href]:focus,
        .badge-success[href]:hover {
            background-color: #15ca7c;
            color: #fff;
            text-decoration: none
        }

    .badge-info {
        background-color: #128af9;
        color: #fff
    }

        .badge-info[href]:focus,
        .badge-info[href]:hover {
            background-color: #1594ef;
            color: #fff;
            text-decoration: none
        }

    .badge-warning {
        background-color: #fbc518;
        color: #fff
    }

        .badge-warning[href]:focus,
        .badge-warning[href]:hover {
            background-color: #c29d0b;
            color: #fff;
            text-decoration: none
        }

    .badge-danger {
        background-color: #f7284a;
        color: #fff
    }

        .badge-danger[href]:focus,
        .badge-danger[href]:hover {
            background-color: #a11918;
            color: #fff;
            text-decoration: none
        }

    .badge-orange {
        background-color: #f34932;
        color: #fff
    }

        .badge-orange[href]:focus,
        .badge-orange[href]:hover {
            background-color: #f34932;
            color: #fff;
            text-decoration: none
        }

    .badge-light {
        background-color: #dee5f7;
        color: #565b95
    }

        .badge-light[href]:focus,
        .badge-light[href]:hover {
            background-color: #e8ebf2;
            color: #5b6084;
            text-decoration: none
        }

    .badge-dark {
        background-color: #353a40;
        color: #fff
    }

        .badge-dark[href]:focus,
        .badge-dark[href]:hover {
            background-color: #1d2124;
            color: #fff;
            text-decoration: none
        }

    .badge {
        border-radius: 7px;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2;
        padding: 5px 12px;
        text-align: center;
        vertical-align: baseline;
        white-space: nowrap
    }

    .badge-pill {
        border-radius: 10rem;
        padding-left: 1.2em;
        padding-right: 1.2em
    }

    .badgetext {
        float: right
    }

    .badge-default {
        background: #54575f;
        color: #fff
    }

    .shape {
        border-style: solid;
        border-width: 0 70px 40px 0;
        float: right;
        height: 0;
        transform: rotate(1turn);
        width: 0
    }

    .offer {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin: 15px 0;
        overflow: hidden
    }

    .shape {
        border-color: hsla(0, 0%, 100%, 0) #d9534f hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0)
    }

    .offer-danger {
        border-color: #dc0441
    }

        .offer-danger .shape {
            border-color: transparent #dc0441 transparent transparent
        }

    .offer-success {
        border-color: #0dcd94
    }

        .offer-success .shape {
            border-color: transparent #0dcd94 transparent transparent
        }

    .offer-default {
        border-color: #6b6f80
    }

        .offer-default .shape {
            border-color: transparent #6b6f80 transparent transparent
        }

    .offer-primary {
        border-color: #36f
    }

        .offer-primary .shape {
            border-color: transparent #36f transparent transparent
        }

    .offer-info {
        border-color: #128af9
    }

        .offer-info .shape {
            border-color: transparent #128af9 transparent transparent
        }

    .offer-warning {
        border-color: #fbc518
    }

        .offer-warning .shape {
            border-color: transparent #fbc518 transparent transparent
        }

    .shape-text {
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        position: relative;
        right: -47px;
        top: 0;
        transform: rotate(30deg);
        white-space: nowrap
    }

    .offer-content {
        padding: 20px
    }

    .badge-success-light {
        background-color: rgba(1, 195, 83, .15) !important;
        color: #0dcd94
    }

    .badge-warning-light {
        background-color: rgba(255, 173, 0, .15) !important;
        color: #ffad00
    }

    .badge-danger-light {
        background-color: rgba(241, 21, 65, .15);
        color: #f11541
    }

    .badge-info-light {
        background-color: rgba(18, 138, 249, .1);
        color: #128af9
    }

    .badge-primary-light {
        background-color: rgba(51, 102, 255, .1);
        color: #36f
    }

    .badge-secondary-light {
        background-color: rgba(254, 127, 0, .1) !important;
        color: #fe7f00
    }

    .badge-orange-light {
        background-color: rgba(243, 73, 50, .1) !important;
        color: #f34932
    }

    .badge-pink-light {
        background-color: rgba(239, 78, 184, .1) !important;
        color: #ef4eb8
    }

    .badge-md {
        border-radius: 5px;
        display: inline-block;
        font-size: .75em;
        line-height: 1;
        padding: .35em .65em
    }

    @media print {
        .badge {
            border: 1px solid #000
        }
    }

    body ::-webkit-scrollbar {
        height: 5px;
        -webkit-transition: .3s;
        transition: .3s;
        width: 5px
    }

    body ::-webkit-scrollbar-thumb,
    body :hover::-webkit-scrollbar-thumb {
        background: #c2cbdf
    }

    body ::-ms-webkit-scrollbar {
        height: 5px;
        -ms-transition: .3s;
        transition: .3s;
        width: 5px
    }

    body ::-ms-webkit-scrollbar-thumb,
    body :hover::-ms-webkit-scrollbar-thumb {
        background: #c2cbdf
    }

    body ::-ms-webkit-scrollbar-track {
        background: #fff
    }

    body {
        background: #f1f4fb;
        color: #263871;
        flex-direction: column;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 400;
        justify-content: flex-start;
        line-height: 1.5;
        margin: 0;
        min-height: 100vh;
        overflow-y: scroll;
        position: relative;
        text-align: left
    }

    a {
        color: #1a1630
    }

    pre {
        color: #282d3c
    }

    button:focus {
        outline: 5px auto -webkit-focus-ring-color
    }

    button,
    input {
        overflow: visible
    }

        button:focus,
        textarea:focus {
            outline: 0
        }

    hr {
        border-top: 1px solid #ebecf1
    }

    .list-unstyled li {
        border-bottom: 1px solid #ebecf1
    }

    .img-thumbnail {
        border: 1px solid #ebecf1
    }

    .wrap {
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
    }

    a:active,
    a:focus,
    a:hover {
        outline: 0;
        text-decoration: none
    }

    ul li ul:hover {
        display: block;
        opacity: 1;
        visibility: visible
    }

    @media print {
        *,
        :after,
        :before {
            box-shadow: none !important;
            text-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
        }

        .container,
        body {
            min-width: 992px !important
        }

        .navbar {
            display: none
        }

        .table,
        .text-wrap table {
            border-collapse: collapse !important
        }

            .table td,
            .table th,
            .text-wrap table td,
            .text-wrap table th {
                background-color: #fff !important
            }

            .table-bordered td,
            .table-bordered th,
            .text-wrap table td,
            .text-wrap table th {
                border: 1px solid #e9ebfa !important
            }
    }

    .lead {
        line-height: 1.4
    }

    a {
        -webkit-text-decoration-skip: ink;
        text-decoration-skip: ink
    }

    .h1 a,
    .h2 a,
    .h3 a,
    .h4 a,
    .h5 a,
    .h6 a,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: inherit
    }

    b,
    strong {
        font-weight: 600
    }

    blockquote,
    ol,
    p,
    ul {
        margin-bottom: 1em
    }

    blockquote {
        border-left: 2px solid rgba(0, 40, 100, .12);
        color: #6e7687;
        font-style: italic;
        padding-left: 2rem
    }

        blockquote p {
            margin-bottom: 1rem
        }

        blockquote cite {
            display: block;
            text-align: right
        }

            blockquote cite:before {
                content: "— "
            }

    code {
        background: #e9ebfa;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        padding: 3px
    }

    pre code {
        background: none;
        border: none;
        border-radius: 0;
        padding: 0
    }

    hr {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    pre {
        background-color: #f8fafc;
        border-left: 3px solid #36f;
        border-radius: 3px;
        color: #128af9;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        line-height: 1.45;
        padding: 1.5rem;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4
    }

    img {
        max-width: 100%
    }

    .text-wrap {
        font-size: 14px;
        line-height: 1.66
    }

        .text-wrap > :first-child {
            margin-top: 0
        }

        .text-wrap > :last-child {
            margin-bottom: 0
        }

        .text-wrap > h1,
        .text-wrap > h2,
        .text-wrap > h3,
        .text-wrap > h4,
        .text-wrap > h5,
        .text-wrap > h6 {
            margin-top: 1em
        }

    @media print {
        .container {
            max-width: none
        }
    }

    textarea[cols] {
        height: auto
    }

    .breadcrumb {
        background: transparent;
        border-radius: 3px;
        display: flex;
        flex-wrap: wrap;
        font-weight: 400;
        list-style: none;
        margin-bottom: 0
    }

    .breadcrumb-item a {
        color: #36f
    }

    .breadcrumb-item + .breadcrumb-item:before {
        color: #bcccda;
        content: "/";
        display: inline-block;
        opacity: .5;
        padding-left: .5rem;
        padding-right: .5rem
    }

    .breadcrumb-item + .breadcrumb-item:hover:before {
        text-decoration: underline;
        text-decoration: none
    }

    .breadcrumb-item.active {
        color: #263871
    }

    .breadcrumb1 {
        background-color: #eaeefa;
        border-radius: .25rem;
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin-bottom: 1rem;
        padding: .75rem 1rem
    }

    .breadcrumb-item1 a {
        color: #36f
    }

        .breadcrumb-item1 a:hover {
            color: #36f;
            text-decoration: underline
        }

    .breadcrumb-item1 + .breadcrumb-item1:before {
        content: "/";
        display: inline-block;
        opacity: .2;
        padding-left: .5rem;
        padding-right: .5rem
    }

    .breadcrumb-item1 + .breadcrumb-item1:hover:before {
        text-decoration: underline;
        text-decoration: none
    }

    .breadcrumb-item1.active {
        color: #263871
    }

    .breadcrumb-arrow {
        background-color: #eaeefa;
        height: 36px;
        line-height: 36px;
        list-style: none;
        padding: 0
    }

        .breadcrumb-arrow li {
            display: inline-block;
            vertical-align: top
        }

            .breadcrumb-arrow li:first-child a {
                border-radius: 4px 0 0 4px;
                -webkit-border-radius: 4px 0 0 4px;
                -moz-border-radius: 4px 0 0 4px
            }

            .breadcrumb-arrow li a,
            .breadcrumb-arrow li span {
                display: inline-block;
                vertical-align: top
            }

            .breadcrumb-arrow li:not(:first-child) {
                margin-left: -5px
            }

            .breadcrumb-arrow li + li:before {
                content: "";
                padding: 0
            }

            .breadcrumb-arrow li span {
                padding: 0 10px
            }

            .breadcrumb-arrow li:not(:first-child) span,
            .breadcrumb-arrow li a {
                height: 36px;
                line-height: 36px;
                padding: 0 10px 0 25px
            }

            .breadcrumb-arrow li:first-child a {
                padding: 0 10px
            }

            .breadcrumb-arrow li a {
                background-color: #36f;
                border: 1px solid #36f;
                color: #fff;
                position: relative;
                text-decoration: none
            }

            .breadcrumb-arrow li:first-child a {
                padding-left: 10px
            }

            .breadcrumb-arrow li a:after,
            .breadcrumb-arrow li a:before {
                border-bottom: 18px solid transparent;
                border-top: 18px solid transparent;
                content: "";
                height: 0;
                position: absolute;
                top: -1px;
                width: 0
            }

            .breadcrumb-arrow li a:before {
                border-left: 11px solid #36f;
                right: -11px;
                z-index: 3
            }

            .breadcrumb-arrow li a:after {
                border-left: 11px solid #6e79ca;
                right: -12px;
                z-index: 2
            }

            .breadcrumb-arrow li span {
                color: #263871
            }
    /*.login-page .customlogin-content {
            margin: 0px 70px 0px 0px;
            background: #fff;
            border-radius: 8px;
            box-shadow: -5px -5px 30px 5px #012e58, 5px 5px 30px 5px #ff8257;
            width:80%;
        }*/

    .customlogin-content {
        text-align: center;
    }

    .social-media {
        text-align: center;
    }
    /*.company-reg {
    margin-right: 45px;
}*/
    .company-reg {
        text-align: center;
    }
    /*.forgot-pass-pg {
    margin: 15px 60px 0px 0px;
}*/
    /*.customlogin-imgcontent img {
    border-radius: 8px;
    box-shadow: -5px -5px 30px 5px #012e58, 5px 5px 30px 5px #ff8257;
    width: 70%;
    background:#fff;
}*/
    .customlogin-content {
        background-color: #ffffffbf;
        box-shadow: 1px 5px 24px 0 rgb(162 162 162 / 80%);
        border-radius: 2px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        margin: 30px auto;
        width: 45%;
        border-radius: 8px;
    }

        .customlogin-content.forget-page {
            background-color: #ffffffbf;
            box-shadow: 1px 5px 24px 0 rgb(162 162 162 / 80%);
            border-radius: 2px;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
            margin: 30px auto;
            padding: 30px;
            width: 45%;
            border-radius: 8px;
        }

        .customlogin-content.register-from {
            background-color: #ffffffbf;
            box-shadow: 1px 5px 24px 0 rgb(162 162 162 / 80%);
            border-radius: 2px;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
            margin: 5px auto;
            padding: 0px 30px;
            width: 50%;
            border-radius: 8px;
        }

    @media (min-width:1821px) {
        .customlogin-imgcontent img {
            border-radius: 8px;
            /*box-shadow: -5px -5px 30px 5px #012e58, 5px 5px 30px 5px #ff8257;*/
            width: 48%;
            background: #fff;
        }
    }

    @media (min-width:1399px) and (max-width:1820px) {
        .login-ig {
            width: 100%;
        }

        .social-media {
            text-align: center;
        }
    }

    @media (min-width:376px) and (max-width:1024px) {



        .register-from {
            width: 100%;
        }
    }

    @media (max-width:991px) {


        .customlogin-content.forget-page {
            width: 100%;
        }


        .login-page {
            padding: 20px 0px;
        }

        .customlogin-content {
            padding: 1rem !important;
            width: 100%;
        }

        .forgot-pass-pg {
            margin: 15px 0 0 0 !important;
        }

        .login-page .customlogin-content {
            margin: unset;
            border-radius: 8px;
            width: 100%;
        }

        .customlogin-imgcontent img {
            border-radius: 8px;
            box-shadow: -5px -5px 30px 5px #012e58, 5px 5px 30px 5px #ff8257;
            width: 100%;
        }

        .social-media {
            text-align: center;
        }

        .company-reg {
            text-align: center;
        }

        .register-from {
            width: 100%;
            text-align: center;
        }

        .register-left-ig {
            display: none;
        }
        .number-btn {
            display: none;
        }
    }

    @media (min-width:376px) and (max-width:767px) {
        .number-btn {
            display: none;
        }
        

        .customlogin-content.forget-page {
            width: 100%;
        }

        .task-details {
            float: left;
            margin-top: 0px;
        }

        .login-page .customlogin-content {
            margin: unset;
            border-radius: 8px;
        }

        .login-profile {
            display: none;
        }

        .login-page {
            padding: 20px 0px;
        }

        .customlogin-content {
            padding: 1rem !important;
            width: 100%;
            text-align: center;
        }

        .forgot-pass-pg {
            margin: 15px 0 0 0 !important;
        }

        .login-page .customlogin-content {
            margin: unset;
            border-radius: 8px;
            width: 100%;
        }

        .customlogin-content.register-from {
            width: 100%;
        }
        /* .company-reg {
            margin-right: unset;
        }*/


        .social-media {
            text-align: center;
        }

        .company-reg {
            text-align: center;
        }

        .register-from {
            width: 100%;
            text-align: center;
        }

        .register-left-ig {
            display: none;
        }
    }

    @media (max-width:375px) {
        .customlogin-content.forget-page {
            width: 100%;
        }

        .customlogin-content.register-from {
            width: 100%;
        }

        .breadcrumb {
            font-size: 12px
        }

        .page-title {
            font-size: 19px !important
        }

        .page-leftheader {
            margin-bottom: 0px !important;
        }

        .number-btn {
            display: none;
        }

        .task-details {
            float: left;
            /*margin-top:15px;*/
        }

        .task-body {
            padding: 30px 0px !important;
        }

        .modal-new-footer {
            padding: 5px 0px !important;
        }

        .table.dataTable > thead.punch-style sorting_asc:before {
            bottom: 1.9em !important;
        }

        .atten-text {
            font-size: 17px !important;
        }

        div.dataTables_wrapper div.dataTables_filter input {
            margin-left: 0px !important;
        }

        .holiday-list {
            padding: 10px !important;
        }

        .login-page .customlogin-content {
            margin: unset;
            border-radius: 8px;
            width: 100%;
        }

        .login-profile {
            display: none;
        }

        .register-left-ig {
            display: none;
        }

        .login-page {
            padding: 20px 0px;
        }

        .customlogin-content {
            padding: 1rem !important;
        }

        .forgot-pass-pg {
            margin: 15px 0 0 0 !important;
        }

        .company-reg {
            text-align: center;
        }

        .customlogin-content {
            text-align: center;
        }

        .social-media {
            text-align: center;
        }

        .register-from {
            width: 100%;
            text-align: center;
        }
    }
@media (max-width:370px) {
    .asset-btn {
        text-align: center;
    }
}
    .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item:before,
    .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item:before {
        font-family: feather;
        line-height: 20px;
        text-align: center;
        width: 25px
    }

    .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item:before {
        content: ""
    }

    .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item:before {
        content: ""
    }

    .breadcrumb-style4 .breadcrumb-icon {
        margin-left: 4px;
        margin-top: 3px
    }

    .breadcrumb-style4 .breadcrumb-item {
        margin-top: 3px
    }

        .breadcrumb-style4 .breadcrumb-item .svg-icon {
            width: 20px
        }

        .breadcrumb-style4 .breadcrumb-item:first-child {
            margin-top: 0
        }

    .breadcrumb-item .svg-icon {
        fill: #dee0f9;
        color: #9097e8
    }

    .btn {
        border: 1px solid transparent;
        border-radius: 5px;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 1.84615385;
        padding: .3rem .75rem;
        text-align: center;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap
    }

        .btn:hover {
            text-decoration: none
        }

        .btn:focus {
            text-decoration: none
        }

        .btn.focus,
        .btn:focus {
            box-shadow: none;
            outline: 0
        }

        .btn.disabled,
        .btn:disabled {
            opacity: .65
        }

        .btn:not(:disabled):not(.disabled) {
            cursor: pointer
        }

            .btn:not(:disabled):not(.disabled).active,
            .btn:not(:disabled):not(.disabled):active {
                background-image: none
            }

    @media screen and (prefers-reduced-motion:reduce) {
        .btn {
            transition: none
        }
    }

    a.btn.disabled,
    fieldset:disabled a.btn {
        pointer-events: none
    }

.btn-primary {
    background-color: #6f453e;
    border-color: #6f453e;
    color: #fff !important
}

    .btn-primary:hover {
        background-color: #6f453e;
        border-color: #6f453e;
        color: #fff !important
    }

        .btn-primary.focus,
        .btn-primary:focus {
            background-color: #36f;
            border-color: #36f;
            color: #fff !important
        }
        /*.btn-primary {
        background-color: #012e58;
        border-color: #012e58;
        color: #fff !important
    }

        .btn-primary:hover {
            background-color: #012e58;
            border-color: #012e58;
            color: #fff !important
        }

        .btn-primary.focus,
        .btn-primary:focus {
            background-color: #012e58;
            border-color: #012e58;
            color: #fff !important
        }*/

        .btn-primary.disabled,
        .btn-primary:disabled,
        .btn-primary:not(:disabled):not(.disabled).active,
        .btn-primary:not(:disabled):not(.disabled):active,
        .show > .btn-primary.dropdown-toggle {
            background-color: #255bfb;
            border-color: #255bfb;
            color: #fff
        }

            .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 2px rgba(70, 127, 207, .1)
            }

    .btn-secondary {
        background-color: #fe7f00;
        border-color: #fe7f00;
        box-shadow: 0 0 10px -5px rgba(254, 127, 0, .3);
        color: #fff !important
    }

        .btn-secondary:hover {
            background-color: #e67504;
            border-color: #e67504;
            color: #fff !important
        }

        .btn-secondary.focus,
        .btn-secondary:focus {
            background-color: #e67504;
            border-color: #e67504;
            box-shadow: 0 0 0 2px rgba(254, 127, 0, .3)
        }

        .btn-secondary.disabled,
        .btn-secondary:disabled,
        .btn-secondary:not(:disabled):not(.disabled).active,
        .btn-secondary:not(:disabled):not(.disabled):active,
        .show > .btn-secondary.dropdown-toggle {
            background-color: #fe7f00;
            border-color: #fe7f00;
            color: #fff
        }

            .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 2px rgba(254, 127, 0, .1)
            }

    .btn-success {
        background-color: #0dcd94;
        border-color: #0dcd94;
        box-shadow: 0 0 10px -5px rgba(45, 206, 137, .5);
        color: #fff !important
    }

        .btn-success:hover {
            background-color: #09bf89 !important;
            border-color: #09bf89 !important;
            color: #fff !important
        }

        .btn-success.focus,
        .btn-success:focus {
            background-color: #0dcd94;
            border-color: #0dcd94;
            box-shadow: 0 0 0 2px rgba(9, 191, 137, .1);
            color: #fff !important
        }

        .btn-success.disabled,
        .btn-success:disabled,
        .btn-success:not(:disabled):not(.disabled).active,
        .btn-success:not(:disabled):not(.disabled):active,
        .show > .btn-success.dropdown-toggle {
            background-color: #0dcd94;
            border-color: #0dcd94;
            color: #fff
        }

            .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 2px rgba(9, 191, 137, .1)
            }

.btn-info {
    background-color: #6f453e;
    border-color: #6f453e;
    box-shadow: 0 0 10px -5px rgba(12, 133, 245, .5);
    color: #fff !important
}

        .btn-info:hover {
            background-color: #0c85f5;
            border-color: #0c85f5;
            color: #fff !important
        }

        .btn-info.focus,
        .btn-info:focus {
            background-color: #128af9;
            border-color: #128af9;
            box-shadow: 0 0 0 2px rgba(12, 133, 245, .1);
            color: #fff !important
        }

        .btn-info.disabled,
        .btn-info:disabled,
        .btn-info:not(:disabled):not(.disabled).active,
        .btn-info:not(:disabled):not(.disabled):active,
        .show > .btn-info.dropdown-toggle {
            background-color: #0c85f5;
            border-color: #0c85f5;
            color: #fff
        }

            .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 2px rgba(12, 133, 245, .1)
            }

    .btn-warning {
        background-color: #fbc518;
        border-color: #fbc518;
        box-shadow: 0 0 10px -5px rgba(247, 191, 13, .5);
        color: #fff !important
    }

        .btn-warning:hover {
            background-color: #f7bf0d;
            border-color: #f7bf0d;
            color: #fff !important
        }

        .btn-warning.focus,
        .btn-warning:focus {
            background-color: #fbc518;
            border-color: #fbc518;
            box-shadow: 0 0 0 2px rgba(241, 196, 15, .1);
            color: #fff !important
        }

        .btn-warning.disabled,
        .btn-warning:disabled,
        .btn-warning:not(:disabled):not(.disabled).active,
        .btn-warning:not(:disabled):not(.disabled):active,
        .show > .btn-warning.dropdown-toggle {
            background-color: #f7bf0d;
            border-color: #f7bf0d;
            color: #fff
        }

            .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 2px rgba(241, 196, 15, .1)
            }

    .btn-danger {
        background-color: #f91a1ad1; /*#f7284a*/
        border-color: #f91a1ad1;
        box-shadow: 0 0 10px -5px rgba(249, 26, 63, .44);
        color: #fff !important
    }

        .btn-danger:hover {
            background-color: #f91a1ad1; /*#f91a3f*/
            border-color: #f91a1ad1;
            color: #fff !important
        }

        .btn-danger.focus,
        .btn-danger:focus {
            background-color: #f91a1ad1;
            border-color: #f91a1ad1;
            box-shadow: 0 0 0 2px rgba(250, 98, 107, .1);
            color: #fff !important
        }

        .btn-danger.disabled,
        .btn-danger:disabled {
            background-color: #f91a3f;
            border-color: #f91a3f;
            color: #fff
        }

        .btn-danger:not(:disabled):not(.disabled).active,
        .btn-danger:not(:disabled):not(.disabled):active,
        .show > .btn-danger.dropdown-toggle {
            background-color: #f7284a;
            border-color: #f7284a;
            color: #fff
        }

            .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 2px rgba(250, 98, 107, .1)
            }

    .btn-light {
        background-color: #dee5f7;
        border-color: #dee5f7;
        box-shadow: 0 0 10px -5px rgba(68, 84, 195, .2);
        color: #565b95
    }

        .btn-light.focus,
        .btn-light:focus,
        .btn-light:hover {
            background-color: #dee3f3;
            border-color: #dee3f3;
            color: #565b95
        }

        .btn-light.focus,
        .btn-light:focus {
            box-shadow: 0 0 0 2px rgba(248, 249, 250, .1)
        }

        .btn-light.disabled,
        .btn-light:disabled {
            background-color: #dee3f3;
            border-color: #dee3f3
        }

        .btn-light:not(:disabled):not(.disabled).active,
        .btn-light:not(:disabled):not(.disabled):active {
            background-color: #dee3f3;
            border-color: #dee3f3;
            color: #565b95
        }

    .show > .btn-light.dropdown-toggle {
        background-color: #dee3f3;
        border-color: #dee3f3;
        color: #495057
    }

        .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 2px rgba(248, 249, 250, .1)
        }

    .btn-default {
        background-color: #eceef7;
        box-shadow: 0 0 10px -5px rgba(68, 84, 195, .2)
    }

        .btn-default,
        .btn-default:hover {
            border-color: #dae0e5;
            color: #495057
        }

            .btn-default:hover {
                background-color: #e2e6ea
            }

            .btn-default.focus,
            .btn-default:focus {
                background-color: #eceef7;
                border-color: #dae0e5;
                box-shadow: 0 0 0 2px rgba(248, 249, 250, .1);
                color: #495057
            }

            .btn-default.disabled,
            .btn-default:disabled {
                background-color: #eceef7;
                border-color: #eceef7
            }

            .btn-default:not(:disabled):not(.disabled).active,
            .btn-default:not(:disabled):not(.disabled):active,
            .show > .btn-default.dropdown-toggle {
                background-color: #dae0e5;
                border-color: #d3d9df;
                color: #495057
            }

                .btn-default:not(:disabled):not(.disabled).active:focus,
                .btn-default:not(:disabled):not(.disabled):active:focus,
                .show > .btn-default.dropdown-toggle:focus {
                    box-shadow: 0 0 0 2px rgba(248, 249, 250, .1)
                }

    .btn-dark {
        background-color: #353a40;
        border-color: #353a40;
        color: #fff
    }

        .btn-dark.focus,
        .btn-dark:focus,
        .btn-dark:hover {
            background-color: #23272b;
            border-color: #1d2124;
            color: #fff
        }

        .btn-dark.focus,
        .btn-dark:focus {
            box-shadow: 0 0 0 2px rgba(52, 58, 64, .1)
        }

        .btn-dark.disabled,
        .btn-dark:disabled {
            background-color: #353a40;
            border-color: #353a40;
            color: #fff
        }

        .btn-dark:not(:disabled):not(.disabled).active,
        .btn-dark:not(:disabled):not(.disabled):active,
        .show > .btn-dark.dropdown-toggle {
            background-color: #1d2124;
            border-color: #171a1d;
            color: #fff
        }

            .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 2px rgba(217, 221, 231, .1)
            }

    .btn-outline-primary {
        background-color: transparent;
        background-image: none;
        border-color: #36f;
        box-shadow: 0 0 10px -5px rgba(68, 84, 195, .5);
        color: #36f
    }

        .btn-outline-primary:hover {
            background-color: #255bfb;
            border-color: #255bfb;
            color: #fff !important
        }

        .btn-outline-primary.focus,
        .btn-outline-primary:focus {
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .1)
        }

        .btn-outline-primary.disabled,
        .btn-outline-primary:disabled {
            background-color: transparent;
            color: #255bfb
        }

        .btn-outline-primary:not(:disabled):not(.disabled).active,
        .btn-outline-primary:not(:disabled):not(.disabled):active {
            background-color: #255bfb;
            border-color: #255bfb;
            color: #fff
        }

    .show > .btn-outline-primary.dropdown-toggle {
        background-color: #36f;
        border-color: #36f;
        color: #fff !important
    }

        .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 2px rgba(247, 45, 102, .1)
        }

    .btn-outline-secondary {
        background-color: transparent;
        background-image: none;
        border-color: #fe7f00;
        box-shadow: 0 0 10px -5px rgba(242, 46, 105, .5);
        color: #fe7f00 !important
    }

        .btn-outline-secondary:hover {
            background-color: #fe7f00;
            border-color: #fe7f00;
            color: #fff !important
        }

        .btn-outline-secondary.focus,
        .btn-outline-secondary:focus {
            box-shadow: 0 0 0 2px rgba(247, 45, 102, .1)
        }

        .btn-outline-secondary.disabled,
        .btn-outline-secondary:disabled {
            background-color: transparent;
            color: #fe7f00
        }

        .btn-outline-secondary:not(:disabled):not(.disabled).active,
        .btn-outline-secondary:not(:disabled):not(.disabled):active {
            background-color: #fe7f00;
            border-color: #fe7f00;
            color: #fff
        }

    .show > .btn-outline-secondary.dropdown-toggle {
        background-color: #fe7f00;
        border-color: #fe7f00;
        color: #fff !important
    }

        .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 2px rgba(247, 45, 102, .1)
        }

    .btn-outline-success {
        background-color: transparent;
        background-image: none;
        border-color: #0dcd94;
        box-shadow: 0 0 10px -5px rgba(45, 206, 137, .5);
        color: #0dcd94 !important
    }

        .btn-outline-success:hover {
            background-color: #0dcd94;
            border-color: #0dcd94;
            color: #fff !important
        }

        .btn-outline-success.focus,
        .btn-outline-success:focus {
            box-shadow: 0 0 0 2px rgba(9, 191, 137, .1)
        }

        .btn-outline-success.disabled,
        .btn-outline-success:disabled {
            background-color: transparent;
            color: #0dcd94
        }

        .btn-outline-success:not(:disabled):not(.disabled).active,
        .btn-outline-success:not(:disabled):not(.disabled):active,
        .show > .btn-outline-success.dropdown-toggle {
            background-color: #0dcd94;
            border-color: #0dcd94;
            color: #fff !important
        }

            .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 2px rgba(9, 191, 137, .1)
            }

    .btn-outline-orange {
        background-color: transparent;
        background-image: none;
        border-color: #f34932;
        box-shadow: 0 0 10px -5px rgba(240, 74, 32, .2);
        color: #f34932 !important
    }

        .btn-outline-orange:hover {
            background-color: #f34932;
            border-color: #f34932;
            color: #fff !important
        }

        .btn-outline-orange.focus,
        .btn-outline-orange:focus {
            box-shadow: 0 0 0 2px rgba(240, 74, 32, .1)
        }

        .btn-outline-orange.disabled,
        .btn-outline-orange:disabled {
            background-color: transparent;
            color: #f34932
        }

        .btn-outline-orange:not(:disabled):not(.disabled).active,
        .btn-outline-orange:not(:disabled):not(.disabled):active,
        .show > .btn-outline-orange.dropdown-toggle {
            background-color: #f34932;
            border-color: #f34932;
            color: #fff !important
        }

            .btn-outline-orange:not(:disabled):not(.disabled).active:focus,
            .btn-outline-orange:not(:disabled):not(.disabled):active:focus,
            .show > .btn-outline-orange.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(240, 74, 32, .1)
            }

    .btn-outline-info {
        background-color: transparent;
        background-image: none;
        border-color: #128af9;
        box-shadow: 0 0 10px -5px rgba(69, 170, 242, .5);
        color: #128af9 !important
    }

        .btn-outline-info:hover {
            background-color: #128af9;
            border-color: #128af9;
            color: #fff !important
        }

        .btn-outline-info.focus,
        .btn-outline-info:focus {
            box-shadow: 0 0 0 2px rgba(69, 170, 242, .1)
        }

        .btn-outline-info.disabled,
        .btn-outline-info:disabled {
            background-color: transparent;
            color: #128af9
        }

        .btn-outline-info:not(:disabled):not(.disabled).active,
        .btn-outline-info:not(:disabled):not(.disabled):active {
            background-color: #128af9;
            border-color: #128af9;
            color: #fff
        }

    .show > .btn-outline-info.dropdown-toggle {
        background-color: #128af9;
        border-color: #128af9;
        color: #fff !important
    }

        .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 2px rgba(69, 170, 242, .1)
        }

    .btn-outline-warning {
        background-color: transparent;
        background-image: none;
        border-color: #fbc518;
        box-shadow: 0 0 10px -5px rgba(247, 191, 13, .5);
        color: #fbc518 !important
    }

        .btn-outline-warning:hover {
            background-color: #fbc518;
            border-color: #fbc518;
            color: #fff !important
        }

        .btn-outline-warning.focus,
        .btn-outline-warning:focus {
            box-shadow: 0 0 0 2px rgba(241, 196, 15, .1)
        }

        .btn-outline-warning.disabled,
        .btn-outline-warning:disabled {
            background-color: transparent;
            color: #fbc518
        }

        .btn-outline-warning:not(:disabled):not(.disabled).active,
        .btn-outline-warning:not(:disabled):not(.disabled):active {
            background-color: #fbc518;
            border-color: #fbc518;
            color: #fff
        }

    .show > .btn-outline-warning.dropdown-toggle {
        background-color: #fbc518;
        border-color: #fbc518;
        color: #fff !important
    }

        .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 2px rgba(241, 196, 15, .1)
        }

    .btn-outline-danger {
        background-color: transparent;
        background-image: none;
        border-color: #dc0441;
        box-shadow: 0 0 10px -5px rgba(220, 4, 65, .5);
        color: #dc0441 !important
    }

        .btn-outline-danger:hover {
            background-color: #dc0441;
            border-color: #dc0441;
            color: #fff !important
        }

        .btn-outline-danger.focus,
        .btn-outline-danger:focus {
            box-shadow: 0 0 0 2px rgba(205, 32, 31, .1)
        }

        .btn-outline-danger.disabled,
        .btn-outline-danger:disabled {
            background-color: transparent;
            color: #dc0441
        }

        .btn-outline-danger:not(:disabled):not(.disabled).active,
        .btn-outline-danger:not(:disabled):not(.disabled):active {
            background-color: #dc0441;
            border-color: #dc0441;
            color: #fff
        }

    .show > .btn-outline-danger.dropdown-toggle {
        background-color: #dc0441;
        border-color: #dc0441;
        color: #fff !important
    }

        .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 2px rgba(205, 32, 31, .1)
        }

    .btn-outline-light {
        background-color: transparent;
        background-image: none;
        border-color: #eceef7;
        box-shadow: 0 0 10px -5px #e8ebf2;
        color: #263871
    }

        .btn-outline-light:hover {
            background-color: #eceef7;
            border-color: #eceef7;
            color: #495057
        }

        .btn-outline-light.focus,
        .btn-outline-light:focus {
            box-shadow: 0 0 0 2px rgba(248, 249, 250, .1)
        }

        .btn-outline-light.disabled,
        .btn-outline-light:disabled {
            background-color: transparent;
            color: #263871
        }

        .btn-outline-light:not(:disabled):not(.disabled).active,
        .btn-outline-light:not(:disabled):not(.disabled):active,
        .show > .btn-outline-light.dropdown-toggle {
            background-color: #eceef7;
            border-color: #eceef7;
            color: #495057
        }

            .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 2px rgba(248, 249, 250, .1)
            }

    .btn-outline-dark {
        background-color: transparent;
        background-image: none;
        border-color: #353a40;
        box-shadow: 0 0 10px -5px rgba(68, 84, 195, .5);
        color: #353a40
    }

        .btn-outline-dark:hover {
            background-color: #353a40;
            border-color: #353a40;
            color: #fff
        }

        .btn-outline-dark.focus,
        .btn-outline-dark:focus {
            box-shadow: 0 0 0 2px rgba(52, 58, 64, .1)
        }

        .btn-outline-dark.disabled,
        .btn-outline-dark:disabled {
            background-color: transparent;
            color: #353a40
        }

        .btn-outline-dark:not(:disabled):not(.disabled).active,
        .btn-outline-dark:not(:disabled):not(.disabled):active,
        .show > .btn-outline-dark.dropdown-toggle {
            background-color: #353a40;
            border-color: #353a40;
            color: #fff
        }

            .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 2px rgba(52, 58, 64, .1)
            }

    .btn-link {
        background-color: transparent;
        color: #36f;
        font-weight: 400
    }

        .btn-link:hover {
            background-color: transparent;
            color: #3c49de
        }

        .btn-link.focus,
        .btn-link:focus,
        .btn-link:hover {
            border-color: transparent;
            text-decoration: underline
        }

        .btn-link.focus,
        .btn-link:focus {
            box-shadow: none
        }

        .btn-link.disabled,
        .btn-link:disabled {
            color: #868e96;
            pointer-events: none
        }

    .btn-group-lg > .btn,
    .btn-lg {
        font-size: 1.125rem;
        line-height: 1.625;
        padding: .7rem 2rem
    }

    .btn-group-sm > .btn,
    .btn-sm {
        font-size: .875rem;
        line-height: 1.33333333
    }

    .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
    }

        .fade:not(.show) {
            opacity: 0
        }

    @media screen and (prefers-reduced-motion:reduce) {
        .fade {
            transition: none
        }
    }

    .collapse:not(.show) {
        background: #fff;
        display: none
    }

    .collapsing {
        height: 0;
        overflow: hidden;
        position: relative;
        transition: height .35s ease
    }

    @media screen and (prefers-reduced-motion:reduce) {
        .collapsing {
            transition: none
        }
    }

    .btn {
        cursor: pointer;
        letter-spacing: .03em
    }

    .btn-icon {
        padding-left: .5rem;
        padding-right: .5rem;
        text-align: center
    }

    .btn-icon2 {
        height: 40px;
        line-height: 40px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        width: 40px
    }

    .btn i.fe {
        font-size: 1rem;
        line-height: 1.5
    }

    .btn-pill {
        border-radius: 10rem
    }

    .btn-square {
        border-radius: 0
    }

    .btn-facebook {
        background-color: #3b5998;
        border-color: #3b5998;
        color: #fff
    }

        .btn-facebook:hover {
            background-color: #30497c;
            border-color: #2d4373;
            color: #fff
        }

        .btn-facebook.focus,
        .btn-facebook:focus {
            box-shadow: 0 0 0 2px rgba(59, 89, 152, .5)
        }

        .btn-facebook.disabled,
        .btn-facebook:disabled {
            background-color: #3b5998;
            border-color: #3b5998;
            color: #fff
        }

        .btn-facebook:not(:disabled):not(.disabled).active,
        .btn-facebook:not(:disabled):not(.disabled):active,
        .show > .btn-facebook.dropdown-toggle {
            background-color: #2d4373;
            border-color: #293e6a;
            color: #fff
        }

            .btn-facebook:not(:disabled):not(.disabled).active:focus,
            .btn-facebook:not(:disabled):not(.disabled):active:focus,
            .show > .btn-facebook.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(59, 89, 152, .5)
            }

    .btn-twitter {
        background-color: #1da1f2;
        border-color: #1da1f2;
        color: #fff
    }

        .btn-twitter:hover {
            background-color: #0d8ddc;
            border-color: #0c85d0;
            color: #fff
        }

        .btn-twitter.focus,
        .btn-twitter:focus {
            box-shadow: 0 0 0 2px rgba(29, 161, 242, .5)
        }

        .btn-twitter.disabled,
        .btn-twitter:disabled {
            background-color: #1da1f2;
            border-color: #1da1f2;
            color: #fff
        }

        .btn-twitter:not(:disabled):not(.disabled).active,
        .btn-twitter:not(:disabled):not(.disabled):active,
        .show > .btn-twitter.dropdown-toggle {
            background-color: #0c85d0;
            border-color: #0b7ec4;
            color: #fff
        }

            .btn-twitter:not(:disabled):not(.disabled).active:focus,
            .btn-twitter:not(:disabled):not(.disabled):active:focus,
            .show > .btn-twitter.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(29, 161, 242, .5)
            }

    .btn-google {
        background-color: #dc4e41;
        border-color: #dc4e41;
        color: #fff
    }

        .btn-google:hover {
            background-color: #d03526;
            border-color: #c63224;
            color: #fff
        }

        .btn-google.focus,
        .btn-google:focus {
            box-shadow: 0 0 0 2px rgba(220, 78, 65, .5)
        }

        .btn-google.disabled,
        .btn-google:disabled {
            background-color: #dc4e41;
            border-color: #dc4e41;
            color: #fff
        }

        .btn-google:not(:disabled):not(.disabled).active,
        .btn-google:not(:disabled):not(.disabled):active,
        .show > .btn-google.dropdown-toggle {
            background-color: #c63224;
            border-color: #bb2f22;
            color: #fff
        }

            .btn-google:not(:disabled):not(.disabled).active:focus,
            .btn-google:not(:disabled):not(.disabled):active:focus,
            .show > .btn-google.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(220, 78, 65, .5)
            }

    .btn-youtube {
        background-color: red;
        border-color: red;
        color: #fff
    }

        .btn-youtube:hover {
            background-color: #d90000;
            border-color: #c00;
            color: #fff
        }

        .btn-youtube.focus,
        .btn-youtube:focus {
            box-shadow: 0 0 0 2px rgba(255, 0, 0, .5)
        }

        .btn-youtube.disabled,
        .btn-youtube:disabled {
            background-color: red;
            border-color: red;
            color: #fff
        }

        .btn-youtube:not(:disabled):not(.disabled).active,
        .btn-youtube:not(:disabled):not(.disabled):active,
        .show > .btn-youtube.dropdown-toggle {
            background-color: #c00;
            border-color: #bf0000;
            color: #fff
        }

            .btn-youtube:not(:disabled):not(.disabled).active:focus,
            .btn-youtube:not(:disabled):not(.disabled):active:focus,
            .show > .btn-youtube.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(255, 0, 0, .5)
            }

    .btn-vimeo {
        background-color: #1ab7ea;
        border-color: #1ab7ea;
        color: #fff
    }

        .btn-vimeo:hover {
            background-color: #139ecb;
            border-color: #1295bf;
            color: #fff
        }

        .btn-vimeo.focus,
        .btn-vimeo:focus {
            box-shadow: 0 0 0 2px rgba(26, 183, 234, .5)
        }

        .btn-vimeo.disabled,
        .btn-vimeo:disabled {
            background-color: #1ab7ea;
            border-color: #1ab7ea;
            color: #fff
        }

        .btn-vimeo:not(:disabled):not(.disabled).active,
        .btn-vimeo:not(:disabled):not(.disabled):active,
        .show > .btn-vimeo.dropdown-toggle {
            background-color: #1295bf;
            border-color: #108cb4;
            color: #fff
        }

            .btn-vimeo:not(:disabled):not(.disabled).active:focus,
            .btn-vimeo:not(:disabled):not(.disabled):active:focus,
            .show > .btn-vimeo.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(26, 183, 234, .5)
            }

    .btn-dribbble {
        background-color: #ea4c89;
        border-color: #ea4c89;
        color: #fff
    }

        .btn-dribbble:hover {
            background-color: #e62a72;
            border-color: #e51e6b;
            color: #fff
        }

        .btn-dribbble.focus,
        .btn-dribbble:focus {
            box-shadow: 0 0 0 2px rgba(234, 76, 137, .5)
        }

        .btn-dribbble.disabled,
        .btn-dribbble:disabled {
            background-color: #ea4c89;
            border-color: #ea4c89;
            color: #fff
        }

        .btn-dribbble:not(:disabled):not(.disabled).active,
        .btn-dribbble:not(:disabled):not(.disabled):active,
        .show > .btn-dribbble.dropdown-toggle {
            background-color: #e51e6b;
            border-color: #dc1a65;
            color: #fff
        }

            .btn-dribbble:not(:disabled):not(.disabled).active:focus,
            .btn-dribbble:not(:disabled):not(.disabled):active:focus,
            .show > .btn-dribbble.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(234, 76, 137, .5)
            }

    .btn-github {
        background-color: #181717;
        border-color: #181717;
        color: #fff
    }

        .btn-github:hover {
            background-color: #040404;
            border-color: #000;
            color: #fff
        }

        .btn-github.focus,
        .btn-github:focus {
            box-shadow: 0 0 0 2px hsla(0, 2%, 9%, .5)
        }

        .btn-github.disabled,
        .btn-github:disabled {
            background-color: #181717;
            border-color: #181717;
            color: #fff
        }

        .btn-github:not(:disabled):not(.disabled).active,
        .btn-github:not(:disabled):not(.disabled):active,
        .show > .btn-github.dropdown-toggle {
            background-color: #000;
            border-color: #000;
            color: #fff
        }

            .btn-github:not(:disabled):not(.disabled).active:focus,
            .btn-github:not(:disabled):not(.disabled):active:focus,
            .show > .btn-github.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px hsla(0, 2%, 9%, .5)
            }

    .btn-instagram {
        background-color: #e4405f;
        border-color: #e4405f;
        color: #fff
    }

        .btn-instagram:hover {
            background-color: #de1f44;
            border-color: #d31e40;
            color: #fff
        }

        .btn-instagram.focus,
        .btn-instagram:focus {
            box-shadow: 0 0 0 2px rgba(228, 64, 95, .5)
        }

        .btn-instagram.disabled,
        .btn-instagram:disabled {
            background-color: #e4405f;
            border-color: #e4405f;
            color: #fff
        }

        .btn-instagram:not(:disabled):not(.disabled).active,
        .btn-instagram:not(:disabled):not(.disabled):active,
        .show > .btn-instagram.dropdown-toggle {
            background-color: #d31e40;
            border-color: #c81c3d;
            color: #fff
        }

            .btn-instagram:not(:disabled):not(.disabled).active:focus,
            .btn-instagram:not(:disabled):not(.disabled):active:focus,
            .show > .btn-instagram.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(228, 64, 95, .5)
            }

    .btn-pinterest {
        background-color: #bd081c;
        border-color: #bd081c;
        color: #fff
    }

        .btn-pinterest:hover {
            background-color: #980617;
            border-color: #8c0615;
            color: #fff
        }

        .btn-pinterest.focus,
        .btn-pinterest:focus {
            box-shadow: 0 0 0 2px rgba(189, 8, 28, .5)
        }

        .btn-pinterest.disabled,
        .btn-pinterest:disabled {
            background-color: #bd081c;
            border-color: #bd081c;
            color: #fff
        }

        .btn-pinterest:not(:disabled):not(.disabled).active,
        .btn-pinterest:not(:disabled):not(.disabled):active,
        .show > .btn-pinterest.dropdown-toggle {
            background-color: #8c0615;
            border-color: #800513;
            color: #fff
        }

            .btn-pinterest:not(:disabled):not(.disabled).active:focus,
            .btn-pinterest:not(:disabled):not(.disabled):active:focus,
            .show > .btn-pinterest.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(189, 8, 28, .5)
            }

    .btn-vk {
        background-color: #6383a8;
        border-color: #6383a8;
        color: #fff
    }

        .btn-vk:hover {
            background-color: #527093;
            border-color: #4d6a8b;
            color: #fff
        }

        .btn-vk.focus,
        .btn-vk:focus {
            box-shadow: 0 0 0 2px rgba(99, 131, 168, .5)
        }

        .btn-vk.disabled,
        .btn-vk:disabled {
            background-color: #6383a8;
            border-color: #6383a8;
            color: #fff
        }

        .btn-vk:not(:disabled):not(.disabled).active,
        .btn-vk:not(:disabled):not(.disabled):active,
        .show > .btn-vk.dropdown-toggle {
            background-color: #4d6a8b;
            border-color: #496482;
            color: #fff
        }

            .btn-vk:not(:disabled):not(.disabled).active:focus,
            .btn-vk:not(:disabled):not(.disabled):active:focus,
            .show > .btn-vk.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(99, 131, 168, .5)
            }

    .btn-rss {
        background-color: orange;
        border-color: orange;
        color: #fff
    }

        .btn-rss:hover {
            background-color: #d98c00;
            border-color: #cc8400;
            color: #fff
        }

        .btn-rss.focus,
        .btn-rss:focus {
            box-shadow: 0 0 0 2px rgba(255, 165, 0, .5)
        }

        .btn-rss.disabled,
        .btn-rss:disabled {
            background-color: orange;
            border-color: orange;
            color: #fff
        }

        .btn-rss:not(:disabled):not(.disabled).active,
        .btn-rss:not(:disabled):not(.disabled):active,
        .show > .btn-rss.dropdown-toggle {
            background-color: #cc8400;
            border-color: #bf7c00;
            color: #fff
        }

            .btn-rss:not(:disabled):not(.disabled).active:focus,
            .btn-rss:not(:disabled):not(.disabled):active:focus,
            .show > .btn-rss.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(255, 165, 0, .5)
            }

    .btn-flickr {
        background-color: #0063dc;
        border-color: #0063dc;
        color: #fff
    }

        .btn-flickr:hover {
            background-color: #0052b6;
            border-color: #004ca9;
            color: #fff
        }

        .btn-flickr.focus,
        .btn-flickr:focus {
            box-shadow: 0 0 0 2px rgba(0, 99, 220, .5)
        }

        .btn-flickr.disabled,
        .btn-flickr:disabled {
            background-color: #0063dc;
            border-color: #0063dc;
            color: #fff
        }

        .btn-flickr:not(:disabled):not(.disabled).active,
        .btn-flickr:not(:disabled):not(.disabled):active,
        .show > .btn-flickr.dropdown-toggle {
            background-color: #004ca9;
            border-color: #00469c;
            color: #fff
        }

            .btn-flickr:not(:disabled):not(.disabled).active:focus,
            .btn-flickr:not(:disabled):not(.disabled):active:focus,
            .show > .btn-flickr.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(0, 99, 220, .5)
            }

    .btn-bitbucket {
        background-color: #0052cc;
        border-color: #0052cc;
        color: #fff
    }

        .btn-bitbucket:hover {
            background-color: #0043a6;
            border-color: #003e99;
            color: #fff
        }

        .btn-bitbucket.focus,
        .btn-bitbucket:focus {
            box-shadow: 0 0 0 2px rgba(0, 82, 204, .5)
        }

        .btn-bitbucket.disabled,
        .btn-bitbucket:disabled {
            background-color: #0052cc;
            border-color: #0052cc;
            color: #fff
        }

        .btn-bitbucket:not(:disabled):not(.disabled).active,
        .btn-bitbucket:not(:disabled):not(.disabled):active,
        .show > .btn-bitbucket.dropdown-toggle {
            background-color: #003e99;
            border-color: #00388c;
            color: #fff
        }

            .btn-bitbucket:not(:disabled):not(.disabled).active:focus,
            .btn-bitbucket:not(:disabled):not(.disabled):active:focus,
            .show > .btn-bitbucket.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(0, 82, 204, .5)
            }

    .btn-blue {
        background-color: #083dc1;
        border-color: #083dc1;
        color: #fff
    }

        .btn-blue:hover {
            background-color: #1747bd;
            border-color: #1747bd;
            color: #fff !important
        }

        .btn-blue.focus,
        .btn-blue:focus {
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .5)
        }

        .btn-blue.disabled,
        .btn-blue:disabled,
        .btn-blue:not(:disabled):not(.disabled).active,
        .btn-blue:not(:disabled):not(.disabled):active,
        .show > .btn-blue.dropdown-toggle {
            background-color: #1747bd;
            border-color: #1747bd;
            color: #fff
        }

            .btn-blue:not(:disabled):not(.disabled).active:focus,
            .btn-blue:not(:disabled):not(.disabled):active:focus,
            .show > .btn-blue.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(70, 127, 207, .5)
            }

    .btn-indigo {
        background-color: #6574cd;
        border-color: #6574cd;
        color: #fff
    }

        .btn-indigo:hover {
            background-color: #485ac4;
            border-color: #3f51c1;
            color: #fff !important
        }

        .btn-indigo.focus,
        .btn-indigo:focus {
            box-shadow: 0 0 0 2px rgba(101, 116, 205, .5)
        }

        .btn-indigo.disabled,
        .btn-indigo:disabled {
            background-color: #6574cd;
            border-color: #6574cd;
            color: #fff
        }

        .btn-indigo:not(:disabled):not(.disabled).active,
        .btn-indigo:not(:disabled):not(.disabled):active,
        .show > .btn-indigo.dropdown-toggle {
            background-color: #3f51c1;
            border-color: #3b4db7;
            color: #fff
        }

            .btn-indigo:not(:disabled):not(.disabled).active:focus,
            .btn-indigo:not(:disabled):not(.disabled):active:focus,
            .show > .btn-indigo.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(101, 116, 205, .5)
            }

    .btn-purple {
        background-color: #aa4cf2;
        border-color: #aa4cf2;
        color: #fff
    }

        .btn-purple:hover {
            background-color: #923ce6;
            border-color: #8c31e4;
            color: #fff !important
        }

        .btn-purple.focus,
        .btn-purple:focus {
            box-shadow: 0 0 0 2px rgba(165, 94, 234, .5)
        }

        .btn-purple.disabled,
        .btn-purple:disabled {
            background-color: #aa4cf2;
            border-color: #aa4cf2;
            color: #fff
        }

        .btn-purple:not(:disabled):not(.disabled).active,
        .btn-purple:not(:disabled):not(.disabled):active,
        .show > .btn-purple.dropdown-toggle {
            background-color: #8c31e4;
            border-color: #8526e3;
            color: #fff
        }

            .btn-purple:not(:disabled):not(.disabled).active:focus,
            .btn-purple:not(:disabled):not(.disabled):active:focus,
            .show > .btn-purple.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(165, 94, 234, .5)
            }

    .btn-pink {
        background-color: #ef4eb8;
        border-color: #ef4eb8;
        color: #fff
    }

        .btn-pink:hover {
            background-color: #f44982;
            border-color: #f33d7a;
            color: #fff !important
        }

        .btn-pink.focus,
        .btn-pink:focus {
            box-shadow: 0 0 0 2px rgba(246, 109, 155, .5)
        }

        .btn-pink.disabled,
        .btn-pink:disabled {
            background-color: #ef4eb8;
            border-color: #ef4eb8;
            color: #fff
        }

        .btn-pink:not(:disabled):not(.disabled).active,
        .btn-pink:not(:disabled):not(.disabled):active,
        .show > .btn-pink.dropdown-toggle {
            background-color: #f33d7a;
            border-color: #f23172;
            color: #fff
        }

            .btn-pink:not(:disabled):not(.disabled).active:focus,
            .btn-pink:not(:disabled):not(.disabled):active:focus,
            .show > .btn-pink.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(246, 109, 155, .5)
            }

    .btn-red {
        background-color: #dc0441;
        border-color: #dc0441;
        color: #fff
    }

        .btn-red:hover {
            background-color: #ac1b1a;
            border-color: #a11918;
            color: #fff
        }

        .btn-red.focus,
        .btn-red:focus {
            box-shadow: 0 0 0 2px rgba(205, 32, 31, .5)
        }

        .btn-red.disabled,
        .btn-red:disabled {
            background-color: #dc0441;
            border-color: #dc0441;
            color: #fff
        }

        .btn-red:not(:disabled):not(.disabled).active,
        .btn-red:not(:disabled):not(.disabled):active,
        .show > .btn-red.dropdown-toggle {
            background-color: #a11918;
            border-color: #961717;
            color: #fff
        }

            .btn-red:not(:disabled):not(.disabled).active:focus,
            .btn-red:not(:disabled):not(.disabled):active:focus,
            .show > .btn-red.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(205, 32, 31, .5)
            }

    .btn-orange {
        background-color: #f34932;
        border-color: #f34932;
        color: #fff
    }

        .btn-orange:hover {
            background-color: #fd811e;
            border-color: #fc7a12;
            color: #fff
        }

        .btn-orange.focus,
        .btn-orange:focus {
            box-shadow: 0 0 0 2px rgba(253, 150, 68, .5)
        }

        .btn-orange.disabled,
        .btn-orange:disabled {
            background-color: #f34932;
            border-color: #f34932;
            color: #fff
        }

        .btn-orange:not(:disabled):not(.disabled).active,
        .btn-orange:not(:disabled):not(.disabled):active,
        .show > .btn-orange.dropdown-toggle {
            background-color: #fc7a12;
            border-color: #fc7305;
            color: #fff
        }

            .btn-orange:not(:disabled):not(.disabled).active:focus,
            .btn-orange:not(:disabled):not(.disabled):active:focus,
            .show > .btn-orange.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(253, 150, 68, .5)
            }

    .btn-yellow {
        background-color: #fbc518;
        border-color: #fbc518;
        color: #fff
    }

        .btn-yellow:hover {
            background-color: #cea70c;
            border-color: #c29d0b;
            color: #fff
        }

        .btn-yellow.focus,
        .btn-yellow:focus {
            box-shadow: 0 0 0 2px rgba(241, 196, 15, .5)
        }

        .btn-yellow.disabled,
        .btn-yellow:disabled {
            background-color: #fbc518;
            border-color: #fbc518;
            color: #fff
        }

        .btn-yellow:not(:disabled):not(.disabled).active,
        .btn-yellow:not(:disabled):not(.disabled):active,
        .show > .btn-yellow.dropdown-toggle {
            background-color: #c29d0b;
            border-color: #b6940b;
            color: #fff
        }

            .btn-yellow:not(:disabled):not(.disabled).active:focus,
            .btn-yellow:not(:disabled):not(.disabled):active:focus,
            .show > .btn-yellow.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(241, 196, 15, .5)
            }

    .btn-green {
        background-color: #0dcd94;
        border-color: #0dcd94;
        color: #fff
    }

        .btn-green:hover {
            background-color: #15ca7c;
            border-color: #15ca7c;
            color: #fff
        }

        .btn-green.focus,
        .btn-green:focus {
            box-shadow: 0 0 0 2px rgba(9, 191, 137, .5)
        }

        .btn-green.disabled,
        .btn-green:disabled {
            background-color: #0dcd94;
            border-color: #0dcd94;
            color: #fff
        }

        .btn-green:not(:disabled):not(.disabled).active,
        .btn-green:not(:disabled):not(.disabled):active,
        .show > .btn-green.dropdown-toggle {
            background-color: #15ca7c;
            border-color: #3e7a00;
            color: #fff
        }

            .btn-green:not(:disabled):not(.disabled).active:focus,
            .btn-green:not(:disabled):not(.disabled):active:focus,
            .show > .btn-green.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(9, 191, 137, .5)
            }

    .btn-teal {
        background-color: #17d1dc;
        border-color: #17d1dc;
        color: #fff
    }

        .btn-teal:hover {
            background-color: #24ab9d;
            border-color: #22a193;
            color: #fff
        }

        .btn-teal.focus,
        .btn-teal:focus {
            box-shadow: 0 0 0 2px rgba(43, 203, 186, .5)
        }

        .btn-teal.disabled,
        .btn-teal:disabled {
            background-color: #17d1dc;
            border-color: #17d1dc;
            color: #fff
        }

        .btn-teal:not(:disabled):not(.disabled).active,
        .btn-teal:not(:disabled):not(.disabled):active,
        .show > .btn-teal.dropdown-toggle {
            background-color: #22a193;
            border-color: #20968a;
            color: #fff
        }

            .btn-teal:not(:disabled):not(.disabled).active:focus,
            .btn-teal:not(:disabled):not(.disabled):active:focus,
            .show > .btn-teal.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(43, 203, 186, .5)
            }

    .btn-cyan {
        background-color: #17a2b8;
        border-color: #17a2b8;
        color: #fff
    }

        .btn-cyan:hover {
            background-color: #138496;
            border-color: #117a8b;
            color: #fff
        }

        .btn-cyan.focus,
        .btn-cyan:focus {
            box-shadow: 0 0 0 2px rgba(23, 162, 184, .5)
        }

        .btn-cyan.disabled,
        .btn-cyan:disabled {
            background-color: #17a2b8;
            border-color: #17a2b8;
            color: #fff
        }

        .btn-cyan:not(:disabled):not(.disabled).active,
        .btn-cyan:not(:disabled):not(.disabled):active,
        .show > .btn-cyan.dropdown-toggle {
            background-color: #117a8b;
            border-color: #10707f;
            color: #fff
        }

            .btn-cyan:not(:disabled):not(.disabled).active:focus,
            .btn-cyan:not(:disabled):not(.disabled):active:focus,
            .show > .btn-cyan.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(23, 162, 184, .5)
            }

    .btn-white {
        color: #263871
    }

        .btn-white,
        .btn-white:hover {
            background-color: #fff;
            background-image: none;
            border: 1px solid #e9ebfa
        }

            .btn-white.focus,
            .btn-white:focus {
                box-shadow: none
            }

            .btn-white.disabled,
            .btn-white:disabled {
                background-color: #fff;
                border: #fff;
                color: #495057
            }

            .btn-white:not(:disabled):not(.disabled).active,
            .btn-white:not(:disabled):not(.disabled):active {
                background-color: #fff;
                border: 1px solid #e9ebfa;
                color: #495057
            }

    .show > .btn-white.dropdown-toggle {
        background-color: #e9ebfa;
        border-color: #e7e9f1;
        color: #495057
    }

        .btn-white:not(:disabled):not(.disabled).active:focus,
        .btn-white:not(:disabled):not(.disabled):active:focus,
        .show > .btn-white.dropdown-toggle:focus {
            box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .5)
        }

    .btn-gray {
        background-color: #868e96;
        border-color: #868e96;
        color: #fff
    }

        .btn-gray:hover {
            background-color: #727b84;
            border-color: #6c757d;
            color: #fff
        }

        .btn-gray.focus,
        .btn-gray:focus {
            box-shadow: 0 0 0 2px hsla(210, 7%, 56%, .5)
        }

        .btn-gray.disabled,
        .btn-gray:disabled {
            background-color: #868e96;
            border-color: #868e96;
            color: #fff
        }

        .btn-gray:not(:disabled):not(.disabled).active,
        .btn-gray:not(:disabled):not(.disabled):active,
        .show > .btn-gray.dropdown-toggle {
            background-color: #6c757d;
            border-color: #666e76;
            color: #fff
        }

            .btn-gray:not(:disabled):not(.disabled).active:focus,
            .btn-gray:not(:disabled):not(.disabled):active:focus,
            .show > .btn-gray.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px hsla(210, 7%, 56%, .5)
            }

    .btn-gray-dark {
        background-color: #353a40;
        border-color: #353a40;
        color: #fff
    }

        .btn-gray-dark:hover {
            background-color: #23272b;
            border-color: #1d2124;
            color: #fff
        }

        .btn-gray-dark.focus,
        .btn-gray-dark:focus {
            box-shadow: 0 0 0 2px rgba(52, 58, 64, .5)
        }

        .btn-gray-dark.disabled,
        .btn-gray-dark:disabled {
            background-color: #353a40;
            border-color: #353a40;
            color: #fff
        }

        .btn-gray-dark:not(:disabled):not(.disabled).active,
        .btn-gray-dark:not(:disabled):not(.disabled):active,
        .show > .btn-gray-dark.dropdown-toggle {
            background-color: #1d2124;
            border-color: #171a1d;
            color: #fff
        }

            .btn-gray-dark:not(:disabled):not(.disabled).active:focus,
            .btn-gray-dark:not(:disabled):not(.disabled):active:focus,
            .show > .btn-gray-dark.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(52, 58, 64, .5)
            }

    .btn-azure {
        background-color: #128af9;
        border-color: #128af9;
        color: #fff
    }

        .btn-azure:hover {
            background-color: #219af0;
            border-color: #1594ef;
            color: #fff !important
        }

        .btn-azure.focus,
        .btn-azure:focus {
            box-shadow: 0 0 0 2px rgba(69, 170, 242, .5)
        }

        .btn-azure.disabled,
        .btn-azure:disabled {
            background-color: #128af9;
            border-color: #128af9;
            color: #fff
        }

        .btn-azure:not(:disabled):not(.disabled).active,
        .btn-azure:not(:disabled):not(.disabled):active,
        .show > .btn-azure.dropdown-toggle {
            background-color: #1594ef;
            border-color: #108ee7;
            color: #fff
        }

            .btn-azure:not(:disabled):not(.disabled).active:focus,
            .btn-azure:not(:disabled):not(.disabled):active:focus,
            .show > .btn-azure.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(69, 170, 242, .5)
            }

    .btn-lime {
        background-color: #7bd235;
        border-color: #7bd235;
        color: #fff
    }

        .btn-lime:hover {
            background-color: #69b829;
            border-color: #63ad27;
            color: #fff
        }

        .btn-lime.focus,
        .btn-lime:focus {
            box-shadow: 0 0 0 2px rgba(123, 210, 53, .5)
        }

        .btn-lime.disabled,
        .btn-lime:disabled {
            background-color: #7bd235;
            border-color: #7bd235;
            color: #fff
        }

        .btn-lime:not(:disabled):not(.disabled).active,
        .btn-lime:not(:disabled):not(.disabled):active,
        .show > .btn-lime.dropdown-toggle {
            background-color: #63ad27;
            border-color: #5da324;
            color: #fff
        }

            .btn-lime:not(:disabled):not(.disabled).active:focus,
            .btn-lime:not(:disabled):not(.disabled):active:focus,
            .show > .btn-lime.dropdown-toggle:focus {
                box-shadow: 0 0 0 2px rgba(123, 210, 53, .5)
            }

    .btn-option {
        background: transparent;
        color: #9aa0ac
    }

        .btn-option:hover {
            color: #6e7687
        }

        .btn-option:focus {
            box-shadow: none;
            color: #6e7687
        }

    .btn-group-sm > .btn,
    .btn-sm {
        font-size: .75rem;
        min-width: 1.625rem
    }

    .btn-group-lg > .btn,
    .btn-lg {
        font-size: 16px;
        min-width: 2.75rem
    }

    .btn-list {
        font-size: 0;
        margin-bottom: -.5rem
    }

        .btn-list > .btn,
        .btn-list > .dropdown {
            margin-bottom: .5rem
        }

            .btn-list > .btn:not(:last-child),
            .btn-list > .dropdown:not(:last-child) {
                margin-right: .5rem
            }

    .btn-loading {
        color: transparent !important;
        pointer-events: none;
        position: relative
    }

        .btn-loading:after {
            -webkit-animation: loader .5s linear infinite;
            animation: loader .5s linear infinite;
            border: 2px solid #fff;
            border-radius: 50%;
            border-right-color: transparent !important;
            border-top-color: transparent !important;
            content: "";
            display: block;
            height: 1.4em;
            left: calc(50% - .7em);
            position: absolute;
            position: absolute !important;
            top: calc(50% - .7em);
            transform-origin: center;
            width: 1.4em
        }

        .btn-group-sm > .btn-loading.btn:after,
        .btn-loading.btn-sm:after {
            height: 1em;
            left: calc(50% - .5em);
            top: calc(50% - .5em);
            width: 1em
        }

        .btn-loading.btn-secondary:after {
            border-color: #495057
        }

    .btn-icon.btn-svg {
        line-height: 15px
    }

        .btn-icon.btn-svg .svg-icon {
            margin-top: 2px;
            width: 16px
        }

    .btn-svgs {
        display: inline-flex
    }

        .btn-svgs .svg-icon {
            margin-right: 6px
        }

    .btn-svg-text {
        margin-top: 2px
    }

    .btn-danger .svg-icon,
    .btn-dark .svg-icon,
    .btn-info .svg-icon,
    .btn-primary .svg-icon,
    .btn-secondary .svg-icon,
    .btn-success .svg-icon,
    .btn-warning .svg-icon {
        fill: hsla(0, 0%, 100%, .6)
    }

    .data-table-btn {
        left: 15%;
        position: absolute;
        z-index: 1
    }

    .btn-group,
    .btn-group-vertical {
        display: inline-flex;
        position: relative;
        vertical-align: middle
    }

        .btn-group-vertical > .btn,
        .btn-group > .btn {
            flex: 0 1 auto;
            position: relative
        }

            .btn-group-vertical > .btn.active,
            .btn-group-vertical > .btn:active,
            .btn-group-vertical > .btn:focus,
            .btn-group-vertical > .btn:hover,
            .btn-group > .btn.active,
            .btn-group > .btn:active,
            .btn-group > .btn:focus,
            .btn-group > .btn:hover {
                z-index: 1
            }

        .btn-group .btn + .btn,
        .btn-group .btn + .btn-group {
            border-left: 1px solid rgba(0, 0, 0, .08);
            margin-left: -1px
        }

        .btn-group-vertical .btn + .btn,
        .btn-group-vertical .btn + .btn-group,
        .btn-group-vertical .btn-group + .btn,
        .btn-group-vertical .btn-group + .btn-group,
        .btn-group .btn-group + .btn,
        .btn-group .btn-group + .btn-group {
            margin-left: -1px
        }

    .btn-toolbar {
        display: flex;
        flex-wrap: wrap;
        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-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .btn-group > .btn-group:not(:first-child) > .btn,
    .btn-group > .btn:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .btn-group-vertical {
        align-items: flex-start;
        flex-direction: column;
        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-left: 0;
            margin-top: -1px
        }

        .btn-group-vertical > .btn-group:not(:last-child) > .btn,
        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-left-radius: 0;
            border-bottom-right-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-group > .btn input[type=checkbox],
        .btn-group-toggle > .btn-group > .btn input[type=radio],
        .btn-group-toggle > .btn input[type=checkbox],
        .btn-group-toggle > .btn input[type=radio] {
            clip: rect(0, 0, 0, 0);
            pointer-events: none;
            position: absolute
        }

    .card {
        word-wrap: break-word;
        background-clip: border-box;
        background-color: #fff;
        border: 0;
        border-radius: 13px;
        box-shadow: 0 .15rem 1.75rem 0 rgba(196, 205, 224, .2);
        display: flex;
        flex-direction: column;
        margin-bottom: 1.5rem;
        min-width: 0;
        position: relative;
        width: 100%
    }

        .card > hr {
            margin-left: 0;
            margin-right: 0
        }

        .card > .list-group:first-child .list-group-item:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        .card > .list-group:last-child .list-group-item:last-child {
            border-bottom-left-radius: 7px;
            border-bottom-right-radius: 7px
        }

    .card-subtitle {
        margin-top: -.75rem
    }

    .card-subtitle,
    .card-text:last-child {
        margin-bottom: 0
    }

    .card-link:hover {
        text-decoration: none
    }

    .card-link + .card-link {
        margin-left: 1.5rem
    }

    .card .card-header .card-title:before {
        background: #36f;
        content: "";
        height: 25px;
        left: 0;
        padding: 2px;
        position: absolute
    }

    .card-header {
        align-items: center;
        background: transparent;
        border-bottom: 1px solid #e9ebfa;
        display: flex;
        padding: 1.5rem 1.5rem .5rem
    }

        .card-header,
        .card-header .card-title {
            margin-bottom: 0
        }

            .card-header:first-child {
                border-radius: 2px 2px 0 0
            }

            .card-header + .list-group .list-group-item:first-child {
                border-top: 0
            }

    .footer-hover {
        color: #012e58;
    }

        .footer-hover:hover {
            color: #3366ff;
        }

    .card-footer {
        background-color: rgba(0, 0, 0, .03);
        border-top: 1px solid #e9ebfa;
        color: #4b5986;
        padding: 1.5rem
    }

        .card-footer:last-child {
            border-radius: 0 0 2px 2px
        }

    .card-header-tabs {
        border-bottom: 0;
        line-height: 2rem;
        margin: -1.25rem 0
    }

        .card-header-tabs .nav-item {
            margin-bottom: 1px
        }

    .card-header-pills {
        margin: -.75rem 0
    }

    .card-img-overlay {
        bottom: 0;
        left: 0;
        padding: 1.25rem;
        position: absolute;
        right: 0;
        top: 0
    }

    .card-img {
        border-radius: 2px;
        width: 100%
    }

    .card-img-top {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        width: 100%
    }

    .card-img-bottom {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        width: 100%
    }

    .card-deck {
        display: flex;
        flex-direction: column
    }

        .card-deck .card {
            margin-bottom: .75rem
        }

    .card-group {
        display: flex;
        flex-direction: column
    }

        .card-group > .card {
            margin-bottom: .75rem
        }

    @media (min-width:576px) {
        .card-columns {
            -moz-column-count: 3;
            column-count: 3;
            -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
            orphans: 1;
            widows: 1
        }

            .card-columns .card {
                display: inline-block;
                width: 100%
            }

        .card-deck {
            flex-flow: row wrap;
            margin-left: -.75rem;
            margin-right: -.75rem
        }

            .card-deck .card {
                display: flex;
                flex: 1 0 0%;
                flex-direction: column;
                margin-bottom: 0;
                margin-left: .75rem;
                margin-right: .75rem
            }

        .card-group {
            flex-flow: row wrap
        }

            .card-group > .card {
                flex: 1 0 0%;
                margin-bottom: 0
            }

                .card-group > .card + .card {
                    border-left: 0;
                    margin-left: 0
                }

                .card-group > .card:first-child {
                    border-bottom-right-radius: 0;
                    border-top-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-bottom-left-radius: 0;
                    border-top-left-radius: 0
                }

                    .card-group > .card:last-child .card-header,
                    .card-group > .card:last-child .card-img-top {
                        border-top-left-radius: 0
                    }

                    .card-group > .card:last-child .card-footer,
                    .card-group > .card:last-child .card-img-bottom {
                        border-bottom-left-radius: 0
                    }

                .card-group > .card:only-child {
                    border-radius: 3px
                }

                    .card-group > .card:only-child .card-header,
                    .card-group > .card:only-child .card-img-top {
                        border-top-left-radius: 3px;
                        border-top-right-radius: 3px
                    }

                    .card-group > .card:only-child .card-footer,
                    .card-group > .card:only-child .card-img-bottom {
                        border-bottom-left-radius: 3px;
                        border-bottom-right-radius: 3px
                    }

                .card-group > .card:not(:first-child):not(:last-child):not(:only-child),
                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
                    border-radius: 0
                }
    }

    .card-columns .card {
        margin-bottom: 1.5rem
    }

    @media (max-width:576px) {
        .responsive-header.card-header {
            display: block
        }

            .responsive-header.card-header .card-title {
                margin-bottom: 1rem
            }

            .responsive-header.card-header .card-options .btn-list > .btn:not(:last-child) {
                font-size: 10px;
                margin-right: .2rem
            }
    }

    .rhombus {
        background-color: #ff0;
        height: 80px;
        transform: rotate(67.5deg);
        width: 350px
    }

    @media print {
        .card {
            border: none;
            box-shadow: none
        }
    }

    .card-body {
        flex: 1 1 auto;
        margin: 0;
        padding: 1.5rem;
        position: relative
    }

        .card-body + .card-body {
            border-top: 1px solid #e9ebfa
        }

    .tilebox-one i {
        font-size: 62px
    }

    .card-body > :last-child {
        margin-bottom: 0
    }

    @media print {
        .card-body {
            padding: 0
        }
    }

    .card-body-scrollable {
        overflow: auto
    }

    .card-bottom,
    .card-footer {
        background: none;
        padding: 1rem 1.5rem
    }

    .card-new-footer {
        padding: 1rem 0.5rem !important;
    }

    .log {
        margin-top: -26px
    }

    @media print {
        .card-header {
            display: none
        }
    }

    .card-img-overlay {
        background-color: rgba(0, 0, 0, .4);
        display: flex;
        flex-direction: column
    }

    .reg {
        color: #2e1170;
        float: right;
        font-size: 50px;
        text-align: center
    }

    .card-title {
        font-size: 1.1rem;
        font-weight: 500;
        letter-spacing: .01rem;
        line-height: 1.2;
        margin-bottom: 1.5rem;
        text-transform: capitalize
    }

        .card-title a {
            color: inherit
        }

        .card-title:only-child {
            margin-bottom: 0
        }

        .card-subtitle,
        .card-title small {
            color: #9aa0ac;
            display: block;
            font-size: .875rem;
            font-weight: 400;
            line-height: 1.1;
            margin: -.75rem 0 1rem
        }

    .card-table {
        margin-bottom: 0
    }

        .card-table tr:first-child td,
        .card-table tr:first-child th {
            border-top: 0
        }

        .card-table tr td:first-child,
        .card-table tr th:first-child {
            padding-left: 1.5rem
        }

        .card-table tr td:last-child,
        .card-table tr th:last-child {
            padding-right: 1.5rem
        }

    .card-body + .card-table {
        border-top: 1px solid #e9ebfa
    }

    .card-profile .card-header {
        background-size: cover;
        border: 0;
        height: 5rem
    }

    .profie-img .flex-md-row img {
        width: 60px
    }

    .card-profile-img {
        border: 3px solid #fff;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        margin-bottom: 1rem;
        max-width: 6rem
    }

    .card-link + .card-link {
        margin-left: 1rem
    }

    .card-body + .card-list-group {
        border-top: 1px solid #e9ebfa
    }

    .card-list-group .list-group-item {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

        .card-list-group .list-group-item:last-child {
            border-bottom: 0
        }

        .card-list-group .list-group-item:first-child {
            border-top: 0
        }

    .card-aside {
        flex-direction: row
    }

    .card-aside-column {
        background: no-repeat 50%/cover;
        flex: 0 0 20%;
        min-width: 5rem;
        width: 20%
    }

    .card-value {
        align-items: center;
        display: flex;
        font-size: 1rem;
        font-weight: 400;
        height: 3.4rem;
        line-height: 3.4rem
    }

        .card-value i {
            vertical-align: middle
        }

    .card-chart-bg {
        height: 4rem;
        margin-top: -1rem;
        overflow: hidden;
        position: relative;
        z-index: 1
    }

    .card-options {
        align-self: center;
        color: #9aa0ac;
        display: flex;
        margin-left: auto;
        margin-right: -.5rem;
        order: 100
    }

        .card-options a:not(.btn) {
            color: #263871;
            display: inline-block;
            min-width: 1rem
        }

            .card-options a:not(.btn):hover {
                color: #263871;
                text-decoration: none
            }

            .card-options a:not(.btn) i {
                font-size: 1rem;
                vertical-align: middle
            }

        .card-options .dropdown-toggle:after {
            display: none
        }

    .widgets-cards .wrp.icon-circle {
        align-items: center;
        border-radius: 50%;
        display: flex;
        height: 73px;
        justify-content: center;
        margin-right: 15px;
        padding: 0;
        width: 73px
    }

        .widgets-cards .wrp.icon-circle i {
            color: #fff;
            font-size: 1.6rem
        }

    .widgets-cards .wrp p {
        line-height: 1;
        margin-bottom: 10px
    }

        .widgets-cards .wrp p:first-child {
            font-size: 36px;
            font-weight: 400
        }

    ul li .legend-dots {
        border-radius: 100%;
        display: inline-block;
        height: 1rem;
        margin-right: .5rem;
        vertical-align: text-bottom;
        width: 1rem
    }

    .legend li {
        float: left;
        padding: 5px
    }

    .stretch-card {
        align-items: stretch;
        display: flex;
        justify-content: stretch
    }

        .stretch-card > .card {
            min-width: 100%;
            width: 100%
        }

    .icon-size {
        font-size: 2.5rem !important
    }

    .card-img-absolute {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0
    }

    .statistics-box {
        min-height: 80px;
        padding-left: 80px;
        padding-top: 14px;
        position: relative;
        text-align: right;
        text-align: center
    }

        .statistics-box .ico {
            font-size: 70px;
            height: 80px;
            left: 0;
            line-height: 80px;
            position: absolute;
            text-align: center;
            top: 0;
            width: 80px
        }

            .statistics-box .ico.small {
                font-size: 42px;
                font-weight: 900
            }

        .statistics-box h2 {
            font-weight: 600 !important
        }

    .card-collapsed > :not(.card-header):not(.card-status) {
        display: none
    }

    .card-collapsed .card-options-collapse i:before {
        content: ""
    }

    .card-fullscreen {
        bottom: 0;
        left: 0;
        margin: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999
    }

        .card-fullscreen .card-options-fullscreen i:before {
            content: ""
        }

        .card-fullscreen .card-options-remove {
            display: none
        }

    .card-map {
        background: #e9ecef;
        height: 15rem
    }

    .card-map-placeholder {
        background: no-repeat 50%
    }

    .card-tabs {
        display: flex
    }

    .card-tabs-bottom .card-tabs-item {
        border: 0
    }

        .card-tabs-bottom .card-tabs-item.active {
            border-top-color: #fff
        }

    .card-tabs-item {
        color: inherit;
        display: block;
        flex: 1 1 auto;
        overflow: hidden;
        padding: 1.4rem 1.5rem
    }

    a.card-tabs-item {
        background: #fafbfc
    }

        a.card-tabs-item:hover {
            color: inherit;
            text-decoration: none
        }

        a.card-tabs-item:focus {
            z-index: 1
        }

        a.card-tabs-item.active {
            background: #fff;
            border-bottom-color: #fff
        }

    .card-status {
        background: rgba(0, 40, 100, .12);
        border-radius: 7px 7px 0 0;
        height: 3px;
        left: 0;
        position: absolute;
        right: 0;
        top: -1px
    }

    .card-status-left {
        border-radius: 3px 0 0 3px;
        bottom: 0;
        height: auto;
        right: auto;
        width: 3px
    }

    .card-icon {
        font-size: 2.5rem;
        line-height: 3rem;
        text-align: center;
        width: 3rem
    }

    .card-alert {
        border-radius: 0;
        margin: -1px -1px 0
    }

    .card-category {
        background: #f3f3f3;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: .05em;
        margin: 0 0 .5rem;
        text-align: center;
        text-transform: uppercase
    }

    .card-custom-icon {
        color: #e5e9f2;
        height: 60px;
        position: absolute;
        right: 25px;
        top: 15px;
        width: 60px
    }

    .default-card.default .loader {
        border-color: #e0e3f5
    }

    .custom-card.blue {
        background: #ebf5fd;
        border: 1px solid #5dacf2;
        border-radius: 8px;
        color: #1687ed
    }

        .custom-card.blue .loader {
            border-color: #1687ed #99d0ff #99d0ff
        }

    .custom-card.red {
        background: #ffe6e6;
        border: 1px solid #ff8080;
        border-radius: 8px;
        color: red
    }

        .custom-card.red .loader {
            border-color: red #ff9696 #ff9696
        }

    .custom-card.green {
        background: #cbffce;
        border: 1px solid #00cb0d;
        border-radius: 8px;
        color: #007e08
    }

        .custom-card.green .loader {
            border-color: #007e08 #75cc7d #75cc7d
        }

    .default-card.default .loader {
        border-color: #36f #e0e3f5 #e0e3f5
    }

    .card-blog-overlay .card-header {
        border-bottom: 1px solid hsla(0, 0%, 100%, .2)
    }

    .card-blog-overlay1 .card-footer,
    .card-blog-overlay2 .card-footer {
        border-top: 1px solid hsla(0, 0%, 100%, .2)
    }

    .card-blog-overlay {
        background: url(../images/photos/thumb2.jpg);
        background-size: cover;
        position: relative
    }

        .card-blog-overlay1:before,
        .card-blog-overlay2:before,
        .card-blog-overlay:before {
            background: rgba(0, 0, 0, .5);
            border-radius: 7px;
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

    .card-blog-overlay1 {
        background: url(../images/photos/thumb3.jpg);
        background-size: cover
    }

    .card-blog-overlay2 {
        background: url(../images/photos/22.jpg);
        background-size: cover
    }

    .carousel {
        position: relative
    }

    .carousel-inner {
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .carousel-item {
        align-items: center;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: none;
        perspective: 1000px;
        position: relative;
        transition: transform .6s ease;
        width: 100%
    }

        .carousel-item.active {
            display: block
        }

    @media screen and (prefers-reduced-motion:reduce) {
        .carousel-item {
            transition: none
        }
    }

    .carousel-item-next,
    .carousel-item-prev {
        display: block;
        position: absolute;
        top: 0
    }

        .carousel-item-next.carousel-item-left,
        .carousel-item-prev.carousel-item-right {
            transform: translateX(0)
        }

    @supports (transform-style:preserve-3d) {
        .carousel-item-next.carousel-item-left,
        .carousel-item-prev.carousel-item-right {
            transform: translateZ(0)
        }
    }

    .active.carousel-item-right,
    .carousel-item-next {
        transform: translateX(100%)
    }

    @supports (transform-style:preserve-3d) {
        .active.carousel-item-right,
        .carousel-item-next {
            transform: translate3d(100%, 0, 0)
        }
    }

    .active.carousel-item-left,
    .carousel-item-prev {
        transform: translateX(-100%)
    }

    @supports (transform-style:preserve-3d) {
        .active.carousel-item-left,
        .carousel-item-prev {
            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 {
        transform: translateX(0)
    }

    @supports (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 {
            transform: translateZ(0)
        }
    }

    .carousel-control-next,
    .carousel-control-prev {
        align-items: center;
        bottom: 0;
        color: #fff;
        display: flex;
        justify-content: center;
        opacity: .5;
        position: absolute;
        text-align: center;
        top: 0;
        width: 15%
    }

    .carousel-control-prev {
        left: 0
    }

        .carousel-control-prev:focus,
        .carousel-control-prev:hover {
            color: #fff;
            opacity: .9;
            outline: 0;
            text-decoration: none
        }

    .carousel-control-next {
        right: 0
    }

        .carousel-control-next:focus,
        .carousel-control-next:hover {
            color: #fff;
            opacity: .9;
            outline: 0;
            text-decoration: none
        }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        background: transparent no-repeat 50%;
        background-size: 100% 100%;
        display: inline-block;
        height: 20px;
        width: 20px
    }

    .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 {
        bottom: 10px;
        display: flex;
        justify-content: center;
        left: 0;
        list-style: none;
        margin-left: 15%;
        margin-right: 15%;
        padding-left: 0;
        position: absolute;
        right: 0;
        z-index: 15
    }

        .carousel-indicators li {
            background-color: #fff;
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

            .carousel-indicators li:before {
                top: -10px
            }

            .carousel-indicators li:after,
            .carousel-indicators li:before {
                content: "";
                display: inline-block;
                height: 10px;
                left: 0;
                position: absolute;
                width: 100%
            }

            .carousel-indicators li:after {
                bottom: -10px
            }

        .carousel-indicators .active {
            background-color: #36f
        }

    .carousel-indicators1 {
        display: flex;
        justify-content: center;
        left: 0;
        list-style: none;
        margin-left: 15%;
        margin-right: 15%;
        padding-left: 0;
        position: absolute;
        right: 0;
        top: 10px;
        z-index: 15
    }

        .carousel-indicators1 li {
            background-color: hsla(0, 0%, 100%, .5);
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

            .carousel-indicators1 li:before {
                top: -10px
            }

            .carousel-indicators1 li:after,
            .carousel-indicators1 li:before {
                content: "";
                display: inline-block;
                height: 10px;
                left: 0;
                position: absolute;
                width: 100%
            }

            .carousel-indicators1 li:after {
                bottom: -10px
            }

        .carousel-indicators1 .active {
            background-color: #fff
        }

    .carousel-indicators2 {
        display: flex;
        justify-content: center;
        list-style: none;
        margin-top: 10px;
        padding-left: 0;
        position: absolute;
        right: 10px;
        top: 0;
        z-index: 15
    }

        .carousel-indicators2 li {
            background-color: hsla(0, 0%, 100%, .5);
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

            .carousel-indicators2 li:before {
                top: -10px
            }

            .carousel-indicators2 li:after,
            .carousel-indicators2 li:before {
                content: "";
                display: inline-block;
                height: 10px;
                left: 0;
                position: absolute;
                width: 100%
            }

            .carousel-indicators2 li:after {
                bottom: -10px
            }

        .carousel-indicators2 .active {
            background-color: #fff
        }

    .carousel-indicators3 {
        display: flex;
        justify-content: center;
        left: 10px;
        list-style: none;
        margin-top: 10px;
        padding-left: 0;
        position: absolute;
        z-index: 15
    }

        .carousel-indicators3 li {
            background-color: hsla(0, 0%, 100%, .5);
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

            .carousel-indicators3 li:before {
                top: -10px
            }

            .carousel-indicators3 li:after,
            .carousel-indicators3 li:before {
                content: "";
                display: inline-block;
                height: 10px;
                left: 0;
                position: absolute;
                width: 100%
            }

            .carousel-indicators3 li:after {
                bottom: -10px
            }

        .carousel-indicators3 .active {
            background-color: #fff
        }

    .carousel-indicators4 {
        bottom: 0;
        display: flex;
        justify-content: center;
        list-style: none;
        margin-top: 10%;
        padding-left: 0;
        position: absolute;
        right: 10px;
        z-index: 15
    }

        .carousel-indicators4 li {
            background-color: hsla(0, 0%, 100%, .5);
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

            .carousel-indicators4 li:before {
                top: -10px
            }

            .carousel-indicators4 li:after,
            .carousel-indicators4 li:before {
                content: "";
                display: inline-block;
                height: 10px;
                left: 0;
                position: absolute;
                width: 100%
            }

            .carousel-indicators4 li:after {
                bottom: -10px
            }

        .carousel-indicators4 .active {
            background-color: #fff
        }

    .carousel-indicators5 {
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 10px;
        list-style: none;
        padding-left: 0;
        position: absolute;
        z-index: 15
    }

        .carousel-indicators5 li {
            background-color: hsla(0, 0%, 100%, .5);
            border-radius: 50%;
            flex: 0 1 auto;
            height: 7px;
            margin-left: 3px;
            margin-right: 3px;
            position: relative;
            text-indent: -999px;
            width: 7px
        }

            .carousel-indicators5 li:before {
                top: -10px
            }

            .carousel-indicators5 li:after,
            .carousel-indicators5 li:before {
                content: "";
                display: inline-block;
                height: 10px;
                left: 0;
                position: absolute;
                width: 100%
            }

            .carousel-indicators5 li:after {
                bottom: -10px
            }

        .carousel-indicators5 .active {
            background-color: #fff
        }

    .carousel-caption {
        color: #fff;
        left: 15%;
        padding-bottom: 20px;
        padding-top: 20px;
        position: absolute;
        right: 15%;
        text-align: center;
        top: 30%;
        z-index: 10
    }

    .carousel-item-background {
        background: rgba(0, 0, 0, .5);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .carousel-top-indicators {
        top: 15px
    }

    .carousel-top-right-indicators {
        left: auto;
        margin: 0 !important;
        right: 15px !important;
        top: 15px
    }

    .carousel-top-left-indicators {
        left: 15px !important;
        margin: 0 !important;
        right: auto;
        top: 15px
    }

    .carousel-bottom-right-indicators {
        bottom: 15px;
        left: auto;
        margin: 0 !important;
        right: 15px !important
    }

    .carousel-bottom-left-indicators {
        bottom: 15px;
        left: 15px !important;
        margin: 0 !important;
        right: auto
    }

    .dashboard-carousel .carousel-control-next,
    .dashboard-carousel .carousel-control-prev {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: .375rem;
        height: 1.625rem;
        opacity: 1;
        top: 1.062rem;
        width: 1.625rem
    }

    .dashboard-carousel .carousel-control-next {
        right: 1.8rem
    }

    .dashboard-carousel .carousel-control-prev {
        left: auto;
        right: 4rem
    }

        .dashboard-carousel .carousel-control-next .carousel-control-next-icon,
        .dashboard-carousel .carousel-control-prev .carousel-control-prev-icon {
            background-image: none
        }

    .dashboard-carousel .carousel-control-next-icon,
    .dashboard-carousel .carousel-control-prev-icon {
        background: no-repeat 50%/100% 100%;
        display: inline-block;
        height: 20px;
        width: 20px
    }

    .dashboard-carousel .carousel-control-prev .carousel-control-prev-icon:after {
        color: #313e6a;
        content: "";
        display: block;
        font-family: feather !important;
        font-size: .812rem;
        font-weight: 700;
        line-height: 1.35rem;
        margin-right: .1rem
    }

    .dashboard-carousel .carousel-control-next .carousel-control-next-icon:after {
        color: #313e6a;
        content: "";
        display: block;
        font-family: feather !important;
        font-size: .812rem;
        font-weight: 700;
        line-height: 1.35rem
    }

    .dashboard-carousel .carousel-body .text-over {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 55%
    }

    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img {
        width: 100%
    }

    .carousel-slider img {
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        display: inline-block;
        height: 60px;
        margin: 3px;
        overflow: hidden;
        width: 60px
    }

    .product-carousel .carousel-item img {
        background: #f1f4fb;
        border-radius: 5px;
        display: block;
        margin: 0 auto;
        padding: 2rem;
        text-align: center;
        width: 60%
    }

    .carousel-slider .thumb {
        cursor: pointer;
        float: left;
        margin: 0 2px
    }

        .carousel-slider .thumb.active img {
            background: #f1f4fb
        }

    #thumbcarousel {
        display: table;
        margin: 0 auto 20px
    }

    .dropdown,
    .dropleft,
    .dropright,
    .dropup {
        position: relative
    }

    .dropdown-toggle {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .dropdown-toggle:after {
            border-bottom: 0;
            border-left: .3em solid transparent;
            border-right: .3em solid transparent;
            border-top: .3em solid;
            content: "";
            display: inline-block;
            height: 0;
            margin-left: .255em;
            vertical-align: .255em;
            vertical-align: .155em;
            width: 0
        }

        .dropdown-toggle:empty:after {
            margin-left: 0
        }

    .dropdown-menu-right {
        left: auto;
        right: 0
    }

    .dropup .dropdown-menu {
        bottom: 100%;
        margin-bottom: .125rem;
        margin-top: 0;
        top: auto
    }

    .dropup .dropdown-toggle:after {
        border-bottom: .3em solid;
        border-left: .3em solid transparent;
        border-right: .3em solid transparent;
        border-top: 0;
        content: "";
        display: inline-block;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        width: 0
    }

    .dropup .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .dropright .dropdown-menu {
        left: 100%;
        margin-left: .125rem;
        margin-top: 0;
        right: auto;
        top: 0
    }

    .dropright .dropdown-toggle:after {
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
        border-right: 0;
        border-top: .3em solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        width: 0
    }

    .dropright .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .dropright .dropdown-toggle:after {
        vertical-align: 0
    }

    .dropleft .dropdown-menu {
        left: auto;
        margin-right: .125rem;
        margin-top: 0;
        right: 100%;
        top: 0
    }

    .dropleft .dropdown-toggle:after {
        content: "";
        display: inline-block;
        display: none;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        width: 0
    }

    .dropleft .dropdown-toggle:before {
        border-bottom: .3em solid transparent;
        border-right: .3em solid;
        border-top: .3em solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        margin-right: .255em;
        vertical-align: .255em;
        width: 0
    }

    .dropleft .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .dropleft .dropdown-toggle:before {
        vertical-align: 0
    }

    .header .dropdown-menu[x-placement^=bottom],
    .header .dropdown-menu[x-placement^=left],
    .header .dropdown-menu[x-placement^=right],
    .header .dropdown-menu[x-placement^=top] {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        border: 1px solid #e9ebfa;
        border-radius: 6px;
        box-shadow: -8px 12px 18px 0 rgba(196, 205, 224, .2);
        top: 60px !important
    }

    .header-flags.show .dropdown-menu {
        left: -140px !important
    }

    .header-message.show .dropdown-menu {
        left: -260px !important
    }

    .dropdown-divider {
        border-top: 1px solid #e9ecef;
        height: 0;
        margin: .5rem 0;
        overflow: hidden
    }

    .notifyimg {
        background: #36f;
        border-radius: 50%;
        color: #fff;
        float: left;
        height: 40px;
        line-height: 43px;
        margin-right: 10px;
        vertical-align: middle;
        width: 40px
    }

    .drop-icon-wrap,
    .notifyimg {
        text-align: center
    }

        .drop-icon-wrap li {
            display: block
        }

        .drop-icon-wrap .drop-icon-item {
            color: #878787;
            display: inline-block;
            float: left;
            padding-bottom: 10px;
            padding-top: 10px;
            text-align: center;
            text-transform: capitalize;
            width: 50%
        }

    .block {
        display: block !important
    }

    .drop-icon-item i {
        font-size: 20px;
        padding-bottom: 5px
    }

    .drop-icon-wrap .drop-icon-item:focus,
    .drop-icon-wrap .drop-icon-item:hover {
        background-color: #eef0ff;
        text-decoration: none
    }

    .dropdown-item.user {
        font-size: 16px;
        padding: 5px
    }

    .user-semi-title {
        font-size: 12px
    }

    .floating {
        -webkit-animation: floating 3s ease infinite;
        animation: floating 3s ease infinite;
        will-change: transform
    }

    .dropdown-item {
        background-color: transparent;
        border: 0;
        clear: both;
        color: #263871;
        display: block;
        font-weight: 400;
        padding: .5rem 1.5rem;
        text-align: inherit;
        white-space: nowrap;
        width: 100%
    }

        .dropdown-item:focus,
        .dropdown-item:hover {
            color: #36f
        }

        .dropdown-item.active,
        .dropdown-item:active,
        .dropdown-item:focus,
        .dropdown-item:hover {
            background-color: #f3f5fb;
            text-decoration: none
        }

        .dropdown-item.disabled,
        .dropdown-item:disabled {
            background-color: transparent;
            color: #fff
        }

    .dropdown-menu.show {
        display: block;
        margin: 0
    }

    .dropdown-menu-arrow.dropdown-menu-left:before,
    .dropdown-menu-arrow.dropdown-menu-right:before {
        border-bottom: 10px solid #e9ebfa;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        left: 15px;
        position: absolute;
        top: -10px
    }

    .dropdown-menu-arrow.dropdown-menu-left:after,
    .dropdown-menu-arrow.dropdown-menu-right:after {
        border-bottom: 9px solid #fff;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        content: "";
        left: 16px;
        position: absolute;
        top: -8.5px
    }

    .dropdown-header {
        color: #868e96;
        display: block;
        font-size: .875rem;
        margin-bottom: 0;
        padding: .5rem 1.5rem;
        white-space: nowrap
    }

    .dropdown-item-text {
        color: #263871;
        display: block;
        padding: .25rem 1.5rem
    }

    .dropdown-toggle-split {
        padding-left: .5625rem;
        padding-right: .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-left: .375rem;
        padding-right: .375rem
    }

    .btn-group-lg > .btn + .dropdown-toggle-split,
    .btn-lg + .dropdown-toggle-split {
        padding-left: .75rem;
        padding-right: .75rem
    }

    btn.dropdown-toggle ~ .dropdown-menu,
    ul.dropdown-menu li.dropdown ul.dropdown-menu {
        background-color: #f4f4f4 !important;
        background-color: #fff !important;
        border: 0 solid #4285f4 !important;
        box-shadow: 0 0 3px rgba(25, 25, 25, .3) !important;
        margin: 0 !important;
        padding: 0 !important;
        top: 0 !important
    }

    ul.dropdown-menu li.dropdown ul.dropdown-menu {
        position: absolute !important;
        width: 100% !important
    }

    .dropdown-menu {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 4px !important;
        box-shadow: none;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
        color: #313e6a;
        display: none;
        float: left;
        font-size: .9375rem;
        left: 0;
        list-style: none;
        margin: .125rem 0 0;
        min-width: 10rem;
        min-width: 12rem;
        padding: .5rem 0;
        position: absolute;
        text-align: left;
        top: 100%;
        z-index: 2
    }

        .dropdown-menu > li > a {
            clear: both;
            display: block;
            font-weight: 400;
            line-height: 1.428571429;
            padding: .5rem 1.5rem;
            white-space: nowrap;
            width: 100%
        }

            .dropdown-menu > li > a:focus,
            .dropdown-menu > li > a:hover {
                background-color: #f3f5fb;
                text-decoration: none
            }

        .dropdown-menu .divider {
            background: #e9ebfa;
            height: 1px;
            margin: 9px 0;
            overflow: hidden
        }

        .dropdown-menu .dropdown-plus-title {
            border: solid #e9ebfa !important;
            border-width: 0 0 1px !important;
            color: #6b6f80 !important;
            cursor: pointer !important;
            font-weight: 500 !important;
            padding: 6px 12px !important;
            width: 100% !important
        }

        .dropdown-menu[x-placement^=bottom],
        .dropdown-menu[x-placement^=left],
        .dropdown-menu[x-placement^=right],
        .dropdown-menu[x-placement^=top] {
            bottom: auto;
            right: auto
        }

    ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
        line-height: 20px !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important
    }

    .btn.dropdown-toggle.btn-primary ~ .dropdown-menu .dropdown-plus-title {
        border-color: #36f !important
    }

    .btn.dropdown-toggle.btn-success ~ .dropdown-menu .dropdown-plus-title {
        border-color: #4cae4c !important
    }

    .btn.dropdown-toggle.btn-info ~ .dropdown-menu .dropdown-plus-title {
        border-color: #46b8da !important
    }

    .btn.dropdown-toggle.btn-warning ~ .dropdown-menu .dropdown-plus-title {
        border-color: #eea236 !important
    }

    .btn.dropdown-toggle.btn-danger ~ .dropdown-menu .dropdown-plus-title {
        border-color: #d43f3a !important
    }

    .dropdown-menu-header {
        align-items: center;
        border-bottom: 1px solid #e9ebfa;
        display: flex;
        justify-content: space-between;
        padding: 12px 15px
    }

    .dropdown-demo .dropdown-menu {
        float: none;
        position: static
    }

    .dropdown-menu-header label {
        color: #6b6f80;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0;
        text-transform: uppercase
    }

    .dropdown-media-list .media {
        padding: 12px 15px
    }

        .dropdown-media-list .media:focus,
        .dropdown-media-list .media:hover {
            background-color: #f8f9fa
        }

    .dropdown-media-list {
        padding: 0
    }

        .dropdown-media-list img {
            border-radius: 100%
        }

        .dropdown-media-list .media-body {
            margin-left: 15px
        }

            .dropdown-media-list .media-body > div {
                align-items: center;
                display: flex;
                justify-content: space-between
            }

                .dropdown-media-list .media-body > div p {
                    color: #6b6f80;
                    font-size: 14px;
                    font-weight: 500;
                    margin-bottom: 0
                }

                .dropdown-media-list .media-body > div span {
                    font-size: 12px
                }

            .dropdown-media-list .media-body > p {
                font-size: 14px;
                margin-bottom: 0
            }

    .dropdown-list-footer {
        border-top: 1px solid #e9ebfa;
        font-size: 12px;
        padding: 10px 15px;
        text-align: center
    }

    .label {
        display: inline-block;
        margin-bottom: .5rem
    }

    @media (min-width:768px) {
        ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
            padding-bottom: 15px !important;
            padding-top: 15px !important
        }

        ul.dropdown-menu li.dropdown ul.dropdown-menu {
            width: auto !important
        }
    }

    .dropdown {
        display: block
    }

    #sidebar .dropdown-menu {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        min-width: 12rem
    }

    .dropdown-menu-arrow.dropdown-menu-right:after,
    .dropdown-menu-arrow.dropdown-menu-right:before {
        left: auto;
        right: 12px
    }

    .dropdown-icon {
        color: #3e4358;
        display: inline-block;
        margin-left: -.5rem;
        margin-right: .5rem;
        text-align: center;
        vertical-align: -1px;
        width: 1em
    }

    .btn-white.dropdown-toggle:after {
        color: #c4c9d6
    }

    .input-group {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        width: 100%
    }

    .input-group-addon {
        border: 1px solid #e9ebfa;
        border-radius: .25rem 0 0 .2rem;
        border-right: 0;
        color: #b7bec5;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.25;
        margin-bottom: 0;
        padding: .5rem .75rem;
        text-align: center
    }

    .box-shadow-0 {
        box-shadow: none
    }

    .input-group-text {
        margin-left: -2px
    }

    .input-group > .custom-file,
    .input-group > .custom-select,
    .input-group > .form-control {
        flex: 1 1 auto;
        margin-bottom: 0;
        position: relative;
        width: 1%
    }

        .input-group > .custom-file:focus,
        .input-group > .custom-select:focus,
        .input-group > .form-control:focus {
            z-index: 3
        }

        .input-group > .custom-file + .custom-file,
        .input-group > .custom-file + .custom-select,
        .input-group > .custom-file + .form-control,
        .input-group > .custom-select + .custom-file,
        .input-group > .custom-select + .custom-select,
        .input-group > .custom-select + .form-control,
        .input-group > .form-control + .custom-file,
        .input-group > .form-control + .custom-select,
        .input-group > .form-control + .form-control {
            margin-left: -1px
        }

        .input-group > .custom-select:not(:last-child),
        .input-group > .form-control:not(:last-child) {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .input-group > .custom-select:not(:first-child),
        .input-group > .form-control:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

    .input-group > .custom-file {
        align-items: center;
        display: flex
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label,
        .input-group > .custom-file:not(:last-child) .custom-file-label:after {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label,
        .input-group > .custom-file:not(:first-child) .custom-file-label:after {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

    .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
    .input-group > .input-group-append:not(:last-child) > .btn,
    .input-group > .input-group-append:not(:last-child) > .input-group-text,
    .input-group > .input-group-prepend > .btn,
    .input-group > .input-group-prepend > .input-group-text {
        border-bottom-right-radius: 0;
        border-top-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-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group-append,
    .input-group-prepend {
        display: flex
    }

        .input-group-append .btn,
        .input-group-prepend .btn {
            position: relative;
            z-index: 1
        }

            .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-append {
        margin-left: -1px;
        margin-right: -1px
    }

        .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 {
            margin-left: -1px
        }

    .input-group-text {
        align-items: center;
        background-color: #dee5f7;
        border: 1px solid #d8dbee;
        border-radius: 3px;
        color: #9ba5ca;
        display: flex;
        font-size: .9375rem;
        font-weight: 400;
        line-height: 1.6;
        margin-bottom: 0;
        padding: .375rem .75rem;
        text-align: center;
        white-space: nowrap
    }

        .input-group-text input[type=checkbox],
        .input-group-text input[type=radio] {
            margin-top: 0
        }

    .page-rightheader .input-group-text {
        border: 1px solid #eceefb
    }

    .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]),
    .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
    .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
    .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
    .input-group-sm > select.form-control:not([size]):not([multiple]) {
        height: calc(1.8125rem + 2px)
    }

    .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 {
        border-radius: 3px;
        font-size: .875rem;
        line-height: 1.14285714;
        padding: .25rem .5rem
    }

    .input-group-sm > .form-control-plaintext.form-control,
    .input-group-sm > .input-group-append > .form-control-plaintext.btn,
    .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
    .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
    .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
        padding-left: 0;
        padding-right: 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 {
        border-radius: 3px;
        font-size: 1.125rem;
        line-height: 1.44444444;
        padding: .5rem 1rem
    }

    .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]),
    .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
    .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
    .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
    .input-group-lg > select.form-control:not([size]):not([multiple]) {
        height: calc(2.6875rem + 2px)
    }

    .input-group-lg > .form-control-plaintext.form-control,
    .input-group-lg > .input-group-append > .form-control-plaintext.btn,
    .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
    .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
    .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text {
        padding-left: 0;
        padding-right: 0
    }

    .input-group-append,
    .input-group-btn .btn,
    .input-group-prepend {
        border-left: 0
    }

        .input-group-append > .btn,
        .input-group-btn > .btn,
        .input-group-prepend > .btn {
            border-color: rgba(0, 40, 100, .12);
            height: 100%
        }

        .input-group-prepend > .input-group-text {
            border-right: 0
        }

        .input-group-append > .input-group-text {
            border-left: 0
        }

    .input-icon {
        position: relative
    }

        .input-icon .form-control:not(:first-child),
        .input-icon .form-control:not(:last-child) {
            padding-left: 2.5rem
        }

    .input-icon-addon {
        align-items: center;
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 0;
        min-width: 2.5rem;
        pointer-events: none;
        position: absolute;
        top: 0
    }

        .input-icon-addon:last-child {
            left: auto
        }

    .input-search {
        background-color: transparent;
        border: none;
        bottom: 0;
        color: #fff;
        font-size: 16px;
        height: 34px;
        left: 0;
        outline: none;
        padding: 20px;
        position: absolute;
        right: 20px;
        top: 0;
        width: calc(100% - 148px)
    }

    .search-label {
        display: block;
        height: 50px;
        left: 50%;
        margin-left: -54px;
        position: absolute;
        top: 0;
        transition: .5s ease-in-out;
        width: 50px;
        z-index: 100
    }

    .isActive .search-label {
        transform: translateX(246px)
    }

    .isActive.full svg,
    .isActive svg {
        stroke-dashoffset: -65;
        stroke-dasharray: 141.305 65;
        transform: translateX(0)
    }

    .full .search-label {
        transform: translateX(246px)
    }

    .full svg {
        stroke-dashoffset: 0;
        stroke-dasharray: 64.6 206.305;
        transform: translateX(0)
    }

    .jumbotron {
        background-color: #eaeefa;
        border-radius: 3px;
        margin-bottom: 2rem;
        padding: 2rem 1rem
    }

    @media (min-width:576px) {
        .jumbotron {
            padding: 2rem
        }
    }

    .jumbotron-fluid {
        border-radius: 0;
        padding-left: 0;
        padding-right: 0
    }

    @media (max-width:480px) {
        .jumbotron .display-3 {
            font-size: 2.5rem
        }
    }

    .label-default {
        background: #f3f4f7
    }

    .label-primary {
        background: #36f
    }

    .label-success {
        background: #0dcd94
    }

    .label-danger {
        background: #dc0441
    }

    .label-warning {
        background: #fbc518
    }

    .label-info {
        background: #128af9
    }

    .list-group {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        padding-left: 0
    }

    .list-group-item-action {
        color: #263871;
        text-align: inherit;
        width: 100%
    }

        .list-group-item-action:focus,
        .list-group-item-action:hover {
            background-color: #ebeff8;
            color: #6b6f80;
            text-decoration: none;
            z-index: 0
        }

        .list-group-item-action:active {
            background-color: #ebeff8;
            color: #263871;
            z-index: 0
        }

    .list-group-item + .list-group-item {
        border-top-width: 1px
    }

    .listorder {
        list-style-type: decimal
    }

    .listorder,
    .listorder1 {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        list-style-position: inside;
        margin-bottom: -1px;
        padding: .75rem 1.25rem;
        position: relative
    }

    .listorder1 {
        list-style-type: upper-alpha
    }

    .listunorder {
        list-style-type: circle
    }

    .listunorder,
    .listunorder1 {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        list-style-position: inside;
        margin-bottom: -1px;
        padding: .75rem 1.25rem;
        position: relative
    }

    .listunorder1 {
        list-style-type: square
    }

    .list-group-item {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        display: block;
        margin-bottom: -1px;
        padding: .75rem 1.25rem;
        position: relative
    }

        .list-group-item.active .icon {
            color: inherit !important
        }

        .list-group-item .icon {
            color: #6b6f80 !important
        }

        .list-group-item:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        .list-group-item:last-child {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            margin-bottom: 0
        }

        .list-group-item:focus,
        .list-group-item:hover {
            text-decoration: none
        }

        .list-group-item.disabled,
        .list-group-item:disabled {
            background-color: #fff;
            color: #7c90b1
        }

        .list-group-item.active {
            background-color: #ebeff8;
            border-color: transparent;
            border-color: 3px solid hsla(0, 0%, 93%, .5);
            color: inherit;
            z-index: 0
        }

    .list-group-flush .list-group-item {
        border-left: 0 !important;
        border-radius: 0;
        border-right: 0 !important
    }

    .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 {
        background-color: #cbdbf2 !important;
        color: #24426c
    }

        .list-group-item-primary.list-group-item-action:focus,
        .list-group-item-primary.list-group-item-action:hover {
            background-color: #b7cded;
            color: #24426c
        }

        .list-group-item-primary.list-group-item-action.active {
            background-color: #24426c;
            border-color: #24426c;
            color: #fff
        }

    .list-group-item-secondary {
        background-color: #fe7f00 !important;
        color: #fff
    }

        .list-group-item-secondary.list-group-item-action:focus,
        .list-group-item-secondary.list-group-item-action:hover {
            background-color: #fe7f00;
            color: #fff
        }

        .list-group-item-secondary.list-group-item-action.active {
            background-color: #fe7f00;
            border-color: #fe7f00;
            color: #fff
        }

    .list-group-item-success {
        background-color: rgba(13, 205, 148, .1) !important;
        color: #0dcd94
    }

        .list-group-item-success.list-group-item-action:focus,
        .list-group-item-success.list-group-item-action:hover {
            background-color: rgba(13, 205, 148, .1);
            color: #0dcd94
        }

        .list-group-item-success.list-group-item-action.active {
            background-color: rgba(13, 205, 148, .1);
            border-color: rgba(13, 205, 148, .1);
            color: #fff
        }

    .list-group-item-info,
    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        background-color: rgba(18, 138, 249, .1) !important;
        color: #128af9
    }

        .list-group-item-info.list-group-item-action.active {
            background-color: rgba(18, 138, 249, .1);
            border-color: rgba(18, 138, 249, .1);
            color: #fff
        }

    .list-group-item-warning {
        background-color: rgba(251, 197, 24, .1) !important;
        color: #fbc518
    }

        .list-group-item-warning.list-group-item-action:focus,
        .list-group-item-warning.list-group-item-action:hover {
            background-color: rgba(251, 197, 24, .1);
            color: #fbc518
        }

        .list-group-item-warning.list-group-item-action.active {
            background-color: rgba(251, 197, 24, .1);
            border-color: rgba(251, 197, 24, .1);
            color: #fff
        }

    .list-group-item-danger,
    .list-group-item-danger.list-group-item-action:focus,
    .list-group-item-danger.list-group-item-action:hover {
        background-color: rgba(247, 40, 74, .1) !important;
        color: #f7284a
    }

        .list-group-item-danger.list-group-item-action.active {
            background-color: #f7284a;
            border-color: #f7284a;
            color: #fff
        }

    .list-group-item-light {
        background-color: #fdfdfe;
        color: #818182
    }

        .list-group-item-light.list-group-item-action:focus,
        .list-group-item-light.list-group-item-action:hover {
            background-color: #ececf6;
            color: #818182
        }

        .list-group-item-light.list-group-item-action.active {
            background-color: #818182;
            border-color: #818182;
            color: #fff
        }

    .list-group-item-dark {
        background-color: #c6c8ca;
        color: #1b1e21
    }

        .list-group-item-dark.list-group-item-action:focus,
        .list-group-item-dark.list-group-item-action:hover {
            background-color: #b9bbbe;
            color: #1b1e21
        }

        .list-group-item-dark.list-group-item-action.active {
            background-color: #1b1e21;
            border-color: #1b1e21;
            color: #fff
        }

    .close {
        color: #495057;
        float: right;
        font-size: 1.40625rem;
        font-weight: 700;
        line-height: 1;
        opacity: .5
    }

        .close:focus,
        .close:hover {
            color: #000;
            opacity: .75;
            text-decoration: none
        }

        .close:not(:disabled):not(.disabled) {
            cursor: pointer
        }

    button.close {
        -webkit-appearance: none;
        background-color: transparent;
        border: 0;
        padding: 0;
        text-shadow: none
    }

    .list-inline-dots .list-inline-item + .list-inline-item:before {
        content: "· ";
        margin-left: -2px;
        margin-right: 3px
    }

    .list-separated-item {
        padding: 1rem 0
    }

        .list-separated-item:first-child {
            padding-top: 0
        }

    .list-group-transparent .list-group-item {
        background: none;
        border: 0;
        border-radius: 3px;
        padding: .75rem 1rem
    }

        .list-group-transparent .list-group-item.active {
            background: #f6f9ff;
            color: #36f;
            font-weight: 500
        }

    .visitor-list p {
        font-size: 12px
    }

    .visitor-list i {
        font-size: 20px
    }

    .sales-relative {
        position: relative
    }

    .icon-absolute {
        border-radius: 50%;
        bottom: 10px;
        display: block;
        height: 70px;
        padding: 20px 0;
        position: absolute;
        right: 10px;
        text-align: center;
        width: 70px
    }

    @media (min-width:991px) and (max-width:1024px) {
        .icon-absolute {
            display: none
        }
    }

    .list-style-uproman {
        list-style-type: upper-roman
    }

    .list-style-lwalpha {
        list-style-type: lower-alpha;
        padding-left: 40px
    }

    .list-style-disc {
        list-style-type: disc;
        padding-left: 40px
    }

    ol.list-order-style {
        margin-bottom: 0
    }

    .inline-list li {
        display: inline-block;
        margin-right: 15px
    }

        .inline-list li:last-child {
            margin-right: 0
        }

    .list-style-cricle {
        list-style-type: circle;
        padding-left: 40px
    }

    .list-style-square {
        list-style-type: square;
        padding-left: 40px
    }

    .list-icon span p {
        border: 1px solid #36f;
        border-radius: 15px;
        margin: 0 auto;
        width: 50%
    }

    .list.d-flex img {
        width: 60px
    }

    .media {
        zoom: 1;
        margin-top: 15px;
        overflow: hidden
    }

        .media img {
            height: 40px;
            width: 40px
        }

        .media.media-lg img {
            height: 80px;
            width: 80px
        }

    .media-body {
        zoom: 1;
        overflow: hidden
    }

    .media-object {
        display: block
    }

    .media-right,
    .media > .pull-right {
        padding-left: 10px
    }

    .media-body,
    .media-left,
    .media-right {
        display: table-cell;
        vertical-align: top
    }

    .media-left,
    .media > .pull-left {
        padding-right: 10px
    }

    .media-heading {
        margin-bottom: 5px;
        margin-top: 0
    }

    .media-body h4 {
        font-size: 16px;
        font-weight: 600
    }

    .media-middle {
        vertical-align: middle
    }

    .media-bottom {
        vertical-align: bottom
    }

    .list-media .media-img {
        float: left;
        margin-right: 20px;
        position: relative;
        width: 48px
    }

    .list-media .info {
        height: auto;
        min-height: 40px;
        padding-left: 55px;
        position: relative
    }

        .list-media .info h4 a {
            font-size: 16px;
            margin-top: 10px
        }

        .list-media .info p {
            font-size: 13px
        }

        .list-media .info .text-right {
            color: #8a8a8a;
            font-size: 12px;
            margin-top: -28px;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%)
        }

    .media {
        align-items: flex-start;
        display: flex
    }

    .mediaicon {
        background: #36f;
        border: 1px solid #36f;
        border-radius: 20px;
        color: #fff;
        font-size: 18px;
        height: 40px;
        padding: 5px 0;
        text-align: center;
        width: 40px
    }

    .media-body {
        flex: 1
    }

    .mediafont {
        font-size: 16px;
        font-weight: 600
    }

    .sub-media {
        background: #ebeff8;
        border-radius: 8px;
        margin-top: 1.5rem;
        padding: 15px;
        position: relative
    }

        .sub-media:after,
        .sub-media:before {
            border: solid transparent;
            bottom: 100%;
            content: "";
            height: 0;
            left: 30px;
            pointer-events: none;
            position: absolute;
            width: 0
        }

        .sub-media:after,
        .sub-media:before {
            border-color: transparent transparent #ebeff8;
            border-width: 10px;
            margin-left: -10px
        }

    .media-icon {
        border-radius: 100%;
        font-size: 18px;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        width: 2.5rem
    }

    .media-list {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .modal {
        bottom: 0;
        display: none;
        left: 0;
        margin: 0 !important;
        outline: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 10000
    }

    .modal,
    .modal-open {
        padding-right: 0 !important
    }

    .modal-open {
        overflow: auto
    }

        .modal-open .modal {
            overflow-x: hidden;
            overflow-y: auto;
            padding-right: 0 !important
        }

    .modal-dialog {
        margin: .5rem;
        pointer-events: none;
        position: relative;
        width: auto
    }

    .modal.fade .modal-dialog {
        transition: transform .3s ease-out
    }

    @media screen and (prefers-reduced-motion:reduce) {
        .modal.fade .modal-dialog {
            transition: none
        }
    }

    .modal-dialog-centered {
        align-items: center;
        display: flex;
        min-height: calc(100% - 1rem)
    }

    .modal-content {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        display: flex;
        flex-direction: column;
        outline: 0;
        pointer-events: auto;
        position: relative;
        width: 100%
    }

    .modal-backdrop {
        background-color: #000;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999
    }

        .modal-backdrop.fade {
            opacity: 0
        }

        .modal-backdrop.show {
            opacity: .5
        }

    .modal-header {
        align-items: flex-start;
        border-bottom: 1px solid #e9ebfa;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        display: flex;
        justify-content: space-between;
        padding: 1rem
    }

        .modal-header .close {
            margin: -1rem -1rem -1rem auto;
            padding: 1rem
        }

    .modal-title {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 0
    }

    .modal-body {
        flex: 1 1 auto;
        padding: 1rem;
        position: relative
    }

        .modal-body p:last-child {
            margin-bottom: 0
        }

    .modal-footer {
        align-items: center;
        border-top: 1px solid #e9ecef;
        display: flex;
        justify-content: flex-end;
        padding: 1rem
    }

        .modal-footer > :not(:first-child) {
            margin-left: .25rem
        }

        .modal-footer > :not(:last-child) {
            margin-right: .25rem
        }

    .modal-scrollbar-measure {
        height: 50px;
        overflow: scroll;
        position: absolute;
        top: -9999px;
        width: 50px
    }

    @media (min-width:576px) {
        .modal-dialog {
            margin: 1.75rem auto;
            max-width: 600px
        }

        .modal-dialog-centered {
            min-height: calc(100% - 3.5rem)
        }

        .modal-sm {
            max-width: 300px
        }
    }

    @media (min-width:992px) {
        .modal-lg {
            max-width: 800px
        }
    }

    .modal.animated .modal-dialog {
        transform: translate(0)
    }

    .modal.effect-scale .modal-dialog {
        opacity: 0;
        transform: scale(.7);
        transition: all .3s
    }

    .modal.effect-scale.show .modal-dialog {
        opacity: 1;
        transform: scale(1)
    }

    .modal.effect-slide-in-right .modal-dialog {
        opacity: 0;
        transform: translateX(20%);
        transition: all .3s cubic-bezier(.25, .5, .5, .9)
    }

    .modal.effect-slide-in-right.show .modal-dialog {
        opacity: 1;
        transform: translateX(0)
    }

    .modal.effect-slide-in-bottom .modal-dialog {
        opacity: 0;
        transform: translateY(20%);
        transition: all .3s
    }

    .modal.effect-slide-in-bottom.show .modal-dialog {
        opacity: 1;
        transform: translateY(0)
    }

    .modal.effect-newspaper .modal-dialog {
        opacity: 0;
        transform: scale(0) rotate(2turn)
    }

    .modal.effect-newspaper .modal-dialog,
    .modal.effect-newspaper.show ~ .modal-backdrop {
        transition: all .5s
    }

    .modal.effect-newspaper.show .modal-dialog {
        opacity: 1;
        transform: scale(1) rotate(0deg)
    }

    .modal.effect-fall {
        perspective: 1300px
    }

        .modal.effect-fall .modal-dialog {
            opacity: 0;
            transform: translateZ(600px) rotateX(20deg);
            transform-style: preserve-3d
        }

        .modal.effect-fall.show .modal-dialog {
            opacity: 1;
            transform: translateZ(0) rotateX(0deg);
            transition: all .3s ease-in
        }

    .modal.effect-flip-horizontal {
        perspective: 1300px
    }

        .modal.effect-flip-horizontal .modal-dialog {
            opacity: 0;
            transform: rotateY(-70deg);
            transform-style: preserve-3d;
            transition: all .3s
        }

        .modal.effect-flip-horizontal.show .modal-dialog {
            opacity: 1;
            transform: rotateY(0deg)
        }

    .modal.effect-flip-vertical {
        perspective: 1300px
    }

        .modal.effect-flip-vertical .modal-dialog {
            opacity: 0;
            transform: rotateX(-70deg);
            transform-style: preserve-3d;
            transition: all .3s
        }

        .modal.effect-flip-vertical.show .modal-dialog {
            opacity: 1;
            transform: rotateX(0deg)
        }

    .modal.effect-super-scaled .modal-dialog {
        opacity: 0;
        transform: scale(2);
        transition: all .3s
    }

    .modal.effect-super-scaled.show .modal-dialog {
        opacity: 1;
        transform: scale(1)
    }

    .modal.effect-sign {
        perspective: 1300px
    }

        .modal.effect-sign .modal-dialog {
            opacity: 0;
            transform: rotateX(-60deg);
            transform-origin: 50% 0;
            transform-style: preserve-3d;
            transition: all .3s
        }

        .modal.effect-sign.show .modal-dialog {
            opacity: 1;
            transform: rotateX(0deg)
        }

    .modal.effect-rotate-bottom {
        perspective: 1300px
    }

        .modal.effect-rotate-bottom .modal-dialog {
            opacity: 0;
            transform: translateY(100%) rotateX(90deg);
            transform-origin: 0 100%;
            transform-style: preserve-3d;
            transition: all .3s ease-out
        }

        .modal.effect-rotate-bottom.show .modal-dialog {
            opacity: 1;
            transform: translateY(0) rotateX(0deg)
        }

    .modal.effect-rotate-left {
        perspective: 1300px
    }

        .modal.effect-rotate-left .modal-dialog {
            opacity: 0;
            transform: translateZ(100px) translateX(-30%) rotateY(90deg);
            transform-origin: 0 100%;
            transform-style: preserve-3d;
            transition: all .3s
        }

        .modal.effect-rotate-left.show .modal-dialog {
            opacity: 1;
            transform: translateZ(0) translateX(0) rotateY(0deg)
        }

    .modal.effect-just-me .modal-dialog {
        opacity: 0;
        transform: scale(.8);
        transition: all .3s
    }

    .modal.effect-just-me .modal-content {
        background-color: #262b5a;
        border: 1px solid #4d4e50;
        padding: 0 9px
    }

    .modal.effect-just-me .close {
        color: #fff;
        text-shadow: none
    }

    .modal.effect-just-me .modal-header {
        background-color: transparent;
        border-bottom-color: hsla(0, 0%, 100%, .1);
        padding-left: 0;
        padding-right: 0
    }

        .modal.effect-just-me .modal-header h6 {
            color: #fff;
            font-weight: 500
        }

    .modal.effect-just-me .modal-body {
        color: hsla(0, 0%, 100%, .8);
        padding-left: 0;
        padding-right: 0
    }

        .modal.effect-just-me .modal-body h6 {
            color: #fff
        }

    .modal.effect-just-me .modal-footer {
        background-color: transparent;
        border-top-color: hsla(0, 0%, 100%, .1);
        padding-left: 0;
        padding-right: 0
    }

    .modal.effect-just-me.show ~ .modal-backdrop {
        opacity: .96
    }

    .modal.effect-just-me.show .modal-dialog {
        opacity: 1;
        transform: scale(1)
    }

    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        height: 100%;
        margin: auto;
        position: fixed;
        transition: all .3 ease;
        width: 100%
    }

    .modal.left .modal-content,
    .modal.right .modal-content {
        height: 100%;
        overflow-y: auto
    }

    .modal.left .modal-body,
    .modal.right .modal-body {
        padding: 15px 15px 80px
    }

    .modal.left.fade .modal-dialog {
        left: -320px
    }

    .modal.left.fade.in .modal-dialog {
        left: 0
    }

    .modal.right.animate-task .modal-dialog {
        right: -320px;
        right: 0
    }

    .modal.left .modal-dialog {
        left: -320px;
        left: 0
    }

    .modal.right .modal-dialog {
        right: -320px;
        right: 0
    }

    .modal .select2-container {
        width: 100% !important
    }

    .modal-open .select2-dropdown {
        z-index: 10000 !important
    }

    .nav {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0
    }

    .nav-link {
        display: block;
        padding: .2rem .9rem
    }

        .nav-link:focus,
        .nav-link:hover {
            text-decoration: none
        }

        .nav-link.disabled {
            color: #a8b4c1
        }

    .nav-tabs {
        border-bottom: 1px solid #e9ebfa;
        color: #000;
        margin: 0 -.75rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .nav-tabs .nav-link {
            border: 1px solid transparent;
            color: inherit;
            color: #9ba5ca;
            font-size: 13px;
            font-weight: 500;
            padding: 1rem 1.6rem;
            text-align: center;
            transition: border-color .3s
        }

            .nav-tabs .nav-link:hover:not(.disabled) {
                color: #fff
            }

            .nav-tabs .nav-link:focus,
            .nav-tabs .nav-link:hover {
                border: 0
            }

            .nav-tabs .nav-link.disabled {
                background-color: transparent;
                border-color: transparent;
                color: #868e96
            }

            .nav-tabs .nav-link.active {
                background: #36f;
                border: 0;
                color: #fff
            }

        .nav-tabs .nav-item {
            margin-bottom: -1px
        }

            .nav-tabs .nav-item.show .nav-link {
                border: 0
            }

        .nav-tabs .dropdown-menu {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .nav-tabs .nav-item1 {
            margin-bottom: 0;
            position: relative
        }

            .nav-tabs .nav-item1.nav-link {
                border: 1px solid transparent;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px
            }

            .nav-tabs .nav-item1 .nav-link {
                border: 0;
                color: inherit;
                color: #6b6f80;
                font-weight: 400;
                margin-bottom: -1px;
                padding: 1rem 10px;
                transition: border-color .3s
            }

                .nav-tabs .nav-item1 .nav-link.active,
                .nav-tabs .nav-item1 .nav-link:hover:not(.disabled) {
                    background: #36f;
                    color: #fff
                }

                .nav-tabs .nav-item1 .nav-link.disabled {
                    cursor: default;
                    opacity: .6;
                    pointer-events: none
                }

            .nav-tabs .nav-item1 i {
                display: inline-block;
                font-size: 0 rem;
                line-height: 1;
                margin-right: 10px;
                vertical-align: baseline;
                width: .875rem
            }

            .nav-tabs .nav-item1:hover .nav-submenu {
                display: block
            }

        .nav-tabs .nav-submenu {
            background: #000
        }

            .nav-tabs .nav-submenu .nav-item1 {
                color: #9aa0ac;
                cursor: pointer;
                display: block;
                margin: 0 !important;
                padding: .5rem 1rem;
                transition: background .3s
            }

                .nav-tabs .nav-submenu .nav-item1.active {
                    color: #467fcf
                }

                .nav-tabs .nav-submenu .nav-item1:hover {
                    background: rgba(0, 0, 0, .024);
                    color: #6e7687;
                    text-decoration: none
                }

        .nav-tabs .nav-link.disabled {
            cursor: default;
            opacity: .4;
            pointer-events: none
        }

        .nav-tabs .nav-item {
            margin-bottom: 0;
            position: relative
        }

            .nav-tabs .nav-item:hover .nav-submenu {
                display: block
            }

            .nav-tabs .nav-item i {
                display: inline-block;
                font-size: 0 rem;
                line-height: 1;
                margin-right: 10px;
                vertical-align: baseline;
                width: .875rem
            }

        .nav-tabs .nav-submenu {
            background: #fff;
            border: 1px solid #e9ebfa;
            border-radius: 0 0 3px 3px;
            border-top: none;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
            display: none;
            min-width: 10rem;
            position: absolute;
            z-index: 10
        }

            .nav-tabs .nav-submenu .nav-item {
                color: #9aa0ac;
                cursor: pointer;
                display: block;
                margin: 0 !important;
                padding: .5rem 1rem;
                transition: background .3s
            }

                .nav-tabs .nav-submenu .nav-item.active {
                    color: #467fcf
                }

                .nav-tabs .nav-submenu .nav-item:hover {
                    background: rgba(0, 0, 0, .024);
                    color: #6e7687;
                    text-decoration: none
                }

    .nav-pills .nav-link {
        background: #eaeefa;
        border-radius: 4px
    }

    .card-header-pills.nav-pills .nav-link {
        background: transparent;
        border-radius: 4px
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        background-color: #36f;
        color: #fff
    }

    .nav-fill .nav-item {
        flex: 1 1 auto;
        text-align: center
    }

    .nav-justified .nav-item {
        flex-basis: 0;
        flex-grow: 1;
        text-align: center
    }

    .tab-content > .tab-pane {
        display: none
    }

    .tab-content > .active {
        display: block
    }

    .navbar {
        padding: .5rem 1rem;
        position: relative
    }

        .navbar,
        .navbar > .container,
        .navbar > .container-fluid {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }

    .navbar-brand {
        display: inline-block;
        font-size: 1.125rem;
        line-height: inherit;
        margin-right: 1rem;
        padding-bottom: .359375rem;
        padding-top: .359375rem;
        white-space: nowrap
    }

        .navbar-brand:focus,
        .navbar-brand:hover {
            text-decoration: none
        }

    .navbar-nav {
        display: flex;
        flex-direction: column;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0
    }

        .navbar-nav .nav-link {
            padding-left: 0;
            padding-right: 0
        }

        .navbar-nav .dropdown-menu {
            float: none;
            position: static
        }

    .navbar-text {
        display: inline-block;
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .navbar-collapse {
        align-items: center;
        flex-basis: 100%;
        flex-grow: 1
    }

    .navbar-toggler {
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 3px;
        font-size: 1.125rem;
        line-height: 1;
        padding: .25rem .75rem
    }

        .navbar-toggler:focus,
        .navbar-toggler:hover {
            text-decoration: none
        }

        .navbar-toggler:not(:disabled):not(.disabled) {
            cursor: pointer
        }

    .navbar-toggler-icon {
        background: no-repeat 50%;
        background-size: 100% 100%;
        content: "";
        display: inline-block;
        height: 1.5em;
        vertical-align: middle;
        width: 1.5em
    }

    @media (max-width:575.98px) {
        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid {
            padding-left: 0;
            padding-right: 0
        }
    }

    @media (min-width:576px) {
        .navbar-expand-sm {
            flex-flow: row nowrap;
            justify-content: flex-start
        }

            .navbar-expand-sm .navbar-nav {
                flex-direction: row
            }

                .navbar-expand-sm .navbar-nav .dropdown-menu {
                    position: absolute
                }

                .navbar-expand-sm .navbar-nav .nav-link {
                    padding-left: .5rem;
                    padding-right: .5rem
                }

            .navbar-expand-sm > .container,
            .navbar-expand-sm > .container-fluid {
                flex-wrap: nowrap
            }

            .navbar-expand-sm .navbar-collapse {
                display: flex !important;
                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-left: 0;
            padding-right: 0
        }
    }

    @media (min-width:768px) {
        .navbar-expand-md {
            flex-flow: row nowrap;
            justify-content: flex-start
        }

            .navbar-expand-md .navbar-nav {
                flex-direction: row
            }

                .navbar-expand-md .navbar-nav .dropdown-menu {
                    position: absolute
                }

                .navbar-expand-md .navbar-nav .nav-link {
                    padding-left: .5rem;
                    padding-right: .5rem
                }

            .navbar-expand-md > .container,
            .navbar-expand-md > .container-fluid {
                flex-wrap: nowrap
            }

            .navbar-expand-md .navbar-collapse {
                display: flex !important;
                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-left: 0;
            padding-right: 0
        }
    }

    @media (min-width:992px) {
        .navbar-expand-lg {
            flex-flow: row nowrap;
            justify-content: flex-start
        }

            .navbar-expand-lg .navbar-nav {
                flex-direction: row
            }

                .navbar-expand-lg .navbar-nav .dropdown-menu {
                    position: absolute
                }

                .navbar-expand-lg .navbar-nav .nav-link {
                    padding-left: .5rem;
                    padding-right: .5rem
                }

            .navbar-expand-lg > .container,
            .navbar-expand-lg > .container-fluid {
                flex-wrap: nowrap
            }

            .navbar-expand-lg .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-lg .navbar-toggler {
                display: none
            }
    }

    @media (max-width:1279.98px) {
        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
            padding-left: 0;
            padding-right: 0
        }
    }

    @media (min-width:1280px) {
        .navbar-expand-xl {
            flex-flow: row nowrap;
            justify-content: flex-start
        }

            .navbar-expand-xl .navbar-nav {
                flex-direction: row
            }

                .navbar-expand-xl .navbar-nav .dropdown-menu {
                    position: absolute
                }

                .navbar-expand-xl .navbar-nav .nav-link {
                    padding-left: .5rem;
                    padding-right: .5rem
                }

            .navbar-expand-xl > .container,
            .navbar-expand-xl > .container-fluid {
                flex-wrap: nowrap
            }

            .navbar-expand-xl .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-xl .navbar-toggler {
                display: none
            }
    }

    .navbar-expand {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand > .container,
        .navbar-expand > .container-fluid {
            padding-left: 0;
            padding-right: 0
        }

        .navbar-expand .navbar-nav {
            flex-direction: row
        }

            .navbar-expand .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand .navbar-nav .nav-link {
                padding-left: .5rem;
                padding-right: .5rem
            }

        .navbar-expand > .container,
        .navbar-expand > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand .navbar-toggler {
            display: none
        }

    .navbar-light .navbar-brand,
    .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 {
        border-color: rgba(0, 0, 0, .1);
        color: rgba(0, 0, 0, .5)
    }

    .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='$black-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,
        .navbar-light .navbar-text a:focus,
        .navbar-light .navbar-text a:hover {
            color: rgba(0, 0, 0, .9)
        }

    .navbar-dark .navbar-brand,
    .navbar-dark .navbar-brand:focus,
    .navbar-dark .navbar-brand:hover {
        color: #fff
    }

    .navbar-dark .navbar-nav .nav-link {
        color: hsla(0, 0%, 100%, .5)
    }

        .navbar-dark .navbar-nav .nav-link:focus,
        .navbar-dark .navbar-nav .nav-link:hover {
            color: hsla(0, 0%, 100%, .75)
        }

        .navbar-dark .navbar-nav .nav-link.disabled {
            color: hsla(0, 0%, 100%, .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 {
        border-color: hsla(0, 0%, 100%, .1);
        color: hsla(0, 0%, 100%, .5)
    }

    .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='$white-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
    }

    .navbar-dark .navbar-text {
        color: hsla(0, 0%, 100%, .5)
    }

        .navbar-dark .navbar-text a,
        .navbar-dark .navbar-text a:focus,
        .navbar-dark .navbar-text a:hover {
            color: #fff
        }

    .nav-item1 {
        align-items: center;
        cursor: pointer;
        display: flex;
        min-width: 2rem;
        padding: 10px;
        transition: color .3s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .nav-item1.active,
        .nav-item1:hover:not(.disabled) {
            color: #fff
        }

        .nav-item1 .nav-link.disabled {
            color: #8e9cad;
            cursor: default;
            pointer-events: none
        }

    .nav1 {
        background: #eaeefa;
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0
    }

    .user-button {
        background: #36f;
        border: 1px solid hsla(0, 0%, 100%, .1);
        border-radius: 3px;
        color: #fff !important;
        padding: 3px 10px
    }

        .user-button:hover {
            background: #fff;
            border: 1px solid #36f;
            color: #36f !important
        }

    .nav-item,
    .nav-link {
        align-items: center;
        cursor: pointer;
        display: flex;
        min-width: 2rem;
        transition: color .3s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .header .nav-item .badge,
    .header .nav-link .badge {
        border-radius: 100%;
        display: block !important;
        font-size: 11px;
        height: 1rem;
        line-height: 1;
        padding: 3px 5px !important;
        position: absolute;
        right: 3px;
        top: 5px;
        width: 1rem
    }

    #headerMenuCollapse .nav-item .badge,
    #headerMenuCollapse .nav-link .badge {
        font-size: 10px;
        font-weight: 500;
        min-width: 1rem;
        position: relative
    }

    .header .nav-tabs .nav-link.active,
    .header .nav-tabs .nav-link:hover:not(.disabled) {
        background: #36f;
        color: #fff !important
    }

    .nav-item:hover .dropdown-menu,
    .nav-link:hover .dropdown-menu,
    .nav-link:hover .dropdown-menu.show {
        display: block
    }

    @media (max-width:1279px) and (min-width:992px) {
        .nav-tabs .nav-link {
            font-size: 13px;
            padding: 1rem .95rem
        }
    }

    @media (max-width:480px) {
        .list-media .info {
            padding-bottom: 15px
        }

            .list-media .info .text-right {
                display: none
            }

        .header-brand-img {
            margin-top: 3px
        }

        .m-portlet {
            display: none
        }

        .searching.mt-3 {
            margin-top: .6rem !important
        }

        .tabs-menu ul li {
            margin: 15px;
            width: 100%
        }

            .tabs-menu ul li a {
                width: 100%
            }

        .invoicelist .tabs-menu ul li {
            margin: 0;
            width: 100%
        }

            .invoicelist .tabs-menu ul li a {
                width: 100%
            }

        .cal1 .clndr .clndr-table tr {
            height: 50px !important
        }

        .wizard-card .nav-pills > li {
            padding: 9px !important;
            text-align: center
        }

        .form-control.custom-select.w-auto {
            display: none
        }

        .badge {
            margin: 10px 0
        }

        .mail-inbox .badge {
            margin: 0
        }

        .construction .display-5 {
            font-size: 1.5rem
        }

        .header-brand {
            line-height: 2.5rem !important
        }

        .mail-option .hidden-phone {
            display: none
        }

        .app-header .header-brand {
            min-width: auto !important
        }

        .dropdown.header-fullscreen {
            display: none
        }

        .app-header1 .header-brand {
            min-width: auto
        }

        .widget-text span {
            font-size: 10px
        }
    }

    @media (max-width:767px) {
        .card-tabs {
            display: block !important
        }

        .shop-dec .col-md-6.pr-0 {
            padding-right: .75rem !important
        }

        .shop-dec .col-md-6.pl-0 {
            padding-left: .75rem !important
        }
    }

    @media (max-width:768px) and (min-width:481px) {
        .searching i {
            margin-top: 5px !important
        }

        .nav-link.leading-none span {
            margin-top: -1px !important;
            padding: 0 !important
        }
    }

    @media (max-width:768px) {
        .nav-tabs .nav-link {
            width: 100%
        }

        .page-subtitle {
            display: none
        }

        .richText .richText-toolbar ul li a {
            border: 1px solid rgba(0, 40, 100, .12)
        }

        .ticket-card .col-md-1 {
            display: block;
            width: 100%
        }

        .ticket-card img {
            display: block;
            margin: 0 auto;
            text-align: Center
        }

        .dataTables_wrapper .dataTables_info,
        .dataTables_wrapper .dataTables_paginate {
            margin-top: 10px !important
        }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            justify-content: center !important
        }

        .page-title {
            font-size: 20px;
            line-height: 1.5rem
        }

        .carousel-caption {
            display: none
        }

        .demo-gallery > ul > li {
            width: 100% !important
        }

        ul.inbox-pagination li span {
            display: none
        }

        .dash1,
        .dash2 {
            margin-bottom: 1.2rem
        }
    }

    @media (max-width:990px) and (min-width:767px) {
        .carousel-caption {
            top: 10%
        }
    }

    @media (max-width:568px) and (min-width:480px) {
        .container-messages {
            position: absolute;
            top: 50px !important
        }

        .messages-list {
            bottom: 73px !important;
            top: 24px !important
        }

        .messages-right {
            bottom: 71px !important;
            top: 10px !important
        }

        .messages-left-footer {
            bottom: 40px !important;
            display: none
        }

        .messages-left .card-header {
            display: none
        }

        .message-footer,
        .message-header {
            height: 50px !important
        }

        .message-body {
            bottom: 50px !important;
            top: 50px !important
        }
    }

    @media (max-width:990px) and (min-width:569px) {
        .message-footer,
        .message-header {
            height: 50px !important
        }

        .messages-right {
            bottom: 80px !important;
            top: 10px !important
        }

        .message-body {
            bottom: 50px !important;
            top: 50px !important
        }

        .messages-left .card-header {
            display: none
        }

        .messages-list {
            top: 24px !important
        }
    }

    @media (max-width:990px) {
        .header-toggler {
            margin: 6px
        }

        .nav-tabs .nav-link {
            width: 100%
        }

        form.convFormDynamic button.submit {
            margin: 4px !important
        }

        .messages-list .media {
            padding: 9px !important
        }
    }

    .nav-link-icon {
        line-height: 0
    }

    .nav-unread {
        background: #ecd938;
        height: .5rem;
        right: .4rem;
        top: .1rem;
        width: .5rem
    }

        .nav-unread,
        .nav-unread.badge {
            border-radius: 50%;
            position: absolute
        }

            .nav-unread.badge {
                height: 1.2rem;
                right: 0;
                text-align: center;
                top: 0;
                width: 1.2rem
            }

    .nav-link.icon {
        background: #f1f4fb;
        border-radius: 8px;
        font-size: 1.2rem;
        height: 45px;
        justify-content: center;
        line-height: 2;
        margin: 0 6px;
        padding: 8px;
        position: relative;
        text-align: center;
        width: 45px
    }

        .nav-link.icon .nav-span {
            color: #576482;
            font-size: .9rem;
            font-weight: 400;
            margin-left: .5rem;
            vertical-align: middle
        }

    .nav-item.show .dropdown-menu.dropdown-menu-arrow.show {
        top: -1px !important
    }

    .pagination-simple .page-item .page-link {
        background: none;
        border: none
    }

    .pagination-simple .page-item.active .page-link {
        color: #495057;
        font-weight: 700
    }

    .pagination-pager .page-prev {
        margin-right: auto
    }

    .pagination-pager .page-next {
        margin-left: auto
    }

    .example .pagination {
        margin-bottom: 0
    }

    .pagination {
        border-radius: 3px;
        display: flex;
        list-style: none;
        padding-left: 0
    }

    .page-link {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        box-shadow: none;
        color: #263871;
        display: block;
        line-height: 1.25;
        margin-left: -1px;
        padding: .5rem .75rem;
        position: relative
    }

        .page-link:hover {
            background-color: rgba(70, 127, 207, .06);
            color: #295a9f;
            text-decoration: none
        }

        .page-link:focus,
        .page-link:hover {
            box-shadow: none;
            outline: 0;
            z-index: 2
        }

        .page-link:not(:disabled):not(.disabled) {
            cursor: pointer
        }

    .page-item:first-child .page-link {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        margin-left: 0
    }

    .page-item:last-child .page-link {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }

    .page-item.active .page-link {
        background-color: #3366ff;
        border-color: #3366ff;
        color: #ffffff;
        z-index: 1
    }

        .page-item.active .page-link:hover {
            color: #ffffff !important;
        }

    .page-item.disabled .page-link {
        background-color: #f3f5fb;
        border-color: #e9ebfa;
        color: #012e58;
        cursor: auto;
        pointer-events: none
    }

    .pagination-lg .page-link {
        font-size: 1.125rem;
        line-height: 1.5;
        padding: .75rem 1.5rem
    }

    .pagination-lg .page-item:first-child .page-link {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }

    .pagination-lg .page-item:last-child .page-link {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }

    .pagination-sm .page-link {
        font-size: .875rem;
        line-height: 1.5;
        padding: .25rem .5rem
    }

    .pagination-sm .page-item:first-child .page-link {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }

    .pagination-sm .page-item:last-child .page-link {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel-group .panel {
        border: 1px solid #e9ebfa;
        border-radius: 4px;
        box-shadow: none
    }

    .panel-default > .panel-heading {
        background-color: #ebeff8;
        border-radius: 0;
        color: #36f;
        padding: 0
    }

    .panel-title {
        font-size: 14px;
        margin-bottom: 0
    }

        .panel-title > a {
            display: block;
            padding: 15px;
            text-decoration: none
        }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: 1px solid #e9ebfa;
        font-size: 14px;
        line-height: 25px
    }

    .panel > .list-group {
        margin-bottom: 0
    }

        .panel > .list-group .list-group-item:first-child {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

    .panel-heading + .list-group .list-group-item:first-child {
        border-top-width: 0
    }

    .panel-default .list-group-item.active,
    .panel-default .list-group-item.active:focus,
    .panel-default .list-group-item.active:hover {
        background-color: #ebeff8;
        border-color: #ebeff8;
        color: #000
    }

    .panel-primary .list-group-item.active {
        background-color: #36f;
        border-color: #36f;
        color: #fff
    }

        .panel-primary .list-group-item.active:hover {
            background-color: #255be6;
            border-color: #255be6;
            color: #fff !important
        }

    .panel-success .list-group-item.active {
        background-color: #0dcd94 !important;
        border-color: #0dcd94 !important;
        color: #fff
    }

        .panel-success .list-group-item.active:hover {
            background-color: #15ca7c;
            border-color: #15ca7c;
            color: #fff !important
        }

    .panel-info .list-group-item.active {
        background-color: #128af9 !important;
        border-color: #128af9;
        color: #fff
    }

        .panel-info .list-group-item.active:hover {
            background-color: #2d9eef;
            border-color: #2d9eef;
            color: #fff !important
        }

    .panel-warning .list-group-item.active {
        background-color: #fbc518 !important;
        border-color: #fbc518;
        color: #fff
    }

        .panel-warning .list-group-item.active:hover {
            background-color: #cea70c;
            border-color: #cea70c;
            color: #fff !important
        }

    .panel-danger .list-group-item.active {
        background-color: #dc0441 !important;
        border-color: #dc0441;
        color: #fff
    }

        .panel-danger .list-group-item.active:hover {
            background-color: #a15226;
            border-color: #a15226;
            color: #fff !important
        }

    .panel1 {
        background: none;
        border: solid #fff;
        border-width: 0 0 1px;
        box-shadow: none
    }

        .panel1:last-child {
            border-bottom: none
        }

    .panel-group1 > .panel1:first-child .panel-heading1 {
        border-radius: 4px 4px 0 0
    }

    .panel-group1 .panel1 {
        border-radius: 0
    }

    .panel-title1 {
        font-size: 14px;
        margin-bottom: 0
    }

    .panel-group1 .panel1 + .panel1 {
        margin-top: 0
    }

    .panel-group1 .panel-body {
        border: 1px solid #e9ebfa
    }

    .panel-title1 a {
        background: #36f;
        color: #fff;
        display: block;
        font-size: 16px;
        font-weight: 400;
        padding: 15px 20px;
        position: relative
    }

    .panel-body1 {
        background: #fff;
        padding: 10px
    }

    .panel1:last-child .panel-body1 {
        border-radius: 0 0 4px 4px
    }

    .panel1:last-child .panel-heading1 {
        border-radius: 0 0 4px 4px;
        transition: border-radius .3s linear .2s
    }

        .panel1:last-child .panel-heading1.active {
            border-radius: 0;
            transition: border-radius 0s linear
        }

    .panel-heading1 {
        color: #fff;
        padding: 0
    }

        .panel-heading1 a.collapsed:before {
            content: ""
        }

        .panel-heading1 a.collapsed:before,
        .panel-heading1 a:before {
            font-family: feather !important;
            font-size: 20px;
            position: absolute;
            right: 10px;
            top: 13px;
            transform: scale(1);
            transition: all .5s
        }

        .panel-heading1 a:before {
            content: ""
        }

        .panel-heading1.active a:before {
            content: " ";
            transform: scale(0);
            transition: all .5s
        }

    .expanel-default {
        border: #ddd !important
    }

    .expanel-primary {
        border: #36f !important
    }

    .expanel-secondary {
        border: #fe7f00 !important
    }

    .expanel-success {
        border: #0dcd94 !important
    }

    .expanel-danger {
        border: #dc0441 !important
    }

    .expanel-primary > .expanel-heading {
        background-color: #36f !important;
        border-color: #36f !important;
        color: #fff !important
    }

    .expanel-secondary > .expanel-heading {
        background-color: #fe7f00 !important;
        border-color: #fe7f00 !important;
        color: #fff !important
    }

    .expanel-success > .expanel-heading {
        background-color: #0dcd94 !important;
        border-color: #0dcd94 !important;
        color: #fff !important
    }

    .expanel-danger > .expanel-heading {
        background-color: #dc0441 !important;
        border-color: #dc0441 !important;
        color: #fff !important
    }

    .expanel-warning > .expanel-heading {
        background-color: #fbc518 !important;
        border-color: #fbc518 !important;
        color: #fff !important
    }

    .expanel-title {
        color: inherit !important;
        font-size: 16px !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .expanel {
        background-color: #fff !important;
        border: 1px solid #e9ebfa !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        margin-bottom: 20px !important
    }

    .expanel-default > .expanel-heading {
        background-color: #ebeff8 !important;
        border-color: 1px solid #e9ebfa !important
    }

    .expanel-heading {
        border-bottom: 1px solid #e9ebfa;
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
        padding: 10px 15px !important
    }

    .expanel-footer {
        background-color: #ebeff8 !important;
        border-bottom-left-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
        border-top: 1px solid #e9ebfa !important;
        padding: 10px 15px !important
    }

    .expanel-body {
        padding: 15px !important
    }

    .progress {
        background-color: #dee5f7;
        font-size: .703125rem;
        height: 1rem;
        overflow: hidden;
        position: relative
    }

    .progress,
    .progress-bar {
        border-radius: 50px;
        display: flex
    }

    .progress-bar {
        background-color: #dce2fc;
        color: #fff;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        transition: width .6s ease;
        white-space: nowrap
    }

    .current-progressbar {
        margin-top: 14.5px
    }

    .progress-content {
        margin-bottom: 16.5px
    }

        .progress-content:last-child {
            margin-bottom: 0
        }

    @media screen and (prefers-reduced-motion:reduce) {
        .progress-bar {
            transition: none
        }
    }

    .progress-bar-striped {
        background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
        background-size: 1rem 1rem
    }

    .progress-bar-animated {
        -webkit-animation: progress-bar-stripes 1s linear infinite;
        animation: progress-bar-stripes 1s linear infinite
    }

    .progress-xs,
    .progress-xs .progress-bar {
        height: .25rem
    }

    .progress-sm,
    .progress-sm .progress-bar {
        height: .5rem
    }

    .progress-lg,
    .progress-lg .progress-bar {
        height: 1.25rem
    }

    .progress-bar-indeterminate:after,
    .progress-bar-indeterminate:before {
        background-color: inherit;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        will-change: left, right
    }

    .progress-bar-indeterminate:before {
        -webkit-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
        animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite
    }

    .progress-bar-indeterminate:after {
        -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
        animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
        -webkit-animation-delay: 1.15s;
        animation-delay: 1.15s
    }

    @-webkit-keyframes loader {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @keyframes loader {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @-webkit-keyframes progress-bar-stripes {
        0% {
            background-position: 1rem 0
        }

        to {
            background-position: 0 0
        }
    }

    @keyframes progress-bar-stripes {
        0% {
            background-position: 1rem 0
        }

        to {
            background-position: 0 0
        }
    }

    .table,
    .text-wrap table {
        margin-bottom: 1rem;
        max-width: 100%;
        width: 100%
    }

        .table th,
        .text-wrap table td,
        .text-wrap table th {
            border-top: 1px solid #e9ebfa;
            padding: .75rem;
            vertical-align: top
        }

        .table td {
            border-top: 0;
            padding: .75rem;
            vertical-align: middle
        }

    .border {
        border: 1px solid #e9ebfa;
        vertical-align: top
    }

    .table tbody + tbody,
    .text-wrap table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

    .table .table,
    .table .text-wrap table,
    .text-wrap .table table,
    .text-wrap table .table,
    .text-wrap table table {
        background-color: #ebeff8
    }

    .table-sm td,
    .table-sm th {
        padding: .3rem
    }

    .table-bordered,
    .table-bordered td,
    .table-bordered th,
    .text-wrap table,
    .text-wrap table td,
    .text-wrap table th {
        border: 1px solid #e9ebfa
    }

        .table-bordered thead td,
        .table-bordered thead th,
        .text-wrap table thead td,
        .text-wrap table thead th {
            border-bottom-width: 2px
        }

    .table-borderless tbody + tbody,
    .table-borderless td,
    .table-borderless th,
    .table-borderless thead th {
        border: 0
    }

    .table-hover tbody tr:hover,
    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #f3f5fb
    }

    .table-hover tbody tr:hover {
        background-color: #f3f5fb !important;
        cursor: pointer
    }

    .table-primary {
        border-radius: 0 0 5px 5px
    }

        .table-primary,
        .table-primary > td,
        .table-primary > th {
            background-color: rgba(51, 102, 255, .1)
        }

            .table-primary.table-vcenter td,
            .table-primary.table-vcenter th {
                border-color: rgba(68, 84, 195, .17) !important
            }

    .table-hover .table-primary:hover {
        background-color: #ebeff8
    }

        .table-hover .table-primary:hover > td,
        .table-hover .table-primary:hover > th {
            background-color: #b7cded
        }

    .table tr.selected {
        background-color: #f3f5fb
    }

    .table-secondary {
        border-radius: 0 0 5px 5px
    }

        .table-secondary,
        .table-secondary > td,
        .table-secondary > th {
            background-color: #fe7f00
        }

    .table-hover .table-secondary:hover {
        background-color: #cfd2d6
    }

        .table-hover .table-secondary:hover > td,
        .table-hover .table-secondary:hover > th {
            background-color: #fe7f00
        }

    .table-success {
        border-radius: 0 0 5px 5px
    }

        .table-success,
        .table-success > td,
        .table-success > th {
            background-color: #d2ecb8
        }

    .table-hover .table-success:hover {
        background-color: #c5e7a4;
        border-radius: 0 0 5px 5px
    }

        .table-hover .table-success:hover > td,
        .table-hover .table-success:hover > th {
            background-color: #c5e7a4
        }

    .table-info {
        border-radius: 0 0 5px 5px
    }

        .table-info,
        .table-info > td,
        .table-info > th {
            background-color: #cbe7fb
        }

    .table-hover .table-info:hover,
    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #b3dcf9
    }

    .table-warning {
        border-radius: 0 0 5px 5px
    }

        .table-warning,
        .table-warning > td,
        .table-warning > th {
            background-color: #fbeebc
        }

            .table-warning.table-vcenter td,
            .table-warning.table-vcenter th {
                border-color: rgba(236, 180, 3, .17) !important
            }

    .table-hover .table-warning:hover,
    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #fae8a4
    }

    .table-danger {
        border-radius: 0 0 5px 5px
    }

        .table-danger,
        .table-danger > td,
        .table-danger > th {
            background-color: #f1c1c0
        }

    .table-hover .table-danger:hover,
    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #ecacab
    }

    .table-light {
        border-radius: 0 0 5px 5px
    }

        .table-light,
        .table-light > td,
        .table-light > th {
            background-color: #fdfdfe
        }

    .table-hover .table-light:hover,
    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

    .table-dark {
        border-radius: 0 0 5px 5px
    }

        .table-dark,
        .table-dark > td,
        .table-dark > th {
            background-color: #c6c8ca
        }

    .table-hover .table-dark:hover,
    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

    .table-active,
    .table-active > td,
    .table-active > th,
    .table-hover .table-active:hover,
    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, .04)
    }

    .table .thead-dark th,
    .text-wrap table .thead-dark th {
        background-color: #212529;
        border-color: #32383e;
        color: #ebeff8
    }

    .table .thead-light th,
    .text-wrap table .thead-light th {
        background-color: #e9ecef;
        border-color: #dee2e6;
        color: #495057
    }

    .table-dark {
        background-color: #212529;
        color: #ebeff8
    }

        .table-dark td,
        .table-dark th,
        .table-dark thead th {
            border-color: #32383e
        }

        .table-dark.table-bordered,
        .text-wrap table.table-dark {
            border: 0
        }

        .table-dark.table-striped tbody tr:nth-of-type(odd) {
            background-color: hsla(0, 0%, 100%, .05)
        }

        .table-dark.table-hover tbody tr:hover {
            background-color: hsla(0, 0%, 100%, .075)
        }

    @media (max-width:575.98px) {
        .table-responsive-sm {
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            display: block;
            overflow-x: auto;
            width: 100%
        }

            .table-responsive-sm > .table-bordered,
            .text-wrap .table-responsive-sm > table {
                border: 0
            }
    }

    @media (max-width:767.98px) {
        .table-responsive-md {
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            display: block;
            overflow-x: auto;
            width: 100%
        }

            .table-responsive-md > .table-bordered,
            .text-wrap .table-responsive-md > table {
                border: 0
            }
    }

    @media (max-width:991.98px) {
        .table-responsive-lg {
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            display: block;
            overflow-x: auto;
            width: 100%
        }

            .table-responsive-lg > .table-bordered,
            .text-wrap .table-responsive-lg > table {
                border: 0
            }
    }

    @media (max-width:1279.98px) {
        .table-responsive-xl {
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            display: block;
            overflow-x: auto;
            width: 100%
        }

            .table-responsive-xl > .table-bordered,
            .text-wrap .table-responsive-xl > table {
                border: 0
            }
    }

    .table-responsive {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        display: block;
        overflow-x: auto;
        width: 100%
    }

        .table-responsive > .table-bordered,
        .text-wrap .table-responsive > table {
            border: 0
        }

    .table thead th,
    .text-wrap table thead th {
        border-bottom: 1px solid #e9ebfa;
        border-top: 1px solid #e9ebfa;
        /*padding-bottom: .5rem;*/
        padding-top: .5rem;
        vertical-align: bottom
    }

    .table th,
    .text-wrap table th {
        color: #313e6a;
        font-size: .875rem;
        font-weight: 400;
        text-transform: capitalize
    }

    .table-md td,
    .table-md th {
        padding: .5rem
    }

    .table-vcenter td,
    .table-vcenter th {
        border-top: 1px solid #e9ebfa;
        vertical-align: middle
    }

    .table-center td,
    .table-center th {
        text-align: center
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background: transparent
    }

    .table-striped tbody tr:nth-of-type(2n) {
        background-color: #f3f5fb
    }

    .table-calendar {
        margin: 0 0 .75rem
    }

        .table-calendar td,
        .table-calendar th {
            border: 0;
            line-height: 2.5rem;
            padding: 0 !important;
            text-align: center;
            width: 14.28571429%
        }

        .table-calendar td {
            border-top: 0
        }

    .table-calendar-link {
        background: #f8f9fa;
        border-radius: 3px;
        color: #495057;
        display: inline-block;
        font-weight: 600;
        line-height: 2rem;
        min-width: calc(2rem + 2px);
        position: relative;
        transition: background .3s, color .3s
    }

        .table-calendar-link:before {
            background: #467fcf;
            border-radius: 50px;
            content: "";
            height: 4px;
            left: .25rem;
            position: absolute;
            top: .25rem;
            width: 4px
        }

        .table-calendar-link:hover {
            background: #467fcf;
            color: #fff;
            text-decoration: none;
            transition: background .3s
        }

            .table-calendar-link:hover:before {
                background: #fff
            }

    .table-header {
        cursor: pointer;
        transition: color .3s
    }

        .table-header:hover {
            color: #495057 !important
        }

        .table-header:after {
            content: "";
            display: inline-block;
            font-family: FontAwesome;
            font-size: .75rem;
            margin-left: .5rem
        }

    .table-header-asc {
        color: #495057 !important
    }

        .table-header-asc:after {
            content: ""
        }

    .table-header-desc {
        color: #495057 !important
    }

        .table-header-desc:after {
            content: ""
        }

    .table.dataTable.no-footer {
        border-bottom: 0
    }

    table.dataTable tbody td,
    table.dataTable tbody th,
    table.dataTable thead td,
    table.dataTable thead th {
        padding: 10px -1px !important
    }

    .dt-button-collection .dt-button.dropdown-item.active {
        color: #263871
    }

    @media (max-width:767px) {
        table img {
            max-width: inherit
        }

        .table_img img {
            max-width: 100%
        }
    }

    .tag {
        background-color: #ebeff8;
        border-radius: 3px;
        color: #263871;
        cursor: default;
        display: inline-flex;
        font-size: .75rem;
        font-weight: 400;
        line-height: 2em;
        padding: 0 .5rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    a.tag {
        cursor: pointer;
        text-decoration: none;
        transition: color .3s, background .3s
    }

        a.tag:hover {
            background-color: rgba(110, 118, 135, .2);
            color: inherit
        }

    .tag-addon {
        background: #e8ebf3;
        color: inherit;
        display: inline-block;
        margin: 0 -.5rem 0 .5rem;
        min-width: 1.5rem;
        padding: 0 .5rem;
        text-align: center;
        text-decoration: none
    }

        .tag-addon:last-child {
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px
        }

        .tag-addon i {
            margin: 0 -.25rem;
            vertical-align: middle
        }

    a.tag-addon {
        cursor: pointer;
        text-decoration: none;
        transition: color .3s, background .3s
    }

        a.tag-addon:hover {
            background: rgba(0, 0, 0, .16);
            color: inherit
        }

    .tag-avatar {
        border-radius: 3px 0 0 3px;
        height: 1.5rem;
        margin: 0 .5rem 0 -.5rem;
        width: 1.5rem
    }

    .tag-blue {
        background-color: #083dc1;
        color: #fff
    }

    .tag-indigo {
        background-color: #6574cd;
        color: #fff
    }

    .tag-purple {
        background-color: #aa4cf2;
        color: #fff
    }

    .tag-pink {
        background-color: #ef4eb8;
        color: #fff
    }

    .tag-red {
        background-color: #dc0441;
        color: #fff
    }

    .tag-orange {
        background-color: #f34932;
        color: #fff
    }

    .tag-yellow {
        background-color: #fbc518;
        color: #fff
    }

    .tag-green {
        background-color: #0dcd94;
        color: #fff
    }

    .tag-teal {
        background-color: #17d1dc;
        color: #fff
    }

    .tag-cyan {
        background-color: #17a2b8;
        color: #fff
    }

    .tag-white {
        background-color: #fff;
        color: #fff
    }

    .tag-gray {
        background-color: #868e96;
        color: #fff
    }

    .tag-gray-dark {
        background-color: #353a40;
        color: #fff
    }

    .tag-azure {
        background-color: #128af9;
        color: #fff
    }

    .tag-lime {
        background-color: #7bd235;
        color: #fff
    }

    .tag-primary {
        background-color: #467fcf;
        color: #fff
    }

    .tag-secondary {
        background-color: #fe7f00;
        color: #fff
    }

    .tag-success {
        background-color: #0dcd94;
        color: #fff
    }

    .tag-info {
        background-color: #128af9;
        color: #fff
    }

    .tag-warning {
        background-color: #fbc518;
        color: #fff
    }

    .tag-danger {
        background-color: #dc0441;
        color: #fff
    }

    .tag-light {
        background-color: #f8f9fa;
        color: #fff
    }

    .tag-dark {
        background-color: #353a40;
        color: #fff
    }

    .tag-rounded,
    .tag-rounded .tag-avatar {
        border-radius: 50px
    }

    .tags {
        font-size: 0;
        margin-bottom: -.5rem
    }

        .tags > .tag {
            margin-bottom: .5rem
        }

            .tags > .tag:not(:last-child) {
                margin-right: .5rem
            }

    .thumbnail {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 4px;
        display: block;
        line-height: 1.42857143;
        margin-bottom: 20px;
        padding: 4px;
        transition: border .2s ease-in-out
    }

        .thumbnail > img,
        .thumbnail a > img {
            margin-left: auto;
            margin-right: auto
        }

        .thumbnail p:last-child {
            margin-bottom: 0
        }

    .thumbimg {
        display: block;
        height: 100%;
        width: 100%
    }

    .thumbnail .caption {
        padding: 15px
    }

    .video-list-thumbs > li {
        margin-bottom: 12px
    }

        .video-list-thumbs > li > a {
            border: 1px solid #e9ebfa;
            border-radius: 3px transition all .5s ease-in-out;
            border-radius: 4px;
            color: #6b6f80;
            display: block;
            padding: 8px;
            position: relative
        }

    .video-list-thumbs h2 {
        bottom: 0;
        font-size: 14px;
        height: 33px;
        margin: 8px 0 0
    }

    .video-list-thumbs .fa {
        font-size: 60px;
        opacity: .6;
        position: absolute;
        right: 39%;
        text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
        top: 31%;
        transition: all .5s ease-in-out
    }

    .video-list-thumbs > li > a:hover .fa {
        color: #fff;
        opacity: 1;
        text-shadow: 0 1px 3px rgba(0, 0, 0, .8)
    }

    .video-list-thumbs .duration {
        background-color: rgba(0, 0, 0, .4);
        border-radius: 2px;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        left: 12px;
        line-height: 13px;
        padding: 2px 3px 1px;
        position: absolute;
        top: 12px;
        transition: all .5s ease
    }

    .video-list-thumbs > li > a:hover .duration {
        background-color: #000
    }

    @media (max-width:768px) {
        .video-list-thumbs .fa {
            right: 44%;
            top: 44%
        }
    }

    @media (min-width:320px) and (max-width:480px) {
        .video-list-thumbs .fa {
            font-size: 35px
        }

        .video-list-thumbs h2 {
            bottom: 0;
            font-size: 12px;
            height: 22px;
            margin: 8px 0 0
        }
    }

    .bd-example {
        border-width: .2rem 0 0;
        margin: 1rem -1rem;
        padding: 1rem;
        position: relative
    }

    .bd-example-tooltip-static .tooltip {
        display: inline-block;
        margin: 10px 20px;
        opacity: 1;
        position: relative
    }

    .tooltip {
        word-wrap: break-word;
        display: block;
        font-size: .875rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.5;
        margin: 0;
        opacity: 0;
        position: absolute;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        white-space: normal;
        word-break: normal;
        word-spacing: normal;
        z-index: 1000
    }

        .tooltip.show {
            opacity: .9
        }

        .tooltip .arrow {
            display: block;
            height: .4rem;
            position: absolute;
            width: .8rem
        }

            .tooltip .arrow:before {
                border-color: transparent;
                border-style: solid;
                content: "";
                position: absolute
            }

        .tooltip.bs-tether-element-attached-bottom,
        .tooltip.tooltip-top {
            margin-top: -3px;
            padding: 5px 0
        }

        .tooltip.bs-tether-element-attached-left,
        .tooltip.tooltip-right {
            margin-left: 3px;
            padding: 0 5px
        }

        .tooltip.bs-tether-element-attached-bottom .tooltip-inner:before,
        .tooltip.tooltip-top .tooltip-inner:before {
            border-top-color: #000;
            border-width: 5px 5px 0;
            bottom: 0;
            content: "";
            left: 50%;
            margin-left: -5px
        }

        .tooltip.bs-tether-element-attached-left .tooltip-inner:before,
        .tooltip.tooltip-right .tooltip-inner:before {
            border-right-color: #000;
            border-width: 5px 5px 5px 0;
            content: "";
            left: 0;
            margin-top: -5px;
            top: 50%
        }

        .tooltip.bs-tether-element-attached-top,
        .tooltip.tooltip-bottom {
            margin-top: 3px;
            padding: 5px 0
        }

            .tooltip.bs-tether-element-attached-top .tooltip-inner:before,
            .tooltip.tooltip-bottom .tooltip-inner:before {
                border-bottom-color: #000;
                border-width: 0 5px 5px;
                content: "";
                left: 50%;
                margin-left: -5px;
                top: 0
            }

        .tooltip.bs-tether-element-attached-right,
        .tooltip.tooltip-left {
            margin-left: -3px;
            padding: 0 5px
        }

            .tooltip.bs-tether-element-attached-right .tooltip-inner:before,
            .tooltip.tooltip-left .tooltip-inner:before {
                border-left-color: #000;
                border-width: 5px 0 5px 5px;
                content: "";
                margin-top: -5px;
                right: 0;
                top: 50%
            }

    .tooltip-inner:before {
        border-color: transparent;
        border-style: solid;
        height: 0;
        position: absolute;
        width: 0
    }

    .pop-primary {
        color: #4d9dff
    }

    .popsecondary {
        color: #fe7f00
    }

    .popinfo {
        color: #88c8f7
    }

    .popsuccess {
        color: #bfff80
    }

    .popdanger {
        color: #ea6262
    }

    .popwarning {
        color: #f7db6e
    }

    .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 {
                border-top-color: #000;
                border-width: .4rem .4rem 0;
                top: 0
            }

    .bs-tooltip-auto[x-placement^=right],
    .bs-tooltip-right {
        padding: 0 .4rem
    }

        .bs-tooltip-auto[x-placement^=right] .arrow,
        .bs-tooltip-right .arrow {
            height: .8rem;
            left: 0;
            width: .4rem
        }

            .bs-tooltip-auto[x-placement^=right] .arrow:before,
            .bs-tooltip-right .arrow:before {
                border-right-color: #000;
                border-width: .4rem .4rem .4rem 0;
                right: 0
            }

    .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 {
                border-bottom-color: #000;
                border-width: 0 .4rem .4rem;
                bottom: 0
            }

    .bs-tooltip-auto[x-placement^=left],
    .bs-tooltip-left {
        padding: 0 .4rem
    }

        .bs-tooltip-auto[x-placement^=left] .arrow,
        .bs-tooltip-left .arrow {
            height: .8rem;
            right: 0;
            width: .4rem
        }

            .bs-tooltip-auto[x-placement^=left] .arrow:before,
            .bs-tooltip-left .arrow:before {
                border-left-color: #000;
                border-width: .4rem 0 .4rem .4rem;
                left: 0
            }

    .tooltip-inner {
        background-color: #000;
        border-radius: 3px;
        color: #fff;
        max-width: 200px;
        padding: .25rem .5rem;
        text-align: center
    }

    .bs-popover-auto[x-placement^=top] .arrow,
    .bs-popover-top .arrow {
        bottom: calc(-.5rem + -1px)
    }

        .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 .25rem 0
        }

        .bs-popover-auto[x-placement^=top] .arrow:before,
        .bs-popover-top .arrow:before {
            border-top-color: rgba(0, 0, 0, .25);
            bottom: 0
        }

        .bs-popover-auto[x-placement^=top] .arrow:after,
        .bs-popover-top .arrow:after {
            border-top-color: #fff;
            bottom: 1px
        }

    .bs-popover-auto[x-placement^=right] .arrow,
    .bs-popover-right .arrow {
        height: .5rem;
        left: calc(-.5rem + -1px);
        margin: 3px 0;
        width: .5rem
    }

        .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: .25rem .5rem .25rem 0
        }

        .bs-popover-auto[x-placement^=right] .arrow:before,
        .bs-popover-right .arrow:before {
            border-right-color: #dee3eb;
            left: 0
        }

        .bs-popover-auto[x-placement^=right] .arrow:after,
        .bs-popover-right .arrow:after {
            border-right-color: #fff;
            left: 1px
        }

    .bs-popover-auto[x-placement^=bottom] .arrow,
    .bs-popover-bottom .arrow {
        top: calc(-.5rem + -1px)
    }

        .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 .25rem .5rem
        }

        .bs-popover-auto[x-placement^=bottom] .arrow:before,
        .bs-popover-bottom .arrow:before {
            border-bottom-color: #dee3eb;
            top: 0
        }

        .bs-popover-auto[x-placement^=bottom] .arrow:after,
        .bs-popover-bottom .arrow:after {
            border-bottom-color: #fff;
            top: 1px
        }

    .bs-popover-auto[x-placement^=left] .arrow,
    .bs-popover-left .arrow {
        height: .5rem;
        margin: 3px 0;
        right: calc(-.5rem + -1px);
        width: .5rem
    }

        .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: .25rem 0 .25rem .5rem
        }

        .bs-popover-auto[x-placement^=left] .arrow:before,
        .bs-popover-left .arrow:before {
            border-left-color: #dee3eb;
            right: 0
        }

        .bs-popover-auto[x-placement^=left] .arrow:after,
        .bs-popover-left .arrow:after {
            border-left-color: #fff;
            right: 1px
        }

    .jqstooltip {
        background: #333 !important;
        border: none !important;
        border-radius: 3px;
        box-sizing: content-box;
        font-family: inherit !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        padding: 6px !important
    }

        .jqstooltip .jqsfield {
            font: inherit !important
        }

    .tooltip-static-demo {
        background-color: #f3f4f7;
        padding: 20px;
        text-align: center
    }

        .tooltip-static-demo .tooltip {
            display: inline-block;
            margin: 0 10px;
            opacity: 1;
            position: relative;
            z-index: 0
        }

        .tooltip-static-demo .bs-tooltip-auto[x-placement^=bottom] .arrow,
        .tooltip-static-demo .bs-tooltip-auto[x-placement^=top] .arrow,
        .tooltip-static-demo .bs-tooltip-bottom .arrow,
        .tooltip-static-demo .bs-tooltip-top .arrow {
            left: 50%;
            margin-left: -2px
        }

        .tooltip-static-demo .bs-tooltip-auto[x-placement^=left],
        .tooltip-static-demo .bs-tooltip-auto[x-placement^=right],
        .tooltip-static-demo .bs-tooltip-left,
        .tooltip-static-demo .bs-tooltip-right {
            margin-top: 5px
        }

            .tooltip-static-demo .bs-tooltip-auto[x-placement^=left] .arrow,
            .tooltip-static-demo .bs-tooltip-auto[x-placement^=right] .arrow,
            .tooltip-static-demo .bs-tooltip-left .arrow,
            .tooltip-static-demo .bs-tooltip-right .arrow {
                margin-top: -3px;
                top: 50%
            }

    .popover-static-demo {
        background-color: #ebeff8;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        padding-bottom: 40px;
        padding-top: 40px;
        text-align: center
    }

        .popover-static-demo .popover {
            border-radius: 7px;
            display: inline-block;
            margin: 0 10px;
            opacity: 1;
            position: relative;
            z-index: 0
        }

        .popover-static-demo .bs-popover-auto[x-placement^=bottom] .arrow,
        .popover-static-demo .bs-popover-auto[x-placement^=top] .arrow,
        .popover-static-demo .bs-popover-bottom .arrow,
        .popover-static-demo .bs-popover-top .arrow {
            left: 50%;
            margin-left: -5px
        }

        .popover-static-demo .bs-popover-auto[x-placement^=left],
        .popover-static-demo .bs-popover-auto[x-placement^=right],
        .popover-static-demo .bs-popover-left,
        .popover-static-demo .bs-popover-right {
            margin-top: 5px
        }

            .popover-static-demo .bs-popover-auto[x-placement^=left] .arrow,
            .popover-static-demo .bs-popover-auto[x-placement^=right] .arrow,
            .popover-static-demo .bs-popover-left .arrow,
            .popover-static-demo .bs-popover-right .arrow {
                margin-top: -5px;
                top: 50%
            }

    .tooltip-primary .tooltip-inner {
        background-color: #36f !important;
        color: #fff
    }

    .tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow:before,
    .tooltip-primary.bs-tooltip-top .arrow:before {
        border-top-color: #36f
    }

    .tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
    .tooltip-primary.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #36f
    }

    .tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow:before,
    .tooltip-primary.bs-tooltip-left .arrow:before {
        border-left-color: #36f
    }

    .tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow:before,
    .tooltip-primary.bs-tooltip-right .arrow:before {
        border-right-color: #36f
    }

    .tooltip-secondary .tooltip-inner {
        background-color: #36f;
        color: #fff
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow:before,
    .tooltip-secondary.bs-tooltip-top .arrow:before {
        border-top-color: #36f
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
    .tooltip-secondary.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #36f
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow:before,
    .tooltip-secondary.bs-tooltip-left .arrow:before {
        border-left-color: #36f
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow:before,
    .tooltip-secondary.bs-tooltip-right .arrow:before {
        border-right-color: #36f
    }

    .popover {
        word-wrap: break-word;
        background-clip: padding-box;
        background-color: #fff;
        border: 0 solid #d3dfea;
        border-radius: .3rem;
        border-radius: 5px;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .1));
        font-size: .76562rem;
        font-style: normal;
        font-weight: 400;
        left: 0;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.5;
        max-width: 276px;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        top: 0;
        white-space: normal;
        word-break: normal;
        word-spacing: normal;
        z-index: 1
    }

        .popover,
        .popover .arrow {
            display: block;
            position: absolute
        }

            .popover .arrow {
                height: .5rem;
                margin: 0 .3rem;
                width: 1rem
            }

                .popover .arrow:after,
                .popover .arrow:before {
                    border-color: transparent;
                    border-style: solid;
                    content: "";
                    display: block;
                    position: absolute
                }

            .popover.bs-popover-auto[x-placement^=top],
            .popover.bs-popover-top {
                margin-bottom: .625rem
            }

            .popover .arrow {
                margin-left: calc(.25rem - 5px)
            }

    .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)
        }

            .bs-popover-auto[x-placement^=top] > .arrow:before,
            .bs-popover-top > .arrow:before {
                border-top-color: #d3dfea;
                border-width: .5rem .5rem 0;
                bottom: 0
            }

            .bs-popover-auto[x-placement^=top] > .arrow:after,
            .bs-popover-top > .arrow:after {
                border-top-color: #fff;
                border-width: .5rem .5rem 0;
                bottom: 1px
            }

    .bs-popover-auto[x-placement^=right],
    .bs-popover-right {
        margin-left: .5rem
    }

        .bs-popover-auto[x-placement^=right] > .arrow,
        .bs-popover-right > .arrow {
            height: 1rem;
            left: calc(-.5rem + -1px);
            margin: .3rem 0;
            width: .5rem
        }

            .bs-popover-auto[x-placement^=right] > .arrow:before,
            .bs-popover-right > .arrow:before {
                border-right-color: #d3dfea;
                border-width: .5rem .5rem .5rem 0;
                left: 0
            }

            .bs-popover-auto[x-placement^=right] > .arrow:after,
            .bs-popover-right > .arrow:after {
                border-right-color: #fff;
                border-width: .5rem .5rem .5rem 0;
                left: 1px
            }

    .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)
        }

            .bs-popover-auto[x-placement^=bottom] > .arrow:before,
            .bs-popover-bottom > .arrow:before {
                border-bottom-color: #d3dfea;
                border-width: 0 .5rem .5rem;
                top: 0
            }

            .bs-popover-auto[x-placement^=bottom] > .arrow:after,
            .bs-popover-bottom > .arrow:after {
                border-bottom-color: #fff;
                border-width: 0 .5rem .5rem;
                top: 1px
            }

        .bs-popover-auto[x-placement^=bottom] .popover-header:before,
        .bs-popover-bottom .popover-header:before {
            border-bottom: 1px solid #e9ebfa;
            content: "";
            display: block;
            left: 50%;
            margin-left: -.5rem;
            position: absolute;
            top: 0;
            width: 1rem
        }

    .bs-popover-auto[x-placement^=left],
    .bs-popover-left {
        margin-right: .5rem
    }

        .bs-popover-auto[x-placement^=left] > .arrow,
        .bs-popover-left > .arrow {
            height: 1rem;
            margin: .3rem 0;
            right: calc(-.5rem + -1px);
            width: .5rem
        }

            .bs-popover-auto[x-placement^=left] > .arrow:before,
            .bs-popover-left > .arrow:before {
                border-left-color: #d3dfea;
                border-width: .5rem 0 .5rem .5rem;
                right: 0
            }

            .bs-popover-auto[x-placement^=left] > .arrow:after,
            .bs-popover-left > .arrow:after {
                border-left-color: #fff;
                border-width: .5rem 0 .5rem .5rem;
                right: 1px
            }

    .popover-header {
        background-color: #fff;
        border-color: #e9ebfa;
        color: #191621;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .5px;
        padding: 12px 15px;
        text-transform: capitalize
    }

        .popover-header:before {
            display: none !important
        }

    .popover-body {
        color: #6e7687;
        padding: 15px
    }

        .popover-body p:last-child {
            margin-bottom: 0
        }

    .popover-head-primary .popover-header {
        background-color: #36f !important;
        color: #fff
    }

    .popover-head-primary.bs-popover-auto[x-placement^=top] .arrow,
    .popover-head-primary.bs-popover-top .arrow {
        bottom: -7px
    }

    .popover-head-primary.bs-popover-auto[x-placement^=left] .arrow,
    .popover-head-primary.bs-popover-left .arrow {
        right: -7px
    }

    .popover-head-primary.bs-popover-auto[x-placement^=right] .arrow,
    .popover-head-primary.bs-popover-right .arrow {
        left: -7px
    }

    .popover-head-primary.bs-popover-auto[x-placement^=bottom] .arrow:after,
    .popover-head-primary.bs-popover-bottom .arrow:after {
        border-bottom-color: #36f
    }

    .popover-head-primary.bs-popover-auto[x-placement^=bottom] .arrow:before,
    .popover-head-primary.bs-popover-bottom .arrow:before {
        display: none
    }

    .popover-head-secondary .popover-header {
        background-color: #36f !important;
        color: #fff
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=top] .arrow,
    .popover-head-secondary.bs-popover-top .arrow {
        bottom: -7px
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=left] .arrow,
    .popover-head-secondary.bs-popover-left .arrow {
        right: -7px
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=right] .arrow,
    .popover-head-secondary.bs-popover-right .arrow {
        left: -7px
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=bottom] .arrow:after,
    .popover-head-secondary.bs-popover-bottom .arrow:after {
        border-bottom-color: #36f
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=bottom] .arrow:before,
    .popover-head-secondary.bs-popover-bottom .arrow:before {
        display: none
    }

    .popover-head-primary,
    .popover-head-primary .popover-header,
    .popover-head-secondary,
    .popover-head-secondary .popover-header {
        border: 0
    }

        .popover-head-primary .popover-body,
        .popover-head-secondary .popover-body {
            border: 1px solid rgba(20, 17, 45, .2);
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px;
            border-top: 0 solid rgba(20, 17, 45, .2)
        }

    .popover-primary {
        background-color: #36f !important;
        border-width: 0 !important;
        padding: 15px
    }

        .popover-primary .popover-header {
            background-color: #36f !important;
            border-bottom-width: 0 !important;
            color: #fff;
            padding: 0 0 15px
        }

        .popover-primary .popover-body {
            color: hsla(0, 0%, 100%, .75);
            padding: 0
        }

        .popover-primary .arrow:before {
            display: none
        }

        .popover-primary.bs-popover-auto[x-placement^=top] .arrow:after,
        .popover-primary.bs-popover-top .arrow:after {
            border-top-color: #36f
        }

        .popover-primary.bs-popover-auto[x-placement^=bottom] .arrow:after,
        .popover-primary.bs-popover-bottom .arrow:after {
            border-bottom-color: #36f
        }

        .popover-primary.bs-popover-auto[x-placement^=left] .arrow:after,
        .popover-primary.bs-popover-left .arrow:after {
            border-left-color: #36f
        }

        .popover-primary.bs-popover-auto[x-placement^=right] .arrow:after,
        .popover-primary.bs-popover-right .arrow:after {
            border-right-color: #36f
        }

    .popover-secondary {
        background-color: #36f !important;
        border-width: 0 !important;
        padding: 15px
    }

        .popover-secondary .popover-header {
            background-color: #36f !important;
            border-bottom-width: 0 !important;
            color: #fff;
            padding: 0 0 15px
        }

        .popover-secondary .popover-body {
            color: hsla(0, 0%, 100%, .75);
            padding: 0
        }

        .popover-secondary .arrow:before {
            display: none
        }

        .popover-secondary.bs-popover-auto[x-placement^=top] .arrow:after,
        .popover-secondary.bs-popover-top .arrow:after {
            border-top-color: #36f
        }

        .popover-secondary.bs-popover-auto[x-placement^=bottom] .arrow:after,
        .popover-secondary.bs-popover-bottom .arrow:after {
            border-bottom-color: #36f
        }

        .popover-secondary.bs-popover-auto[x-placement^=left] .arrow:after,
        .popover-secondary.bs-popover-left .arrow:after {
            border-left-color: #36f
        }

        .popover-secondary.bs-popover-auto[x-placement^=right] .arrow:after,
        .popover-secondary.bs-popover-right .arrow:after {
            border-right-color: #36f
        }

    .heading-inverse {
        background-color: #333;
        color: #fff;
        padding: 5px
    }

    .heading-primary {
        background-color: #36f;
        color: #fff;
        padding: 5px
    }

    .heading-success {
        background-color: #38a01e;
        color: #fff;
        padding: 5px
    }

    .heading-info {
        background-color: #128af9;
        color: #fff;
        padding: 5px
    }

    .heading-warning {
        background-color: #fbc518;
        color: #fff;
        padding: 5px
    }

    .heading-danger {
        background-color: #dc0441;
        color: #fff;
        padding: 5px
    }

    .chat {
        flex-direction: column;
        justify-content: flex-end;
        list-style-type: none;
        margin: 0;
        min-height: 100%;
        outline: 0
    }

    .chat,
    .chat-line {
        display: flex;
        padding: 0
    }

    .chat-line {
        flex-direction: row-reverse;
        position: relative;
        text-align: right
    }

        .chat-line + .chat-line {
            padding-top: 1rem
        }

    .chat-message {
        background-color: #467fcf;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: .875rem;
        line-height: 1.4;
        margin: 0 .5rem 0 2.5rem;
        padding: .375rem .5rem;
        position: relative;
        text-align: left;
        white-space: normal
    }

        .chat-message > :last-child {
            margin-bottom: 0 !important
        }

        .chat-message:after {
            border-bottom: 6px solid transparent;
            border-left: 6px solid #467fcf;
            border-top: 6px solid transparent;
            content: "";
            position: absolute;
            right: -5px;
            top: 7px
        }

        .chat-message img {
            max-width: 100%
        }

        .chat-message p {
            margin-bottom: 1em
        }

    .chat-line-friend {
        flex-direction: row
    }

        .chat-line-friend + .chat-line-friend {
            margin-top: -.5rem
        }

            .chat-line-friend + .chat-line-friend .chat-author {
                visibility: hidden
            }

            .chat-line-friend + .chat-line-friend .chat-message:after {
                display: none
            }

        .chat-line-friend .chat-message {
            background-color: #f3f3f3;
            color: #495057;
            margin-left: .5rem;
            margin-right: 2.5rem
        }

            .chat-line-friend .chat-message:after {
                border-left-width: 0;
                border-right: 5px solid #f3f3f3;
                left: -5px;
                right: auto
            }

    #messages-main {
        border: 1px solid #e9ebfa;
        margin: 0 auto 1.5rem;
        position: relative
    }

        #messages-main:after,
        #messages-main:before {
            content: " ";
            display: table
        }

        #messages-main .ms-user {
            background: #fff;
            border: 1px solid #eceff9;
            border-left: 0;
            padding: 15px
        }

            #messages-main .ms-user > div {
                font-size: 11px;
                overflow: hidden;
                padding: 3px 5px 0 15px
            }

        #messages-main #ms-compose {
            bottom: 120px;
            box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
            position: fixed;
            right: 30px;
            z-index: 0
        }

    @media (min-width:992px) {
        #messages-main .ms-menu {
            border-right: 1px solid #e9ebfa;
            height: 100%;
            left: 0;
            padding-bottom: 0;
            position: absolute;
            top: 0;
            width: 300px
        }

        #messages-main .ms-body {
            padding-left: 300px
        }

        .msb-reply {
            border-left: 0 !important;
            border-right: 0 !important
        }
    }

    @media (max-width:991px) {
        #messages-main .ms-menu {
            margin-bottom: 25px;
            z-index: 0
        }

            #messages-main .ms-menu.toggled {
                display: block
            }

        #messages-main .ms-body {
            overflow: hidden
        }
    }

    @media (max-width:480px) {
        .ah-actions {
            display: inline-block;
            float: none !important;
            text-align: center
        }

        .d-flex.chat-user {
            display: none !important
        }

        .ah-actions {
            margin-left: 50px !important
        }

        .actions > li > a {
            padding: 0 5px !important
        }
    }

    #ms-menu-trigger {
        cursor: pointer;
        height: 100%;
        left: 0;
        padding-right: 10px;
        padding-top: 24px;
        position: absolute;
        text-align: right;
        top: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 50px
    }

        #ms-menu-trigger i {
            font-size: 21px
        }

        #ms-menu-trigger.toggled i:before {
            content: ""
        }

    .login-content:after {
        content: ""
    }

    #footer,
    .fc-toolbar .ui-button,
    .fileinput .thumbnail,
    .four-zero,
    .four-zero footer > a,
    .ie-warning,
    .login-content,
    .login-navigation,
    .pt-inner,
    .pt-inner .pti-footer > a {
        text-align: center
    }

    .message-feed {
        padding: 20px
    }

        .message-feed.right > .pull-right {
            margin-left: 15px
        }

        .message-feed:not(.right) .mf-content {
            background: #eaeefa;
            margin-left: 5px;
            position: relative
        }

        .message-feed.right .mf-content {
            background: #36f;
            color: #fff;
            margin-right: 5px;
            position: relative
        }

    .mf-content {
        border-radius: 6px;
        display: inline-block;
        max-width: 100%;
        padding: 13px 20px
    }

    .mf-date {
        color: #9ba5ca;
        display: block;
        margin-top: 7px
    }

        .mf-date > i {
            font-size: 14px;
            line-height: 100%;
            position: relative;
            top: 1px
        }

    .four-zero,
    .lc-block {
        box-shadow: 0 1px 11px rgba(0, 0, 0, .27)
    }

    .msb-reply {
        background: #fff;
        border: 1px solid #eceff9;
        border-bottom: 0;
        height: 50px;
        position: relative
    }

        .msb-reply textarea {
            background: 0 0;
            border: 0;
            font-size: 13px;
            height: 50px;
            padding: 15px;
            resize: none;
            width: 100%
        }

        .msb-reply button {
            background: 0 0;
            border: 0;
            color: #9ba5ca;
            font-size: 20px;
            height: 40px;
            position: absolute;
            right: 9px;
            top: 9px;
            width: 40px
        }

    .ico-mt {
        margin-top: -.5rem !important
    }

    .msb-reply button:hover {
        background: transparent
    }

    .p-15 {
        padding: 15px !important
    }

    .actions {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .actions > li {
            display: inline-block
        }

        .actions:not(.a-alt) > li > a > i {
            color: #fff
        }

        .actions > li > a {
            display: block;
            padding: 0 10px
        }

            .actions > li > a > i {
                font-size: 20px
            }

    .message-feed.right {
        text-align: right
    }

    #ms-menu-trigger,
    .toggle-switch {
        -webkit-user-select: none;
        -moz-user-select: none
    }

    .list-group.lg-alt .list-group-item {
        border: 0
    }

    .action-header {
        background: #36f;
        border-bottom: 1px solid #e9ebfa;
        padding: 15px 13px 15px 17px;
        position: relative
    }

    .ms-body {
        background: #fff;
        border-radius: 7px
    }

    .amcharts-chart-div a,
    .canvasjs-chart-container a {
        display: none !important
    }

    .rotation {
        -webkit-animation: rotation 2s linear infinite
    }

    @-webkit-keyframes rotation {
        0% {
            -webkit-transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(359deg)
        }
    }

    .amChartsLegend.amcharts-legend-div {
        display: none
    }

    .input-icon .form-group.is-empty,
    .input-icon .form-group.is-empty .form-control {
        margin-bottom: 0
    }

    .inbox-message ul {
        margin: 0;
        padding: 0
    }

        .inbox-message ul li {
            border-bottom: 1px solid #e9ebfa;
            list-style: none;
            padding: 15px 20px;
            position: relative
        }

            .inbox-message ul li:focus,
            .inbox-message ul li:hover {
                background: #ebeff8;
                z-index: 0
            }

    .chat-conatct-list .media:hover {
        z-index: inherit
    }

    .inbox-message .message-avatar {
        left: 30px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .message-avatar img {
        border-radius: 50%;
        display: inline-block;
        height: 54px;
        width: 54px
    }

    .inbox-message .message-body {
        color: #263871;
        font-size: 15px;
        margin-left: 85px
    }

    .message-body-heading h5 {
        color: #263871;
        display: inline-block;
        font-weight: 600;
        margin: 0 0 7px;
        padding: 0
    }

    .message-body h5 span {
        border-radius: 50px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        line-height: 14px;
        margin-left: 5px;
        margin-top: -5px;
        padding: 4px 10px
    }

        .message-body h5 span.unread {
            background: #07b107
        }

        .message-body h5 span.important {
            background: #dd2027
        }

        .message-body h5 span.pending {
            background: #2196f3
        }

    .message-body-heading span {
        float: right;
        font-size: 14px
    }

    .messages-inbox .message-body p {
        font-size: 15px;
        line-height: 27px;
        margin: 0;
        padding: 0
    }

    @media (max-width:600px) {
        .job-box-filter label {
            text-align: center;
            width: 100%
        }

        .message-body h5 span.pending,
        .message-body h5 span.unread {
            display: none
        }
    }

    .list-icons i {
        font-size: 56px
    }

    .font-dot {
        margin-top: -12px
    }

    .list-icons .card-footer i {
        font-size: 14px
    }

    .chat-body-style {
        background: #fff
    }

    .chat-conatct-list {
        max-height: 555px;
        overflow-y: auto
    }

    .msg_card_body {
        background: url(../images/chat.png);
        overflow-y: auto
    }

    .chat-conatct-list .media {
        overflow: initial
    }

    .message-feed.media .media-body,
    .message-feed.right .media-body {
        overflow: visible
    }

    .message-feed:not(.right) .mf-content:before {
        border-bottom: 8px solid #eaeefa;
        left: -12px;
        right: auto;
        transform: rotate(-90deg)
    }

    .message-feed.right .mf-content:before,
    .message-feed:not(.right) .mf-content:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        content: "";
        display: block;
        position: absolute;
        top: 9px
    }

    .message-feed.right .mf-content:before {
        border-bottom: 8px solid #36f;
        left: auto;
        right: -12px;
        transform: rotate(90deg)
    }

    .message-feed.right .media-body {
        display: flow-root
    }

    .ms-menu .tab-menu-heading {
        background: #fff;
        border-left: 0;
        border-radius: 5px 0 0 0;
        border-right: 0;
        padding: 13px;
        position: sticky;
        width: 299px;
        z-index: 1
    }

        .ms-menu .tab-menu-heading .tabs-menu1 ul li {
            margin: 0 1px;
            width: 48%
        }

            .ms-menu .tab-menu-heading .tabs-menu1 ul li .active {
                background: #36f;
                border: 1px solid #36f;
                color: #fff
            }

            .ms-menu .tab-menu-heading .tabs-menu1 ul li a {
                border: 1px solid #d3dfea;
                border-radius: 5px;
                font-weight: 600;
                padding: 10px 20px;
                text-align: center
            }

    .chat-conatct-list .list-group-item {
        cursor: pointer;
        position: relative
    }

        .chat-conatct-list .list-group-item .chat-time {
            font-size: 12px;
            position: absolute;
            right: 10px;
            top: 15px
        }

    .contacts_body {
        white-space: nowrap
    }

        .contacts_body .contacts {
            list-style: none;
            padding: 0
        }

            .contacts_body .contacts li {
                border-bottom: 1px solid #ebeaf1;
                padding: 15px;
                width: 100% !important
            }

        .contacts_body .active {
            background-color: #eaeefa
        }

    .chatbox .user_info {
        margin-bottom: auto;
        margin-left: 15px;
        margin-top: auto
    }

        .chatbox .user_info span {
            color: #464444
        }

    .chatbox .action-header small {
        font-size: 10px
    }

    .chatbox .user_img {
        border: 0 solid #f5f6fa;
        height: 50px;
        width: 50px
    }

    .chatbox .user_img_msg {
        border: 1.5px solid #f5f6fa;
        height: 40px;
        width: 40px
    }

    .chatbox .img_cont {
        height: 50px;
        position: relative;
        width: 50px
    }

    .chatbox .img_cont_msg {
        display: contents;
        height: 40px;
        width: 40px
    }

    .chat-box-single-line {
        margin: 7px 0 30px;
        position: relative;
        text-align: center
    }

    .chat abbr.timestamp {
        border-radius: 4px;
        padding: 4px 14px
    }

    .chat {
        margin-bottom: auto
    }

        .chat .action-header {
            padding: 15px 13px 15px 17px;
            position: relative
        }

        .chat .dropdown-menu.dropdown-menu-right.show {
            left: 0;
            margin-bottom: 5px;
            position: absolute;
            top: 10px !important;
            transform: translate3d(-176px, 22px, 0);
            width: 100%;
            will-change: transform
        }

        .chat .msb-reply textarea {
            background: #faf9ff;
            border: 1px solid #ebeaf1;
            font-size: 13px;
            height: 44px;
            margin-left: -42px;
            padding: 12px 47px;
            resize: none;
            width: 100%
        }

        .chat .dropdown-menu li {
            color: #5e629c;
            padding: 7px
        }

            .chat .dropdown-menu li:hover {
                background: #faf9ff
            }

            .chat .dropdown-menu li i {
                padding: 7px
            }

        .chat .actions > li {
            display: inline-block
        }

        .chat .actions:not(.a-alt) > li > a > i {
            color: #fff;
            line-height: unset
        }

        .chat .justify-content-end,
        .chat .justify-content-start {
            margin-bottom: 25px
        }

        .chat .card {
            height: 600px
        }

        .chat .card-header {
            padding: 1rem
        }

        .chat .video_cam {
            margin-left: 50px;
            margin-top: 5px
        }

            .chat .video_cam span {
                color: #fff;
                cursor: pointer;
                font-size: 20px;
                margin-right: 20px
            }

        .chat .msg_cotainer {
            background-color: #eaeefa;
            border-radius: 5px;
            margin-bottom: auto;
            margin-left: 10px;
            margin-top: 5px;
            max-width: 70%;
            padding: 10px;
            position: relative
        }

            .chat .msg_cotainer:before {
                border-bottom: 8px solid #eaeefa;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                content: "";
                display: block;
                left: -12px;
                position: absolute;
                right: auto;
                top: 9px;
                transform: rotate(-90deg)
            }

        .chat .msg_cotainer_send {
            background-color: #36f;
            border-radius: 5px;
            color: #fff;
            margin: 0 12px 10px 0;
            max-width: 70%;
            padding: 10px;
            position: relative
        }

            .chat .msg_cotainer_send:after {
                border-bottom: 8px solid #36f;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                content: "";
                display: block;
                left: auto;
                position: absolute;
                right: -12px;
                top: 9px;
                transform: rotate(90deg)
            }

        .chat .msg_time {
            left: 0
        }

        .chat .msg_time,
        .chat .msg_time_send {
            bottom: -18px;
            color: #3a374e;
            font-size: 10px;
            position: absolute
        }

        .chat .msg_time_send {
            right: 0
        }

        .chat .msg_head {
            background: #60529f;
            box-shadow: 0 1px 15px 1px rgba(58, 58, 62, .4);
            position: relative
        }

    #action_menu_btn {
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        right: 36px;
        top: 21px
    }

    .action_menu {
        background-color: #fff;
        color: #646367;
        display: none;
        padding: 15px 0;
        position: absolute;
        right: 15px;
        top: 40px;
        z-index: 1
    }

        .action_menu ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

            .action_menu ul li:hover {
                background-color: rgba(0, 0, 0, .2);
                cursor: pointer
            }

    .construction .form-control {
        padding: .375rem 1rem
    }

    .modal .ah-actions {
        margin-top: 0 !important
    }

    .modal-content .actions > li > a {
        border-radius: 50%;
        display: block;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
        text-align: center;
        width: 50px
    }

        .modal-content .actions > li > a:hover {
            background: rgba(0, 0, 0, .1)
        }

    .msb-reply-button .btn {
        line-height: 14px
    }

    .modal-content.chat .card {
        border-radius: 4px 4px 0 0;
        box-shadow: none
    }

    .ah-actions {
        float: right !important;
        margin-top: 0 !important;
        position: relative;
        top: 7px;
        z-index: 1
    }

        .ah-actions.actions a {
            height: auto;
            line-height: inherit
        }

        .ah-actions .option-dots {
            background: transparent;
            border-radius: 5px;
            color: #565b95;
            display: block !important;
            font-size: 18px;
            height: 40px !important;
            line-height: 40px !important;
            margin: 0 1px;
            padding: 0 !important;
            text-align: center;
            width: 40px
        }

    .ms-menu .dropdown-menu li a {
        font-size: 13px
    }

    .conv-form-wrapper div#messages div.message.to {
        background: #eeeff6
    }

    div.conv-form-wrapper div.options div.option,
    form.convFormDynamic button.submit {
        background: #fff;
        border: 1px solid #36f;
        color: #36f
    }

        div.conv-form-wrapper div.options div.option.selected {
            background: #36f;
            color: #fff
        }

            div.conv-form-wrapper div.options div.option.selected:hover {
                background: #36f
            }

        form.convFormDynamic button.submit:hover {
            background: #36f;
            color: #fff
        }

    div.conv-form-wrapper div#messages div.message.from {
        background: #36f;
        border-top-right-radius: 0;
        color: #fff
    }

    @media (max-width:991.98px) {
        .main-content-body-show .main-header-menu-icon {
            display: none
        }

        .main-content-body-show .main-header-left .main-header-arrow {
            display: block
        }

        .main-content-body-show .main-content-left-chat {
            display: none
        }

        .main-content-body-show .main-content-body-chat {
            display: flex
        }
    }

    .main-content-left-chat {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100%
    }

    @media (min-width:992px) {
        .main-content-left-chat {
            border: 0;
            border-left: 0;
            width: auto
        }
    }

    .main-nav-line-chat {
        border-bottom: 1px solid #e9edf4;
        flex-direction: row;
        flex-shrink: 0;
        padding: 10px
    }

        .main-nav-line-chat .nav-link {
            background: #e9edf4;
            border-radius: 3px;
            font-size: 13px;
            font-weight: 500;
            margin-left: 10px;
            margin-top: 0;
            padding: 6px 15px;
            text-transform: uppercase
        }

            .main-nav-line-chat .nav-link:active,
            .main-nav-line-chat .nav-link:focus,
            .main-nav-line-chat .nav-link:hover {
                outline: none
            }

            .main-nav-line-chat .nav-link.active {
                background: #36f;
                color: #fff
            }

                .main-nav-line-chat .nav-link.active:before {
                    background-color: #36f;
                    bottom: -11px;
                    left: 0;
                    right: 0;
                    top: auto;
                    width: auto
                }

    @media (min-width:992px) {
        .main-nav-line-chat {
            padding-right: 0
        }
    }

    .main-chat-contacts-wrapper {
        border-bottom: 1px solid #e9edf4;
        flex-shrink: 0;
        overflow: hidden;
        padding: 10px 20px
    }

        .main-chat-contacts-wrapper .lSSlideOuter,
        .main-chat-contacts-wrapper .lSSlideWrapper {
            overflow: visible
        }

        .main-chat-contacts-wrapper .card-table-two .card-title,
        .main-chat-contacts-wrapper .main-content-label {
            line-height: 1;
            margin-bottom: 15px
        }

    @media (min-width:992px) {
        .main-chat-contacts-wrapper {
            padding: 10px 0 10px 15px
        }
    }

    .card--eight .main-chat-contacts-wrapper .card-title,
    .card-table-two .main-chat-contacts-wrapper .card-title,
    .main-chat-contacts-wrapper .card--eight .card-title {
        line-height: 1;
        margin-bottom: 15px
    }

    .main-chat-contacts {
        display: flex;
        padding-left: 20px
    }

        .main-chat-contacts .lslide {
            align-items: center;
            display: flex;
            flex-direction: column;
            float: none
        }

        .main-chat-contacts small {
            font-size: 11px;
            margin-top: 3px;
            overflow: hidden;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 36px
        }

    .main-chat-contacts-more {
        align-items: center;
        background-color: #36f;
        border-radius: 100%;
        color: #fff;
        display: flex;
        font-size: 12px;
        font-weight: 500;
        height: 36px;
        justify-content: center;
        width: 36px
    }

    .main-chat-list {
        max-height: 500px;
        position: relative
    }

        .main-chat-list .media {
            border-bottom: 1px solid #e9ebfa;
            padding: 12px 20px;
            position: relative
        }

            .main-chat-list .media .main-img-user {
                flex-shrink: 0;
                position: relative;
                top: 3px
            }

            .main-chat-list .media:last-chid {
                border-bottom: 0
            }

            .main-chat-list .media + .media:before {
                border-top: 1px solid #e9edf4;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: -1px
            }

            .main-chat-list .media.new .main-img-user span {
                display: flex
            }

            .main-chat-list .media.new .media-contact-name span:first-child {
                color: #14112d;
                font-weight: 600
            }

            .main-chat-list .media.new .media-body p {
                color: #22252f
            }

            .main-chat-list .media:focus,
            .main-chat-list .media:hover {
                background-color: #f3f4f7;
                border-bottom-color: #e9ebfa;
                border-top-color: #e9ebfa;
                cursor: pointer
            }

            .main-chat-list .media.selected {
                background-color: #f3f4f7;
                border-bottom-color: #e9ebfa;
                border-top-color: #e9ebfa
            }

                .main-chat-list .media.selected:first-child {
                    border-top-color: transparent
                }

                .main-chat-list .media.selected:after {
                    display: block
                }

                .main-chat-list .media.selected .media-contact-name span:first-child {
                    color: #14112d
                }

                .main-chat-list .media.selected .media-body p {
                    color: #22252f
                }

        .main-chat-list .main-img-user span {
            align-items: center;
            background-color: #ff5c77;
            border-radius: 100%;
            box-shadow: 0 0 0 2px #fff;
            color: #fff;
            display: none;
            font-size: 9px;
            font-weight: 500;
            height: 14px;
            justify-content: center;
            left: -2px;
            position: absolute;
            top: 0;
            width: 14px
        }

        .main-chat-list .media-body {
            margin-left: 15px
        }

            .main-chat-list .media-body p {
                color: #737688;
                font-size: 13px;
                line-height: 1.35;
                margin-bottom: 0
            }

        .main-chat-list .media-contact-name {
            align-items: center;
            display: flex;
            justify-content: space-between;
            margin-bottom: 2px
        }

            .main-chat-list .media-contact-name span:first-child {
                color: #14112d;
                display: block;
                font-size: 14px;
                font-weight: 500
            }

            .main-chat-list .media-contact-name span:last-child {
                color: #737688;
                display: block;
                font-size: 11px
            }

    @media (min-width:992px) {
        .main-chat-list .media {
            margin: 0;
            padding: 12px 15px
        }
    }

    .main-content-body-chat {
        flex-direction: column
    }

    @media (min-width:992px) {
        .main-content-body-chat {
            display: flex
        }
    }

    .main-chat-header {
        align-items: center;
        border-bottom: 1px solid #e9edf4;
        display: flex;
        flex-shrink: 0;
        justify-content: flex-start;
        padding: 12px 20px
    }

        .main-chat-header .nav {
            align-items: center;
            margin-left: auto
        }

        .main-chat-header .nav-link {
            color: #737688;
            display: none;
            font-size: 20px;
            margin-top: 0;
            padding: 0
        }

            .main-chat-header .nav-link:first-child {
                display: block
            }

            .main-chat-header .nav-link i {
                line-height: 0
            }

            .main-chat-header .nav-link .typcn {
                line-height: .9
            }

                .main-chat-header .nav-link .typcn:before {
                    width: auto
                }

            .main-chat-header .nav-link:focus,
            .main-chat-header .nav-link:hover {
                color: #36f
            }

            .main-chat-header .nav-link + .nav-link {
                margin-left: 10px
            }

    @media (min-width:576px) {
        .main-chat-header .nav-link {
            display: block
        }

            .main-chat-header .nav-link:first-child {
                display: none
            }
    }

    .main-chat-msg-name {
        margin-left: 15px
    }

        .main-chat-msg-name h6 {
            color: #14112d;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 2px
        }

        .main-chat-msg-name small {
            color: #737688;
            font-size: 12px
        }

    .main-chat-body {
        background: url(../images/chat.png);
        max-height: 555px;
        overflow: hidden;
        padding-bottom: 0;
        position: relative
    }

        .main-chat-body .content-inner {
            padding: 20px
        }

        .main-chat-body .media + .media {
            margin-top: 20px
        }

        .main-chat-body .media.flex-row-reverse .media-body {
            align-items: flex-end;
            margin-left: 0;
            margin-right: 5px
        }

        .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
            background-color: #36f;
            border-radius: 4px 0 4px 4px;
            color: #fff;
            margin-right: 15px
        }

        .main-chat-body .media-body {
            align-items: flex-start;
            display: flex;
            flex-direction: column;
            margin-left: 5px
        }

            .main-chat-body .media-body > div span {
                align-items: center;
                color: #737688;
                display: flex;
                font-size: 11px
            }

    @media (min-width:576px) {
        .main-chat-body .media.flex-row-reverse .media-body {
            margin-left: 0
        }

        .main-chat-body .media-body {
            margin-right: 0
        }
    }

    .main-chat-time {
        display: block;
        margin: 20px 0;
        position: relative;
        text-align: center
    }

        .main-chat-time:first-of-type {
            margin-top: 0
        }

        .main-chat-time span {
            font-size: 10px;
            font-weight: 500;
            letter-spacing: 1px;
            text-transform: uppercase
        }

    .main-msg-wrapper {
        background-color: #eff1f7;
        border-radius: 0;
        border-radius: 0 4px 4px 4px;
        display: inline-block;
        font-size: 13px;
        margin-bottom: 5px;
        margin-left: 10px;
        padding: 10px 15px;
        position: relative
    }

    .main-chat-footer {
        background-color: #fff;
        border-radius: 0 0 5px 5px;
        border-top: 1px solid #e9edf4;
        bottom: 0;
        display: flex;
        height: 50px;
        left: 0;
        padding: 0 20px;
        right: 0
    }

        .main-chat-footer,
        .main-chat-footer .nav {
            align-items: center
        }

            .main-chat-footer .nav-link {
                color: #9ba5ca;
                display: none;
                font-size: 20px;
                padding: 0
            }

                .main-chat-footer .nav-link + .nav-link {
                    margin-left: 10px
                }

                .main-chat-footer .nav-link:last-child {
                    display: block;
                    margin-left: 0
                }

            .main-chat-footer .form-control {
                border-width: 0;
                flex: 1;
                margin: 0 10px;
                padding-left: 0;
                padding-right: 0
            }

                .main-chat-footer .form-control:focus,
                .main-chat-footer .form-control:hover {
                    box-shadow: none
                }

    @media (min-width:992px) {
        .main-chat-footer {
            bottom: auto;
            left: auto;
            position: relative;
            right: auto
        }
    }

    @media (min-width:576px) {
        .main-chat-footer .nav-link {
            display: block
        }

            .main-chat-footer .nav-link:last-child {
                display: none
            }

        .main-chat-footer .form-control {
            margin-left: 20px
        }
    }

    @media (min-width:768px) {
        .main-chat-footer .form-control {
            border: 0 !important;
            margin: 0 20px
        }
    }

    .main-msg-send {
        color: #9ba5ca;
        font-size: 20px
    }

    .main-img-user.online {
        position: relative
    }

        .main-img-user.online:before {
            background: #0dcd94;
            border-radius: 50%;
            bottom: 0;
            content: "";
            display: block;
            height: 8px;
            position: absolute;
            right: 2px;
            width: 8px;
            z-index: 1
        }

    .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before {
        border-bottom: 8px solid #36f;
        left: auto;
        right: -12px;
        transform: rotate(90deg)
    }

    .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before,
    .main-msg-wrapper:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        content: "";
        display: block;
        position: absolute;
        top: 6px
    }

    .main-msg-wrapper:before {
        border-bottom: 8px solid #eff1f7;
        left: -12px;
        right: auto;
        transform: rotate(-90deg)
    }

    .main-content-left-chat .form-control {
        height: 40px;
        padding: .52rem 15px
    }

    .option-dots.new-list2 {
        font-size: 20px;
        line-height: 45px
    }

    .modal-content .actions > li > a {
        color: #fff;
        font-size: 20px;
        opacity: .6
    }

    .modal-content .actions {
        top: 0
    }

    @media (min-width:768px) and (max-width:991.98px) {
        .main-content-body-show .main-header-contacts .main-header-menu-icon {
            display: flex
        }

        .main-content-body-show .main-content-left-contacts {
            display: block
        }
    }

    @media (max-width:1200px) {
        .main-contact-info-header {
            border-top: 1px solid #e9edf4
        }

            .main-contact-info-header .media-body {
                padding-top: 20px
            }
    }

    @media (max-width:400px) {
        .main-contact-action a span {
            display: none
        }
    }

    @media (max-width:576px) {
        .main-contact-info-header {
            padding-top: 60px !important
        }

        .main-contact-action {
            left: 10px;
            right: 0 !important
        }

        .main-contact-info-header .media-body .nav-link {
            padding-top: 5px
        }
    }

    @media (min-width:992px) and (max-width:1200px) {
        .main-contact-info-header .media {
            display: block !important
        }

        .main-contact-info-header .media-body {
            padding-top: 20px
        }
    }

    @media (min-width:768px) and (max-width:991.98px) {
        .app .main-contact-star {
            display: none
        }

        .app .main-content-left-contacts .main-nav-line-chat .nav-link.active {
            display: block !important;
            font-size: 11px;
            padding: 0
        }

        .app .main-content-left-contacts .main-img-user {
            margin: 0 auto
        }
    }

    .main-content-left-contacts {
        display: block;
        padding: 0;
        width: 100%
    }

        .main-content-left-contacts .main-content-breadcrumb,
        .main-content-left-contacts .main-content-title {
            padding-left: 20px
        }

    @media (min-width:768px) {
        .main-content-left-contacts {
            width: 100%
        }
    }

    @media (min-width:992px) {
        .main-content-left-contacts .main-content-breadcrumb,
        .main-content-left-contacts .main-content-title {
            padding-left: 0
        }
    }

    .main-contacts-list {
        height: 730px;
        position: relative
    }

        .main-contacts-list:focus,
        .main-contacts-list:hover {
            border: 0;
            box-shadow: none;
            outline: 0
        }

    .main-contact-label {
        font-size: 12px;
        font-weight: 500;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-top: 20px;
        position: relative
    }

        .main-contact-label:after {
            border-bottom: 1px solid #e9edf4;
            bottom: -1px;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            z-index: 1
        }

    @media (min-width:992px) {
        .main-contact-label {
            padding-left: 10px
        }
    }

    .main-contact-item {
        border: 1px solid transparent;
        border-right-width: 0;
        cursor: pointer;
        display: flex;
        padding: 12px 20px;
        position: relative
    }

        .main-contact-item + .main-contact-item {
            border-top-color: transparent;
            margin-top: -1px
        }

            .main-contact-item + .main-contact-item:before {
                border-top: 1px solid #e9edf4;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: -1px
            }

        .main-contact-item.selected,
        .main-contact-item:focus,
        .main-contact-item:hover {
            background-color: #f3f4f7;
            border-bottom-color: #e9ebfa;
            border-top-color: #e9ebfa
        }

        .main-contact-item.selected {
            border-width: 1px
        }

    @media (min-width:992px) {
        .main-contact-item {
            padding: 12px 15px
        }
    }

    .main-contact-body {
        flex: 1;
        margin-left: 15px
    }

        .main-contact-body h6 {
            color: #263871;
            font-weight: 600;
            margin-bottom: 2px
        }

        .main-contact-body span {
            color: #9ba5ca;
            font-size: 13px
        }

    .main-contact-star {
        color: #9ba5ca;
        font-size: 16px;
        margin-top: 5px
    }

        .main-contact-star:focus,
        .main-contact-star:hover {
            color: #9ba5ca
        }

        .main-contact-star.active {
            color: #fcb32d
        }

    @media (min-width:768px) {
        .main-content-body-contacts {
            display: block;
            overflow-y: auto
        }
    }

    @media (min-width:992px) {
        .main-content-body-contacts {
            overflow: visible
        }
    }

    .main-contact-info-header {
        border-bottom: 1px solid #e9edf4;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-top: 40px;
        position: relative
    }

        .main-contact-info-header .media {
            display: block
        }

        .main-contact-info-header .main-img-user {
            height: 100px;
            width: 100px
        }

            .main-contact-info-header .main-img-user:after {
                display: none
            }

            .main-contact-info-header .main-img-user a {
                align-items: center;
                background-color: #e3e7f5;
                border-radius: 100%;
                bottom: 0;
                box-shadow: 0 0 0 2px #fff;
                color: #263871;
                display: flex;
                font-size: 18px;
                height: 32px;
                justify-content: center;
                line-height: .9;
                right: 0;
                width: 32px
            }

                .main-contact-info-header .main-img-user a:focus,
                .main-contact-info-header .main-img-user a:hover {
                    background-color: #36f;
                    color: hsla(0, 0%, 100%, .5)
                }

        .main-contact-info-header .media-body {
            margin-top: 30px
        }

            .main-contact-info-header .media-body h4 {
                color: #263871;
                font-size: 22px;
                font-weight: 500;
                line-height: 1;
                margin-bottom: 4px
            }

            .main-contact-info-header .media-body p {
                margin-bottom: 15px
            }

            .main-contact-info-header .media-body .nav-link {
                align-items: center;
                color: #9ba5ca;
                display: flex;
                font-size: 13px;
                padding: 0
            }

                .main-contact-info-header .media-body .nav-link i {
                    font-size: 14px;
                    line-height: 0;
                    margin-right: 5px
                }

                    .main-contact-info-header .media-body .nav-link i.typcn {
                        line-height: .9
                    }

                        .main-contact-info-header .media-body .nav-link i.typcn:before {
                            width: auto
                        }

                .main-contact-info-header .media-body .nav-link:focus,
                .main-contact-info-header .media-body .nav-link:hover {
                    color: #4c84ff
                }

                .main-contact-info-header .media-body .nav-link + .nav-link {
                    margin-left: 10px
                }

    @media (min-width:576px) {
        .main-contact-info-header {
            padding-top: 20px
        }
    }

    @media (min-width:992px) {
        .main-contact-info-header {
            padding-bottom: 25px;
            padding-left: 30px
        }

            .main-contact-info-header .media {
                align-items: center;
                display: flex
            }

            .main-contact-info-header .media-body {
                margin-left: 30px;
                margin-top: 0
            }
    }

    @media (min-width:576px) {
        .main-contact-info-header .media-body .nav-link {
            font-size: .875rem
        }

            .main-contact-info-header .media-body .nav-link i {
                margin-right: 7px
            }

            .main-contact-info-header .media-body .nav-link + .nav-link {
                margin-left: 25px
            }
    }

    .main-contact-action {
        display: flex;
        position: absolute;
        right: 20px;
        top: 20px
    }

        .main-contact-action a {
            align-items: center;
            display: flex
        }

            .main-contact-action a:focus,
            .main-contact-action a:hover {
                color: #4c84ff
            }

            .main-contact-action a i {
                font-size: 17px;
                line-height: .9;
                margin-right: 5px
            }

            .main-contact-action a + a {
                margin-left: 15px
            }

    @media (min-width:992px) {
        .main-contact-action {
            right: 20px
        }
    }

    .main-contact-info-body {
        padding-left: 0
    }

        .main-contact-info-body .media-list {
            padding: 20px 0
        }

        .main-contact-info-body .media {
            align-items: center;
            position: relative
        }

            .main-contact-info-body .media + .media {
                margin-top: 30px
            }

                .main-contact-info-body .media + .media:before {
                    border-top: 1px solid #e9edf4;
                    content: "";
                    left: 0;
                    position: absolute;
                    right: 0;
                    top: -15px
                }

            .main-contact-info-body .media:last-child {
                margin-bottom: 15px
            }

        .main-contact-info-body .media-body {
            margin-left: 30px
        }

            .main-contact-info-body .media-body > div + div {
                margin-top: 15px
            }

            .main-contact-info-body .media-body label {
                color: #9ba5ca;
                display: block;
                font-size: 14px;
                margin-bottom: 0
            }

            .main-contact-info-body .media-body span {
                color: #263871;
                display: block;
                font-weight: 500
            }

        .main-contact-info-body .media:before {
            border-top: 1px solid #e9edf4;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            top: -15px
        }

    @media (min-width:992px) {
        .main-contact-info-body {
            height: calc(100% - 126px);
            position: relative
        }

            .main-contact-info-body .media-list {
                padding: 25px 0
            }

            .main-contact-info-body .media-body {
                display: flex
            }

                .main-contact-info-body .media-body > div {
                    flex: 1
                }

                    .main-contact-info-body .media-body > div + div {
                        margin-top: 0
                    }
    }

    .main-contact-info-header .main-img-user {
        position: relative
    }

        .main-contact-info-header .main-img-user a {
            position: absolute
        }

    .ui-datepicker {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 4px;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
        display: none;
        font-family: inherit;
        font-size: inherit;
        margin: 1px 0 0;
        padding: 10px;
        width: auto !important;
        z-index: 5 !important
    }

        .ui-datepicker .ui-datepicker-header {
            align-items: center;
            background-color: transparent;
            border: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: #473b52;
            display: flex;
            font-size: 12px;
            font-weight: 500;
            justify-content: space-between;
            letter-spacing: 1px;
            padding: 0 0 5px;
            position: relative;
            text-transform: uppercase
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
                color: #6c757d;
                text-indent: -99999px;
                top: 1px
            }

                .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
                .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
                    font-family: FontAwesome;
                    font-size: 16px;
                    position: absolute;
                    text-indent: 0;
                    top: -4px
                }

                .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus:before,
                .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:before,
                .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus:before,
                .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:before {
                    color: #353a40
                }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
                order: 3
            }

                .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
                    content: "";
                    right: 5px
                }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
                content: "";
                left: 5px
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
                background-color: transparent;
                border: 0;
                color: #495057;
                cursor: pointer;
                top: 1px
            }

        .ui-datepicker .ui-datepicker-title {
            color: #36f
        }

        .ui-datepicker .ui-datepicker-calendar {
            background-color: transparent;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            margin: 0
        }

            .ui-datepicker .ui-datepicker-calendar th {
                color: #98a1b5;
                font-size: 10px;
                font-weight: 500;
                letter-spacing: 1px;
                padding: 6px 10px;
                text-transform: uppercase
            }

            .ui-datepicker .ui-datepicker-calendar td {
                background-color: #f6f7fb;
                border: 1px solid #e9ebfa;
                padding: 0;
                text-align: right
            }

                .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
                    color: #ced1da
                }

                .ui-datepicker .ui-datepicker-calendar td a,
                .ui-datepicker .ui-datepicker-calendar td span {
                    background-color: #fff;
                    border: 0;
                    border-radius: 1px;
                    color: #263871;
                    display: block;
                    font-size: 12px;
                    font-weight: 400;
                    padding: 6px 10px;
                    transition: all .2s ease-in-out
                }

                    .ui-datepicker .ui-datepicker-calendar td a:hover {
                        background-color: #f0f2f7;
                        color: #473b52
                    }

            .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
                background-color: #36f;
                color: #fff
            }

    @media (max-width:320px) {
        .ui-datepicker .ui-datepicker-calendar th {
            letter-spacing: normal;
            padding: 4px 0
        }
    }

    .ui-datepicker-multi .ui-datepicker-group {
        float: left;
        padding-right: 15px;
        width: auto
    }

        .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
            margin: auto
        }

        .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev:before {
            left: 10px
        }

        .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next:before {
            right: 10px
        }

        .ui-datepicker-multi .ui-datepicker-group table {
            margin: 0
        }

    .ui-datepicker-multi .ui-datepicker-group-last {
        padding-right: 0
    }

    .ui-datepicker-inline {
        border-radius: 12px;
        max-width: 270px
    }

    .model-wrapper-demo {
        background: #ebeff8;
        padding: 50px 0
    }

    .custom-checkbox:before {
        background-color: transparent;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .custom-checkbox:after,
    .custom-checkbox:before {
        content: "";
        display: block;
        height: 1rem;
        left: 0;
        position: absolute;
        top: .25rem;
        width: 1rem
    }

    .custom-checkbox:after {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 50% 50%
    }

    .custom-checkbox-md:before {
        background-color: transparent;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .custom-checkbox-md:after,
    .custom-checkbox-md:before {
        content: "";
        display: block;
        height: 1.8rem;
        left: 0;
        position: absolute;
        top: .15rem;
        width: 1.8rem
    }

    .custom-checkbox-md:after {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 50% 50%
    }

    .custom-checkbox-lg:before {
        background-color: transparent;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .custom-checkbox-lg:after,
    .custom-checkbox-lg:before {
        content: "";
        display: block;
        height: 2rem;
        left: 0;
        position: absolute;
        top: .25rem;
        width: 2rem
    }

    .custom-checkbox-lg:after {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 50% 50%
    }

    .custom-control-label-md.success:before {
        border-radius: 8px
    }

    #global-loader {
        height: 100%;
        width: 100%;
        z-index: 999
    }

        #global-loader img {
            bottom: 0;
            top: 43%
        }

    .dimmer {
        position: relative
    }

        .dimmer .loader {
            display: none;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

        .dimmer.active .loader {
            display: block
        }

        .dimmer.active .dimmer-content {
            opacity: .04;
            pointer-events: none
        }

    .spinner3 {
        -webkit-animation: sk-rotate 2s linear infinite;
        animation: sk-rotate 2s linear infinite;
        height: 40px;
        margin: 100px auto;
        position: relative;
        text-align: center;
        width: 40px
    }

    .dot1,
    .dot2 {
        -webkit-animation: sk-bounce 2s ease-in-out infinite;
        animation: sk-bounce 2s ease-in-out infinite;
        border-radius: 100%;
        display: inline-block;
        height: 60%;
        position: absolute;
        top: 0;
        width: 60%
    }

    .dot1,
    .dot2 {
        background: -webkit-gradient(linear, left top, right top, from(#36f), to(#36f))
    }

    .dot2 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
        bottom: 0;
        top: auto
    }

    @-webkit-keyframes sk-rotate {
        to {
            -webkit-transform: rotate(1turn)
        }
    }

    @keyframes sk-rotate {
        to {
            transform: rotate(1turn);
            -webkit-transform: rotate(1turn)
        }
    }

    .spinner4 {
        margin: 100px auto;
        text-align: center;
        width: 70px
    }

        .spinner4 > div {
            -webkit-animation: sk-bouncedelay 1.4s ease-in-out infinite both;
            animation: sk-bouncedelay 1.4s ease-in-out infinite both;
            background: -webkit-gradient(linear, left top, right top, from(#36f), to(#36f));
            border-radius: 100%;
            display: inline-block;
            height: 18px;
            width: 18px
        }

        .spinner4 .bounce1 {
            -webkit-animation-delay: -.32s;
            animation-delay: -.32s
        }

        .spinner4 .bounce2 {
            -webkit-animation-delay: -.16s;
            animation-delay: -.16s
        }

    @-webkit-keyframes sk-bouncedelay {
        0%, 80%, to {
            -webkit-transform: scale(0)
        }

        40% {
            -webkit-transform: scale(1)
        }
    }

    @keyframes sk-bouncedelay {
        0%, 80%, to {
            transform: scale(0)
        }

        40% {
            transform: scale(1)
        }
    }

    .sk-circle {
        height: 40px;
        margin: 100px auto;
        position: relative;
        width: 40px
    }

        .sk-circle .sk-child {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

            .sk-circle .sk-child:before {
                -webkit-animation: sk-circleBounceDelay 1.2s ease-in-out infinite both;
                animation: sk-circleBounceDelay 1.2s ease-in-out infinite both;
                background: -webkit-gradient(linear, left top, right top, from(#36f), to(#36f));
                border-radius: 100%;
                content: "";
                display: block;
                height: 15%;
                margin: 0 auto;
                width: 15%
            }

        .sk-circle .sk-circle2 {
            transform: rotate(30deg)
        }

        .sk-circle .sk-circle3 {
            transform: rotate(60deg)
        }

        .sk-circle .sk-circle4 {
            transform: rotate(90deg)
        }

        .sk-circle .sk-circle5 {
            transform: rotate(120deg)
        }

        .sk-circle .sk-circle6 {
            transform: rotate(150deg)
        }

        .sk-circle .sk-circle7 {
            transform: rotate(180deg)
        }

        .sk-circle .sk-circle8 {
            transform: rotate(210deg)
        }

        .sk-circle .sk-circle9 {
            transform: rotate(240deg)
        }

        .sk-circle .sk-circle10 {
            transform: rotate(270deg)
        }

        .sk-circle .sk-circle11 {
            transform: rotate(300deg)
        }

        .sk-circle .sk-circle12 {
            transform: rotate(330deg)
        }

        .sk-circle .sk-circle2:before {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s
        }

        .sk-circle .sk-circle3:before {
            -webkit-animation-delay: -1s;
            animation-delay: -1s
        }

        .sk-circle .sk-circle4:before {
            -webkit-animation-delay: -.9s;
            animation-delay: -.9s
        }

        .sk-circle .sk-circle5:before {
            -webkit-animation-delay: -.8s;
            animation-delay: -.8s
        }

        .sk-circle .sk-circle6:before {
            -webkit-animation-delay: -.7s;
            animation-delay: -.7s
        }

        .sk-circle .sk-circle7:before {
            -webkit-animation-delay: -.6s;
            animation-delay: -.6s
        }

        .sk-circle .sk-circle8:before {
            -webkit-animation-delay: -.5s;
            animation-delay: -.5s
        }

        .sk-circle .sk-circle9:before {
            -webkit-animation-delay: -.4s;
            animation-delay: -.4s
        }

        .sk-circle .sk-circle10:before {
            -webkit-animation-delay: -.3s;
            animation-delay: -.3s
        }

        .sk-circle .sk-circle11:before {
            -webkit-animation-delay: -.2s;
            animation-delay: -.2s
        }

        .sk-circle .sk-circle12:before {
            -webkit-animation-delay: -.1s;
            animation-delay: -.1s
        }

    @-webkit-keyframes sk-circleBounceDelay {
        0%, 80%, to {
            transform: scale(0)
        }

        40% {
            transform: scale(1)
        }
    }

    @keyframes sk-circleBounceDelay {
        0%, 80%, to {
            transform: scale(0)
        }

        40% {
            transform: scale(1)
        }
    }

    .sk-cube-grid {
        height: 40px;
        margin: 300px auto;
        width: 40px
    }

        .sk-cube-grid .sk-cube {
            -webkit-animation: sk-cubeGridScaleDelay 1.3s ease-in-out infinite;
            animation: sk-cubeGridScaleDelay 1.3s ease-in-out infinite;
            background: #36f;
            float: left;
            height: 33%;
            width: 33%
        }

        .sk-cube-grid .sk-cube1 {
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

        .sk-cube-grid .sk-cube2 {
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

        .sk-cube-grid .sk-cube3 {
            -webkit-animation-delay: .4s;
            animation-delay: .4s
        }

        .sk-cube-grid .sk-cube4 {
            -webkit-animation-delay: .1s;
            animation-delay: .1s
        }

        .sk-cube-grid .sk-cube5 {
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

        .sk-cube-grid .sk-cube6 {
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

        .sk-cube-grid .sk-cube7 {
            -webkit-animation-delay: 0s;
            animation-delay: 0s
        }

        .sk-cube-grid .sk-cube8 {
            -webkit-animation-delay: .1s;
            animation-delay: .1s
        }

        .sk-cube-grid .sk-cube9 {
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

    @-webkit-keyframes sk-cubeGridScaleDelay {
        0%, 70%, to {
            transform: scaleX(1)
        }

        35% {
            transform: scale3D(0, 0, 1)
        }
    }

    @keyframes sk-cubeGridScaleDelay {
        0%, 70%, to {
            transform: scaleX(1)
        }

        35% {
            transform: scale3D(0, 0, 1)
        }
    }

    .sk-folding-cube {
        height: 40px;
        margin: 100px auto;
        position: relative;
        transform: rotate(45deg);
        width: 40px
    }

        .sk-folding-cube .sk-cube {
            float: left;
            height: 50%;
            position: relative;
            transform: scale(1.1);
            width: 50%
        }

            .sk-folding-cube .sk-cube:before {
                -webkit-animation: sk-foldCubeAngle 2.4s linear infinite both;
                animation: sk-foldCubeAngle 2.4s linear infinite both;
                background-color: #36f;
                content: "";
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                transform-origin: 100% 100%;
                width: 100%
            }

        .sk-folding-cube .sk-cube2 {
            transform: scale(1.1) rotate(90deg)
        }

        .sk-folding-cube .sk-cube3 {
            transform: scale(1.1) rotate(180deg)
        }

        .sk-folding-cube .sk-cube4 {
            transform: scale(1.1) rotate(270deg)
        }

        .sk-folding-cube .sk-cube2:before {
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

        .sk-folding-cube .sk-cube3:before {
            -webkit-animation-delay: .6s;
            animation-delay: .6s
        }

        .sk-folding-cube .sk-cube4:before {
            -webkit-animation-delay: .9s;
            animation-delay: .9s
        }

    @-webkit-keyframes sk-foldCubeAngle {
        0%, 10% {
            opacity: 0;
            transform: perspective(140px) rotateX(-180deg)
        }

        25%, 75% {
            opacity: 1;
            transform: perspective(140px) rotateX(0deg)
        }

        90%, to {
            opacity: 0;
            transform: perspective(140px) rotateY(180deg)
        }
    }

    @keyframes sk-foldCubeAngle {
        0%, 10% {
            opacity: 0;
            transform: perspective(140px) rotateX(-180deg)
        }

        25%, 75% {
            opacity: 1;
            transform: perspective(140px) rotateX(0deg)
        }

        90%, to {
            opacity: 0;
            transform: perspective(140px) rotateY(180deg)
        }
    }

    .spinner5 {
        font-size: 10px;
        height: 40px;
        margin: 100px auto;
        text-align: center;
        width: 50px
    }

        .spinner5 > div {
            -webkit-animation: sk-stretchdelay 1.2s ease-in-out infinite;
            animation: sk-stretchdelay 1.2s ease-in-out infinite;
            background: -webkit-gradient(linear, left top, right top, from(#36f), to(#36f));
            display: inline-block;
            height: 100%;
            width: 6px
        }

        .spinner5 .rect2 {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s
        }

        .spinner5 .rect3 {
            -webkit-animation-delay: -1s;
            animation-delay: -1s
        }

        .spinner5 .rect4 {
            -webkit-animation-delay: -.9s;
            animation-delay: -.9s
        }

        .spinner5 .rect5 {
            -webkit-animation-delay: -.8s;
            animation-delay: -.8s
        }

    @-webkit-keyframes sk-stretchdelay {
        0%, 40%, to {
            -webkit-transform: scaleY(.4)
        }

        20% {
            -webkit-transform: scaleY(1)
        }
    }

    @keyframes sk-stretchdelay {
        0%, 40%, to {
            transform: scaleY(.4);
            -webkit-transform: scaleY(.4)
        }

        20% {
            transform: scaleY(1);
            -webkit-transform: scaleY(1)
        }
    }

    .spinner {
        background: #36f;
        height: 40px;
        width: 40px
    }

    .spinner,
    .spinner-lg {
        -webkit-animation: sk-rotateplane 1.2s ease-in-out infinite;
        animation: sk-rotateplane 1.2s ease-in-out infinite;
        margin: 100px auto
    }

    .spinner-lg {
        background-color: #36f;
        height: 100px;
        width: 100px
    }

    @-webkit-keyframes sk-rotateplane {
        0% {
            -webkit-transform: perspective(120px)
        }

        50% {
            -webkit-transform: perspective(120px) rotateY(180deg)
        }

        to {
            -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
        }
    }

    @keyframes sk-rotateplane {
        0% {
            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
        }

        50% {
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
        }

        to {
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
        }
    }

    .spinner1 {
        height: 40px;
        width: 40px
    }

    .spinner1,
    .spinner1-lg {
        margin: 100px auto;
        position: relative
    }

    .spinner1-lg {
        height: 100px;
        width: 100px
    }

    .double-bounce1,
    .double-bounce2 {
        -webkit-animation: sk-bounce 2s ease-in-out infinite;
        animation: sk-bounce 2s ease-in-out infinite;
        background: #36f;
        border-radius: 50%;
        height: 100%;
        left: 0;
        opacity: .6;
        position: absolute;
        top: 0;
        width: 100%
    }

    .double-bounce2 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s
    }

    @-webkit-keyframes sk-bounce {
        0%, to {
            -webkit-transform: scale(0)
        }

        50% {
            -webkit-transform: scale(1)
        }
    }

    @keyframes sk-bounce {
        0%, to {
            transform: scale(0);
            -webkit-transform: scale(0)
        }

        50% {
            transform: scale(1);
            -webkit-transform: scale(1)
        }
    }

    .spinner2 {
        height: 40px;
        margin: 100px auto;
        position: relative;
        width: 40px
    }

    .cube1,
    .cube2 {
        -webkit-animation: sk-cubemove 1.8s ease-in-out infinite;
        animation: sk-cubemove 1.8s ease-in-out infinite;
        background-color: #36f;
        height: 15px;
        left: 0;
        position: absolute;
        top: 0;
        width: 15px
    }

    .cube2 {
        -webkit-animation-delay: -.9s;
        animation-delay: -.9s
    }

    @-webkit-keyframes sk-cubemove {
        25% {
            -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
        }

        50% {
            -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
        }

        75% {
            -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
        }

        to {
            -webkit-transform: rotate(-1turn)
        }
    }

    @keyframes sk-cubemove {
        25% {
            transform: translateX(42px) rotate(-90deg) scale(.5);
            -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
        }

        50% {
            transform: translateX(42px) translateY(42px) rotate(-179deg);
            -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
        }

        50.1% {
            transform: translateX(42px) translateY(42px) rotate(-180deg);
            -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
        }

        75% {
            transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
            -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
        }

        to {
            transform: rotate(-1turn);
            -webkit-transform: rotate(-1turn)
        }
    }

    .lds-heart {
        height: 64px;
        margin: 100px auto;
        position: relative;
        transform: rotate(45deg);
        transform-origin: 32px 32px;
        width: 64px
    }

        .lds-heart div {
            -webkit-animation: lds-heart 1.2s cubic-bezier(.215, .61, .355, 1) infinite;
            animation: lds-heart 1.2s cubic-bezier(.215, .61, .355, 1) infinite;
            background: #36f;
            height: 26px;
            left: 19px;
            position: absolute;
            top: 23px;
            width: 26px
        }

            .lds-heart div:after,
            .lds-heart div:before {
                background: #36f;
                content: " ";
                display: block;
                height: 26px;
                position: absolute;
                width: 26px
            }

            .lds-heart div:before {
                border-radius: 50% 0 0 50%;
                left: -17px
            }

            .lds-heart div:after {
                border-radius: 50% 50% 0 0;
                top: -17px
            }

    @-webkit-keyframes lds-heart {
        0% {
            transform: scale(.95)
        }

        5% {
            transform: scale(1.1)
        }

        39% {
            transform: scale(.85)
        }

        45% {
            transform: scale(1)
        }

        60% {
            transform: scale(.95)
        }

        to {
            transform: scale(.9)
        }
    }

    @keyframes lds-heart {
        0% {
            transform: scale(.95)
        }

        5% {
            transform: scale(1.1)
        }

        39% {
            transform: scale(.85)
        }

        45% {
            transform: scale(1)
        }

        60% {
            transform: scale(.95)
        }

        to {
            transform: scale(.9)
        }
    }

    .lds-ring {
        height: 64px;
        margin: 100px auto;
        position: relative;
        width: 64px
    }

        .lds-ring div {
            -webkit-animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
            animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
            border: 6px solid transparent;
            border-radius: 50%;
            border-top-color: #36f;
            box-sizing: border-box;
            display: block;
            height: 51px;
            margin: 6px;
            position: absolute;
            width: 51px
        }

            .lds-ring div:first-child {
                -webkit-animation-delay: -.45s;
                animation-delay: -.45s
            }

            .lds-ring div:nth-child(2) {
                -webkit-animation-delay: -.3s;
                animation-delay: -.3s
            }

            .lds-ring div:nth-child(3) {
                -webkit-animation-delay: -.15s;
                animation-delay: -.15s
            }

    @-webkit-keyframes lds-ring {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @keyframes lds-ring {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .lds-hourglass {
        height: 40px;
        margin: 100px auto;
        position: relative;
        width: 40px
    }

        .lds-hourglass:after {
            -webkit-animation: lds-hourglass 1.2s infinite;
            animation: lds-hourglass 1.2s infinite;
            border-color: #36f transparent;
            border-radius: 50%;
            border-style: solid;
            border-width: 26px;
            box-sizing: border-box;
            content: " ";
            display: block;
            height: 0;
            margin: 6px;
            width: 0
        }

    @-webkit-keyframes lds-hourglass {
        0% {
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            transform: rotate(0)
        }

        50% {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            transform: rotate(900deg)
        }

        to {
            transform: rotate(5turn)
        }
    }

    @keyframes lds-hourglass {
        0% {
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            transform: rotate(0)
        }

        50% {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            transform: rotate(900deg)
        }

        to {
            transform: rotate(5turn)
        }
    }

    .parent {
        -webkit-animation: spin 200s infinite;
        animation: spin 200s infinite
    }

    .bgbox div {
        background: transparent;
        border: 6px solid hsla(0, 0%, 100%, .2);
        height: 60px;
        position: absolute;
        width: 60px
    }

        .bgbox div:first-child {
            -webkit-animation: animate 10s linear infinite;
            animation: animate 10s linear infinite;
            left: 42%;
            top: 12%
        }

        .bgbox div:nth-child(2) {
            -webkit-animation: animate 7s linear infinite;
            animation: animate 7s linear infinite;
            left: 50%;
            top: 70%
        }

        .bgbox div:nth-child(3) {
            -webkit-animation: animate 9s linear infinite;
            animation: animate 9s linear infinite;
            left: 6%;
            top: 17%
        }

        .bgbox div:nth-child(4) {
            -webkit-animation: animate 10s linear infinite;
            animation: animate 10s linear infinite;
            left: 60%;
            top: 20%
        }

        .bgbox div:nth-child(5) {
            -webkit-animation: animate 6s linear infinite;
            animation: animate 6s linear infinite;
            left: 10%;
            top: 67%
        }

        .bgbox div:nth-child(6) {
            -webkit-animation: animate 12s linear infinite;
            animation: animate 12s linear infinite;
            left: 70%;
            top: 80%
        }

        .bgbox div:nth-child(7) {
            -webkit-animation: animate 15s linear infinite;
            animation: animate 15s linear infinite;
            left: 80%;
            top: 60%
        }

        .bgbox div:nth-child(8) {
            -webkit-animation: animate 16s linear infinite;
            animation: animate 16s linear infinite;
            left: 25%;
            top: 32%
        }

        .bgbox div:nth-child(9) {
            -webkit-animation: animate 9s linear infinite;
            animation: animate 9s linear infinite;
            left: 25%;
            top: 90%
        }

        .bgbox div:nth-child(10) {
            -webkit-animation: animate 5s linear infinite;
            animation: animate 5s linear infinite;
            left: 80%;
            top: 20%
        }

    @-webkit-keyframes animate {
        0% {
            opacity: 1;
            -webkit-transform: scale(0) translateY(0) rotate(0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(1.3) translateY(-90px) rotate(1turn)
        }
    }

    @keyframes animate {
        0% {
            opacity: 1;
            -webkit-transform: scale(0) translateY(0) rotate(0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(1.3) translateY(-90px) rotate(1turn)
        }
    }

    #chat-popup {
        background: #f04a20;
        background-position: 50%;
        background-repeat: no-repeat;
        border-radius: 10px;
        bottom: 70px;
        color: #fff;
        display: block;
        height: 50px;
        line-height: 59px;
        position: fixed;
        right: 20px;
        text-align: center;
        width: 50px;
        z-index: 99
    }

        #chat-popup i {
            color: #fff;
            font-size: 1.25rem
        }

        #chat-popup.chat-popup-active {
            bottom: 80px;
            transition: all 1s
        }

    .chat-message-popup {
        background-color: #f1f4fb;
        border: 0 solid #e9ebfa;
        bottom: -600px;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
        overflow: hidden;
        transition: all 1s
    }

        .chat-message-popup,
        .chat-message-popup.card-fullscreen {
            height: 560px;
            position: fixed;
            right: 20px;
            width: 370px;
            z-index: 99999
        }

            .chat-message-popup.card-fullscreen {
                top: 100vh;
                transition: none
            }

            .chat-message-popup.active.card-fullscreen {
                display: block;
                height: 100vh;
                top: 0;
                transition: none;
                width: 100%
            }

    .chat-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 430px
    }

    .card-fullscreen .chat-content {
        min-height: 90vh !important
    }

    .popup-end-chat-main-body {
        display: none
    }

    .popup-endchat .popup-end-chat-main-body {
        display: block
    }

    .popup-endchat .popup-chat-main-body,
    .popup-endchat .rating-chat-main-body,
    .rating-section-body .popup-chat-main-body {
        display: none
    }

    .rating-section-body .rating-chat-main-body {
        display: block
    }

    .popup-minimize,
    .popup-minimize-fullscreen {
        display: none
    }

    .rating-section-body .popup-minimize {
        display: inline-block
    }

    .rating-section-body.card-fullscreen .popup-minimize {
        display: none
    }

    .rating-section-body.card-fullscreen .popup-minimize-fullscreen {
        display: inline-block
    }

    .rating-section-body .popup-minimize-normal {
        display: none
    }

    .chat-message-popup.card-fullscreen .popup-messages {
        max-height: 80vh
    }

    .rating-section-body .stars-example-fontawesome-sm .br-theme-fontawesome-stars .br-widget a {
        font-size: 1.25rem;
        margin-right: 4px
    }

    .rating-section-body .br-theme-fontawesome-stars .br-widget a:after {
        color: #cec9e2
    }

    .rating-chat-main-body {
        display: none
    }

    .chat-message-popup.card-fullscreen .popup-messages-footer > textarea {
        width: 99% !important
    }

    .chat-message-popup.active {
        bottom: 0;
        display: block;
        transition: all 1s
    }

    .chat-message-popup .popup-messages {
        margin-top: 14px;
        max-height: 380px;
        overflow: auto;
        padding: 0 20px 20px
    }

    .chat-message-popup .user-header {
        background: #fff;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .05)
    }

    .chat-message-popup .dropdown {
        z-index: 99
    }

    .popup-box .popup-head .popup-head-right {
        margin: 7px 7px 0
    }

    .popup-head-left img {
        border-radius: 50%;
        width: 44px
    }

    .popup-messages-footer {
        background: #fff none repeat scroll 0 0;
        bottom: 0;
        position: absolute;
        width: 100%
    }

        .popup-messages-footer > textarea {
            height: 42px !important;
            line-height: 30px;
            margin: 7px;
            padding: 5px 15px !important;
            width: 95% !important
        }

            .popup-messages-footer > textarea::-moz-placeholder {
                color: #bfbfc3
            }

            .popup-messages-footer > textarea:-ms-input-placeholder {
                color: #bfbfc3
            }

            .popup-messages-footer > textarea::placeholder {
                color: #bfbfc3
            }

        .popup-messages-footer .btn-footer {
            overflow: hidden;
            padding: 2px 5px 10px 6px;
            width: 100%
        }

    .simple_round {
        background: #d1d1d1 none repeat scroll 0 0;
        border-radius: 50%;
        color: #4b4b4b !important;
        height: 21px;
        padding: 0 0 0 1px;
        width: 21px
    }

    .popup-box .popup-messages {
        background: #fff none repeat scroll 0 0;
        height: 275px;
        overflow: auto
    }

    .direct-chat-messages {
        overflow: auto;
        transform: translate(0)
    }

    .popup-messages .chat-box-single-line {
        height: 12px;
        margin: 7px 0 20px;
        position: relative;
        text-align: center
    }

    .popup-messages abbr.timestamp {
        border-radius: 4px;
        font-size: .75rem;
        font-weight: 600;
        padding: 3px 14px
    }

    .popup-head-right .btn-group {
        display: inline-flex;
        margin: 0 8px 0 0;
        vertical-align: top !important
    }

    .chat-header-button {
        background: transparent none repeat scroll 0 0;
        border: 1px solid transparent;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        font-size: .875rem;
        height: 30px;
        width: 30px
    }

    .popup-messages-footer .btn-footer button {
        cursor: pointer
    }

    .popup-head-right .btn-group .dropdown-menu {
        border: none;
        min-width: 122px;
        padding: 0
    }

        .popup-head-right .btn-group .dropdown-menu li a {
            color: #303030;
            font-size: .75rem;
            padding: 3px 10px
        }

    .popup-messages .direct-chat-messages {
        height: auto;
        width: 100%
    }

    .popup-messages .direct-chat-text {
        background: #dfece7 none repeat scroll 0 0;
        border: 1px solid #dfece7
    }

    .popup-messages .direct-chat-timestamp {
        color: #68686b;
        opacity: .6
    }

    .popup-messages .direct-chat-name {
        color: #6e6e75;
        font-size: .9375rem;
        font-weight: 600;
        opacity: .9
    }

    .popup-messages .direct-chat-info {
        display: block;
        font-size: .75rem;
        margin-bottom: 0
    }

    .popup-messages .big-round {
        margin: -9px 0 0 !important
    }

    .popup-messages .direct-chat-img {
        background: #3f9684 none repeat scroll 0 0;
        border: 1px solid #e6eaea;
        border-radius: 50%;
        float: left;
        height: 32px;
        position: absolute;
        top: 0;
        width: 32px
    }

    .popup-messages .right .direct-chat-img {
        float: right;
        right: 0;
        top: 0
    }

    .popup-messages .direct-chat-reply-name {
        color: #d8dede;
        font-size: .9375rem;
        margin: 0 0 0 10px;
        opacity: .9
    }

    .popup-messages .direct-chat-img-reply-small {
        background: #3f9684;
        border: 1px solid #e6eaea;
        border-radius: 50%;
        float: left;
        height: 20px;
        margin: 0 8px;
        width: 20px
    }

    .popup-messages .direct-chat-msg {
        margin-bottom: 10px;
        position: relative
    }

    .popup-messages .doted-border:after {
        background: transparent none repeat scroll 0 0 !important
    }

    .popup-messages .direct-chat-msg:after,
    .popup-messages .doted-border:after {
        bottom: 0;
        content: "";
        display: inline;
        left: 17px;
        margin: 0;
        position: absolute;
        top: 0;
        width: 2px;
        z-index: -2
    }

    .popup-messages .direct-chat-msg:after {
        border-right: none
    }

    .direct-chat-msg .direct-chat-text:first-child:before {
        border-color: transparent #dee5f7 transparent transparent;
        border-style: solid;
        border-width: 0 12px 12px 0;
        content: "";
        height: 0;
        left: -13px;
        position: absolute;
        top: -1px;
        width: 0
    }

    .direct-chat-msg .direct-chat-text:first-child:after {
        background: transparent;
        border-radius: 0 100% 0 0;
        content: "";
        display: block;
        height: 12px;
        left: -15px;
        position: absolute;
        top: -1px;
        width: 12px
    }

    .direct-chat-msg.right .direct-chat-text:first-child:before {
        border-color: transparent #fff transparent transparent;
        border-style: solid;
        border-width: 0 12px 12px 0;
        content: "";
        height: 0;
        left: auto;
        position: absolute;
        right: -12px;
        top: 0;
        transform: rotate(-90deg);
        width: 0
    }

    .direct-chat-msg.right .direct-chat-text:first-child:after {
        background: transparent;
        border-radius: 0 100% 0 0;
        content: "";
        display: block;
        height: 12px;
        left: auto;
        position: absolute;
        right: -12px;
        top: 0;
        transform: rotate(-90deg);
        width: 12px
    }

    .popup-messages .direct-chat-text {
        background: #dee5f7 none repeat scroll 0 0;
        border: 1px solid #e9ebfa;
        border-radius: 2px;
        border-radius: 0 5px 5px 5px;
        box-shadow: 0 2px 3px 0 rgba(6, 10, 48, .2);
        color: #1f2121;
        margin-left: 50px;
        margin-top: 4px;
        max-width: 73%;
        padding: 10px 10px 5px;
        position: relative
    }

    .chat-message-popup .popup-head {
        background: #17263a;
        color: #fff;
        display: block;
        font-size: 1.125rem;
        font-weight: 700;
        padding: 15px 20px
    }

    .time-text {
        color: #9ba5ca;
        display: block;
        margin-left: 0;
        text-align: right
    }

    .time-text,
    .time-text-left {
        font-size: .625rem;
        margin-top: 10px;
        opacity: .5
    }

    .time-text-left {
        float: left;
        margin-right: 9px
    }

    .direct-chat-msg.right {
        direction: rtl;
        flex-direction: row-reverse
    }

        .direct-chat-msg.right .direct-chat-text {
            background: #fff;
            border: #fff;
            border-radius: 5px 0 5px 5px;
            direction: ltr;
            margin-right: 50px;
            max-width: 73%;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content
        }

    .chat-footer-icons {
        bottom: 13px;
        position: absolute;
        right: 22px
    }

        .chat-footer-icons a {
            font-size: 1.25rem;
            line-height: 18px;
            padding: 5px 7px
        }

            .chat-footer-icons a i {
                display: inline-block;
                transform: rotate(45deg)
            }

    .chat-message-header-icons a {
        background: 1px solid #e9ebfa;
        border: 1px solid #e9ebfa;
        border-radius: 50%;
        display: inline-block;
        height: 34px;
        line-height: 36px;
        margin: 0 auto;
        text-align: center;
        width: 34px
    }

    .message-popup-left {
        left: 20px;
        position: absolute;
        top: 18px
    }

    .message-popup-right {
        position: absolute;
        right: 20px;
        top: 18px
    }

    .more-images {
        background: rgba(0, 0, 0, .51);
        border: 0;
        border-radius: 2px;
        bottom: 0;
        color: #fff;
        cursor: pointer;
        font-weight: 600;
        height: 4rem;
        left: 0;
        line-height: 4rem;
        margin: .25rem;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 4rem
    }

    .jvectormap-zoomin,
    .jvectormap-zoomout {
        display: none
    }

    .direct-chat-text iframe {
        width: 100%
    }

    .rating-chat-main-body .star-ratings .stars {
        margin: 0;
        text-align: inherit;
        width: inherit
    }

        .rating-chat-main-body .star-ratings .stars select {
            width: inherit
        }

    .rating-chat-main-body .br-theme-fontawesome-stars-o .br-widget a {
        font-size: 16px
    }

    @media (max-width:768px) {
        .chat-message-popup {
            left: 5px;
            right: 5px;
            width: auto !important
        }

        .ms-menu .tab-menu-heading {
            width: 100%
        }
    }

    .profile-cover {
        width: 100%
    }

        .profile-cover .cover {
            border: 10px solid #fff;
            border-radius: 7px;
            position: relative
        }

            .profile-cover .cover .inner-cover {
                height: auto;
                overflow: hidden
            }

                .profile-cover .cover .inner-cover img {
                    border: 1px solid transparent;
                    text-align: center;
                    width: 100%
                }

                .profile-cover .cover .inner-cover .cover-menu-mobile {
                    position: absolute;
                    right: 10px;
                    top: 10px
                }

                    .profile-cover .cover .inner-cover .cover-menu-mobile button i {
                        font-size: 17px
                    }

            .profile-cover .cover ul.cover-menu {
                background: none repeat scroll 0 0 rgba(0, 0, 0, .24);
                bottom: 0;
                float: left;
                left: 1px;
                margin: 0;
                overflow: hidden;
                padding-left: 150px;
                position: absolute;
                width: 100%
            }

                .profile-cover .cover ul.cover-menu li {
                    display: block;
                    float: left;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 0;
                    padding: 0 10px;
                    transition: all .3s
                }

                    .profile-cover .cover ul.cover-menu li:hover {
                        background-color: rgba(0, 0, 0, .44)
                    }

                    .profile-cover .cover ul.cover-menu li.active {
                        background-color: rgba(0, 0, 0, .64)
                    }

                    .profile-cover .cover ul.cover-menu li a {
                        color: #fff;
                        display: block;
                        font-weight: 700;
                        height: 40px;
                        line-height: 40px;
                        text-decoration: none
                    }

                        .profile-cover .cover ul.cover-menu li a i {
                            font-size: 18px
                        }

        .profile-cover .profile-body {
            margin: 0 auto 10px;
            position: relative
        }

        .profile-cover .profile-timeline {
            padding: 15px
        }

    .img-post {
        height: 30px;
        width: 30px
    }

    .img-post2 {
        height: 50px;
        width: 50px
    }

    .user-pro-list2 {
        position: relative
    }

    .profile-cover__action {
        background: url(../images/photos/thumb1.jpg) no-repeat;
        background-position: 50%;
        background-size: cover;
        border-radius: 5px;
        height: 200px;
        position: relative
    }

    .user-pro-list2 .user-pic {
        bottom: -20px;
        left: 20px;
        position: absolute
    }

        .user-pro-list2 .user-pic .avatar {
            border: 3px solid #fff;
            height: 6rem;
            width: 6rem
        }

            .user-pro-list2 .user-pic .avatar .avatar-status {
                right: 15px
            }

    .user-pro-list2 .user-pic-right {
        bottom: 20px;
        position: absolute;
        right: 20px
    }

    .user-profile .user-pro-body .u-dropdown {
        color: #fff
    }

    .profile-footer {
        background: #f0f0f2
    }

    .jsr,
    .jsr_bar,
    .jsr_label,
    .jsr_rail,
    .jsr_rail-outer,
    .jsr_slider {
        box-sizing: border-box
    }

    .jsr {
        -webkit-touch-callout: none;
        display: block;
        font: 14px sans-serif;
        margin: 20px 0;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -khtml-user-select: none;
        width: 100%
    }

    .jsr_rail-outer {
        cursor: pointer;
        padding: 10px 0;
        position: relative
    }

    .jsr_slider:focus:before {
        background: #7036ff
    }

    .jsr_rail {
        background: #e5e9f2;
        height: 12px;
        z-index: 1
    }

    .jsr_bar {
        background-color: #36f;
        cursor: move;
        height: 12px;
        position: absolute
    }

    .jsr_bar--limit {
        background-color: #d9dadc;
        cursor: auto;
        z-index: 1
    }

    .jsr_slider {
        cursor: col-resize;
        left: 0;
        outline: 0;
        top: 16px;
        transition: background .1s ease-in-out
    }

        .jsr_slider,
        .jsr_slider:before {
            height: 25px;
            position: absolute;
            transform: translate(-50%, -50%);
            width: 25px
        }

            .jsr_slider:before {
                background: #36f;
                border-radius: 50%;
                content: "";
                left: 50%;
                top: 50%
            }

            .jsr_slider:focus:before {
                background: #4575f1
            }

    .jsr_label {
        border-radius: .3em;
        font-size: .9em;
        padding: .2em .4em;
        position: absolute;
        top: 33px;
        white-space: nowrap
    }

    .jsr_label,
    .jsr_label--minmax {
        background: #d3d5da;
        color: #263871
    }

    .jsr_label--minmax {
        transition: opacity .2s ease-in-out
    }

    .jsr_label .jsr_label {
        display: inline-block;
        font-size: 1em;
        padding-bottom: 0;
        padding-right: 0;
        padding-top: 0;
        position: static
    }

        .jsr_label .jsr_label:before {
            content: " - "
        }

    .jsr_canvas {
        margin-top: 5px
    }

    .jsr_lockscreen {
        height: 100%;
        overflow: hidden;
        width: 100%
    }

    .mcs-horizontal-example {
        overflow-x: auto;
        white-space: nowrap
    }

        .mcs-horizontal-example .item {
            display: inline-block
        }

    .range {
        background-color: #f5f5f5;
        border-radius: 4px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        cursor: pointer;
        display: table;
        height: 25px;
        margin-top: 20px;
        position: relative
    }

        .range input[type=range] {
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            -o-appearance: none !important;
            appearance: none !important;
            background-color: transparent;
            cursor: pointer;
            display: table-cell;
            height: 25px;
            width: 100%
        }

            .range input[type=range]::-moz-slider-thumb,
            .range input[type=range]::-webkit-slider-thumb {
                -webkit-appearance: none !important;
                -moz-appearance: none !important;
                -o-appearance: none !important;
                appearance: none !important;
                background-color: #999;
                border-radius: 0;
                color: #fff;
                height: 25px;
                text-align: center;
                vertical-align: baseline;
                white-space: nowrap;
                width: 11px
            }

        .range output {
            background-color: #999;
            border-radius: 4px;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            color: #fff;
            display: table-cell;
            min-width: 40px;
            padding: 3px 5px 2px;
            text-align: center;
            text-decoration: none;
            transition: all .5s ease;
            -webkit-user-select: none;
            -moz-user-select: -moz-none;
            -o-user-select: none;
            -ms-user-select: none;
            user-select: none;
            vertical-align: middle;
            white-space: nowrap;
            width: 1%
        }

        .range input[type=range] {
            outline: none
        }

        .range.range-primary input[type=range]::-moz-slider-thumb,
        .range.range-primary input[type=range]::-webkit-slider-thumb {
            background-color: #36f
        }

        .range.range-primary output {
            background-color: #36f
        }

        .range.range-primary input[type=range] {
            outline-color: #36f
        }

        .range.range-success input[type=range]::-moz-slider-thumb,
        .range.range-success input[type=range]::-webkit-slider-thumb {
            background-color: #0dcd94
        }

        .range.range-success output {
            background-color: #0dcd94
        }

        .range.range-success input[type=range] {
            outline-color: #0dcd94
        }

        .range.range-info input[type=range]::-moz-slider-thumb,
        .range.range-info input[type=range]::-webkit-slider-thumb {
            background-color: #128af9
        }

        .range.range-info output {
            background-color: #128af9
        }

        .range.range-info input[type=range] {
            outline-color: #128af9
        }

        .range.range-warning input[type=range]::-moz-slider-thumb,
        .range.range-warning input[type=range]::-webkit-slider-thumb {
            background-color: #fbc518
        }

        .range.range-warning output {
            background-color: #fbc518
        }

        .range.range-warning input[type=range] {
            outline-color: #fbc518
        }

        .range.range-danger input[type=range]::-moz-slider-thumb,
        .range.range-danger input[type=range]::-webkit-slider-thumb {
            background-color: #dc0441
        }

        .range.range-danger output {
            background-color: #dc0441
        }

        .range.range-danger input[type=range] {
            outline-color: #dc0441
        }

    .addui-slider .addui-slider-track .addui-slider-range {
        background: #36f;
        display: block
    }

    .addui-slider .addui-slider-track .addui-slider-handle:after {
        background: #36f
    }

    .addui-slider .addui-slider-track .addui-slider-handle:hover {
        box-shadow: 0 0 5px rgba(159, 120, 255, .5)
    }

        .addui-slider .addui-slider-track .addui-slider-handle:hover .addui-slider-value {
            background: rgba(159, 120, 255, .5)
        }

    .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active {
        background: rgba(159, 120, 255, .5);
        box-shadow: 0 0 5px rgba(159, 120, 255, .5)
    }

        .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value {
            background: rgba(159, 120, 255, .75)
        }

    .rating-stars {
        text-align: center;
        width: 100%
    }

        .rating-stars .rating-stars-container {
            font-size: 0
        }

            .rating-stars .rating-stars-container .rating-star {
                color: #e5e9f2;
                cursor: pointer;
                display: inline-block;
                font-size: 30px;
                padding: 0 5px
            }

                .rating-stars .rating-stars-container .rating-star.sm {
                    color: 1px solid #e9ebfa;
                    cursor: pointer;
                    display: inline-block;
                    font-size: 14px;
                    padding: 5px
                }

                .rating-stars .rating-stars-container .rating-star.is--active,
                .rating-stars .rating-stars-container .rating-star.is--hover {
                    color: #f1c40f
                }

                .rating-stars .rating-stars-container .rating-star.is--no-hover {
                    color: #e5e9f2
                }

                .rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
                .rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
                    color: #36f
                }

                .rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
                    color: #3e4b5b
                }

        .rating-stars input {
            background-clip: padding-box;
            background-color: #fff;
            border: 1px solid #e9ebfa;
            border-radius: 3px;
            color: #495057;
            display: block;
            font-size: .9375rem;
            line-height: 1.6;
            margin: 0 auto;
            padding: .375rem .75rem;
            text-align: center;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

    .br-theme-bars-horizontal .br-widget a {
        background-color: #ebeff8
    }

        .br-theme-bars-horizontal .br-widget a.br-active,
        .br-theme-bars-horizontal .br-widget a.br-selected {
            background-color: #36f
        }

    .br-theme-bars-horizontal .br-widget .br-current-rating {
        color: #36f
    }

    .br-theme-bars-pill .br-widget a {
        background-color: #ebeff8;
        color: #36f
    }

        .br-theme-bars-pill .br-widget a.br-active,
        .br-theme-bars-pill .br-widget a.br-selected {
            background-color: #36f;
            color: #fff
        }

    .br-theme-bars-square .br-widget a {
        background-color: #fff;
        border: 2px solid #ebeff8;
        color: #e5e9f2
    }

        .br-theme-bars-square .br-widget a.br-active,
        .br-theme-bars-square .br-widget a.br-selected {
            border: 2px solid #36f;
            color: #36f
        }

    .br-theme-bars-movie .br-widget a {
        background-color: #ebeff8
    }

        .br-theme-bars-movie .br-widget a.br-active,
        .br-theme-bars-movie .br-widget a.br-selected {
            background-color: #36f
        }

    .br-theme-bars-movie .br-widget .br-current-rating {
        color: #36f
    }

    .br-theme-bars-1to10 .br-widget a {
        background-color: #ebeff8
    }

        .br-theme-bars-1to10 .br-widget a.br-active,
        .br-theme-bars-1to10 .br-widget a.br-selected {
            background-color: #36f
        }

    .br-theme-bars-1to10 .br-widget .br-current-rating {
        color: #36f
    }

    .br-theme-fontawesome-stars .br-widget a.br-active:after,
    .br-theme-fontawesome-stars .br-widget a.br-selected:after {
        color: #fbc518
    }

    .br-theme-fontawesome-stars-o .br-widget a.br-active:after,
    .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
        color: #fbc518;
        content: ""
    }

    .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
        color: #fbc518;
        content: ""
    }

    .br-theme-fontawesome-stars .br-widget a:after {
        color: #ebeff8;
        content: ""
    }

    .br-theme-fontawesome-stars-o .br-widget a:after {
        color: #ebeff8;
        content: ""
    }

    .selectgroup {
        display: inline-flex
    }

    .selectgroup-item {
        flex-grow: 1;
        position: relative
    }

        .selectgroup-item + .selectgroup-item {
            margin-left: -1px
        }

        .selectgroup-item:not(:first-child) .selectgroup-button {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .selectgroup-item:not(:last-child) .selectgroup-button {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

    .selectgroup-button {
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        color: #9aa0ac;
        cursor: pointer;
        display: block;
        font-size: .9375rem;
        line-height: 1.5rem;
        min-width: 2.375rem;
        padding: .375rem 1rem;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .selectgroup-button-icon {
        font-size: 1rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

    .selectgroup-input {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: -1
    }

        .selectgroup-input:checked + .selectgroup-button {
            background: #edf2fa;
            border-color: #36f;
            color: #36f;
            z-index: 1
        }

        .selectgroup-input:focus + .selectgroup-button {
            border-color: #36f;
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .25);
            color: #36f;
            z-index: 2
        }

    .selectgroup-pills {
        align-items: flex-start;
        flex-wrap: wrap
    }

        .selectgroup-pills .selectgroup-item {
            flex-grow: 0;
            margin-right: .5rem
        }

        .selectgroup-pills .selectgroup-button {
            border-radius: 50px !important
        }

    .custom-switch {
        align-items: center;
        cursor: default;
        display: inline-flex;
        margin: 0;
        padding-left: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .custom-switch-input {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

    .custom-switches-stacked {
        display: flex;
        flex-direction: column
    }

        .custom-switches-stacked .custom-switch {
            margin-bottom: .5rem
        }

    .custom-switch-indicator {
        background: #e9ecef;
        border: 1px solid #e9ebfa;
        border-radius: 50px;
        display: inline-block;
        height: 1.25rem;
        position: relative;
        transition: border-color .3s, background-color .3s;
        vertical-align: bottom;
        width: 2.25rem
    }

        .custom-switch-indicator:before {
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
            content: "";
            height: calc(1.25rem - 4px);
            left: 1px;
            position: absolute;
            top: 1px;
            transition: left .3s;
            width: calc(1.25rem - 4px)
        }

    .custom-switch-input.danger:checked ~ .custom-switch-indicator {
        background: #f7284a
    }

        .custom-switch-input.danger:checked ~ .custom-switch-indicator:before {
            left: calc(1rem + 1px)
        }

    .custom-switch-input.success:checked ~ .custom-switch-indicator {
        background: #0dcd94
    }

        .custom-switch-input.success:checked ~ .custom-switch-indicator:before {
            left: calc(1rem + 1px)
        }

    .custom-switch-input.orange:checked ~ .custom-switch-indicator {
        background: #f34932;
        border: #f34932;
        box-shadow: none
    }

        .custom-switch-input.orange:checked ~ .custom-switch-indicator:before {
            left: calc(1rem + 1px)
        }

    .custom-switch-input:checked ~ .custom-switch-indicator {
        background: #36f
    }

        .custom-switch-input:checked ~ .custom-switch-indicator:before {
            left: calc(1rem + 1px)
        }

    .custom-square,
    .custom-square:before {
        border-radius: 0 !important
    }

    .custom-radius,
    .custom-radius:before {
        border-radius: 4px !important
    }

    .custom-switch-input:focus ~ .custom-switch-indicator {
        border-color: #36f;
        box-shadow: 0 0 0 2px rgba(70, 127, 207, .25)
    }

    .custom-switch-description {
        color: #9ba5ca;
        margin-left: .5rem;
        transition: color .3s
    }

    .custom-switch-description-disable {
        opacity: .5
    }

    .custom-switch-input:checked ~ .custom-switch-description {
        color: #313e6a
    }

    .material-switch > input[type=checkbox] {
        display: none
    }

    .material-switch > label {
        cursor: pointer;
        height: 0;
        position: relative;
        width: 40px
    }

        .material-switch > label:before {
            background: #f3f4f7;
            border-radius: 8px;
            box-shadow: inset 0 0 10px #6574cd;
            content: "";
            height: 16px;
            margin-top: -8px;
            opacity: .3;
            position: absolute;
            transition: all .4s ease-in-out;
            width: 40px
        }

        .material-switch > label:after {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            content: "";
            height: 24px;
            left: -4px;
            margin-top: -8px;
            position: absolute;
            top: -4px;
            transition: all .3s ease-in-out;
            width: 24px
        }

    .material-switch > input[type=checkbox]:checked + label:before {
        background: inherit;
        opacity: .5
    }

    .material-switch > input[type=checkbox]:checked + label:after {
        background: inherit;
        left: 20px
    }

    .imagecheck {
        cursor: pointer;
        margin: 0;
        position: relative
    }

    .imagecheck-figure {
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        margin: 0;
        position: relative
    }

    .imagecheck-input {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

        .imagecheck-input:focus ~ .imagecheck-figure {
            border-color: #467fcf;
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .25)
        }

        .imagecheck-input:checked ~ .imagecheck-figure {
            border-color: rgba(0, 40, 100, .24)
        }

            .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption,
            .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption {
                color: #495057
            }

            .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image,
            .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image {
                opacity: 1
            }

    .imagecheck-figure:before {
        background: #467fcf 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") no-repeat 50%/50% 50%;
        border-radius: 3px;
        color: #fff;
        content: "";
        display: block;
        height: 1rem;
        left: .25rem;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: .25rem;
        transition: opacity .3s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 1rem;
        z-index: 1
    }

    .imagecheck-input:checked ~ .imagecheck-figure:before {
        opacity: 1
    }

    .imagecheck-image {
        max-width: 100%;
        opacity: .64;
        transition: opacity .3s
    }

        .imagecheck-image:first-child {
            border-top-left-radius: 2px;
            border-top-right-radius: 2px
        }

        .imagecheck-image:last-child {
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px
        }

    .imagecheck:hover .imagecheck-image {
        opacity: 1
    }

    .imagecheck-caption {
        color: #9aa0ac;
        font-size: .875rem;
        padding: .25rem;
        text-align: center;
        transition: color .3s
    }

    .imagecheck:hover .imagecheck-caption {
        color: #495057
    }

    .colorinput {
        cursor: pointer;
        margin: 0;
        position: relative
    }

    .colorinput-color {
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        color: #fff;
        display: inline-block;
        height: 1.75rem;
        width: 1.75rem
    }

        .colorinput-color:before {
            background: 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") no-repeat 50%/50% 50%;
            content: "";
            height: 1.25rem;
            left: .25rem;
            opacity: 0;
            position: absolute;
            top: .25rem;
            transition: opacity .3s;
            width: 1.25rem
        }

    .colorinput-input {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

        .colorinput-input:checked ~ .colorinput-color:before {
            opacity: 1
        }

        .colorinput-input:focus ~ .colorinput-color {
            border-color: #467fcf;
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .25)
        }

    .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
        background: #f2f2f2 !important;
        background: rgba(0, 0, 0, .06) !important;
        border: 0 !important;
        box-shadow: inset 0 0 12px 4px #fff;
        visibility: visible !important
    }

    .selectize-control.plugin-drag_drop .ui-sortable-placeholder:after {
        content: "!";
        visibility: hidden
    }

    .selectize-control.plugin-drag_drop .ui-sortable-helper {
        box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
    }

    .selectize-dropdown-header {
        background: #f8f8f8;
        border-bottom: 1px solid #d0d0d0;
        border-radius: 3px 3px 0 0;
        padding: 5px 8px;
        position: relative
    }

    .selectize-dropdown-header-close {
        color: #495057;
        font-size: 20px !important;
        line-height: 20px;
        margin-top: -12px;
        opacity: .4;
        position: absolute;
        right: 8px;
        top: 50%
    }

        .selectize-dropdown-header-close:hover {
            color: #000
        }

    .selectize-dropdown.plugin-optgroup_columns .optgroup {
        border-right: 1px solid #f2f2f2;
        border-top: 0;
        box-sizing: border-box;
        float: left
    }

        .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
            border-right: 0
        }

        .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
            display: none
        }

    .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
        border-top: 0
    }

    .selectize-control {
        border: 0;
        padding: 0;
        position: relative
    }

        .selectize-control.single .selectize-input,
        .selectize-control.single .selectize-input input {
            cursor: pointer
        }

            .selectize-control.single .selectize-input.input-active input {
                cursor: text
            }

            .selectize-control.single .selectize-input:after {
                background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat 50%;
                background-size: 8px 10px;
                content: "";
                display: block;
                height: 10px;
                position: absolute;
                right: 12px;
                top: 13px;
                transition: transform .3s;
                width: 8px
            }

            .selectize-control.single .selectize-input.dropdown-active:after {
                transform: rotate(180deg)
            }

        .selectize-control .selectize-input.disabled {
            background-color: #fafafa;
            opacity: .5
        }

        .selectize-control.plugin-remove_button [data-value] {
            padding-right: 24px !important;
            position: relative
        }

            .selectize-control.plugin-remove_button [data-value] .remove {
                border-left: 1px solid #d0d0d0;
                border-radius: 0 2px 2px 0;
                bottom: 0;
                box-sizing: border-box;
                color: inherit;
                display: inline-block;
                font-size: 12px;
                font-weight: 700;
                padding: 2px 0 0;
                position: absolute;
                right: 0;
                text-align: center;
                text-decoration: none;
                top: 0;
                vertical-align: middle;
                width: 17px;
                z-index: 1
            }

                .selectize-control.plugin-remove_button [data-value] .remove:hover {
                    background: rgba(0, 0, 0, .05)
                }

            .selectize-control.plugin-remove_button [data-value].active .remove {
                border-left-color: #cacaca
            }

        .selectize-control.plugin-remove_button .disabled [data-value] .remove {
            border-left-color: #fff
        }

            .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
                background: none
            }

        .selectize-control.plugin-remove_button .remove-single {
            font-size: 23px;
            position: absolute;
            right: 28px;
            top: 6px
        }

        .selectize-control.single .selectize-input.input-active {
            background: #fff;
            cursor: text;
            display: inline-block
        }

        .selectize-control.multi .selectize-input.has-items {
            padding: 7px .75rem 4px 7px
        }

    .selectize-input {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        box-sizing: border-box;
        cursor: text;
        display: inline-block;
        display: block;
        overflow: hidden;
        padding: .5625rem .75rem;
        position: relative;
        transition: border-color .3s, box-shadow .3s;
        width: 100%;
        z-index: 1
    }

        .selectize-input,
        .selectize-input input {
            -webkit-font-smoothing: inherit;
            color: #495057;
            font-family: inherit;
            font-size: 15px;
            line-height: 18px
        }

            .selectize-input > input {
                background: none !important;
                border: 0 !important;
                box-shadow: none !important;
                display: inline-block !important;
                line-height: inherit !important;
                margin: 0 2px 0 0 !important;
                max-height: none !important;
                max-width: 100% !important;
                min-height: 0 !important;
                padding: 0 !important;
                text-indent: 0 !important
            }

                .selectize-input > input::-ms-clear {
                    display: none
                }

                .selectize-input > input:focus {
                    outline: none !important
                }

            .selectize-input:after {
                clear: left;
                content: " ";
                display: block
            }

            .selectize-input.dropdown-active:before {
                background: #f0f0f0;
                bottom: 0;
                content: " ";
                display: block;
                height: 1px;
                left: 0;
                position: absolute;
                right: 0
            }

            .selectize-input.full {
                background-color: #fff
            }

            .selectize-input.disabled,
            .selectize-input.disabled * {
                cursor: default !important
            }

            .selectize-input.focus {
                border-color: #467fcf;
                box-shadow: 0 0 0 2px rgba(70, 127, 207, .25)
            }

            .selectize-input.dropdown-active {
                border-radius: 3px 3px 0 0
            }

            .selectize-input > * {
                zoom: 1;
                display: -moz-inline-stack;
                display: inline-block;
                *display: inline;
                vertical-align: baseline
            }

    .selectize-control.multi .selectize-input > div {
        background: #e9ecef;
        border: 0 solid rgba(0, 40, 100, .12);
        border-radius: 3px;
        color: #495057;
        cursor: pointer;
        font-size: 13px;
        font-weight: 400;
        margin: 0 3px 3px 0;
        padding: 2px 6px
    }

        .selectize-control.multi .selectize-input > div.active {
            background: #e8e8e8;
            border: 0 solid #cacaca;
            color: #303030
        }

    .selectize-control.multi .selectize-input.disabled > div,
    .selectize-control.multi .selectize-input.disabled > div.active {
        background: #fff;
        border: 0 solid #fff;
        color: #7d7d7d
    }

    .selectize-dropdown {
        -webkit-font-smoothing: inherit;
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 0 0 3px 3px;
        border-top: 0;
        box-sizing: border-box;
        color: #495057;
        font-family: inherit;
        font-size: 15px;
        height: auto;
        line-height: 18px;
        margin: -1px 0 0;
        padding: 0;
        position: absolute;
        z-index: 10
    }

        .selectize-dropdown [data-selectable] {
            cursor: pointer;
            overflow: hidden;
            padding: 6px .75rem
        }

            .selectize-dropdown [data-selectable] .highlight {
                background: rgba(125, 168, 208, .2);
                border-radius: 1px
            }

        .selectize-dropdown .optgroup-header {
            padding: 6px .75rem
        }

        .selectize-dropdown .optgroup:first-child .optgroup-header {
            border-top: 0
        }

        .selectize-dropdown .optgroup-header {
            background: #fff;
            color: #495057;
            cursor: default
        }

        .selectize-dropdown .active {
            background-color: #f1f4f8;
            color: #467fcf
        }

            .selectize-dropdown .active.create {
                color: #495057
            }

        .selectize-dropdown .create {
            color: rgba(48, 48, 48, .5)
        }

    .selectize-dropdown-content {
        -webkit-overflow-scrolling: touch;
        max-height: 200px;
        overflow-x: hidden;
        overflow-y: auto
    }

    .selectize-dropdown .image,
    .selectize-input .image {
        align-items: center;
        background-size: contain;
        display: flex;
        float: left;
        height: 1.25rem;
        justify-content: center;
        line-height: 1.25rem;
        margin: -1px .5rem -1px -4px;
        width: 1.25rem
    }

        .selectize-dropdown .image img {
            border-radius: 2px;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
            max-width: 100%
        }

    .selectize-input .image {
        height: 1.5rem;
        margin: -3px .75rem -3px -5px;
        width: 1.5rem
    }

        .selectize-input .image img {
            border-radius: 2px;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
            max-width: 100%
        }

    .tabs-menu ul li a {
        display: block;
        padding: 10px 20px 11px
    }

.tabs-menu ul li .active {
    background: #6d453e;
    border-radius: 25px;
    color: #fff !important
}

    .tabs-menu1 ul li a {
        display: block;
        font-weight: 500;
        padding: 10px 20px 11px
    }

    .tabs-menu1 ul li .active {
        border-bottom: 3px solid #36f
    }

.tabs-menu-body {
    border: 1px solid #6d453e;
    border-radius: 0 8px 8px 8px;
    padding: 15px
}

        .tabs-menu-body p:last-child {
            margin-bottom: 0
        }

    .tab-menu-heading {
        border: 1px solid #e9ebfa;
        border-bottom: 0;
        border-radius: 5px 5px 0 0;
        padding: 20px
    }

    .tab_wrapper .content_wrapper .tab_content.active p:last-child {
        margin-bottom: 0
    }

    .tab_wrapper > ul li.active {
        background: #36f !important;
        border-color: #36f !important;
        color: #fff
    }

    .tab_wrapper.right_side > ul li.active:after {
        background: #36f !important
    }

    .tab_wrapper > ul {
        border-bottom: 1px solid #e9ebfa
    }

        .tab_wrapper.right_side .content_wrapper,
        .tab_wrapper > ul li {
            border: 1px solid #e9ebfa
        }

    .tab_wrapper.right_side > ul {
        border-bottom: 1px solid #e9ebfa
    }

        .tab_wrapper.right_side > ul li.active {
            border-color: 1px solid #e9ebfa
        }

        .tab_wrapper.right_side > ul li:after {
            background: 1px solid #e9ebfa
        }

    .card-pay .tabs-menu li a {
        background: #f0f0f2;
        border-right: 1px solid #ebecf1
    }

    .card-pay .tabs-menu {
        border-radius: 5px;
        margin-bottom: 25px;
        overflow: hidden
    }

        .card-pay .tabs-menu li {
            display: block;
            width: 33.3%
        }

            .card-pay .tabs-menu li a {
                background: #f3f4f7;
                border-right: 1px solid #d3dfea;
                display: block;
                padding: .5rem 1rem;
                text-align: center
            }

                .card-pay .tabs-menu li a.active {
                    background: #36f;
                    border-radius: 2px;
                    color: #fff;
                    text-align: center
                }

            .card-pay .tabs-menu li:last-child a {
                border-right: 0
            }

    @media (max-width:567px) {
        .card-pay .tabs-menu li {
            width: 100%
        }

            .card-pay .tabs-menu li a {
                margin-bottom: 15px
            }

        .table_tabs .tabs-menu1 ul li a {
            border-radius: 8px !important
        }

            .table_tabs .tabs-menu1 ul li a,
            .table_tabs .tabs-menu1 ul li a.active {
                border-bottom: 1px solid #e9ebfa !important
            }

        .hremp-tabs .tabs-menu1 ul li {
            margin: 15px 0 !important
        }

            .hremp-tabs .tabs-menu1 ul li:not(:last-child) {
                margin-bottom: 0 !important
            }

            .hremp-tabs .tabs-menu1 ul li a {
                border-radius: 8px !important;
                margin: 0 !important
            }

            .hremp-tabs .tabs-menu1 ul li.active,
            .hremp-tabs .tabs-menu1 ul li a {
                border-bottom: 1px solid #e9ebfa !important
            }
    }

    @media (max-width:480px) {
        .tabs-menu1 ul li {
            margin: 15px;
            width: 100%
        }

            .tabs-menu1 ul li a {
                width: 100%
            }

        .table_tabs .tabs-menu1 ul li:not(:last-child) {
            margin-bottom: 0
        }

        .jobtable-tabs .tabs-menu1 ul li {
            margin: 15px;
            width: 100%
        }

            .jobtable-tabs .tabs-menu1 ul li a {
                border: 1px solid #e9ebfa !important;
                border-radius: 8px !important;
                margin: 0 !important;
                width: 100%
            }

            .jobtable-tabs .tabs-menu1 ul li:not(:last-child) {
                margin-bottom: 0
            }

            .jobtable-tabs .tabs-menu1 ul li:last-child {
                margin-right: 15px !important
            }
    }

    @media (min-width:480px) and (max-width:767px) {
        .hremp-tabs .tabs-menu1 ul li a {
            font-size: 12px;
            margin: 0 .4rem !important;
            padding: 12px 16px !important
        }

        .hremp-tabs .tabs-menu1 ul li:first-child {
            margin-left: 0 !important
        }
    }

    @media (min-width:768px) and (max-width:1024px) {
        .table_tabs .tabs-menu1 ul li a {
            margin: 0 .1rem !important;
            padding: 10px 18px 11px
        }

        .hremp-tabs .tabs-menu1 ul li a {
            font-size: 12px;
            margin: 0 .2rem !important;
            padding: 12px 10px !important
        }

        .hremp-tabs .tabs-menu1 ul li:first-child {
            margin-left: 0 !important
        }
    }

    .jvectormap-container {
        height: 100%;
        overflow: hidden;
        position: relative;
        touch-action: none;
        width: 100%
    }

    .jvectormap-tip {
        background: #212529;
        border-radius: 3px;
        color: #fff;
        display: none;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        padding: 6px;
        position: absolute
    }

        .jvectormap-tip small {
            font-size: inherit;
            font-weight: 400
        }

    .jvectormap-goback,
    .jvectormap-zoomin,
    .jvectormap-zoomout {
        background: #292929;
        border-radius: 3px;
        box-sizing: content-box;
        color: #fff;
        cursor: pointer;
        left: 10px;
        line-height: 10px;
        padding: 3px;
        position: absolute;
        text-align: center
    }

    .jvectormap-zoomin,
    .jvectormap-zoomout {
        height: 10px;
        width: 10px
    }

    .jvectormap-zoomin {
        top: 10px
    }

    .jvectormap-zoomout {
        top: 30px
    }

    .jvectormap-goback {
        bottom: 10px;
        padding: 6px;
        z-index: 1000
    }

    .jvectormap-spinner {
        background: 50% no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .jvectormap-legend-title {
        font-size: 14px;
        font-weight: 700;
        text-align: center
    }

    .jvectormap-legend-cnt {
        position: absolute
    }

    .jvectormap-legend-cnt-v {
        right: 0;
        top: 0
    }

    .jvectormap-legend {
        background: #000;
        border-radius: 3px;
        color: #fff
    }

    .jvectormap-legend-cnt-h .jvectormap-legend {
        float: left;
        margin: 0 10px 10px 0;
        padding: 3px 3px 1px
    }

        .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
            float: left
        }

    .jvectormap-legend-cnt-v .jvectormap-legend {
        margin: 10px 10px 0 0;
        padding: 3px
    }

    .jvectormap-legend-cnt-h {
        bottom: 0;
        right: 0
    }

        .jvectormap-legend-cnt-h .jvectormap-legend-tick {
            width: 40px
        }

        .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
            height: 15px
        }

    .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
        display: inline-block;
        height: 20px;
        vertical-align: middle;
        width: 20px
    }

    .jvectormap-legend-tick-text {
        font-size: 12px
    }

    .jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
        text-align: center
    }

    .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
        display: inline-block;
        line-height: 20px;
        padding-left: 3px;
        vertical-align: middle
    }

    .country-selector .avatar {
        height: 1.2rem;
        width: 1.4rem
    }

    .avatar {
        background: #f5f6f9 no-repeat 50%/cover; /*#36f no-repeat 50%/cover*/
        color: #fff;
        display: inline-block;
        font-size: .875rem;
        font-weight: 600;
        height: 2rem;
        line-height: 2rem;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: bottom;
        width: 2rem
    }

    .noborder {
        border-radius: 0
    }

    .brround {
        border-radius: 50%
    }

    .bradius {
        border-radius: 25%
    }

    .avatar i {
        font-size: 125%;
        vertical-align: sub
    }

    .avatar-status {
        background: #868e96;
        border: 2px solid #fff;
        border-radius: 50%;
        bottom: -2px;
        height: .75rem;
        position: absolute;
        right: -2px;
        width: .75rem
    }

    .avatar-sm {
        font-size: .75rem;
        height: 1.5rem;
        line-height: 1.5rem;
        width: 1.5rem
    }

    .avatar-md {
        font-size: 1rem;
        height: 2.5rem;
        line-height: 2.5rem;
        width: 2.5rem
    }

    .avatar-lg {
        font-size: 1.25rem;
        height: 3rem;
        line-height: 3rem;
        width: 3rem
    }

    .avatar-xl {
        font-size: 1.75rem;
        height: 4rem !important;
        line-height: 4rem;
        width: 4rem !important
    }

    .avatar-xxl {
        font-size: 2rem;
        height: 5rem;
        line-height: 5rem;
        width: 5rem
    }

    .avatar-placeholder {
        background: #ced4da url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="134" height="134" viewBox="0 0 134 134"><path fill="#868e96" d="M65.92 66.34h2.16c14.802.42 30.928 6.062 29.283 20.35l-1.618 13.32c-.844 6.815-5.208 7.828-13.972 7.866H52.23c-8.764-.038-13.13-1.05-13.973-7.865l-1.62-13.32C34.994 72.4 51.12 66.76 65.92 66.34zM49.432 43.934c0-9.82 7.99-17.81 17.807-17.81 9.82 0 17.81 7.99 17.81 17.81 0 9.82-7.99 17.807-17.81 17.807-9.82 0-17.808-7.987-17.808-17.806z"/></svg>') no-repeat 50%/80%
    }

    .avatar-list {
        font-size: 0;
        margin: 0 0 -.5rem;
        padding: 0
    }

        .avatar-list .avatar {
            margin-bottom: .5rem
        }

            .avatar-list .avatar:not(:last-child) {
                margin-right: .5rem
            }

    .avatar-list-stacked .avatar {
        box-shadow: 0 0 0 2px #fff;
        margin-right: -.9em !important
    }

    .avatar-blue {
        background-color: #083dc1;
        color: #467fcf
    }

    .avatar-indigo {
        background-color: #d1d5f0;
        color: #6574cd
    }

    .avatar-purple {
        background-color: #e4cff9;
        color: #aa4cf2
    }

    .avatar-pink {
        background-color: #fcd3e1;
        color: #ef4eb8
    }

    .avatar-red {
        background-color: #f0bcbc;
        color: #dc0441
    }

    .avatar-orange {
        background-color: #fee0c7;
        color: #f34932
    }

    .avatar-yellow {
        background-color: #fbedb7;
        color: #fbc518
    }

    .avatar-green {
        background-color: #cfeab3;
        color: #0dcd94
    }

    .avatar-teal {
        background-color: #bfefea;
        color: #17d1dc
    }

    .avatar-cyan {
        background-color: #b9e3ea;
        color: #17a2b8
    }

    .avatar-white {
        background-color: #fff;
        color: #fff
    }

    .avatar-gray {
        background-color: #dbdde0;
        color: #868e96
    }

    .avatar-gray-dark {
        background-color: #c2c4c6;
        color: #353a40
    }

    .avatar-azure {
        background-color: #c7e6fb;
        color: #128af9
    }

    .avatar-lime {
        background-color: #d7f2c2;
        color: #7bd235
    }

    .product-price {
        font-size: 1rem
    }

        .product-price strong {
            font-size: 1.5rem
        }

    @-webkit-keyframes indeterminate {
        0% {
            left: -35%;
            right: 100%
        }

        60%, to {
            left: 100%;
            right: -90%
        }
    }

    @keyframes indeterminate {
        0% {
            left: -35%;
            right: 100%
        }

        60%, to {
            left: 100%;
            right: -90%
        }
    }

    @-webkit-keyframes indeterminate-short {
        0% {
            left: -200%;
            right: 100%
        }

        60%, to {
            left: 107%;
            right: -8%
        }
    }

    @keyframes indeterminate-short {
        0% {
            left: -200%;
            right: 100%
        }

        60%, to {
            left: 107%;
            right: -8%
        }
    }

    .custom-control {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .custom-control-inline {
        display: inline-flex;
        margin-right: 1rem
    }

    .custom-control-input {
        height: 1.5rem;
        opacity: 0;
        position: absolute;
        width: 1.5rem;
        z-index: -1
    }

        .custom-control-input:checked ~ .custom-control-label:before {
            background-color: #6f453e;
            color: #fff
        }

        .custom-control-input:focus ~ .custom-control-label:before {
            box-shadow: 0 0 0 1px #ebeff8, 0 0 0 2px rgba(70, 127, 207, .25)
        }

        .custom-control-input:active ~ .custom-control-label:before {
            background-color: #d4e1f4;
            color: #fff
        }

        .custom-control-input:disabled ~ .custom-control-label {
            color: #868e96
        }

            .custom-control-input:disabled ~ .custom-control-label:before {
                background-color: #e9ecef
            }

    .custom-control-input-success {
        height: 1.5rem;
        opacity: 0;
        position: absolute;
        width: 1.5rem;
        z-index: -1
    }

        .custom-control-input-success:checked ~ .custom-control-label-md:before {
            color: #fff
        }

        .custom-control-input-success:focus ~ .custom-control-label-md:before {
            box-shadow: 0 0 0 1px #ebeff8, 0 0 0 2px rgba(70, 127, 207, .25)
        }

        .custom-control-input-success:active ~ .custom-control-label-md:before {
            background-color: #d4e1f4;
            color: #fff
        }

        .custom-control-input-success:disabled ~ .custom-control-label-md {
            color: #868e96
        }

            .custom-control-input-success:disabled ~ .custom-control-label-md:before {
                background-color: #e9ecef
            }

    .custom-control-label {
        display: block;
        line-height: 25px;
        margin-bottom: 0;
        margin-top: 2px;
        vertical-align: middle
    }

        .custom-control-label:before {
            background-color: #fff;
            background-size: .5rem;
            border: 1px solid #d3dfea;
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .custom-control-label:after,
        .custom-control-label:before {
            content: "";
            display: block;
            height: 1rem;
            left: -1.5rem;
            position: absolute;
            top: .25rem;
            width: 1rem
        }

        .custom-control-label:after {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 50% 50%
        }

    .custom-control-label-md {
        display: block;
        padding-left: 15px;
        padding-top: 6px;
        vertical-align: middle
    }

        .custom-control-label-md:before {
            background-color: #fff;
            background-size: .5rem;
            border: 1px solid #d3dfea;
            content: "";
            display: block;
            height: 1.8rem !important;
            left: -1.5rem;
            pointer-events: none;
            position: absolute;
            top: .15rem !important;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: 1.8rem !important
        }

        .custom-control-label-md:after {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 50% 50%;
            content: "";
            display: block;
            height: 1.8rem;
            left: -1.5rem;
            position: absolute;
            top: .15rem;
            width: 1.8rem
        }

    .custom-control-md {
        min-height: 2rem !important
    }

    .custom-control-lg {
        min-height: 2.5rem
    }

    .custom-control-label-lg {
        padding-left: 15px;
        padding-top: 10px
    }

        .custom-control-label-lg:after,
        .custom-control-label-lg:before {
            height: 2rem !important;
            top: .25rem !important;
            width: 2rem !important
        }

    .custom-checkbox .custom-control-label:before {
        border-radius: 3px
    }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #6f453e;
    border-color: #6f453e
}

    .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: #6f453e !important
}

    .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: #4454c3;
        opacity: .5
    }

    .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
        background-color: rgba(70, 127, 207, .5)
    }

    .custom-checkbox.success .custom-control-label:before {
        border-radius: 3px
    }

    .custom-checkbox.success .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #0dcd94;
        border-color: #0dcd94
    }

    .custom-checkbox.success .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.success .custom-control-input:indeterminate ~ .custom-control-label:before {
        background-color: #0dcd94;
        border-color: #0dcd94
    }

    .custom-checkbox.success .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.success .custom-control-input:disabled:checked ~ .custom-control-label:before {
        background-color: #01c353;
        opacity: .5
    }

    .custom-checkbox.success .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
        background-color: rgba(1, 195, 83, .5)
    }

    .custom-control-input-success:checked ~ .custom-control-label-md:before {
        background-color: #0dcd94
    }

    .custom-control-input-success:checked ~ .custom-control-label-md: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-control-input-success .custom-control-label-md:before {
        background-color: #0dcd94
    }

    .custom-control-input-success .custom-control-label-md: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='%2301c353' 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-control-input-success:indeterminate ~ .custom-control-label-md:before {
        background-color: #0dcd94
    }

    .custom-control-input-success:indeterminate ~ .custom-control-label-md: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-control-input-success:disabled:checked ~ .custom-control-label-md:before {
        background-color: #01c353;
        opacity: .5
    }

    .custom-control-input-success:disabled:indeterminate ~ .custom-control-label-md:before {
        background-color: rgba(1, 195, 83, .5)
    }

    .custom-radio .custom-control-label:before {
        border-radius: 50%
    }

.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #6f453e;
    border-color: #6f453e
}

    .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: #4454c3;
        opacity: .5
    }

    .custom-radio.success .custom-control-label:before {
        border-radius: 50%
    }

    .custom-radio.success .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #0dcd94;
        border-color: #0dcd94
    }

    .custom-radio.success .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.success .custom-control-input:disabled:checked ~ .custom-control-label:before {
        background-color: #4454c3;
        opacity: .5
    }

    .custom-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat right .75rem center;
        background-size: 8px 10px;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        color: #6b6f80;
        display: inline-block;
        height: 2.375rem;
        line-height: 1.5;
        padding: .5rem 1.75rem .5rem .75rem;
        vertical-align: middle;
        width: 100%
    }

        .custom-select:focus {
            border-color: #6f453e;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(25, 145, 235, .5);
            outline: 0
        }

            .custom-select:focus::-ms-value {
                background-color: #fff;
                color: #495057
            }

        .custom-select[multiple],
        .custom-select[size]:not([size="1"]) {
            background-image: none;
            height: auto;
            padding-right: .75rem
        }

        .custom-select:disabled {
            background-color: #e9ecef;
            color: #868e96
        }

        .custom-select::-ms-expand {
            opacity: 0
        }

    .custom-select-sm {
        font-size: 75%;
        height: calc(1.8125rem + 2px);
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    div.dataTables_wrapper div.dataTables_filter input {
        display: inline-block;
        margin-left: .5em;
        width: auto
    }

    .custom-select-lg {
        font-size: 125%;
        height: calc(2.6875rem + 2px);
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .custom-file {
        display: inline-block;
        margin-bottom: 0
    }

    .custom-file,
    .custom-file-input {
        height: 2.375rem;
        position: relative;
        width: 100%
    }

    .custom-file-input {
        margin: 0;
        opacity: 0;
        z-index: 2
    }

        .custom-file-input:focus ~ .custom-file-label {
            border-color: #1991eb;
            box-shadow: 0 0 0 2px rgba(70, 127, 207, .25)
        }

            .custom-file-input:focus ~ .custom-file-label:after {
                border-color: #1991eb
            }

        .custom-file-input:lang(en) ~ .custom-file-label:after {
            content: "Browse"
        }

    .custom-file-label {
        background-color: #fff;
        border: 1px solid #d3dfea;
        border-radius: 3px;
        color: #495057;
        height: 2.375rem;
        left: 0;
        z-index: 1
    }

        .custom-file-label,
        .custom-file-label:after {
            line-height: 1.5;
            padding: .375rem .75rem;
            position: absolute;
            right: 0;
            top: 0
        }

            .custom-file-label:after {
                background-color: #6f453e;
                border-left: 1px solid #6f453e;
                border-radius: 0 3px 3px 0;
                bottom: 0;
                color: #fff;
                content: "Browse";
                display: block;
                font-weight: 500;
                height: calc(2.375rem - 2px);
                z-index: 3
            }

    .form-group,
    .form-label {
        display: block
    }

    .form-label {
        font-size: .875rem;
        font-weight: 500;
        margin-bottom: .375rem
    }

    .form-label-small {
        float: right;
        font-size: 87.5%;
        font-weight: 400
    }

    .form-footer {
        margin-top: 2rem
    }

    .custom-controls-stacked .custom-control {
        margin-bottom: .25rem
    }

    .custom-control-description {
        line-height: 1.5rem
    }

    .custom-range {
        align-items: center;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        display: flex;
        height: 100%;
        min-height: 2.375rem;
        overflow: hidden;
        padding: 0;
        width: 100%
    }

        .custom-range::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            background: #fff;
            border: 1px solid rgba(0, 30, 75, .12);
            border-radius: 50px;
            box-shadow: 1px 0 0 -6px rgba(0, 50, 126, .12), 6px 0 0 -6px rgba(0, 50, 126, .12), 7px 0 0 -6px rgba(0, 50, 126, .12), 8px 0 0 -6px rgba(0, 50, 126, .12), 9px 0 0 -6px rgba(0, 50, 126, .12), 10px 0 0 -6px rgba(0, 50, 126, .12), 11px 0 0 -6px rgba(0, 50, 126, .12), 12px 0 0 -6px rgba(0, 50, 126, .12), 13px 0 0 -6px rgba(0, 50, 126, .12), 14px 0 0 -6px rgba(0, 50, 126, .12), 15px 0 0 -6px rgba(0, 50, 126, .12), 16px 0 0 -6px rgba(0, 50, 126, .12), 17px 0 0 -6px rgba(0, 50, 126, .12), 18px 0 0 -6px rgba(0, 50, 126, .12), 19px 0 0 -6px rgba(0, 50, 126, .12), 20px 0 0 -6px rgba(0, 50, 126, .12), 21px 0 0 -6px rgba(0, 50, 126, .12), 22px 0 0 -6px rgba(0, 50, 126, .12), 23px 0 0 -6px rgba(0, 50, 126, .12), 24px 0 0 -6px rgba(0, 50, 126, .12), 25px 0 0 -6px rgba(0, 50, 126, .12), 26px 0 0 -6px rgba(0, 50, 126, .12), 27px 0 0 -6px rgba(0, 50, 126, .12), 28px 0 0 -6px rgba(0, 50, 126, .12), 29px 0 0 -6px rgba(0, 50, 126, .12), 30px 0 0 -6px rgba(0, 50, 126, .12), 31px 0 0 -6px rgba(0, 50, 126, .12), 32px 0 0 -6px rgba(0, 50, 126, .12), 33px 0 0 -6px rgba(0, 50, 126, .12), 34px 0 0 -6px rgba(0, 50, 126, .12), 35px 0 0 -6px rgba(0, 50, 126, .12), 36px 0 0 -6px rgba(0, 50, 126, .12), 37px 0 0 -6px rgba(0, 50, 126, .12), 38px 0 0 -6px rgba(0, 50, 126, .12), 39px 0 0 -6px rgba(0, 50, 126, .12), 40px 0 0 -6px rgba(0, 50, 126, .12), 41px 0 0 -6px rgba(0, 50, 126, .12), 42px 0 0 -6px rgba(0, 50, 126, .12), 43px 0 0 -6px rgba(0, 50, 126, .12), 44px 0 0 -6px rgba(0, 50, 126, .12), 45px 0 0 -6px rgba(0, 50, 126, .12), 46px 0 0 -6px rgba(0, 50, 126, .12), 47px 0 0 -6px rgba(0, 50, 126, .12), 48px 0 0 -6px rgba(0, 50, 126, .12), 49px 0 0 -6px rgba(0, 50, 126, .12), 50px 0 0 -6px rgba(0, 50, 126, .12), 51px 0 0 -6px rgba(0, 50, 126, .12), 52px 0 0 -6px rgba(0, 50, 126, .12), 53px 0 0 -6px rgba(0, 50, 126, .12), 54px 0 0 -6px rgba(0, 50, 126, .12), 55px 0 0 -6px rgba(0, 50, 126, .12), 56px 0 0 -6px rgba(0, 50, 126, .12), 57px 0 0 -6px rgba(0, 50, 126, .12), 58px 0 0 -6px rgba(0, 50, 126, .12), 59px 0 0 -6px rgba(0, 50, 126, .12), 60px 0 0 -6px rgba(0, 50, 126, .12), 61px 0 0 -6px rgba(0, 50, 126, .12), 62px 0 0 -6px rgba(0, 50, 126, .12), 63px 0 0 -6px rgba(0, 50, 126, .12), 64px 0 0 -6px rgba(0, 50, 126, .12), 65px 0 0 -6px rgba(0, 50, 126, .12), 66px 0 0 -6px rgba(0, 50, 126, .12), 67px 0 0 -6px rgba(0, 50, 126, .12), 68px 0 0 -6px rgba(0, 50, 126, .12), 69px 0 0 -6px rgba(0, 50, 126, .12), 70px 0 0 -6px rgba(0, 50, 126, .12), 71px 0 0 -6px rgba(0, 50, 126, .12), 72px 0 0 -6px rgba(0, 50, 126, .12), 73px 0 0 -6px rgba(0, 50, 126, .12), 74px 0 0 -6px rgba(0, 50, 126, .12), 75px 0 0 -6px rgba(0, 50, 126, .12), 76px 0 0 -6px rgba(0, 50, 126, .12), 77px 0 0 -6px rgba(0, 50, 126, .12), 78px 0 0 -6px rgba(0, 50, 126, .12), 79px 0 0 -6px rgba(0, 50, 126, .12), 80px 0 0 -6px rgba(0, 50, 126, .12), 81px 0 0 -6px rgba(0, 50, 126, .12), 82px 0 0 -6px rgba(0, 50, 126, .12), 83px 0 0 -6px rgba(0, 50, 126, .12), 84px 0 0 -6px rgba(0, 50, 126, .12), 85px 0 0 -6px rgba(0, 50, 126, .12), 86px 0 0 -6px rgba(0, 50, 126, .12), 87px 0 0 -6px rgba(0, 50, 126, .12), 88px 0 0 -6px rgba(0, 50, 126, .12), 89px 0 0 -6px rgba(0, 50, 126, .12), 90px 0 0 -6px rgba(0, 50, 126, .12), 91px 0 0 -6px rgba(0, 50, 126, .12), 92px 0 0 -6px rgba(0, 50, 126, .12), 93px 0 0 -6px rgba(0, 50, 126, .12), 94px 0 0 -6px rgba(0, 50, 126, .12), 95px 0 0 -6px rgba(0, 50, 126, .12), 96px 0 0 -6px rgba(0, 50, 126, .12), 97px 0 0 -6px rgba(0, 50, 126, .12), 98px 0 0 -6px rgba(0, 50, 126, .12), 99px 0 0 -6px rgba(0, 50, 126, .12), 100px 0 0 -6px rgba(0, 50, 126, .12), 101px 0 0 -6px rgba(0, 50, 126, .12), 102px 0 0 -6px rgba(0, 50, 126, .12), 103px 0 0 -6px rgba(0, 50, 126, .12), 104px 0 0 -6px rgba(0, 50, 126, .12), 105px 0 0 -6px rgba(0, 50, 126, .12), 106px 0 0 -6px rgba(0, 50, 126, .12), 107px 0 0 -6px rgba(0, 50, 126, .12), 108px 0 0 -6px rgba(0, 50, 126, .12), 109px 0 0 -6px rgba(0, 50, 126, .12), 110px 0 0 -6px rgba(0, 50, 126, .12), 111px 0 0 -6px rgba(0, 50, 126, .12), 112px 0 0 -6px rgba(0, 50, 126, .12), 113px 0 0 -6px rgba(0, 50, 126, .12), 114px 0 0 -6px rgba(0, 50, 126, .12), 115px 0 0 -6px rgba(0, 50, 126, .12), 116px 0 0 -6px rgba(0, 50, 126, .12), 117px 0 0 -6px rgba(0, 50, 126, .12), 118px 0 0 -6px rgba(0, 50, 126, .12), 119px 0 0 -6px rgba(0, 50, 126, .12), 120px 0 0 -6px rgba(0, 50, 126, .12), 121px 0 0 -6px rgba(0, 50, 126, .12), 122px 0 0 -6px rgba(0, 50, 126, .12), 123px 0 0 -6px rgba(0, 50, 126, .12), 124px 0 0 -6px rgba(0, 50, 126, .12), 125px 0 0 -6px rgba(0, 50, 126, .12), 126px 0 0 -6px rgba(0, 50, 126, .12), 127px 0 0 -6px rgba(0, 50, 126, .12), 128px 0 0 -6px rgba(0, 50, 126, .12), 129px 0 0 -6px rgba(0, 50, 126, .12), 130px 0 0 -6px rgba(0, 50, 126, .12), 131px 0 0 -6px rgba(0, 50, 126, .12), 132px 0 0 -6px rgba(0, 50, 126, .12), 133px 0 0 -6px rgba(0, 50, 126, .12), 134px 0 0 -6px rgba(0, 50, 126, .12), 135px 0 0 -6px rgba(0, 50, 126, .12), 136px 0 0 -6px rgba(0, 50, 126, .12), 137px 0 0 -6px rgba(0, 50, 126, .12), 138px 0 0 -6px rgba(0, 50, 126, .12), 139px 0 0 -6px rgba(0, 50, 126, .12), 140px 0 0 -6px rgba(0, 50, 126, .12), 141px 0 0 -6px rgba(0, 50, 126, .12), 142px 0 0 -6px rgba(0, 50, 126, .12), 143px 0 0 -6px rgba(0, 50, 126, .12), 144px 0 0 -6px rgba(0, 50, 126, .12), 145px 0 0 -6px rgba(0, 50, 126, .12), 146px 0 0 -6px rgba(0, 50, 126, .12), 147px 0 0 -6px rgba(0, 50, 126, .12), 148px 0 0 -6px rgba(0, 50, 126, .12), 149px 0 0 -6px rgba(0, 50, 126, .12), 150px 0 0 -6px rgba(0, 50, 126, .12), 151px 0 0 -6px rgba(0, 50, 126, .12), 152px 0 0 -6px rgba(0, 50, 126, .12), 153px 0 0 -6px rgba(0, 50, 126, .12), 154px 0 0 -6px rgba(0, 50, 126, .12), 155px 0 0 -6px rgba(0, 50, 126, .12), 156px 0 0 -6px rgba(0, 50, 126, .12), 157px 0 0 -6px rgba(0, 50, 126, .12), 158px 0 0 -6px rgba(0, 50, 126, .12), 159px 0 0 -6px rgba(0, 50, 126, .12), 160px 0 0 -6px rgba(0, 50, 126, .12), 161px 0 0 -6px rgba(0, 50, 126, .12), 162px 0 0 -6px rgba(0, 50, 126, .12), 163px 0 0 -6px rgba(0, 50, 126, .12), 164px 0 0 -6px rgba(0, 50, 126, .12), 165px 0 0 -6px rgba(0, 50, 126, .12), 166px 0 0 -6px rgba(0, 50, 126, .12), 167px 0 0 -6px rgba(0, 50, 126, .12), 168px 0 0 -6px rgba(0, 50, 126, .12), 169px 0 0 -6px rgba(0, 50, 126, .12), 170px 0 0 -6px rgba(0, 50, 126, .12), 171px 0 0 -6px rgba(0, 50, 126, .12), 172px 0 0 -6px rgba(0, 50, 126, .12), 173px 0 0 -6px rgba(0, 50, 126, .12), 174px 0 0 -6px rgba(0, 50, 126, .12), 175px 0 0 -6px rgba(0, 50, 126, .12), 176px 0 0 -6px rgba(0, 50, 126, .12), 177px 0 0 -6px rgba(0, 50, 126, .12), 178px 0 0 -6px rgba(0, 50, 126, .12), 179px 0 0 -6px rgba(0, 50, 126, .12), 180px 0 0 -6px rgba(0, 50, 126, .12), 181px 0 0 -6px rgba(0, 50, 126, .12), 182px 0 0 -6px rgba(0, 50, 126, .12), 183px 0 0 -6px rgba(0, 50, 126, .12), 184px 0 0 -6px rgba(0, 50, 126, .12), 185px 0 0 -6px rgba(0, 50, 126, .12), 186px 0 0 -6px rgba(0, 50, 126, .12), 187px 0 0 -6px rgba(0, 50, 126, .12), 188px 0 0 -6px rgba(0, 50, 126, .12), 189px 0 0 -6px rgba(0, 50, 126, .12), 190px 0 0 -6px rgba(0, 50, 126, .12), 191px 0 0 -6px rgba(0, 50, 126, .12), 192px 0 0 -6px rgba(0, 50, 126, .12), 193px 0 0 -6px rgba(0, 50, 126, .12), 194px 0 0 -6px rgba(0, 50, 126, .12), 195px 0 0 -6px rgba(0, 50, 126, .12), 196px 0 0 -6px rgba(0, 50, 126, .12), 197px 0 0 -6px rgba(0, 50, 126, .12), 198px 0 0 -6px rgba(0, 50, 126, .12), 199px 0 0 -6px rgba(0, 50, 126, .12), 200px 0 0 -6px rgba(0, 50, 126, .12), 201px 0 0 -6px rgba(0, 50, 126, .12), 202px 0 0 -6px rgba(0, 50, 126, .12), 203px 0 0 -6px rgba(0, 50, 126, .12), 204px 0 0 -6px rgba(0, 50, 126, .12), 205px 0 0 -6px rgba(0, 50, 126, .12), 206px 0 0 -6px rgba(0, 50, 126, .12), 207px 0 0 -6px rgba(0, 50, 126, .12), 208px 0 0 -6px rgba(0, 50, 126, .12), 209px 0 0 -6px rgba(0, 50, 126, .12), 210px 0 0 -6px rgba(0, 50, 126, .12), 211px 0 0 -6px rgba(0, 50, 126, .12), 212px 0 0 -6px rgba(0, 50, 126, .12), 213px 0 0 -6px rgba(0, 50, 126, .12), 214px 0 0 -6px rgba(0, 50, 126, .12), 215px 0 0 -6px rgba(0, 50, 126, .12), 216px 0 0 -6px rgba(0, 50, 126, .12), 217px 0 0 -6px rgba(0, 50, 126, .12), 218px 0 0 -6px rgba(0, 50, 126, .12), 219px 0 0 -6px rgba(0, 50, 126, .12), 220px 0 0 -6px rgba(0, 50, 126, .12), 221px 0 0 -6px rgba(0, 50, 126, .12), 222px 0 0 -6px rgba(0, 50, 126, .12), 223px 0 0 -6px rgba(0, 50, 126, .12), 224px 0 0 -6px rgba(0, 50, 126, .12), 225px 0 0 -6px rgba(0, 50, 126, .12), 226px 0 0 -6px rgba(0, 50, 126, .12), 227px 0 0 -6px rgba(0, 50, 126, .12), 228px 0 0 -6px rgba(0, 50, 126, .12), 229px 0 0 -6px rgba(0, 50, 126, .12), 230px 0 0 -6px rgba(0, 50, 126, .12), 231px 0 0 -6px rgba(0, 50, 126, .12), 232px 0 0 -6px rgba(0, 50, 126, .12), 233px 0 0 -6px rgba(0, 50, 126, .12), 234px 0 0 -6px rgba(0, 50, 126, .12), 235px 0 0 -6px rgba(0, 50, 126, .12), 236px 0 0 -6px rgba(0, 50, 126, .12), 237px 0 0 -6px rgba(0, 50, 126, .12), 238px 0 0 -6px rgba(0, 50, 126, .12), 239px 0 0 -6px rgba(0, 50, 126, .12), 240px 0 0 -6px rgba(0, 50, 126, .12);
            height: 14px;
            margin-top: -6px;
            -webkit-transition: border-color .3s, background-color .3s;
            transition: border-color .3s, background-color .3s;
            width: 14px
        }

            .custom-range::-webkit-slider-thumb:focus {
                box-shadow: 0 0 0 1px #ebeff8, 0 0 0 2px rgba(70, 127, 207, .25);
                outline: none
            }

            .custom-range::-webkit-slider-thumb:active {
                background-color: #d4e1f4
            }

        .custom-range::-webkit-slider-runnable-track {
            background-color: #dee2e6;
            border-color: transparent;
            border-radius: 1rem;
            color: transparent;
            cursor: pointer;
            height: .5rem;
            width: 100%
        }

        .custom-range::-moz-range-thumb {
            background: #fff;
            border: 1px solid rgba(0, 30, 75, .12);
            border-radius: 50px;
            height: 14px;
            position: relative;
            -moz-transition: border-color .3s, background-color .3s;
            transition: border-color .3s, background-color .3s;
            width: 14px
        }

            .custom-range::-moz-range-thumb:focus {
                box-shadow: 0 0 0 1px #ebeff8, 0 0 0 2px rgba(70, 127, 207, .25);
                outline: none
            }

            .custom-range::-moz-range-thumb:active {
                background-color: #d4e1f4
            }

        .custom-range::-moz-range-track {
            background-color: #dee2e6;
            border-color: transparent;
            border-radius: 1rem;
            color: transparent;
            cursor: pointer;
            height: .5rem;
            width: 100%
        }

        .custom-range::-ms-thumb {
            appearance: none;
            background-color: #6f453e;
            border: 0;
            border-radius: 1rem;
            height: 1rem;
            width: 1rem
        }

            .custom-range::-ms-thumb:focus {
                box-shadow: 0 0 0 1px #ebeff8, 0 0 0 2px rgba(70, 127, 207, .25);
                outline: none
            }

            .custom-range::-ms-thumb:active {
                background-color: #d4e1f4
            }

        .custom-range::-ms-track {
            background-color: transparent;
            border-width: .5rem;
            cursor: pointer;
            height: .5rem;
            width: 100%
        }

        .custom-range::-ms-fill-lower,
        .custom-range::-ms-fill-upper {
            background-color: #dee2e6;
            border-radius: 1rem
        }

        .custom-range::-ms-fill-upper {
            margin-right: 15px
        }

        .custom-range:focus {
            box-shadow: none;
            outline: none
        }

            .custom-range:focus::-moz-range-thumb,
            .custom-range:focus::-ms-thumb,
            .custom-range:focus::-webkit-slider-thumb {
                background-color: #467fcf;
                border-color: #467fcf
            }

        .custom-range::-moz-focus-outer {
            border: 0
        }

        .custom-range::-webkit-slider-runnable-track {
            background: #467fcf;
            content: "";
            height: 2px;
            pointer-events: none
        }

        .custom-range::-moz-range-progress {
            background: #467fcf;
            border: 0;
            height: 2px;
            margin-top: 0
        }

        .custom-range::-ms-track {
            background: transparent;
            border: 0;
            border-color: transparent;
            border-radius: 0;
            border-width: 0;
            color: transparent;
            height: 2px;
            margin-top: 10px;
            width: 240px
        }

        .custom-range::-ms-thumb {
            background: #fff;
            border: 1px solid rgba(0, 30, 75, .12);
            border-radius: 50px;
            height: 2px;
            -ms-transition: border-color .3s, background-color .3s;
            transition: border-color .3s, background-color .3s;
            width: 240px
        }

        .custom-range::-ms-fill-lower {
            background: #467fcf;
            border-radius: 0
        }

        .custom-range::-ms-fill-upper {
            background: rgba(0, 50, 126, .12);
            border-radius: 0
        }

        .custom-range::-ms-tooltip {
            display: none
        }

#back-to-top {
    background: #6f453e;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    bottom: 20px;
    color: #fff;
    display: none;
    height: 40px;
    line-height: 40px;
    position: fixed;
    right: 20px;
    text-align: center;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    width: 40px;
    z-index: 99;
    z-index: 10000
}

        #back-to-top i {
            font-size: 16px;
            padding-top: 15px
        }

        #back-to-top:hover {
            fill: #36f;
            background: #fff;
            border: 2px solid #36f;
            color: #36f
        }

            #back-to-top:hover .svg-icon {
                fill: #36f
            }

    #popup {
        background: #fe6b1f;
        border-radius: 5px;
        color: #fff;
        display: none;
        height: 30px;
        position: absolute;
        width: auto
    }

    #copy {
        background: none;
        border: 0;
        color: #fff;
        font-weight: 700;
        padding: 8px 25px
    }

    .countdown span:first-child {
        font-size: 30px;
        font-weight: 500
    }

    .social i {
        font-size: 40px
    }

    .social .social-icon i {
        font-size: 14px
    }

    .widget-info i {
        border: 2px solid #fff;
        border-radius: 50%;
        height: 100px;
        padding: 27px 0;
        text-align: center;
        width: 100px
    }

    .widget-info a {
        border-bottom: 1px solid #fff
    }

    .about-img {
        background: url(../images/about.jpg);
        background-position: 50%;
        background-size: cover
    }

    .login-img {
        background: url(../images/login.jpg);
        background-size: cover
    }

    .construction-img {
        background: url(../images/construction.jpg);
        background-size: cover
    }

    .z-index-10 {
        z-index: 10 !important
    }

    .login-transparent {
        background: url(../images/photos/22.jpg);
        background-size: cover
    }

        .login-transparent:before {
            background: -webkit-gradient(linear, left top, right top, from(rgba(159, 120, 255, .96)), to(rgba(50, 202, 254, .96)));
            border-radius: 7px;
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

    .page-breadcrumb {
        background: none;
        flex-basis: 100%;
        font-size: .875rem;
        margin: 1rem 0 0;
        padding: 0
    }

    @media (min-width:768px) {
        .page-breadcrumb {
            margin: -.5rem 0 0
        }
    }

    @media (max-width:320px) {
        .fc-toolbar .fc-right {
            float: right;
            margin: 10px 0;
            text-align: center;
            width: 100%
        }

        .header .header-flags {
            display: none
        }

        .klview-icons {
            top: 4.5% !important
        }
    }

    .page-breadcrumb .breadcrumb-item {
        color: #9aa0ac
    }

        .page-breadcrumb .breadcrumb-item.active {
            color: #6e7687
        }

    .page-total-text {
        align-self: center;
        color: #6e7687;
        margin-right: 1rem
    }

    .link-overlay {
        position: relative
    }

        .link-overlay:hover .link-overlay-bg {
            opacity: 1
        }

    .link-overlay-bg {
        align-items: center;
        background: rgba(70, 127, 207, .8);
        bottom: 0;
        color: #fff;
        display: flex;
        font-size: 1.25rem;
        justify-content: center;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .3s
    }

    .richText {
        background-color: #ebeff8;
        border: 1px solid #d3dfea;
        border-bottom: 0;
        border-top: 0
    }

        .richText .richText-toolbar {
            border-bottom: 1px solid #d3dfea;
            border-top: 1px solid #d3dfea
        }

            .richText .richText-toolbar ul li a {
                border-right: 1px solid #d3dfea
            }

        .richText .richText-redo,
        .richText .richText-undo {
            border-right: 1px solid #d3dfea !important
        }

    .more-less {
        color: #212121;
        float: right
    }

    #sidebar ul li.active > a {
        color: #36f
    }

        #sidebar ul li.active > a:hover {
            background: #6d4dbb;
            color: #fff
        }

    #sidebar ul li {
        position: relative
    }

        #sidebar ul li a {
            color: #384056;
            font-weight: 400
        }

        #sidebar ul li ul li:last-child {
            border-bottom: 0
        }

    #sidebar li a.active,
    #sidebar li a[aria-expanded=true] {
        background: #36f;
        color: #fff
    }

        #sidebar li a[aria-expanded=true]:hover {
            color: #fff !important
        }

    .sweet-alert button {
        background-color: #36f !important
    }

    .job-box-filter {
        border-bottom: 1px solid #e9ebfa;
        padding: 12px 15px
    }

        .job-box-filter a.filtsec {
            background: #edf0f3;
            border: 1px solid #e2e8ef;
            border-radius: 50px;
            color: #81a0b1;
            display: inline-block;
            font-size: 13px;
            margin-right: 15px;
            margin-top: 8px;
            padding: 4px 10px;
            transition: all .4s ease
        }

            .job-box-filter a.filtsec.active {
                background: #16262c;
                border-color: #16262c;
                color: #fff
            }

            .job-box-filter a.filtsec i {
                color: #36f;
                margin-right: 5px
            }

            .job-box-filter a.filtsec:focus,
            .job-box-filter a.filtsec:hover {
                background: #07b107;
                border-color: #07b107;
                color: #fff
            }

                .job-box-filter a.filtsec:focus i,
                .job-box-filter a.filtsec:hover i {
                    color: #fff
                }

        .job-box-filter h4 i {
            margin-right: 10px
        }

        .job-box-filter label {
            width: 100%
        }

        .job-box-filter select.input-sm {
            height: 34px;
            margin: 0 5px;
            max-width: 120px
        }

        .job-box-filter label input.form-control,
        .job-box-filter select.input-sm {
            border: 1px solid #e9ebfa;
            border-radius: 2px;
            display: inline-block;
            font-size: 15px
        }

        .job-box-filter label input.form-control {
            margin-left: 5px;
            max-width: 200px
        }

    .job-box {
        display: inline-block;
        padding: 0;
        width: 100%
    }

    .image_outer_container {
        border-radius: 50%;
        margin-bottom: auto;
        margin-top: auto;
        position: relative
    }

    .image_inner_container {
        border-radius: 50%;
        padding: 5px
    }

        .image_inner_container img {
            border: 5px solid #fff;
            border-radius: 50%;
            height: 150px;
            width: 150px
        }

    .image_outer_container .green_icon {
        background-color: #4cd137;
        border: 5px solid #fff;
        border-radius: 50%;
        bottom: 10px;
        height: 30px;
        position: absolute;
        right: 10px;
        width: 30px
    }

    .search {
        position: absolute;
        width: 320px
    }

        .search svg {
            stroke-width: 8px;
            stroke: #fff;
            stroke-width: 1px;
            stroke-dashoffset: 0;
            stroke-dasharray: 64.6 206.305;
            height: auto;
            margin-top: 5px;
            transform: translateX(-126px);
            transition: all .5s ease-in-out;
            width: 180px
        }

    #drag-1,
    #drag-2 {
        background-color: #29e;
        border-radius: .75em;
        color: #fff;
        height: 100%;
        margin: 10%;
        min-height: 6.5em;
        padding: 4%;
        transform: translate(0);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 25%
    }

    .search-inline {
        background-color: #fff;
        left: 0;
        opacity: 0;
        padding: 33px 0;
        position: absolute;
        top: 0;
        transition: all .5s ease-in-out;
        visibility: hidden;
        width: 100%;
        z-index: 9
    }

        .search-inline.search-visible {
            -webkit-animation: fadeInDown .2s ease-in-out;
            animation: fadeInDown .2s ease-in-out;
            opacity: 1;
            visibility: visible
        }

        .search-inline button[type=submit] {
            background-color: transparent;
            background: #36f;
            border: 0;
            color: #fff;
            cursor: pointer;
            height: 100%;
            padding: 0;
            position: absolute;
            right: 52px;
            right: 80px;
            top: 0;
            width: 80px
        }

        .search-inline .form-control {
            border: 0;
            font-size: 20px;
            height: 100%;
            left: 1%;
            outline: none;
            padding-left: 0;
            position: absolute;
            top: 0;
            width: 99%
        }

            .search-inline .form-control:focus {
                box-shadow: none
            }

        .search-inline .search-close {
            background: #efefef;
            color: #616161;
            display: table;
            height: 100%;
            position: absolute;
            right: 0;
            text-align: center;
            text-decoration: none;
            top: 0;
            width: 80px
        }

            .search-inline .search-close i {
                display: table-cell;
                vertical-align: middle
            }

    .searching i {
        font-size: 18px
    }

    .search-close i {
        padding: 24px 0
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0, -20%, 0)
        }

        to {
            opacity: 1;
            transform: translateZ(0)
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0, -20%, 0)
        }

        to {
            opacity: 1;
            transform: translateZ(0)
        }
    }

    .lockscreen {
        background: inherit;
        height: 280px;
        overflow: hidden;
        width: 300px
    }

        .lockscreen:before {
            background: inherit;
            bottom: 0;
            box-shadow: inset 0 0 0 200px hsla(0, 0%, 100%, .4);
            content: "";
            filter: blur(1px);
            height: 400px;
            left: -25px;
            position: absolute;
            right: 0;
            top: -25px;
            width: 350px
        }

    .table-stats table td,
    .table-stats table th {
        border: none;
        border-bottom: 1px solid #e8e9ef;
        font-size: 12px;
        font-weight: 400;
        padding: .75em 1.25em;
        text-transform: uppercase
    }

        .table-stats table td img,
        .table-stats table th img {
            margin-right: 10px;
            max-width: 45px
        }

        .table-stats table td,
        .table-stats table th .name {
            font-size: 14px;
            text-transform: capitalize
        }

    .table-stats table td {
        vertical-align: middle
    }

        .table-stats table td .name {
            font-size: 14px;
            text-transform: capitalize
        }

    .traffic-sales-content {
        padding: 14px
    }

    .traffic-sales-amount {
        float: right
    }

    .bg-dot {
        height: 7px;
        right: .9rem;
        top: .6rem;
        width: 7px
    }

    .bg-dot,
    .pulse {
        background: #f72d66;
        border-radius: 50%;
        cursor: pointer;
        display: block;
        position: absolute
    }

    .pulse {
        -webkit-animation: pulse 2s infinite;
        animation: pulse 2s infinite;
        border: 2px solid #eee6e6;
        box-shadow: 0 0 0 rgba(247, 45, 102, .9);
        height: 10px;
        right: .7rem;
        top: .1rem;
        width: 10px
    }

        .pulse:hover {
            -webkit-animation: none;
            animation: none
        }

    @-webkit-keyframes pulse {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, .9)
        }

        70% {
            -webkit-box-shadow: 0 0 0 10px rgba(247, 45, 102, 0)
        }

        to {
            -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0)
        }
    }

    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(247, 45, 102, .7)
        }

        70% {
            box-shadow: 0 0 0 10px rgba(247, 45, 102, 0)
        }

        to {
            box-shadow: 0 0 0 0 rgba(247, 45, 102, 0)
        }
    }

    @media (max-width:992px) {
        .customlogin-content {
            padding: 3rem
        }

        .horizontal-main.hor-menu {
            border-bottom: 0 !important;
            box-shadow: none !important;
            padding: 0 !important
        }

        .page-body {
            padding-top: 1px
        }

        .app-content.page-body .container,
        .header.hor-header .container,
        .main-content .container {
            max-width: none
        }

        .app-content.page-body .side-app {
            padding: 6.2rem .75rem 0 !important
        }

        .navsearch {
            border: 0 solid #e9ebfa;
            border-radius: 3px;
            font-size: 1.2rem;
            height: 2.5rem;
            margin: 5px;
            padding: 0;
            position: relative;
            text-align: center
        }

            .navsearch i {
                padding-top: 0 !important
            }

        .app-content.page-body {
            margin-top: 4.7rem
        }

        .comb-page .app-content.page-body {
            margin-top: 0
        }

        .media.profile-footer .media-user {
            display: none
        }

        .bannerimg .header-text {
            margin-top: 4.2rem
        }
    }

    @media (max-width:1024px) and (min-width:768px) {
        .btn-tableview {
            right: 35% !important;
            z-index: 99 !important
        }

        .header-text3 {
            bottom: -180px !important
        }
    }

    @media (max-width:992px) and (min-width:768px) {
        .support-mobile-header .animated-arrow {
            margin: 16px 0 0 60px !important
        }

        .hr-checkall {
            padding: 20px
        }

            .hr-checkall .custom-checkbox {
                left: 2rem;
                position: absolute;
                top: -1rem
            }

        .header-brand-img.dark-logo,
        .header-brand-img.desktop-lgo {
            margin-left: 0
        }
    }

    .activity {
        border-left: 3px solid #e9ebfa;
        margin-left: 16px;
        position: relative
    }

        .activity .img-activity {
            border: 3px solid;
            border-radius: 50%;
            height: 40px;
            left: -20px;
            line-height: 44px;
            position: absolute;
            text-align: center;
            width: 40px
        }

        .activity .item-activity {
            margin-bottom: 26px;
            margin-left: 40px
        }

    #AreaChart2 {
        bottom: -20px;
        height: 88px !important;
        left: -7px;
        position: relative;
        width: 105% !important
    }

    #CryptoChart,
    #CryptoChart1,
    #CryptoChart2,
    #CryptoChart3 {
        bottom: -15px;
        height: 70px !important;
        left: -7px;
        position: relative;
        width: 105% !important
    }

    [class*=js-conveyor-] ul li {
        background: #fff;
        border: 1px solid #efefef;
        border-radius: 5px;
        box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px #b0b8d6;
        margin: 15px 6px;
        padding: 9px 15px
    }

    .news-crypto span {
        font-size: .8rem
    }

    .latest-timeline ul.timeline {
        list-style-type: none;
        position: relative
    }

        .latest-timeline ul.timeline:before {
            background: #e9ebfa;
            content: " ";
            display: inline-block;
            height: 100%;
            left: 15px;
            position: absolute;
            width: 3px;
            z-index: 1
        }

        .latest-timeline ul.timeline > li {
            margin: 20px 0;
            padding-left: 3rem
        }

            .latest-timeline ul.timeline > li:before {
                background: #fff;
                border: 3px solid #1753fc;
                border-radius: 50%;
                content: " ";
                display: inline-block;
                height: 20px;
                left: 6px;
                position: absolute;
                width: 20px;
                z-index: 1
            }

            .latest-timeline ul.timeline > li:first-child:before {
                border: 3px solid #0dd157
            }

            .latest-timeline ul.timeline > li:nth-child(2):before {
                border: 3px solid #2d9eef
            }

            .latest-timeline ul.timeline > li:nth-child(3):before {
                border: 3px solid #f35e90
            }

            .latest-timeline ul.timeline > li:nth-child(4):before {
                border: 3px solid #f34932
            }

            .latest-timeline ul.timeline > li:last-child:before {
                border: 3px solid #ec2d38
            }

    div[data-acc-content] {
        display: none
    }

    div[data-acc-step]:not(.open) {
        background: #ebeff8
    }

        div[data-acc-step]:not(.open) h5 {
            color: #9ba5ca
        }

        div[data-acc-step]:not(.open) .badge-primary {
            background: #afb4d8
        }

    #form .list-group-item:hover {
        background: none
    }

    #smartwizard .nav.nav-tabs.step-anchor {
        border-bottom: 0 !important;
        padding: 30px
    }

    #smartwizard .nav-tabs {
        border-top: 0 !important
    }

    #smartwizard .nav-link {
        padding: 15px 40px
    }

    .sw-theme-dots .nav-tabs .nav-link:hover:not(.disabled) {
        background: transparent;
        color: #36f
    }

    .fc-widget-content .fc-bgevent {
        background-color: #ebeff8 !important
    }

    .apexcharts-toolbar {
        display: none;
        z-index: 0 !important
    }

    .card-bgimg {
        background: url(../images/photos/chart.png);
        background-size: cover;
        border: 0;
        border-radius: 3px;
        overflow: hidden;
        position: relative
    }

        .card-bgimg:before {
            background: #36f;
            border-radius: 3px;
            content: "";
            display: block;
            height: 100%;
            left: 0;
            opacity: .9;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

        .card-bgimg .card-body {
            z-index: 10
        }

    @media (min-width:992px) {
        .hr-checkall .custom-checkbox {
            left: 13rem;
            position: absolute;
            top: -.2rem
        }

        .hor-header.hor-top-header .header-brand-img {
            display: none
        }

        .hor-header.hor-top-header .header-brand.center-logo .desktop-lgo {
            display: block;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0
        }

        .hor-header.hor-top-header .form-inline .form-control {
            width: 175px
        }

        .hor-header.hor-top-header .header-brand {
            margin-right: 0
        }
    }

    @media (max-width:991px) {
        .hor-header.hor-top-header .header-brand.center-logo .desktop-lgo {
            display: none
        }

        .header.hor-header.hor-top-header {
            border-bottom: 0
        }
    }

    .icon.icon-shape {
        font-size: 12px;
        height: 2.2rem;
        line-height: 2.454rem;
        text-align: center;
        width: 2.2rem
    }

    .h-250 {
        height: 150px
    }

    .latest-timeline1 li {
        position: relative
    }

    .latest-timeline.latest-timeline1-icon ul.timeline > li:before {
        display: none
    }

    .latest-timeline1-icon {
        border-radius: 7px;
        color: #fff;
        font-weight: 500;
        height: 2rem;
        left: 0;
        line-height: 2rem;
        position: absolute;
        text-align: center;
        width: 2rem;
        z-index: 1
    }

    .h-330 {
        height: 330px
    }

    .shadow {
        box-shadow: 0 2px 16px rgba(176, 184, 214, .7) !important
    }

    .shadow3 {
        box-shadow: 0 0 6px rgba(176, 184, 214, .7) !important
    }

    .apexcharts-tooltip.light {
        background: hsla(0, 0%, 100%, .96);
        border: 1px solid #e3e3e3;
        box-shadow: 0 0 17px -5px rgba(6, 10, 48, .2)
    }

    .chart-dropshadow-primary {
        filter: drop-shadow(-6px 12px 4px rgba(6, 10, 48, .2))
    }

    .icon-dropshadow {
        filter: drop-shadow(0 10px 4px #e5e9f2)
    }

    .icon-dropshadow-primary {
        filter: drop-shadow(0 4px 4px rgba(6, 10, 48, .3))
    }

    .icon-dropshadow-secondary {
        filter: drop-shadow(0 4px 4px rgba(47, 54, 124, .3))
    }

    .icon-dropshadow-info {
        filter: drop-shadow(0 4px 4px rgba(69, 170, 242, .3))
    }

    .icon-dropshadow-success {
        filter: drop-shadow(0 4px 4px rgba(1, 195, 83, .3))
    }

    .icon-dropshadow-danger {
        filter: drop-shadow(0 4px 4px rgba(241, 21, 65, .3))
    }

    .icon-dropshadow-warning {
        filter: drop-shadow(0 4px 4px rgba(255, 173, 0, .3))
    }

    .chart-dropshadow {
        filter: drop-shadow(0 -6px 4px rgba(176, 184, 214, .5))
    }

    .GradientlineShadow {
        filter: drop-shadow(0 -8px 4px rgba(176, 184, 214, .2))
    }

    .BarChartShadow {
        filter: drop-shadow(0 1px 4px rgba(176, 184, 214, .3))
    }

    .donutShadow {
        filter: drop-shadow(-5px 0 10px rgba(176, 184, 214, .4))
    }

    .transaction-table.table td {
        vertical-align: middle
    }

    .transaction-table.table .apexcharts-tooltip.light {
        display: none
    }

    .transaction-table.table thead th {
        padding-bottom: 20px
    }

    .inde4-table tr td:first-child {
        position: relative
    }

        .inde4-table tr td:first-child:before {
            content: "";
            height: 24px;
            left: 0;
            position: absolute;
            top: 12px;
            width: 2px
        }

    .inde4-table tr:first-child td:first-child:before {
        background: rgba(6, 10, 48, .7)
    }

    .inde4-table tr:nth-child(2) td:first-child:before {
        background: rgba(247, 45, 102, .7)
    }

    .inde4-table tr:nth-child(3) td:first-child:before {
        background: rgba(45, 206, 137, .7)
    }

    .inde4-table tr:nth-child(4) td:first-child:before {
        background: rgba(69, 170, 242, .7)
    }

    .inde4-table tr:nth-child(5) td:first-child:before {
        background: rgba(236, 180, 3, .7)
    }

    .inde4-table tr:nth-child(6) td:first-child:before {
        background: rgba(255, 91, 81, .7)
    }

    .inde4-table tr:nth-child(7) td:first-child:before {
        background: rgba(6, 10, 48, .7)
    }

    .inde4-table tr:nth-child(8) td:first-child:before {
        background: rgba(247, 45, 102, .7)
    }

    .inde4-table tr:nth-child(9) td:first-child:before {
        background: rgba(45, 206, 137, .7)
    }

    .inde4-table tr:nth-child(10) td:first-child:before {
        background: rgba(69, 170, 242, .7)
    }

    .crypto-icon {
        border-radius: 4px;
        font-size: 1.8rem;
        height: 3rem;
        line-height: 3rem;
        margin-right: 18px;
        text-align: center;
        width: 3rem
    }

    .crypto-tabs {
        border: 0 !important;
        padding: 0 !important
    }

        .crypto-tabs .tabs-menu1 ul li .active {
            background: #fff;
            border: 1px solid #e9ebfa;
            border-bottom: 0;
            border-radius: 8px 8px 0 0;
            box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px #b0b8d6
        }

        .crypto-tabs .tabs-menu1 ul li a {
            display: block;
            font-size: 16px
        }

    table.table-bordered.dataTable td:first-child {
        border-left: 0 solid #e9ebfa !important
    }

    .js-conveyor-example:before {
        background: linear-gradient(90deg, #f1f4fb, transparent);
        left: 0
    }

    .js-conveyor-example:after,
    .js-conveyor-example:before {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 20%;
        z-index: 1
    }

    .js-conveyor-example:after {
        background: linear-gradient(270deg, #f1f4fb, transparent);
        right: 0
    }

    .user-info .social li {
        display: inline-block
    }

    .user-info .social .social-icon {
        background: hsla(0, 0%, 100%, .1);
        border: 1px solid hsla(0, 0%, 100%, .1);
        border-radius: 50%;
        color: #fff;
        display: block;
        height: 2.5rem;
        line-height: 2.5rem;
        width: 2.5rem
    }

    .date-range-btn {
        font-size: .9375rem
    }

    .header-icon,
    .header-icon2,
    .svg-icon {
        fill: #313e6a;
        color: #9097e8
    }

    .header-icon {
        height: 30px;
        width: 30px
    }

    .header-option .header-icon {
        margin-top: -3px
    }

    .header-option .nav-link {
        margin: 7px 0 0
    }

    .card-custom-icon.text-secondary {
        fill: #fe7f00
    }

    .card-custom-icon.text-success {
        fill: #0dcd94
    }

    .card-custom-icon.text-primary {
        fill: #36f
    }

    .card-custom-icon.text-danger {
        fill: #f7284a
    }

    .feature .feature-icon {
        background: rgba(6, 10, 48, .2);
        border-radius: 50%;
        color: #36f;
        font-size: 25px;
        height: 4rem;
        line-height: 4rem;
        text-align: center;
        width: 4rem
    }

    .expenses-card {
        padding-top: 170px
    }

        .expenses-card #Chart {
            bottom: -15px;
            height: 120px !important;
            left: -7px;
            position: relative;
            width: 105% !important
        }

        .expenses-card .card-body {
            position: absolute;
            top: 0
        }

    .page-rightheader .breadcrumb {
        background: #fff;
        border-radius: 15px;
        padding: 3px 15px 5px
    }

    .under-countdown .countdown {
        background: #eaeefa;
        border-radius: 5px;
        color: #263871;
        height: 100px;
        line-height: 100px
    }

    .clip-widget {
        position: relative
    }

    .clipboard-icon {
        border: 1px solid #caceeb;
        border-radius: 5px;
        cursor: pointer;
        margin: 0 auto 0 5px;
        padding: 2px 4px;
        text-align: center
    }

    .highlight {
        background: #f7f6fd;
        border-radius: 0 0 3px 3px;
        padding: 0;
        position: relative
    }

        .highlight pre {
            color: inherit;
            -webkit-hyphens: none;
            -ms-hyphens: none;
            hyphens: none;
            max-height: 15rem;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4
        }

    table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
        background: #4757c4;
        border: 2px solid #4757c4;
        border-radius: 14px;
        box-shadow: none;
        box-sizing: content-box;
        color: #fff;
        content: "+";
        display: block;
        height: 14px;
        left: 4px;
        line-height: 14px;
        position: absolute;
        text-align: center;
        text-indent: 0 !important;
        top: 12px;
        width: 14px
    }

    .usertab-list li {
        margin: 5px 0
    }

    .profile-media-img {
        border: 0 solid #efefef;
        display: block;
        position: relative
    }

        .profile-media-img h6 {
            bottom: 15px;
            color: #fff;
            left: 15px;
            position: absolute
        }

        .profile-media-img:before {
            background: rgba(0, 0, 0, .5);
            bottom: 0;
            content: "";
            display: block;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .profile-media-img h6 a {
            position: relative;
            z-index: 999
        }

    .cover-image {
        background-size: cover !important
    }

    .timelineleft {
        list-style: none;
        margin: 0 0 30px;
        padding: 0;
        position: relative
    }

        .timelineleft:before {
            background: #d3dfea;
            border-radius: 2px;
            bottom: 0;
            content: "";
            left: 31px;
            margin: 0;
            position: absolute;
            top: 0;
            width: 2px
        }

        .timelineleft > li {
            margin-bottom: 15px;
            margin-right: 0;
            position: relative
        }

            .timelineleft > li:after,
            .timelinelft > li:before {
                content: " ";
                display: table
            }

        .timelineleft > .timeleft-label > span {
            background-color: #fff;
            border-radius: 4px;
            color: #fff;
            display: inline-block;
            font-weight: 600;
            padding: 5px 10px
        }

        .timelineleft > li:after {
            clear: both
        }

        .timelineleft > li > .timelineleft-item {
            background: #fff;
            border-radius: 7px;
            border-radius: 13px;
            margin-left: 60px;
            margin-right: 0;
            margin-top: 0;
            padding: 0;
            position: relative
        }

            .timelineleft > li > .timelineleft-item > .time {
                color: #9ba5ca;
                float: right;
                font-size: 12px;
                padding: 12px
            }

            .timelineleft > li > .timelineleft-item > .timelineleft-header {
                border-bottom: 1px solid #e9ebfa;
                font-size: 16px;
                line-height: 1.1;
                margin: 0;
                padding: .75rem 1.25rem
            }

                .timelineleft > li > .timelineleft-item > .timelineleft-header.no-border {
                    border-bottom: 0 solid #e9ebfa
                }

                .timelineleft > li > .timelineleft-item > .timelineleft-header > a {
                    font-size: 14px;
                    font-weight: 500
                }

    .timelineleft-body img {
        height: 100px;
        width: 150px
    }

    .timelineleft > li > .timelineleft-item > .timelineleft-body,
    .timelineleft > li > .timelineleft-item > .timelineleft-footer {
        padding: .75rem 1.25rem
    }

    .timelineleft-body {
        font-size: 14px
    }

    .timelineleft > li > .fa,
    .timelineleft > li > .glyphicon,
    .timelineleft > li > .ion {
        background: #d2d6de;
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        height: 30px;
        left: 18px;
        line-height: 30px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 30px
    }

    .acc-step-number {
        height: 25px;
        line-height: 25px;
        padding: 0;
        width: 25px
    }

    #form .list-group-item {
        padding: 25px
    }

    .custom-switch-indicator-lg {
        background: #f5f6fb;
        border: 1px solid #ebeaf1;
        border-radius: 50px;
        display: inline-block;
        height: 1.5rem;
        position: relative;
        transition: border-color .3s, background-color .3s;
        vertical-align: bottom;
        width: 3rem
    }

        .custom-switch-indicator-lg:before {
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
            content: "";
            height: calc(1.5rem - 4px);
            left: 1px;
            position: absolute;
            top: 1px;
            transition: left .3s;
            width: calc(1.5rem - 4px)
        }

    .custom-switch-input:checked ~ .custom-switch-indicator-lg:before {
        left: calc(1.46rem + 1px)
    }

    .custom-switch-indicator-xl {
        background: #f5f6fb;
        border: 1px solid #ebeaf1;
        border-radius: 50px;
        display: inline-block;
        height: 2rem;
        position: relative;
        transition: border-color .3s, background-color .3s;
        vertical-align: bottom;
        width: 4rem
    }

        .custom-switch-indicator-xl:before {
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
            content: "";
            height: calc(2rem - 4px);
            left: 1px;
            position: absolute;
            top: 1px;
            transition: left .3s;
            width: calc(2rem - 4px)
        }

    .custom-switch-input:checked ~ .custom-switch-indicator-xl:before {
        left: calc(1.96rem + 1px) !important
    }

    .header-icon2 {
        left: 10px;
        position: absolute;
        top: 0;
        width: 25px
    }

    .page-rightheader .date-range-btn {
        border-radius: 5px;
        height: 40px;
        line-height: 28px;
        outline: none;
        padding-left: 40px;
        position: relative
    }

        .page-rightheader .date-range-btn .header-icon2 {
            fill: #8e98db;
            color: #36f;
            left: 10px;
            position: absolute;
            top: 0;
            width: 20px
        }

    .main-proifle {
        background: #fff;
        border-radius: 8px;
        margin-bottom: 30px;
        overflow: hidden;
        padding: 25px 25px 0;
        position: relative
    }

        .main-proifle .tab-menu-heading {
            border-left: 0;
            border-right: 0;
            margin: 25px -30px 0
        }

        .main-proifle .avatar {
            border: 3px solid #d3dfea;
            border-radius: 50%;
            height: 7rem;
            width: 7rem
        }

            .main-proifle .avatar .avatar-status {
                bottom: 3px;
                right: 17px
            }

        .main-proifle .icons {
            background: #e9ebfa;
            border-radius: 50px;
            display: inline-block;
            font-size: 18px;
            height: 1.6rem;
            line-height: 1.6rem !important;
            text-align: center;
            width: 1.6rem
        }

    .profile-edit {
        position: relative
    }

    .profile-share {
        border: 1px solid #d3dfea;
        border-radius: 0 0 5px 5px;
        display: flex;
        padding: 10px;
        width: 100%
    }

    .profile-edit textarea {
        border-radius: 5px 5px 0 0
    }

        .profile-edit textarea:focus {
            border: 1px solid #e9ebfa
        }

    .social-profile-buttons li {
        display: inline-block
    }

        .social-profile-buttons li a {
            background: #e9ebfa;
            border: 1px solid #e9ebfa;
            border-radius: 50%;
            display: block;
            height: 2rem;
            line-height: 2rem;
            margin: 2px;
            text-align: center;
            width: 2rem
        }

    .fill-secondary {
        fill: #fe7f00
    }

    .fill-white {
        fill: transparent
    }

    .main-nav-calendar-event .nav-link {
        height: 30px;
        line-height: 30px;
        padding: 0
    }

        .main-nav-calendar-event .nav-link.exclude {
            opacity: .3;
            position: relative
        }

            .main-nav-calendar-event .nav-link.exclude:before {
                border-top: 1px solid #737688;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 50%
            }

    .form-wizard-title {
        line-height: 25px;
        margin-left: 10px
    }

    .footer .social .social-icon {
        background: #e9ebfa;
        border: 1px solid #eceef7;
        border-radius: 50%;
        color: #36f;
        display: block;
        height: 25px;
        line-height: 25px;
        width: 25px
    }

    @media (max-width:575.98px) {
        .app-header .header-brand .header-brand-img.dark-logo,
        .app-header .header-brand .header-brand-img.desktop-lgo {
            display: none
        }

        .app-header .header-brand .header-brand {
            margin-right: 0
        }

        .app-header .header-brand .header-brand-img.mobile-logo {
            display: block
        }
    }

    .daterangepicker.opensright:after,
    .daterangepicker.opensright:before {
        display: none
    }

    @media (max-width:1400px) {
        .bg-primary.card.text-white .d-block.card-header h2 {
            font-size: 20px
        }

        .attachments-doc .avatar-xl {
            height: 2.5rem !important;
            width: 2.5rem !important
        }

        .attachments-doc .fs-14 {
            font-size: 12px
        }

        .attachments-doc .d-md-flex {
            display: inline-block !important
        }
    }

    .crypto-content .select2-container--default .select2-selection--single {
        border-radius: 0 5px 5px 0 !important
    }

    .page-style1 .page,
    .page-style1 .page-content {
        min-height: 100% !important
    }

    .invoice-table-responsive {
        overflow: inherit !important
    }

    .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
        background: #e8ebf2;
        border-bottom: 1px solid #e9ebfa
    }

    .apexcharts-tooltip.apexcharts-theme-light {
        background: #fff;
        border: 1px solid #e9ebfa
    }

    .apexcharts-text .apexcharts-xaxis text {
        fill: #263871
    }

    .date-range-btn i {
        color: #c4c9d6;
        opacity: .5
    }

    .app-sidebar .dropdown-menu-arrow.dropdown-menu-right:before {
        bottom: -10px;
        left: 12px;
        right: auto;
        top: auto;
        transform: rotate(-180deg)
    }

    .app-sidebar .dropdown-menu-arrow.dropdown-menu-right:after {
        bottom: -9px;
        left: 13px;
        right: auto;
        top: auto;
        transform: rotate(-180deg)
    }

    .legend div {
        background-color: transparent !important
    }

    .crypto-content .form-control {
        height: 38px
    }

    table.table-bordered.dataTable td:first-child:focus {
        box-shadow: none;
        outline: 0
    }

    @media (min-width:991px) {
        .top-header1 .header-brand2 .header-brand-img {
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            top: 18px
        }

        .top-header1 .header-brand {
            display: none
        }

        .top-header1 .form-inline .form-control {
            width: 210px
        }
    }

    .header-notify.show .dropdown-menu {
        left: -149px !important
    }

    .profile-dropdown.show .dropdown-menu {
        left: -140px !important
    }

    .countryscroll .ps__thumb-y {
        right: 12px !important
    }

    .ms-body .ps__rail-y {
        opacity: 0
    }

    .user-info h5 {
        color: #fff;
        font-size: 20px;
        font-weight: 300
    }

    .icon1 {
        border-radius: 7px;
        color: #fff;
        font-size: 24px;
        height: 55px;
        line-height: 57px;
        text-align: center;
        width: 55px
    }

    .calendar-icon span {
        display: block;
        font-weight: 500
    }

    .calendar-icon .date_time {
        border-radius: 8px;
        display: block;
        font-size: 13px;
        height: 45px;
        text-align: center;
        width: 45px
    }

    .comming_events.calendar-icon .date {
        line-height: 1.8
    }

    .calendar-icon .month {
        line-height: 0
    }

    .calendar-icon .date {
        line-height: 2.3
    }

    .text-muted {
        color: #b8bbc4 !important
    }

    .dot-label {
        border-radius: 3px;
        display: block;
        height: 12px;
        width: 12px
    }

    .dot-label1 {
        border-radius: 50px;
        display: block;
        height: 10px;
        width: 10px
    }

    .mycanvs1 {
        background: #d9e3fc
    }

    .sales-chart span {
        color: #8686ac;
        font-weight: 400
    }

    ul.timeline {
        list-style-type: none;
        position: relative
    }

        ul.timeline:before {
            background: #e9ebfa;
            content: " ";
            display: inline-block;
            height: 100%;
            left: 9px;
            position: absolute;
            width: 1px;
            z-index: 0
        }

        ul.timeline > li {
            margin: 20px 0;
            padding-left: 20px
        }

            ul.timeline > li:before {
                background: #f7284a;
                border: 4px solid #fdedef;
                border-radius: 50%;
                content: " ";
                display: inline-block;
                height: 20px;
                left: -2px;
                margin: 2px;
                position: absolute;
                width: 20px;
                z-index: 1
            }

            ul.timeline > li.primary:before {
                background: #36f;
                border: 4px solid #ebeffb
            }

            ul.timeline > li.pink:before {
                background: #ef4eb8;
                border: 4px solid #f9e6f2
            }

            ul.timeline > li.success:before {
                background: #0dcd94;
                border: 4px solid #e2fbf3
            }

    .time-line-btn {
        border-radius: 4px;
        font-size: 13px;
        margin-right: 5px;
        padding: 5px
    }

    .action-btns1 {
        height: 2rem;
        line-height: 2rem;
        margin-right: 8px;
        width: 2rem
    }

    .action-btns,
    .action-btns1 {
        border: 1px solid #e9ebfa;
        border-radius: 8px;
        font-size: 18px;
        text-align: center
    }

    .action-btns {
        display: inline-block;
        margin-right: 4px;
        padding: 3px 8px
    }

    .recent-jobstable {
        position: relative
    }

        .recent-jobstable .table thead th,
        .recent-jobstable .text-wrap table thead th {
            padding: .8rem 1.6rem
        }

        .recent-jobstable tr th {
            position: relative
        }

            .recent-jobstable tr th.drop_toggle:before {
                color: #adbcc5;
                content: "";
                font-family: feather !important;
                font-size: 12px;
                position: absolute;
                right: 0;
                transform: rotate(88deg)
            }

        .recent-jobstable .table td {
            outline: 0;
            padding: 1rem 1.6rem
        }

    .recent-jobs td {
        vertical-align: middle !important
    }

    .recent-jobstable .dataTables_info,
    .recent-jobstable .dataTables_paginate {
        display: none
    }

    .recent-jobstable .btn-task {
        position: absolute;
        right: 13rem;
        top: .98rem;
        z-index: 9
    }

    .attendance_table .avatar {
        background: #f5f6fb;
        color: #33367d
    }

    .app-sidebar .nav-pills-circle {
        justify-content: center;
        margin: 0 auto;
        position: relative;
        text-align: center
    }

        .app-sidebar .nav-pills-circle .nav-link {
            background: #151956;
            border: 1px solid #151956;
            border-radius: 10px;
            color: #fff;
            display: block;
            font-size: 21px;
            height: 44px;
            line-height: 26px;
            margin: 0 auto;
            padding: .6rem;
            position: relative;
            text-align: center;
            width: 44px
        }

        .app-sidebar .nav-pills-circle .badge {
            border-radius: 50%;
            font-size: 12px;
            padding: .25em .4em;
            position: absolute;
            top: -5px
        }

    .icon i {
        line-height: 2.2rem
    }

    .page-rightheader .btn i {
        font-size: 17px;
        line-height: 1.6
    }

    .header-datepicker .form-control,
    .header-datepicker .form-control.fc-datepicker {
        background: #f1f4fb;
        border-left: 1px solid #d8dbee !important;
        border: 1px solid #eceefb;
        border-radius: 0 7px 7px 0;
        font-size: 13px;
        padding: 1.2rem .75rem;
        /* width: 102px !important*/
        width: 125px !important
    }

        .header-datepicker .form-control:-ms-input-placeholder {
            color: #424e79 !important;
            opacity: 1
        }

        .header-datepicker .form-control::placeholder {
            color: #424e79 !important;
            opacity: 1
        }

        .header-datepicker .form-control::-moz-placeholder {
            color: #424e79 !important;
            opacity: 1
        }

        .header-datepicker .form-control::-moz-placeholder,
        .header-datepicker .form-control::-ms-input-placeholder,
        .header-datepicker .form-control::placeholder {
            color: #424e79 !important;
            opacity: 1
        }

    .header-datepicker .feather {
        color: #545b92
    }

    .header-datepicker {
        margin-right: 20px
    }

        .header-datepicker .input-group-text {
            border-radius: 7px 0 0 7px
        }

    .icon.icon-shape i {
        line-height: 2.2rem !important
    }

    .emp_details {
        border-bottom: 1px solid hsla(0, 0%, 100%, .1);
        padding: 0
    }

        .emp_details .attendance {
            border-right: 1px solid hsla(0, 0%, 100%, .1);
            padding: 18px;
            width: 50%
        }

            .emp_details .attendance:last-child {
                border-right: 0
            }

        .emp_details h5 {
            color: #fff
        }

        .emp_details span {
            color: #9ba5ca
        }

            .emp_details span.text-white-50 {
                color: #9ba5ca !important
            }

            .emp_details span.text-white {
                color: #fff !important;
                font-weight: 400 !important
            }

    .chart-donut1 .chartsh {
        height: 17rem;
        overflow: hidden
    }

    #sales-summary {
        height: 250px !important
    }

    .vertical-scroll {
        height: 309px !important
    }

    #chartLine {
        height: 325px !important
    }

    .table_tabs .tabs-menu1 ul li a.active {
        background: #fff;
        border-bottom: 0
    }

    .table_tabs {
        border: 0 !important;
        border-bottom: 1px solid #e9ebfa !important
    }

        .table_tabs .tabs-menu1 ul li a {
            background: #ebeff8;
            border: 1px solid #e9ebfa;
            border-bottom: 0;
            border-radius: 8px 8px 0 0;
            margin: 0 .3rem -1px
        }

    .table_img {
        align-items: center;
        font-size: 1.25rem;
        height: 50px;
        justify-content: center;
        padding: 10px;
        width: 50px
    }

        .table_img,
        .table_img img {
            vertical-align: middle
        }

    .Annoucement_card {
        background: #1c2f48;
        border-radius: 10px;
        margin: 1rem;
        padding: 20px
    }

        .Annoucement_card .text-white,
        .Annoucement_card .title {
            color: #fff !important
        }

        .Annoucement_card .subtext,
        .Annoucement_card .text-white-50 {
            color: #9ba5ca !important
        }

        .Annoucement_card .btn-outline {
            border: 1px solid #36f;
            color: #36f
        }

        .Annoucement_card .option-dots {
            color: #9ba5ca !important;
            line-height: 24px
        }

            .Annoucement_card .option-dots:focus,
            .Annoucement_card .option-dots:hover {
                background: #fff;
                color: #9ba5ca !important;
                line-height: 24px
            }

            .Annoucement_card.option-dots[aria-expanded=true] {
                background: #fff;
                color: #9ba5ca
            }

    .bg-layer {
        background: url(../../assets/images/photos/announcement-2.png);
        background-position: 50%;
        background-repeat: no-repeat
    }

    .h-24 {
        height: 24px
    }

    .exit-fullscreen {
        display: none !important
    }

    .fullscreen .exit-fullscreen {
        display: block !important
    }

    .fullscreen .fullscreen {
        display: none
    }

    .br-br-8 {
        border-bottom-right-radius: 8px !important
    }

    .br-bl-8 {
        border-bottom-left-radius: 8px !important
    }

    .leave_table .table td {
        padding: .95rem 1.5rem
    }

    .leave_table .table th {
        font-size: .934rem;
        padding: .95rem 1.5rem
    }

    .comming_holidays.calendar-icon .date_time {
        display: block;
        height: 53px;
        width: 53px
    }

    .comming_holidays.calendar-icon .date {
        line-height: 1.9
    }

    .pink-border {
        border: 6px solid #fee8f4
    }

    .warning-border {
        border: 6px solid #fdf7e1
    }

    .primary-border {
        border: 6px solid #eceaff
    }

    .success-border {
        border: 6px solid #e2f6eb
    }

    .orange-border {
        border: 6px solid #fdece5
    }

    #chartbar {
        height: 375px !important
    }

    #chartbar-statistics {
        height: 358px
    }

    .user-pic {
        position: relative
    }

    .green_icon {
        background-color: #4cd137;
        border: 2px solid #fff;
        bottom: 10px;
        height: 12px;
        right: 80px;
        width: 12px
    }

    .emp-award,
    .green_icon {
        border-radius: 50%;
        position: absolute
    }

    .emp-award {
        background: #17263a;
        border: 1px solid hsla(0, 0%, 100%, .1);
        color: #ffad00;
        font-size: 14px;
        padding: 2px 6px;
        right: 68px;
        text-align: center;
        top: -7px;
        vertical-align: middle
    }

    .Rating .ionicon.active {
        fill: #ffad00;
        color: #ffad00
    }

    .Rating .ionicon {
        fill: #2c4669;
        color: #2c4669
    }

    .sidemnu-widget {
        border: 1px solid rgba(45, 53, 160, .3);
        border-radius: 10px;
        margin: 15px 0;
        overflow: hidden;
        position: relative
    }

    #sidemenuchart {
        border-radius: 10px 10px 0 0;
        bottom: -15px;
        height: 150px !important;
        left: -11px;
        margin: 0 auto;
        position: relative;
        width: 110% !important
    }

    .apex-dount .apexcharts-datalabels-group text:first-child {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        fill: #6c6f9a !important;
        font-family: Roboto, sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important
    }

    .apex-dount .apexcharts-datalabels-group {
        transform: translateY(-10px)
    }

    .apex-dount text:nth-child(2) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        fill: #263871 !important;
        font-family: Roboto, sans-serif !important;
        font-size: 32px !important;
        font-weight: 500 !important
    }

    #employee .apexcharts-datalabels-group text:first-child {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        fill: #6c6f9a !important;
        font-family: Roboto, sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important
    }

    #employee .apexcharts-datalabels-group {
        transform: translateY(-5px)
    }

    #employee text:nth-child(2) {
        fill: #36f !important;
        font-size: 28px !important
    }

    #employee text:nth-child(2),
    #overview .apexcharts-datalabels-group text:first-child {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Roboto, sans-serif !important;
        font-weight: 500 !important
    }

    #overview .apexcharts-datalabels-group text:first-child {
        fill: #6c6f9a !important;
        font-size: 16px !important
    }

    #overview .apexcharts-datalabels-group {
        transform: translateY(-5px)
    }

    #overview text:nth-child(2) {
        fill: #36f !important;
        font-size: 28px !important
    }

    #leavesoverview .apexcharts-datalabels-group text:first-child,
    #overview text:nth-child(2) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Roboto, sans-serif !important;
        font-weight: 500 !important
    }

    #leavesoverview .apexcharts-datalabels-group text:first-child {
        fill: #6c6f9a !important;
        font-size: 18px !important
    }

    #leavesoverview .apexcharts-datalabels-group {
        transform: translateY(-5px)
    }

    #leavesoverview text:nth-child(2) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        fill: #36f !important;
        font-family: Roboto, sans-serif !important;
        font-size: 34px !important;
        font-weight: 500 !important
    }

    #back-to-top .svg-icon {
        fill: #fff;
        color: #fff
    }

    .app-sidebar .nav-pills-circle .nav-link:focus,
    .app-sidebar .nav-pills-circle .nav-link:hover i {
        color: #fff
    }

    #sidemenuchart #SvgjsG1022,
    #sidemenuchart #SvgjsG1023,
    #sidemenuchart #SvgjsText1026,
    #sidemenuchart .apexcharts-xaxis-texts-g,
    #sidemenuchart .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom,
    #sidemenuchart .apexcharts-yaxis-texts-g {
        display: none
    }

    .task-img {
        align-items: center;
        border-radius: 13px;
        height: 55px;
        justify-content: center;
        padding: 10px;
        vertical-align: middle;
        width: 55px
    }

    .task-btn {
        border-radius: 7px;
        border-style: solid;
        border-width: 1px;
        cursor: pointer;
        font-size: 12px;
        letter-spacing: .4px;
        line-height: 2;
        margin-right: .5rem;
        padding: .3rem .75rem
    }

    .remind-icon {
        border: 1px solid #d5d8e1;
        border-radius: 8px;
        height: 2.5rem;
        line-height: 2.3rem;
        min-width: 0 !important;
        position: relative;
        text-align: center;
        width: 2.5rem
    }

        .remind-icon i {
            font-size: 18px !important
        }

    .icon-dot {
        border-radius: 50px;
        height: 8px;
        left: 20px;
        position: absolute;
        top: 8px;
        width: 8px
    }

    #tasktable {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

        #projecttable td,
        #projecttable th,
        #tasktable td,
        #tasktable th {
            padding: .8rem 1.5rem
        }

    .invoice-table td,
    .invoice-table th,
    .orders-table td,
    .orders-table th,
    .projecttable td,
    .projecttable th {
        padding: .8rem 1.5rem !important
    }

    #assigntask_length {
        padding-left: 1.5rem
    }

    #assigntask_filter {
        padding-right: 1.5rem
    }

    #assigntask {
        border-bottom: 0
    }

    .modal-open .ui-datepicker {
        /*  z-index: 5555 !important */
        z-index: 99999 !important
    }

    .jobtable-tabs .tabs-menu1 {
        float: right
    }

        .jobtable-tabs .tabs-menu1 ul li a.active {
            background: #fff;
            border-bottom: 0
        }

    .jobtable-tabs {
        border: 0 !important;
        border-bottom: 1px solid #e9ebfa !important
    }

        .jobtable-tabs .tabs-menu1 ul li a {
            background: #ebeff8;
            border: 1px solid #e9ebfa;
            border-bottom: 0;
            border-radius: 8px 8px 0 0;
            margin: 0 .3rem -1px
        }

    .jobdatatable td,
    .jobdatatable th {
        padding: .8rem 1.5rem !important
    }

    .jobdatatable .dataTables_length {
        padding-left: 1.5rem
    }

    .jobdatatable .dataTables_filter {
        padding-right: 1.5rem
    }

    .jobdatatable #job-table1_info,
    .jobdatatable #job-table1_paginate,
    .jobdatatable #job-table2_info,
    .jobdatatable #job-table2_paginate,
    .jobdatatable #job-table3_info,
    .jobdatatable #job-table3_paginate,
    .jobdatatable #job-table_info,
    .jobdatatable #job-table_paginate {
        display: none
    }

    .job-status {
        display: flex;
        list-style-type: none;
        position: relative
    }

        .job-status li {
            margin: 0 15px
        }

            .job-status li:first-child {
                margin-left: 0
            }

            .job-status li:last-child {
                margin-right: 0
            }

            .job-status li:after {
                background: #fff;
                border: 1px solid #e9ebfa;
                border-radius: 50%;
                content: " ";
                display: inline-flex;
                height: 18px;
                position: absolute;
                width: 18px;
                z-index: 1
            }

            .job-status li.active:after {
                border: 1px solid #36f
            }

            .job-status li.completed:after {
                background: #e7e9f9;
                border: 1px solid #36f
            }

        .job-status:before {
            background: #dadffc;
            content: " ";
            height: 1px;
            left: 19px;
            position: absolute;
            top: 9px;
            width: 80%;
            z-index: 0
        }

    .leave-content {
        display: none
    }

        .leave-content.active {
            display: block
        }

    #emp-attendance table.dataTable tbody td,
    #emp-attendance table.dataTable tbody th {
        padding: 10px 18px
    }

    .hremp-tabs .tabs-menu1 ul li a.active {
        background: #fff;
        border-bottom: 0
    }

    .hremp-tabs {
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important
    }

        .hremp-tabs .tabs-menu1 ul li a {
            background: #dee5f7;
            border: 0;
            border-bottom: 0;
            border-radius: 8px 8px 0 0;
            margin: 0 .5rem -1px;
            padding: 12px 22px
        }

    .hremp-tabs1 {
        background: #fff;
        border: 0 !important;
        border-radius: 8px 8px 8px 8px !important
    }

    .file-browser .input-group-append .btn {
        line-height: 2
    }

    .hrattview-buttons {
        bottom: 10px;
        padding-top: .75rem;
        position: relative
    }

        .hrattview-buttons a {
            background: #dee5f7;
            border-bottom: 0;
            border-radius: 8px 8px 0 0;
            font-weight: 500;
            margin: 0 .5rem -1px;
            padding: 12px 25px
        }

            .hrattview-buttons a.active {
                background: #fff
            }

    .hr-attlist td {
        position: relative
    }

    .hr-listmodal {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .hr-attlist span {
        font-size: 14.5px
    }

    .hr-attlist h6 span {
        font-size: inherit
    }

    .hr-checkall .custom-checkbox:after,
    .hr-checkall .custom-checkbox:before {
        border-radius: 5px;
        height: 2rem;
        width: 2rem
    }

    .hr-checkall .custom-checkbox .custom-control-label:after,
    .hr-checkall .custom-checkbox .custom-control-label:before {
        border-radius: 5px;
        height: 2rem;
        left: -2.8rem;
        width: 2rem
    }

    .hr-checkall .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #0dcd94;
        border-color: #0dcd94;
        box-shadow: none
    }

    .hr-checkall .custom-control-label {
        line-height: 40px
    }

    .dataTables_length .select2 {
        width: 40% !important
    }

    .dataTables_length .select2-container .select2-selection--single {
        height: calc(1.5em + .75rem + 2px) !important
    }

    .holiday-calender .fc-daygrid-day-bg .fc-bg-event,
    .holiday-calender .fc-h-event .fc-event-title {
        font-size: 10px;
        white-space: normal
    }

    .holiday-calender .fc-daygrid-event {
        padding: 0 !important
    }

    .hrleave-summary li a {
        background: #ebeff8;
        border: 1px solid #e9ebfa;
        font-size: 1.25rem;
        line-height: 34px;
        padding: 7px 10px 5px
    }

        .hrleave-summary li a.active {
            background: #fff
        }

    .hrleave-summary li:first-child a {
        border-radius: 8px 0 0 8px;
        border-right: 0
    }

    .hrleave-summary li:last-child a {
        border-radius: 0 8px 8px 0
    }

    .leave-badge {
        border-radius: 0 0 0 7px;
        font-size: 11px;
        padding: 5px;
        position: absolute;
        right: 0
    }

    .leaves-btns a:first-child {
        border-bottom: 0;
        border-left: 0;
        border-top-left-radius: 0
    }

    .leaves-btns a:last-child {
        border-bottom: 0;
        border-right: 0;
        border-top-right-radius: 0
    }

    .leave-text {
        font-size: 13px;
        height: 45px;
        overflow: auto;
        padding: 5px 10px 5px 0
    }

    .item-service1:after {
        border-top: 1px dashed rgba(20, 18, 53, .4);
        content: "";
        height: 1px;
        position: absolute;
        right: -36%;
        top: 50px;
        width: 65%;
        z-index: -1
    }

    .leave-to {
        font-size: 12px;
        margin-left: 12px;
        margin-right: 12px
    }

    .modal-paytable td {
        padding: .35rem .75rem !important
    }

    .hrevent-calender .fc-h-event .fc-event-title {
        white-space: normal
    }

    #viewsalarymodal table table {
        background: transparent
    }

    .task-board-card {
        background: #dee5f7
    }

    .task-status {
        display: flex;
        float: left;
        list-style-type: none;
        padding-left: 0;
        text-align: left;
        width: 100%
    }

        .task-status a {
            border: 1px solid rgba(0, 0, 0, .1);
            border-radius: 57px;
            display: block;
            height: 4px;
            margin-bottom: .8rem;
            margin-right: 8px;
            max-width: 32px;
            width: 44px
        }

    .task-board-body .attachment,
    .task-board-body .messages {
        background: #e3e7f7;
        border-radius: 4px;
        height: 40px;
        margin-right: 10px;
        padding: 4px;
        width: 40px
    }

    .task-board-body {
        height: 600px;
        max-height: 100%
    }

    .body-progress-container {
        background: #ccc;
        height: 0;
        width: 100%
    }

    .sidebar-modal {
        background: #fff;
        border: 1px solid #e9ebfa;
        height: 100vh;
        position: fixed;
        right: -45%;
        top: 0;
        transition: all .3s ease;
        width: 45%;
        z-index: 999999
    }

        .sidebar-modal.active {
            right: 0
        }

    .sidebar-header {
        border-bottom: 1px solid #e9ebfa;
        display: flex;
        padding: 1rem
    }

    @media (max-width:992px) {
        .sidebar-modal {
            overflow-y: scroll;
            right: -100%;
            width: 100%
        }

            .sidebar-modal.active {
                right: 0
            }

        .sidebar-header {
            display: block
        }
    }

    .overlay {
        background-color: #000;
        bottom: 0;
        display: block;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden;
        z-index: 9999
    }

    .overlay-open .overlay {
        opacity: .5;
        visibility: visible
    }

    .user-pro-list:before {
        background-position: 50%;
        background-size: cover;
        background: linear-gradient(rgba(51, 102, 255, .85), rgba(51, 102, 255, .61)), url(../../assets/images/png/pattern.png);
        content: "";
        height: 80px;
        position: absolute;
        width: 100%
    }

    .user-pro-list .avatar {
        border: 3px solid #fff;
        margin-bottom: 10px;
        top: 10px
    }

    .user-pro-list .avatar-status {
        bottom: 2px;
        right: 8px
    }

    .project-description li:before {
        content: "";
        font-family: FontAwesome !important;
        font-size: 16px;
        margin-right: 8px;
        opacity: .6;
        position: relative
    }

    .project-description li {
        font-size: 14px;
        padding: 5px
    }

    .app.sidebar-mini .btn-tableview {
        position: absolute;
        right: 20%;
        z-index: 9
    }

    .btn-tableview {
        position: absolute;
        right: 25%;
        z-index: 999
    }

    .client-perm-table .custom-control.success {
        display: inline-block
    }

    .admisetting-tabs .nav-link {
        border-left: 3px solid transparent;
        padding: 16px 20px;
        position: relative
    }

        .admisetting-tabs .nav-link.active {
            background: #dee5f7;
            border-left: 3px solid #36f;
            color: #36f
        }

        .admisetting-tabs .nav-link:last-child {
            border-bottom: 0
        }

    @media (min-width:992px) {
        .admisetting-tabs .nav-link.active:before {
            border-bottom: 26px solid transparent;
            border-left: 15px solid #dee5f7;
            border-top: 26px solid transparent;
            bottom: 0;
            content: "";
            position: absolute;
            right: -15px;
            top: 0
        }
    }

    .enable-autoclose,
    .enable-paypal {
        border: 1px solid #d3dfea;
        border-radius: 5px;
        display: none;
        margin-bottom: 1.5rem;
        padding: .75rem;
        transition: all .3s ease
    }

    .add-autoclose .enable-autoclose,
    .add-paypal .enable-paypal {
        display: block;
        transition: all .3s ease
    }

    .adminsetting-content .input-group-addon,
    .enable-autoclose .input-group-addon {
        border-left: 0 !important;
        border: 1px solid #d3dfea;
        border-radius: 0 5px 5px 0;
        color: #9ba5ca;
        font-size: .9375rem
    }

    .admisetting-tabs .nav-icon {
        font-size: 22px;
        margin-right: 8px
    }

    .enable-oldtoken {
        display: none;
        transition: all .3s ease
    }

    .add-oldtoken .enable-oldtoken {
        display: block;
        transition: all .3s ease
    }

    .role-table .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 0
    }

    .role-table .access-icon {
        font-size: 16px
    }

    #chartline1 {
        height: 330px !important
    }

    .table-regcompany table.dataTable tbody td,
    .table-regcompany table.dataTable tbody th,
    .table-regcompany table.dataTable thead td,
    .table-regcompany table.dataTable thead th {
        padding: 10px 22px !important
    }

    .enable-smtpemail,
    .open-paypal {
        display: none;
        transition: all .3s ease
    }

    .add-paypal .open-paypal,
    .add-smtpemail .enable-smtpemail {
        display: block;
        transition: all .3s ease
    }

    #superrole-list th {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .icon-style-circle1 {
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        display: inline-block;
        height: 30px;
        line-height: 30px !important;
        margin-right: 8px;
        text-align: center;
        width: 30px
    }

        .icon-style-circle1:hover {
            background: #f3f4f7
        }

    .file-manger .icons {
        background: transparent;
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        color: #565b95 !important;
        display: block !important;
        font-size: 16px;
        height: 30px !important;
        line-height: 30px !important;
        margin-right: 8px;
        padding: 0 !important;
        text-align: center;
        width: 30px
    }

        .file-manger .icons:hover {
            background: #f3f4f7
        }

    .header-style1,
    .header-style3 {
        background: #fff !important
    }

        .header-style1 .header-brand-img.dark-logo,
        .header-style2 .header-brand-img.desktop-lgo,
        .header-style3 .header-brand-img.dark-logo {
            display: none
        }

    .item-image {
        position: relative
    }

        .item-image .badge {
            left: 15px;
            position: absolute;
            top: 15px
        }

    .product-overly a {
        background: #000;
        bottom: 0;
        color: #fff;
        left: 0;
        opacity: 0;
        padding: 5px 0;
        position: absolute;
        text-align: center;
        transition: all .3s ease;
        width: 100%
    }

    .item-image:hover .product-overly a {
        opacity: 1
    }

    .product-links {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 7px;
        top: 15px
    }

        .product-links li {
            transform: translateX(60px);
            transition: all .3s ease .3s
        }

            .product-links li a {
                background: #fff;
                border-radius: 50px;
                display: block;
                font-size: 14px;
                height: 30px;
                line-height: 30px;
                margin: 0 0 7px;
                text-align: center;
                transition: all .3s ease 0s;
                width: 30px
            }

    .item-image:hover .product-links li {
        transform: translateX(0)
    }

    .shop-title {
        font-weight: 500
    }

    .cardprice span.type--strikethrough {
        font-size: 14px;
        margin-right: 5px;
        opacity: .5;
        text-decoration: line-through
    }

    .cardprice span {
        font-size: 20px;
        font-weight: 600
    }

    #assigntask .custom-control-label-md:after,
    #assigntask .custom-control-label-md:before,
    #hr-table .custom-control-label-md:after,
    #hr-table .custom-control-label-md:before {
        left: 0
    }

    @media (min-width:992px) {
        .container {
            max-width: 960px
        }

        #sticky {
            color: #fff;
            font-size: 1.75em;
            padding: 1px;
            text-align: center;
            z-index: 0
        }

            #sticky,
            #sticky.stick {
                height: 130px !important
            }

                #sticky.stick {
                    z-index: 1
                }

        .app-content.page-body {
            margin-top: 9.5rem
        }

        .comb-page .app-content.page-body {
            margin-top: 0
        }
    }

    @media (min-width:1280px) {
        .container {
            max-width: 1200px
        }

        .hor-header .container,
        .horizontal-main.hor-menu .container,
        .main-content .container {
            max-width: 1350px
        }
    }

    .number-font {
        font-weight: 600
    }

    .number-font,
    .number-font1 {
        font-family: Roboto, sans-serif
    }

    .countryscroll {
        height: 350px
    }

    .countrytable tr {
        border-bottom: 1px solid #ebecf1
    }

    @media (max-width:767px) {
        .files .btn span {
            display: none
        }

        .files .preview * {
            width: 40px
        }

        .files .name * {
            word-wrap: break-word;
            display: inline-block;
            width: 80px
        }

        .files .progress {
            width: 20px
        }

        .files .delete {
            width: 60px
        }

        .hrattview-buttons a {
            border-radius: 8px !important;
            display: block;
            margin-bottom: 12px;
            margin-left: 0 !important;
            width: 100%
        }

        .header-text3 {
            display: none
        }
    }

    .file-manger.list-group-transparent .list-group-item {
        border: 0 !important
    }

    .option-dots {
        border-radius: 100%;
        color: #5c678f;
        font-size: 18px;
        height: 2.5rem;
        line-height: 2.5rem;
        padding: 10px 12px;
        width: 2.5rem
    }

    .new-list.option-dots,
    .new.option-dots {
        line-height: 55px
    }

    .new-list2.option-dots {
        background: 0 0;
        border: 1px solid #ebecf1;
        border-radius: 50px;
        box-shadow: 0 2px 3px rgba(4, 4, 7, .1);
        color: #5c678f;
        font-size: 18px;
        height: 40px;
        line-height: normal;
        margin-right: 8px;
        width: 40px
    }

        .new-list2.option-dots:hover {
            background: #f0f0f2
        }

    .user-contact-list:before {
        background: linear-gradient(rgba(112, 94, 200, .85), rgba(112, 94, 200, .51));
        border-radius: 0 98% 84% 16%/100% 0 100% 0
    }

    hr.divider:after {
        background: #f0f0f2;
        border: 1px solid #f0eff1
    }

    .page-style1 {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

        .page-style1:before {
            background: #f0eff1
        }

    .error-page {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 8px;
        height: 100vh;
        position: relative
    }

        .error-page:before {
            background: linear-gradient(270deg, rgba(254, 96, 96, .7) 0, rgba(227, 9, 113, .7));
            content: "";
            height: 100%;
            position: absolute;
            width: 100%
        }

    .bg-style:before {
        background: linear-gradient(rgba(68, 84, 195, .9), rgba(68, 84, 195, .8))
    }

    .title-style h1 {
        top: 20px
    }

    .page-style2.page-style1:before {
        background: linear-gradient(hsla(0, 0%, 100%, .79), hsla(0, 0%, 100%, .75))
    }

    .page-style1 .input-group-addon,
    .page-style1 .input-group-append {
        background: #f0f0f2;
        border: 1px solid #ebecf1
    }

    .page-style1 .form-control {
        border: 1px solid #ebecf1
    }

    .page-style1 hr {
        border-top: 1px solid #ebecf1
    }

    .page-style1 .custom-control-label:before {
        border: 1px solid #cccdd3
    }

    .shop-title {
        font-size: 16px
    }

    .html-code {
        background: #e3e2e5;
        border: 1px solid #ebecf1;
        color: #282d3c;
        padding: 9px 20px
    }

    @media (min-width:992px) and (max-width:1300px) {
        .expenses-card .fs-50 {
            font-size: 25px !important
        }

        .expenses-card .fs-18 {
            font-size: 14px !important
        }

        .landing-header .horizontalMenu > .horizontalMenu-list > li > a {
            padding: .75rem .85rem !important
        }
    }

    @media (max-width:568px) {
        .fc .fc-toolbar {
            display: block;
            text-align: center
        }

        .bannerimg .breadcrumb {
            padding-left: 0
        }

        .support-mobile-header .animated-arrow {
            margin: 16px 0 0 18px !important
        }

        .card-pay .tabs-menu li {
            width: 100%
        }

            .card-pay .tabs-menu li a {
                margin-bottom: 15px
            }

        .hr-checkall {
            padding: 20px
        }

            .hr-checkall .custom-checkbox {
                left: auto;
                margin: 0 auto;
                position: absolute;
                right: auto;
                top: -20px
            }

        .recent-jobstable .btn-task {
            left: 20px
        }

        .attachments-doc .avatar-xl {
            height: 3rem !important;
            width: 3rem !important
        }

        .attachments-doc .fs-14 {
            font-size: 12px !important
        }

        .attachments-doc .mt-5 {
            margin-top: 10px !important
        }

        .project-progress-content .chart-circle {
            margin-left: auto !important;
            margin: inherit
        }

        .btn-tableview {
            display: none
        }
    }

    @media (min-width:569px) and (max-width:767px) {
        .support-mobile-header .animated-arrow {
            margin: 16px 0 0 15% !important
        }

        .hr-checkall .custom-checkbox {
            left: 2rem;
            position: absolute
        }

        .recent-jobstable .btn-task {
            right: 22px
        }

        .btn-tableview {
            right: 10%;
            z-index: 99
        }
    }

    .input-group-btn .btn-primary {
        padding: .52rem 15px
    }

    @media (min-width:1600px) {
        .crypto-header-section h3 {
            font-size: 35px
        }

        .crypto-header-section .w-5 {
            width: 2.5rem !important
        }

        .crypto-header-section .h-5 {
            height: 2.5rem !important
        }
    }

    @media (max-width:768px) {
        .page-single .card-group {
            display: block
        }

        .page-leftheader {
            margin-bottom: .75rem
        }

        .d-md-down-none {
            display: none
        }

        .main-contact-info-header .nav {
            display: block
        }

        .main-contact-info-header .media-body .nav-link + .nav-link {
            margin-left: 0
        }

        .main-contact-info-header .media-body .nav-link {
            margin-bottom: 10px
        }

        .under-countdown .countdown {
            display: inline-block
        }

        #wizard1 ul {
            display: block
        }

            #wizard1 ul li {
                display: flex;
                margin-bottom: .75rem
            }

                #wizard1 ul li + li {
                    margin-left: 0
                }

        table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td.dtr-control,
        table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th.dtr-control {
            padding-left: 35px !important
        }

        .profile-cover__action .user-pic,
        .profile-cover__action .user-pic-right {
            left: 0;
            margin: 0 auto;
            right: 0;
            text-align: center
        }

        .profile-cover__action .user-pic-right {
            bottom: -38%
        }

        .pro-user.d-md-flex {
            padding-top: 5rem !important;
            text-align: center
        }

        .user-pro-list2 .card-footer .media {
            display: block
        }

        .customlogin-imgcontent {
            top: 5% !important
        }

        .error-page3 .bg-white.h-100vh {
            height: 200vh !important
        }
    }

    .error-text {
        text-shadow: -4px 4px 4px #6355a3
    }

    .page-content .input-group .form-control:focus {
        border-color: #fff
    }

    .vmap-width {
        height: 240px;
        width: 100%
    }

    .chart,
    .map {
        padding-top: 56.25%;
        position: relative
    }

    .chart-square,
    .map-square {
        padding-top: 100%
    }

    .chart-content,
    .map-content {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .map-header {
        height: 15rem;
        margin-bottom: -1.5rem;
        position: relative
    }

        .map-header:before {
            background: linear-gradient(180deg, rgba(245, 247, 251, 0) 5%, #ebeff8 95%);
            bottom: 0;
            content: "";
            height: 10rem;
            left: 0;
            pointer-events: none;
            position: absolute;
            right: 0
        }

    .map-header-layer {
        height: 100%
    }

    .map-static {
        background-position: 50%;
        background-size: 640px 120px;
        height: 120px;
        max-width: 640px;
        width: 100%
    }

    .widgets {
        font-size: 35px;
        padding: 20px
    }

    .widgetstext {
        bottom: 0;
        padding: 20px 40px;
        top: 0
    }

    .widget-line h4 {
        font-size: 24px;
        font-weight: 600
    }

    .widget-line p {
        font-size: 16px
    }

    .widget-line-list li {
        display: inline-block;
        font-size: 16px;
        line-height: 27px;
        list-style-type: none;
        padding: 5px 20px 0 15px
    }

    .defaultheader .form-control.header-search::-moz-placeholder {
        color: #fff !important
    }

    .defaultheader .form-control.header-search:-ms-input-placeholder {
        color: #fff !important
    }

    .defaultheader .form-control.header-search::placeholder,
    .defaultheader .input-icon-addon {
        color: #fff !important
    }

    .sparkline {
        display: inline-block;
        height: 2rem
    }

    .social-links li a {
        background: #f8f8f8;
        border-radius: 50%;
        color: #9aa0ac;
        display: inline-block;
        height: 1.75rem;
        line-height: 1.75rem;
        text-align: center;
        width: 1.75rem
    }

    @-webkit-keyframes status-pulse {
        0%, to {
            opacity: 1
        }

        50% {
            opacity: .32
        }
    }

    @keyframes status-pulse {
        0%, to {
            opacity: 1
        }

        50% {
            opacity: .32
        }
    }

    .status-icon {
        background: currentColor;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: .5rem;
        margin-right: .375rem;
        transform: translateY(-1px);
        vertical-align: middle;
        width: .5rem
    }

    .status-animated {
        -webkit-animation: status-pulse 1s ease infinite;
        animation: status-pulse 1s ease infinite
    }

    .chips {
        margin: 0 0 -.5rem
    }

    .team i {
        float: right;
        margin-left: 10px
    }

    .chips .chip {
        margin: 0 .5rem .5rem 0
    }

    .chip {
        background-color: #e8ebf9;
        border-radius: 1rem;
        color: #6e7687;
        display: inline-block;
        font-size: .875rem;
        font-weight: 500;
        height: 2rem;
        line-height: 2rem;
        padding: 0 .75rem;
        transition: background .3s
    }

        .chip .avatar {
            border-radius: 50%;
            float: left;
            height: 2rem;
            margin: 0 .5rem 0 -.75rem;
            width: 2rem
        }

    a.chip:hover {
        background-color: #36f;
        color: #fff;
        text-decoration: none
    }

    .emp-tab table {
        border: 0;
        margin-bottom: 0
    }

    .stamp {
        background: #868e96;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-weight: 600;
        height: 2rem;
        line-height: 2rem;
        min-width: 2rem;
        padding: 0 .25rem;
        text-align: center
    }

    .stamp-md {
        height: 2.5rem;
        line-height: 2.5rem;
        min-width: 2.5rem
    }

    .stamp-lg {
        height: 3rem;
        line-height: 3rem;
        min-width: 3rem
    }

    .example-column {
        margin: 0 auto
    }

        .example-column > .card:last-of-type {
            margin-bottom: 0
        }

    .example-column-1 {
        max-width: 20rem
    }

    .example-column-2 {
        max-width: 40rem
    }

    .features {
        overflow: hidden
    }

        .features h2 {
            font-size: 2.2em;
            font-weight: 600;
            margin-bottom: 12px;
            text-align: center
        }

        .features h3 {
            font-size: 20px;
            font-weight: 600
        }

        .features span {
            color: #43414e;
            display: block;
            font-weight: 400;
            text-align: center
        }

    .col-sm-2 .feature {
        border: 0;
        box-shadow: none;
        padding: 0
    }

    .feature .feature-svg {
        width: 25%
    }

    .feature .feature-svg3 {
        width: 12%
    }

    .feature .border {
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        height: 3em;
        line-height: 2em;
        padding-top: 8px;
        position: relative;
        vertical-align: middle;
        width: 3em
    }

    .feature p {
        margin-bottom: 0
    }

    .sub-panel-heading .tabs-menu ul li {
        border-bottom: 1px solid #efefef;
        display: block;
        width: 100%
    }

        .sub-panel-heading .tabs-menu ul li a.active {
            background: #fff;
            border-radius: 0;
            color: #36f !important;
            width: 100%
        }

        .sub-panel-heading .tabs-menu ul li:last-child {
            border-bottom: 0
        }

        .sub-panel-heading .tabs-menu ul li a {
            padding: 15px 20px
        }

    .invoicedetailspage,
    .invoicelist {
        height: 600px;
        max-height: 600px;
        overflow: auto
    }

    @media (min-width:992px) {
        .invoicedetailspage.tabs-menu-body {
            border-radius: 0 8px 8px 0
        }
    }

    @media (min-width:1600px) {
        .sales-img {
            width: 400px
        }
    }

    @media (min-width:1800px) {
        .vmap-width {
            height: 300px
        }

        .countryscroll {
            height: 350px
        }

        .horizontalMenucontainer .vmap-width {
            height: 240px
        }

        .horizontalMenucontainer .countryscroll {
            height: 290px
        }

        .sales-img {
            width: 400px
        }
    }

    .section-nav {
        background-color: #f8f9fa;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        list-style: none;
        margin: 1rem 0;
        padding: .5rem 1rem
    }

        .section-nav:before {
            content: "Table of contents:";
            display: block;
            font-weight: 600
        }

    .page,
    .page-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100vh
    }

    body.fixed-header .page {
        padding-top: 4.5rem
    }

    @media (min-width:1600px) {
        body.aside-opened .page {
            margin-right: 22rem
        }
    }

    .page-main {
        flex: 1 1 auto
    }

    .page-content {
        margin: .75rem 0
    }

    @media (min-width:768px) {
        .page-content {
            margin: 1.5rem 0
        }

        .h-100vh .page-content {
            margin: 0
        }
    }

    .clearfix:after {
        clear: both;
        content: "";
        display: block
    }

    .clearfix .fab {
        font-size: 25px
    }

    .clearfix h5 {
        font-size: 20px;
        font-weight: 700
    }

    i.fa.round {
        border: 1px solid #36f;
        border-radius: 50%;
        padding: 5px;
        width: 15%
    }

    .embed-responsive {
        display: block;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 100%
    }

        .embed-responsive:before {
            content: "";
            display: block
        }

        .embed-responsive .embed-responsive-item,
        .embed-responsive embed,
        .embed-responsive iframe,
        .embed-responsive object,
        .embed-responsive video {
            border: 0;
            bottom: 0;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

    .embed-responsive-21by9:before {
        padding-top: 42.85714286%
    }

    .embed-responsive-16by9:before {
        padding-top: 56.25%
    }

    .embed-responsive-4by3:before {
        padding-top: 75%
    }

    .embed-responsive-1by1:before {
        padding-top: 100%
    }

    .leave-calendar {
        height: 440px
    }

    .fullscreen-content .exit-fullscreen {
        display: block !important
    }

    .fullscreen-content .fullscreen {
        display: none
    }

    #area-chart,
    #bar-chart,
    #line-chart,
    #pie-chart,
    #stacked {
        min-height: 250px
    }

    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -ms-overflow-style: scrollbar;
        -webkit-tap-highlight-color: transparent;
        line-height: 1.15
    }

    @-ms-viewport {
        width: device-width
    }

    article,
    aside,
    dialog,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    nav,
    section {
        display: block
    }

    .nav-sidebar li ul {
        background: #eee
    }

        .nav-sidebar li ul li:last-child {
            border-bottom: 0
        }

    [tabindex="-1"]:focus {
        outline: 0 !important
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: .66em;
        margin-top: 0
    }

    .overflow-auto {
        overflow: auto
    }

    p {
        font-weight: 400;
        margin-bottom: 1rem;
        margin-top: 0
    }

    abbr[data-original-title],
    abbr[title] {
        border-bottom: 0;
        cursor: help;
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    address {
        font-style: normal;
        line-height: inherit
    }

    address,
    dl,
    ol,
    ul {
        margin-bottom: 1rem
    }

    dl,
    ol,
    ul {
        margin-top: 0
    }

        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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    a {
        -webkit-text-decoration-skip: objects;
        background-color: transparent;
        color: #424e79;
        text-decoration: none
    }

        a:hover {
            color: #36f;
            text-decoration: none
        }

        a:not([href]):not([tabindex]),
        a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none
        }

            a:not([href]):not([tabindex]):focus {
                color: inherit;
                outline: 0;
                text-decoration: none
            }

    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    figure {
        margin: 0 0 1rem
    }

    img {
        border-style: none;
        vertical-align: middle
    }

    svg:not(:root) {
        overflow: hidden
    }

    table {
        border-collapse: collapse;
        color: inherit !important
    }

    caption {
        caption-side: bottom;
        color: #505662;
        padding-bottom: .75rem;
        padding-top: .75rem;
        text-align: left
    }

    th {
        text-align: inherit
    }

    label {
        display: inline-block;
        margin-bottom: .5rem
    }

    button {
        border-radius: 0
    }

        button:focus {
            outline: 1px dotted;
            outline: 1px solid transparent
        }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        margin: 0
    }

    button {
        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 {
            border-style: none;
            padding: 0
        }

    input {
        box-shadow: none;
        outline: none;
        overflow: visible
    }

        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 {
        outline: 0;
        overflow: auto;
        resize: vertical
    }

    fieldset {
        border: 0;
        margin: 0;
        min-width: 0;
        padding: 0
    }

    legend {
        color: inherit;
        display: block;
        font-size: 1.5rem;
        line-height: inherit;
        margin-bottom: .5rem;
        max-width: 100%;
        padding: 0;
        white-space: normal;
        width: 100%
    }

    .bcolor {
        background-color: #cf4c3a !important
    }

    .bcolor1 {
        background-color: #d6124a !important
    }

    progress {
        vertical-align: baseline
    }

    [type=number]::-webkit-inner-spin-button,
    [type=number]::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: none;
        outline-offset: -2px
    }

        [type=search]::-webkit-search-cancel-button,
        [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    output {
        display: inline-block
    }

    summary {
        cursor: pointer;
        display: list-item
    }

    template {
        display: none
    }

    [hidden] {
        display: none !important
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: inherit;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        line-height: 1.1;
        margin-bottom: .66em
    }

    .h1,
    h1 {
        font-size: 2rem
    }

    .h2,
    h2 {
        font-size: 1.75rem
    }

    .h3,
    h3 {
        font-size: 1.5rem
    }

    .h4,
    h4 {
        font-size: 1.125rem
    }

    .h5,
    h5 {
        font-size: 1rem
    }

    .h6,
    h6 {
        font-size: .875rem
    }

    .lead {
        font-size: 1.171875rem;
        font-weight: 300
    }

    .display-1 {
        font-size: 10.5rem;
        font-weight: 500;
        line-height: 1.1
    }

    .display-2 {
        font-size: 4rem
    }

    .display-2,
    .display-3 {
        font-weight: 300;
        line-height: 1.1
    }

    .display-3 {
        font-size: 3.5rem
    }

    .display-4 {
        font-size: 3rem
    }

    .display-4,
    .display-5 {
        font-weight: 300;
        line-height: 1.1
    }

    .display-5 {
        font-size: 2.5rem
    }

    .display-6 {
        font-size: 2.3rem;
        font-weight: 300;
        line-height: 1.1
    }

    hr {
        border: 0;
        border-top: 1px solid #e9ebfa;
        box-sizing: content-box;
        height: 0;
        margin-bottom: 1rem;
        margin-top: 1rem;
        overflow: visible
    }

    .small,
    small {
        font-size: 87.5%;
        font-weight: 400
    }

    .mark,
    mark {
        background-color: #fcf8e3;
        padding: .2em
    }

    .list-unstyled {
        list-style: none;
        padding-left: 0
    }

        .list-unstyled li {
            border-bottom: 1px solid #e9ebfa
        }

    #lightgallery.list-unstyled li {
        border: 0;
        margin: 10px 0
    }

    #sidebar .list-unstyled li {
        border-bottom: 1px solid hsla(0, 0%, 100%, .03)
    }

    .nav-sidebar .list-unstyled li:last-child {
        border-bottom: 0
    }

    .list-inline {
        list-style: none;
        padding-left: 0
    }

    .list-inline-item {
        display: inline-block
    }

        .list-inline-item:not(:last-child) {
            margin-right: .5rem
        }

    .initialism {
        font-size: 90%;
        text-transform: uppercase
    }

    .blockquote {
        font-size: 1.171875rem;
        margin-bottom: 1rem
    }

    .blockquote-footer {
        color: #868e96;
        display: block;
        font-size: 80%
    }

        .blockquote-footer:before {
            content: "— "
        }

    .img-fluid,
    .img-thumbnail {
        height: auto;
        max-width: 100%
    }

    .img-thumbnail {
        background-color: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 3px;
        padding: .25rem
    }

    .figure {
        display: inline-block
    }

    .figure-img {
        line-height: 1;
        margin-bottom: .5rem
    }

    .figure-caption {
        color: #868e96;
        font-size: 90%
    }

    .fs-15 {
        font-size: 15px !important
    }

    .fs-16 {
        font-size: 16px !important
    }

    code,
    kbd,
    pre,
    samp {
        font-family: Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    code {
        font-size: 85%;
        word-break: break-word
    }

    a > code,
    code {
        color: inherit
    }

    kbd {
        background-color: #343a40;
        border-radius: 3px;
        color: #fff;
        font-size: 85%;
        padding: .2rem .4rem
    }

        kbd kbd {
            font-size: 100%;
            font-weight: 700;
            padding: 0
        }

    pre {
        -ms-overflow-style: scrollbar;
        color: #495057;
        display: block;
        font-size: 85%;
        margin-bottom: 1rem;
        margin-top: 0;
        overflow: auto
    }

        pre code {
            color: inherit;
            font-size: inherit;
            word-break: normal
        }

    .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll
    }

    .container,
    .container-fluid {
        margin-left: auto;
        margin-right: auto;
        padding-left: .75rem;
        padding-right: .75rem;
        width: 100%
    }

    @media (min-width:576px) {
        .container {
            max-width: 540px
        }
    }

    @media (min-width:768px) {
        .container {
            max-width: 720px
        }
    }

    @media (min-width:992px) {
        .customlogin-content {
            /* padding: 9rem*/
            /* padding: 5rem;*/
            /* padding:32px;*/
        }

        .container {
            max-width: 960px
        }

        #sticky {
            color: #fff;
            font-size: 1.75em;
            padding: 1px;
            text-align: center;
            z-index: 0
        }

            #sticky,
            #sticky.stick {
                height: 130px !important
            }

                #sticky.stick {
                    z-index: 1
                }

        .header.top-header {
            z-index: 975 !important
        }

        .app-content.page-body {
            margin-top: 10rem
        }

        .comb-page .app-content.page-body {
            margin-top: 0
        }
    }

    @media (min-width:1280px) {
        .container {
            max-width: 1200px
        }
    }

    #global-loader {
        background: #fff;
        bottom: 0;
        position: fixed;
        top: 0;
        z-index: 50000
    }

        #global-loader,
        #global-loader img {
            left: 0;
            margin: 0 auto;
            right: 0;
            text-align: center
        }

            #global-loader img {
                position: absolute;
                top: 37%
            }

    .loader {
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        border: 2px solid #fff;
        border-radius: 50%;
        border-top-color: #000;
        display: inline-block;
        height: 30px;
        margin: 1rem 0;
        opacity: 0;
        transition: opacity .3s ease;
        width: 30px
    }

        .loader.animate {
            opacity: 1
        }

    h2.animate {
        opacity: 1;
        transform: translateY(0)
    }

    .parent {
        transform-origin: 66px 56px
    }

    .child1 {
        -webkit-animation: child1 10s 2s infinite alternate;
        animation: child1 10s 2s infinite alternate
    }

    .child2 {
        -webkit-animation: child2 5s infinite alternate;
        animation: child2 5s infinite alternate
    }

    .child3 {
        -webkit-animation: child3 10s infinite alternate;
        animation: child3 10s infinite alternate;
        transform-origin: center center
    }

    @-webkit-keyframes spin {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @-webkit-keyframes child1 {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(35px, -20px)
        }
    }

    @keyframes child1 {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(35px, -20px)
        }
    }

    @-webkit-keyframes child2 {
        0% {
            transform: translateY(0)
        }

        to {
            transform: translateY(-5px)
        }
    }

    @keyframes child2 {
        0% {
            transform: translateY(0)
        }

        to {
            transform: translateY(-5px)
        }
    }

    @-webkit-keyframes child3 {
        0% {
            transform: translateY(-10px) rotate(50deg)
        }

        to {
            transform: translateY(20px) rotate(0deg)
        }
    }

    @keyframes child3 {
        0% {
            transform: translateY(-10px) rotate(50deg)
        }

        to {
            transform: translateY(20px) rotate(0deg)
        }
    }

    .index1 {
        height: 270px
    }

    .topsales {
        height: 330px
    }

    .salesscroll {
        height: 280px
    }

    .countryscroll {
        height: 290px
    }

    .countrytable td {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .countrytable tr {
        border-bottom: 1px solid #e9ebfa
    }

        .countrytable tr:last-child {
            border-bottom: 0
        }

    * html .fileinput-button {
        line-height: 24px;
        margin: 1px -3px 0 0
    }

    * + html .fileinput-button {
        margin: 1px 0 0;
        padding: 2px 15px
    }

    @media (max-width:767px) {
        .files .btn span {
            display: none
        }

        .files .preview * {
            width: 40px
        }

        .files .name * {
            word-wrap: break-word;
            display: inline-block;
            width: 80px
        }

        .files .progress {
            width: 20px
        }

        .files .delete {
            width: 60px
        }
    }

    ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    *,
    :after,
    :before {
        box-sizing: border-box
    }

    .search-icon {
        margin-top: -3px
    }

    .list-icons .svg-icon,
    .list-icons .svg-icon2 {
        height: 60px;
        width: 60px
    }

    .file-manger.list-group-transparent .list-group-item {
        padding: .5rem
    }

        .file-manger.list-group-transparent .list-group-item.active {
            background: transparent;
            color: #36f
        }

        .file-manger.list-group-transparent .list-group-item .svg-icon {
            height: 24px;
            width: 24px
        }

    .file-manger-absolute-icon {
        color: #fff;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 30px
    }

    .file-manger-icon {
        position: relative
    }

        .file-manger-icon i {
            font-size: 70px;
            margin: 0 auto;
            text-align: center
        }

        .file-manger-icon img {
            height: 70px;
            width: 70px
        }

    .profile-footer {
        margin: 25px -25px -25px;
        padding: 15px
    }

    .option-dots {
        background: transparent;
        border-radius: 50%;
        color: #9ba5ca;
        cursor: pointer;
        display: block;
        height: 40px;
        line-height: 20px;
        margin: 0 auto;
        text-align: center;
        width: 40px
    }

        .option-dots:focus,
        .option-dots:hover,
        .option-dots[aria-expanded=true] {
            background: #f3f5fb
        }

    .new.option-dots {
        line-height: 40px
    }

    .new-list.option-dots {
        line-height: 20px;
        position: absolute;
        right: 10px;
        top: 10px
    }

    .ms-body .action-header {
        background: #fff
    }

    .user-contact-list {
        overflow: hidden
    }

        .user-contact-list:before {
            background: linear-gradient(rgba(51, 102, 255, .85), rgba(51, 102, 255, .61)), url(../../assets/images/png/pattern.png);
            background-position: top;
            background-size: cover;
            content: "";
            height: 70px;
            position: absolute;
            width: 100%
        }

        .user-contact-list .avatar {
            border: 3px solid #fff
        }

    hr.divider:after {
        background: #f3f4f7;
        border: 1px solid #f2f6f9;
        border-radius: 50%;
        content: "OR";
        display: block;
        font-size: 11px;
        font-weight: 500;
        height: 30px;
        left: 0;
        line-height: 30px;
        margin: 0 auto;
        padding: 0 .25em;
        position: relative;
        right: 0;
        text-align: center;
        top: -1.5em;
        width: 30px;
        z-index: 9
    }

    .page-style1 {
        height: 100vh;
        position: relative
    }

        .page-style1:before {
            background: linear-gradient(rgba(68, 84, 195, .25), rgba(68, 84, 195, .18)), url(../../assets/images/pattern/4.png);
            background-position: top;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 100%;
            opacity: .8;
            position: absolute;
            width: 100%
        }

        .page-style1 .form-control {
            height: 45px;
            padding-bottom: 6px;
            padding-top: 4px
        }

        .page-style1 .btn {
            height: 45px;
            line-height: 45px;
            padding-bottom: 0;
            padding-top: 0
        }

        .page-style1 .input-group-addon {
            background: #f3f4f7;
            border: 1px solid #d3dfea;
            border-right: 0;
            line-height: 0px
        }

        .page-style1 .input-group-append {
            background: #f3f4f7;
            border: 1px solid #d3dfea;
            border-left: 0;
            border-radius: 0 5px 5px 0;
            line-height: 16px
        }

        .page-style1 .form-control {
            border: 1px solid #d3dfea
        }

        .page-style1 hr {
            border-top: 1px solid #d3dfea
        }

        .page-style1 .custom-control-label {
            line-height: 26px
        }

        .page-style1 .btn-svgs .svg-icon {
            left: 37%;
            position: absolute;
            top: auto
        }

        .page-style1 .custom-control-label:before {
            border: 1px solid #d3dfea
        }

    .bg-style {
        position: relative
    }

        .bg-style:before {
            background: linear-gradient(rgba(68, 84, 195, .9), rgba(68, 84, 195, .8)), url(../../assets/images/pattern/1.png);
            background-position: top;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 100%;
            opacity: .8;
            position: absolute;
            width: 100%
        }

        .bg-style .svg-icon {
            fill: #fff
        }

        .bg-style .header-brand-img {
            left: 55px;
            position: absolute;
            top: 30px
        }

    .page-style2 .h-100vh {
        max-height: 100vh
    }

    .page-style1 .page-content,
    .page-style2 .page-content {
        margin: 0
    }

    @media (max-width:767px) {
        .d-md-flex .bg-style {
            display: none
        }

        .d-md-flex .w-80 {
            width: 100% !important
        }
    }

    .title-style h1 {
        background: #fff;
        display: block;
        left: 0;
        margin: 0 auto;
        padding: 0 20px;
        position: absolute;
        right: 0;
        top: 34px;
        width: 100%;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .page-style2.page-style1:before {
        background: linear-gradient(hsla(0, 0%, 100%, .79), hsla(0, 0%, 100%, .75)), url(../../assets/images/pattern/4.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .custom-progress {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #e8ebf2;
        border: none;
        border-radius: 0;
        height: 10px;
        width: 80%
    }

        .custom-progress::-webkit-progress-bar {
            background-color: #e8ebf2;
            border-radius: 0
        }

        .custom-progress::-webkit-progress-value {
            background-color: #36f;
            background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
            border-radius: 0
        }

        .custom-progress::-moz-progress-bar {
            background-color: #36f;
            background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
        }

        .custom-progress::-ms-fill {
            background-color: #36f;
            background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
            border-radius: 0
        }

    .map svg {
        height: 400px
    }

    .coming-footer {
        left: 0;
        margin: 10px auto 0;
        padding-top: 30px;
        right: 0;
        width: 450px
    }

        .coming-footer .form-control:focus {
            border-color: hsla(0, 0%, 100%, .1);
            box-shadow: none !important
        }

    .coming-bg,
    .error-bg {
        background: url(../images/photos/bg1.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }

    .login-bg,
    .message-bg {
        background: url(../images/photos/login1.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }

    .login-bg1 {
        background: url(../images/photos/login2.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

        .login-bg1:before {
            background: rgba(6, 10, 48, .85);
            content: "";
            height: 100%;
            position: absolute;
            width: 100%
        }

        .customlogin-content .custom-logo-dark,
        .login-bg1 .custom-logo-dark {
            display: none
        }

    /*.customlogin-imgcontent {
    padding: 5rem;
    position: absolute;
    top: 35%
}*/

    .error-bg1 {
        background: url(../images/photos/error.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

        .error-bg1:before {
            background: rgba(51, 102, 255, .7);
            content: "";
            height: 100%;
            position: absolute;
            width: 100%
        }

    .construction-bg {
        background: url(../images/pattern/2.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

        .construction-bg:before {
            background: rgba(51, 102, 255, .85);
            content: "";
            height: 100%;
            position: absolute;
            width: 100%
        }

    .construction .construction-search {
        background: transparent;
        border-radius: 50px
    }

    .construction .form-control {
        background: rgba(0, 0, 0, .1);
        border: 1px solid hsla(0, 0%, 100%, .1);
        border-radius: 50px;
        color: #fff;
        height: 40px
    }

        .construction .form-control:focus {
            background: transparent;
            border: 1px solid hsla(0, 0%, 100%, .1);
            box-shadow: none !important;
            color: #fff
        }

    .construction .construction-search .btn {
        color: hsla(0, 0%, 100%, .3);
        position: absolute;
        right: 18px;
        top: 2px
    }

    .morris-donut-wrapper-demo {
        height: 270px
    }

    .apexcharts-toolbar {
        display: none !important
    }

    #SvgjsText1920 {
        font-size: 20px;
        font-weight: 500
    }

    .html-code {
        background: #f3f4f7;
        border: 1px solid #d3dfea;
        border-bottom: 0;
        border-radius: 5px 5px 0 0;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: -1px;
        margin-left: 20px;
        margin-top: 15px;
        padding: 9px 22px 9px 45px;
        position: relative;
        text-transform: uppercase;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        z-index: 1
    }

        .html-code .svg-icon {
            left: 14px;
            position: absolute
        }

    .list-style {
        list-style: inherit;
        padding-left: inherit
    }

        .list-style ul {
            list-style: inherit;
            padding-left: 30px
        }

        .list-style li {
            line-height: 30px
        }

    .list-style2 {
        list-style: decimal;
        padding-left: inherit
    }

        .list-style2 ul {
            list-style: decimal;
            padding-left: 30px
        }

        .list-style2 li {
            line-height: 30px
        }

    .list-style3 {
        list-style: circle;
        padding-left: inherit
    }

        .list-style3 ul {
            list-style: decimal;
            padding-left: 30px
        }

        .list-style3 li {
            line-height: 30px
        }

    .list-style4 {
        list-style: lower-alpha;
        padding-left: inherit
    }

        .list-style4 ul {
            list-style: decimal;
            padding-left: 30px
        }

        .list-style4 li,
        .order-list li {
            line-height: 30px
        }

    .list-style5 {
        list-style: square;
        padding-left: inherit
    }

        .list-style5 ul {
            list-style: decimal;
            padding-left: 30px
        }

        .list-style5 li {
            line-height: 30px
        }

    .list-style6 {
        list-style: lower-roman;
        padding-left: inherit
    }

        .list-style6 ul {
            list-style: decimal;
            padding-left: 30px
        }

        .list-style6 li {
            line-height: 30px
        }

    .profile-dropdown {
        margin-top: 1px;
        padding-left: .5rem
    }

    @media (min-width:992px) and (max-width:1200px) {
        .expenses-card .fs-50 {
            font-size: 25px !important
        }

        .expenses-card .fs-18 {
            font-size: 14px !important
        }
    }

    .browse-file.form-control {
        background-color: transparent;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        height: 41px
    }

    .input-group-btn .btn-primary {
        border-bottom-right-radius: 4px !important;
        border-top-right-radius: 4px !important;
        border-radius: 0
    }

    .apexcharts-datalabel,
    .apexcharts-datalabel-label,
    .apexcharts-datalabel-value,
    .apexcharts-datalabels,
    .apexcharts-pie-label {
        cursor: default;
        filter: none;
        font-weight: 500;
        pointer-events: none;
        text-shadow: none
    }

    .select2,
    .select2:focus .select2 > *,
    .select2 > :focus {
        outline-width: 0 !important
    }

    @media (min-width:1440px) {
        .crypto-header-section h3 {
            font-size: 32px
        }

        .crypto-header-section .w-5 {
            width: 2rem !important
        }

        .crypto-header-section .h-5 {
            height: 2rem !important
        }
    }

    @media (min-width:1600px) {
        .crypto-header-section h3 {
            font-size: 32px
        }

        .crypto-header-section .w-5 {
            width: 2.5rem !important
        }

        .crypto-header-section .h-5 {
            height: 2.5rem !important
        }
    }

    @media (max-width:768px) {
        .page-single .card-group {
            display: block
        }

        .d-md-down-none {
            display: none
        }
    }

    @media (min-width:1200px) and (max-width:1440px) {
        .item-card .btn-svgs {
            width: 100%
        }
    }

    .header.bg-primary .form-control.header-search.bg-transparent.border-transparent {
        color: #fff
    }

    @media (max-width:1200px) {
        .sales-img {
            display: block;
            margin: 0 auto;
            text-align: center !important;
            width: 50% !important
        }
    }

    .iti--allow-dropdown .iti__flag-container .iti__selected-flag,
    .iti--allow-dropdown .iti__flag-container:focus .iti__selected-flag,
    .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
    input:focus,
    input:hover {
        box-shadow: none;
        outline: none
    }

    @font-face {
        font-family: feather;
        src: url(../../iconfonts/feather/fonts/feather-webfont.eot);
        src: url(../../iconfonts/feather/fonts/feather-webfont.eot) format("embedded-opentype"), url(../../iconfonts/feather/fonts/feather-webfont.woff) format("woff"), url(../../iconfonts/feather/fonts/feather-webfont.ttf) format("truetype"), url(../../iconfonts/feather/fonts/feather-webfont.svg) format("svg")
    }

    .fe {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: feather !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none
    }

    .fe-activity:before {
        content: ""
    }

    .fe-airplay:before {
        content: ""
    }

    .fe-alert-circle:before {
        content: ""
    }

    .fe-alert-octagon:before {
        content: ""
    }

    .fe-alert-triangle:before {
        content: ""
    }

    .fe-align-center:before {
        content: ""
    }

    .fe-align-justify:before {
        content: ""
    }

    .fe-align-left:before {
        content: ""
    }

    .fe-align-right:before {
        content: ""
    }

    .fe-anchor:before {
        content: ""
    }

    .fe-aperture:before {
        content: ""
    }

    .fe-arrow-down:before {
        content: ""
    }

    .fe-arrow-down-circle:before {
        content: ""
    }

    .fe-arrow-down-left:before {
        content: ""
    }

    .fe-arrow-down-right:before {
        content: ""
    }

    .fe-arrow-left:before {
        content: ""
    }

    .fe-arrow-left-circle:before {
        content: ""
    }

    .fe-arrow-right:before {
        content: ""
    }

    .fe-arrow-right-circle:before {
        content: ""
    }

    .fe-arrow-up:before {
        content: ""
    }

    .fe-arrow-up-circle:before {
        content: ""
    }

    .fe-arrow-up-left:before {
        content: ""
    }

    .fe-arrow-up-right:before {
        content: ""
    }

    .fe-at-sign:before {
        content: ""
    }

    .fe-award:before {
        content: ""
    }

    .fe-bar-chart:before {
        content: ""
    }

    .fe-bar-chart-2:before {
        content: ""
    }

    .fe-battery:before {
        content: ""
    }

    .fe-battery-charging:before {
        content: ""
    }

    .fe-bell:before {
        content: ""
    }

    .fe-bell-off:before {
        content: ""
    }

    .fe-bluetooth:before {
        content: ""
    }

    .fe-bold:before {
        content: ""
    }

    .fe-book:before {
        content: ""
    }

    .fe-book-open:before {
        content: ""
    }

    .fe-bookmark:before {
        content: ""
    }

    .fe-box:before {
        content: ""
    }

    .fe-briefcase:before {
        content: ""
    }

    .fe-calendar:before {
        content: ""
    }

    .fe-camera:before {
        content: ""
    }

    .fe-camera-off:before {
        content: ""
    }

    .fe-cast:before {
        content: ""
    }

    .fe-check:before {
        content: ""
    }

    .fe-check-circle:before {
        content: ""
    }

    .fe-check-square:before {
        content: ""
    }

    .fe-chevron-down:before {
        content: ""
    }

    .fe-chevron-left:before {
        content: ""
    }

    .fe-chevron-right:before {
        content: ""
    }

    .fe-chevron-up:before {
        content: ""
    }

    .fe-chevrons-down:before {
        content: ""
    }

    .fe-chevrons-left:before {
        content: ""
    }

    .fe-chevrons-right:before {
        content: ""
    }

    .fe-chevrons-up:before {
        content: ""
    }

    .fe-chrome:before {
        content: ""
    }

    .fe-circle:before {
        content: ""
    }

    .fe-clipboard:before {
        content: ""
    }

    .fe-clock:before {
        content: ""
    }

    .fe-cloud:before {
        content: ""
    }

    .fe-cloud-drizzle:before {
        content: ""
    }

    .fe-cloud-lightning:before {
        content: ""
    }

    .fe-cloud-off:before {
        content: ""
    }

    .fe-cloud-rain:before {
        content: ""
    }

    .fe-cloud-snow:before {
        content: ""
    }

    .fe-code:before {
        content: ""
    }

    .fe-codepen:before {
        content: ""
    }

    .fe-command:before {
        content: ""
    }

    .fe-compass:before {
        content: ""
    }

    .fe-copy:before {
        content: ""
    }

    .fe-corner-down-left:before {
        content: ""
    }

    .fe-corner-down-right:before {
        content: ""
    }

    .fe-corner-left-down:before {
        content: ""
    }

    .fe-corner-left-up:before {
        content: ""
    }

    .fe-corner-right-down:before {
        content: ""
    }

    .fe-corner-right-up:before {
        content: ""
    }

    .fe-corner-up-left:before {
        content: ""
    }

    .fe-corner-up-right:before {
        content: ""
    }

    .fe-cpu:before {
        content: ""
    }

    .fe-credit-card:before {
        content: ""
    }

    .fe-crop:before {
        content: ""
    }

    .fe-crosshair:before {
        content: ""
    }

    .fe-database:before {
        content: ""
    }

    .fe-delete:before {
        content: ""
    }

    .fe-disc:before {
        content: ""
    }

    .fe-dollar-sign:before {
        content: ""
    }

    .fe-download:before {
        content: ""
    }

    .fe-download-cloud:before {
        content: ""
    }

    .fe-droplet:before {
        content: ""
    }

    .fe-edit:before {
        content: ""
    }

    .fe-edit-2:before {
        content: ""
    }

    .fe-edit-3:before {
        content: ""
    }

    .fe-external-link:before {
        content: ""
    }

    .fe-eye:before {
        content: ""
    }

    .fe-eye-off:before {
        content: ""
    }

    .fe-facebook:before {
        content: ""
    }

    .fe-fast-forward:before {
        content: ""
    }

    .fe-feather:before {
        content: ""
    }

    .fe-file:before {
        content: ""
    }

    .fe-file-minus:before {
        content: ""
    }

    .fe-file-plus:before {
        content: ""
    }

    .fe-file-text:before {
        content: ""
    }

    .fe-film:before {
        content: ""
    }

    .fe-filter:before {
        content: ""
    }

    .fe-flag:before {
        content: ""
    }

    .fe-folder:before {
        content: ""
    }

    .fe-folder-minus:before {
        content: ""
    }

    .fe-folder-plus:before {
        content: ""
    }

    .fe-git-branch:before {
        content: ""
    }

    .fe-git-commit:before {
        content: ""
    }

    .fe-git-merge:before {
        content: ""
    }

    .fe-git-pull-request:before {
        content: ""
    }

    .fe-github:before {
        content: ""
    }

    .fe-gitlab:before {
        content: ""
    }

    .fe-globe:before {
        content: ""
    }

    .fe-grid:before {
        content: ""
    }

    .fe-hard-drive:before {
        content: ""
    }

    .fe-hash:before {
        content: ""
    }

    .fe-headphones:before {
        content: ""
    }

    .fe-heart:before {
        content: ""
    }

    .fe-help-circle:before {
        content: ""
    }

    .fe-home:before {
        content: ""
    }

    .fe-image:before {
        content: ""
    }

    .fe-inbox:before {
        content: ""
    }

    .fe-info:before {
        content: ""
    }

    .fe-instagram:before {
        content: ""
    }

    .fe-italic:before {
        content: ""
    }

    .fe-layers:before {
        content: ""
    }

    .fe-layout:before {
        content: ""
    }

    .fe-life-buoy:before {
        content: ""
    }

    .fe-link:before {
        content: ""
    }

    .fe-link-2:before {
        content: ""
    }

    .fe-linkedin:before {
        content: ""
    }

    .fe-list:before {
        content: ""
    }

    .fe-loader:before {
        content: ""
    }

    .fe-lock:before {
        content: ""
    }

    .fe-log-in:before {
        content: ""
    }

    .fe-log-out:before {
        content: ""
    }

    .fe-mail:before {
        content: ""
    }

    .fe-map:before {
        content: ""
    }

    .fe-map-pin:before {
        content: ""
    }

    .fe-maximize:before {
        content: ""
    }

    .fe-maximize-2:before {
        content: ""
    }

    .fe-menu:before {
        content: ""
    }

    .fe-message-circle:before {
        content: ""
    }

    .fe-message-square:before {
        content: ""
    }

    .fe-mic:before {
        content: ""
    }

    .fe-mic-off:before {
        content: ""
    }

    .fe-minimize:before {
        content: ""
    }

    .fe-minimize-2:before {
        content: ""
    }

    .fe-minus:before {
        content: ""
    }

    .fe-minus-circle:before {
        content: ""
    }

    .fe-minus-square:before {
        content: ""
    }

    .fe-monitor:before {
        content: ""
    }

    .fe-moon:before {
        content: ""
    }

    .fe-more-horizontal:before {
        content: ""
    }

    .fe-more-vertical:before {
        content: ""
    }

    .fe-move:before {
        content: ""
    }

    .fe-music:before {
        content: ""
    }

    .fe-navigation:before {
        content: ""
    }

    .fe-navigation-2:before {
        content: ""
    }

    .fe-octagon:before {
        content: ""
    }

    .fe-package:before {
        content: ""
    }

    .fe-paperclip:before {
        content: ""
    }

    .fe-pause:before {
        content: ""
    }

    .fe-pause-circle:before {
        content: ""
    }

    .fe-percent:before {
        content: ""
    }

    .fe-phone:before {
        content: ""
    }

    .fe-phone-call:before {
        content: ""
    }

    .fe-phone-forwarded:before {
        content: ""
    }

    .fe-phone-incoming:before {
        content: ""
    }

    .fe-phone-missed:before {
        content: ""
    }

    .fe-phone-off:before {
        content: ""
    }

    .fe-phone-outgoing:before {
        content: ""
    }

    .fe-pie-chart:before {
        content: ""
    }

    .fe-play:before {
        content: ""
    }

    .fe-play-circle:before {
        content: ""
    }

    .fe-plus:before {
        content: ""
    }

    .fe-plus-circle:before {
        content: ""
    }

    .fe-plus-square:before {
        content: ""
    }

    .fe-pocket:before {
        content: ""
    }

    .fe-power:before {
        content: ""
    }

    .fe-printer:before {
        content: ""
    }

    .fe-radio:before {
        content: ""
    }

    .fe-refresh-ccw:before {
        content: ""
    }

    .fe-refresh-cw:before {
        content: ""
    }

    .fe-repeat:before {
        content: ""
    }

    .fe-rewind:before {
        content: ""
    }

    .fe-rotate-ccw:before {
        content: ""
    }

    .fe-rotate-cw:before {
        content: ""
    }

    .fe-rss:before {
        content: ""
    }

    .fe-save:before {
        content: ""
    }

    .fe-scissors:before {
        content: ""
    }

    .fe-search:before {
        content: ""
    }

    .fe-send:before {
        content: ""
    }

    .fe-server:before {
        content: ""
    }

    .fe-settings:before {
        content: ""
    }

    .fe-share:before {
        content: ""
    }

    .fe-share-2:before {
        content: ""
    }

    .fe-shield:before {
        content: ""
    }

    .fe-shield-off:before {
        content: ""
    }

    .fe-shopping-bag:before {
        content: ""
    }

    .fe-shopping-cart:before {
        content: ""
    }

    .fe-shuffle:before {
        content: ""
    }

    .fe-sidebar:before {
        content: ""
    }

    .fe-skip-back:before {
        content: ""
    }

    .fe-skip-forward:before {
        content: ""
    }

    .fe-slack:before {
        content: ""
    }

    .fe-slash:before {
        content: ""
    }

    .fe-sliders:before {
        content: ""
    }

    .fe-smartphone:before {
        content: ""
    }

    .fe-speaker:before {
        content: ""
    }

    .fe-square:before {
        content: ""
    }

    .fe-star:before {
        content: ""
    }

    .fe-stop-circle:before {
        content: ""
    }

    .fe-sun:before {
        content: ""
    }

    .fe-sunrise:before {
        content: ""
    }

    .fe-sunset:before {
        content: ""
    }

    .fe-tablet:before {
        content: ""
    }

    .fe-tag:before {
        content: ""
    }

    .fe-target:before {
        content: ""
    }

    .fe-terminal:before {
        content: ""
    }

    .fe-thermometer:before {
        content: ""
    }

    .fe-thumbs-down:before {
        content: ""
    }

    .fe-thumbs-up:before {
        content: ""
    }

    .fe-toggle-left:before {
        content: ""
    }

    .fe-toggle-right:before {
        content: ""
    }

    .fe-trash:before {
        content: ""
    }

    .fe-trash-2:before {
        content: ""
    }

    .fe-trending-down:before {
        content: ""
    }

    .fe-trending-up:before {
        content: ""
    }

    .fe-triangle:before {
        content: ""
    }

    .fe-truck:before {
        content: ""
    }

    .fe-tv:before {
        content: ""
    }

    .fe-twitter:before {
        content: ""
    }

    .fe-type:before {
        content: ""
    }

    .fe-umbrella:before {
        content: ""
    }

    .fe-underline:before {
        content: ""
    }

    .fe-unlock:before {
        content: ""
    }

    .fe-upload:before {
        content: ""
    }

    .fe-upload-cloud:before {
        content: ""
    }

    .fe-user:before {
        content: ""
    }

    .fe-user-check:before {
        content: ""
    }

    .fe-user-minus:before {
        content: ""
    }

    .fe-user-plus:before {
        content: ""
    }

    .fe-user-x:before {
        content: ""
    }

    .fe-users:before {
        content: ""
    }

    .fe-video:before {
        content: ""
    }

    .fe-video-off:before {
        content: ""
    }

    .fe-voicemail:before {
        content: ""
    }

    .fe-volume:before {
        content: ""
    }

    .fe-volume-1:before {
        content: ""
    }

    .fe-volume-2:before {
        content: ""
    }

    .fe-volume-x:before {
        content: ""
    }

    .fe-watch:before {
        content: ""
    }

    .fe-wifi:before {
        content: ""
    }

    .fe-wifi-off:before {
        content: ""
    }

    .fe-wind:before {
        content: ""
    }

    .fe-x:before {
        content: ""
    }

    .fe-x-circle:before {
        content: ""
    }

    .fe-x-square:before {
        content: ""
    }

    .fe-zap:before {
        content: ""
    }

    .fe-zap-off:before {
        content: ""
    }

    .fe-zoom-in:before {
        content: ""
    }

    .fe-zoom-out:before {
        content: ""
    }

    .highlight .hll {
        background-color: #ffc
    }

    .highlight .c {
        color: #999
    }

    .highlight .k {
        color: #069
    }

    .highlight .o {
        color: #555
    }

    .highlight .cm {
        color: #999
    }

    .highlight .cp {
        color: #099
    }

    .highlight .c1,
    .highlight .cs {
        color: #999
    }

    .highlight .gd {
        background-color: #fcc;
        border: 1px solid #c00
    }

    .highlight .ge {
        font-style: italic
    }

    .highlight .gr {
        color: red
    }

    .highlight .gh {
        color: #030
    }

    .highlight .gi {
        background-color: #cfc;
        border: 1px solid #0c0
    }

    .highlight .go {
        color: #aaa
    }

    .highlight .gp {
        color: #009
    }

    .highlight .gu {
        color: #030
    }

    .highlight .gt {
        color: #9c6
    }

    .highlight .kc,
    .highlight .kd,
    .highlight .kn,
    .highlight .kp,
    .highlight .kr {
        color: #069
    }

    .highlight .kt {
        color: #078
    }

    .highlight .m {
        color: #f60
    }

    .highlight .s {
        color: #c09
    }

    .highlight .na {
        color: #00cc7a
    }

    .highlight .nb {
        color: #366
    }

    .highlight .nc {
        color: #0a8
    }

    .highlight .no {
        color: #360
    }

    .highlight .nd {
        color: #99f
    }

    .highlight .ni {
        color: #999
    }

    .highlight .ne {
        color: #c00
    }

    .highlight .nf {
        color: #c0f
    }

    .highlight .nl {
        color: #99f
    }

    .highlight .nn {
        color: #0cf
    }

    .highlight .nt {
        color: #6967ce
    }

    .highlight .nv {
        color: #033
    }

    .highlight .ow {
        color: #000
    }

    .highlight .w {
        color: #bbb
    }

    .highlight .mf,
    .highlight .mh,
    .highlight .mi,
    .highlight .mo {
        color: #f60
    }

    .highlight .sb,
    .highlight .sc {
        color: #c30
    }

    .highlight .sd {
        color: #c30;
        font-style: italic
    }

    .highlight .s2,
    .highlight .se,
    .highlight .sh {
        color: #c30
    }

    .highlight .si {
        color: #a00
    }

    .highlight .sx {
        color: #c30
    }

    .highlight .sr {
        color: #3aa
    }

    .highlight .s1 {
        color: #c30
    }

    .highlight .ss {
        color: #fc3
    }

    .highlight .bp {
        color: #366
    }

    .highlight .vc,
    .highlight .vg,
    .highlight .vi {
        color: #033
    }

    .highlight .il {
        color: #f60
    }

    .highlight .css .nt + .nt,
    .highlight .css .o,
    .highlight .css .o + .nt {
        color: #999
    }

    .highlight .language-bash:before,
    .highlight .language-sh:before {
        color: #009;
        content: "$ ";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .highlight .language-powershell:before {
        color: #009;
        content: "PM> ";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .example {
        border: 1px solid #e9ebfa;
        border-radius: 3px 3px 0 0;
        font-size: .9375rem;
        padding: 1.5rem
    }

    .example-bg {
        background: #ebeff8
    }

    .example + .highlight {
        border-radius: 0 0 3px 3px;
        border-top: none;
        margin-top: 0
    }

    .highlight {
        background: #fcfcfc;
        border: 1px solid #d3dfea;
        border-radius: 3px;
        font-size: .9375rem;
        margin: 0 0 2rem;
        max-height: 40rem
    }

        .highlight pre {
            background-color: #f3f4f7;
            margin-bottom: 0
        }

    .browser {
        background: no-repeat 50%/100% 100%;
        display: inline-block;
        font-style: normal;
        height: 1.25rem;
        vertical-align: bottom;
        width: 1.25rem
    }

    .browser-android-browser {
        background-image: url(../images/browsers/android-browser.svg)
    }

    .browser-aol-explorer {
        background-image: url(../images/browsers/aol-explorer.svg)
    }

    .browser-blackberry {
        background-image: url(../images/browsers/blackberry.svg)
    }

    .browser-camino {
        background-image: url(../images/browsers/camino.svg)
    }

    .browser-chrome {
        background-image: url(../images/browsers/chrome.svg)
    }

    .browser-chromium {
        background-image: url(../images/browsers/chromium.svg)
    }

    .browser-dolphin {
        background-image: url(../images/browsers/dolphin.svg)
    }

    .browser-edge {
        background-image: url(../images/browsers/edge.svg)
    }

    .browser-firefox {
        background-image: url(../images/browsers/firefox.svg)
    }

    .browser-ie {
        background-image: url(../images/browsers/ie.svg)
    }

    .browser-maxthon {
        background-image: url(../images/browsers/maxthon.svg)
    }

    .browser-mozilla {
        background-image: url(../images/browsers/mozilla.svg)
    }

    .browser-netscape {
        background-image: url(../images/browsers/netscape.svg)
    }

    .browser-opera {
        background-image: url(../images/browsers/opera.svg)
    }

    .browser-safari {
        background-image: url(../images/browsers/safari.svg)
    }

    .browser-sleipnir {
        background-image: url(../images/browsers/sleipnir.svg)
    }

    .browser-uc-browser {
        background-image: url(../images/browsers/uc-browser.svg)
    }

    .browser-vivaldi {
        background-image: url(../images/browsers/vivaldi.svg)
    }

    .flag {
        background: no-repeat 50%/100% 100%;
        border-radius: 2px;
        display: inline-block;
        font-style: normal;
        height: 1rem;
        vertical-align: bottom;
        width: 1.2rem
    }

    .flag-ad {
        background-image: url(../images/flags/ad.svg)
    }

    .flag-ae {
        background-image: url(../images/flags/ae.svg)
    }

    .flag-af {
        background-image: url(../images/flags/af.svg)
    }

    .flag-ag {
        background-image: url(../images/flags/ag.svg)
    }

    .flag-ai {
        background-image: url(../images/flags/ai.svg)
    }

    .flag-al {
        background-image: url(../images/flags/al.svg)
    }

    .flag-am {
        background-image: url(../images/flags/am.svg)
    }

    .flag-ao {
        background-image: url(../images/flags/ao.svg)
    }

    .flag-aq {
        background-image: url(../images/flags/aq.svg)
    }

    .flag-ar {
        background-image: url(../images/flags/ar.svg)
    }

    .flag-as {
        background-image: url(../images/flags/as.svg)
    }

    .flag-at {
        background-image: url(../images/flags/at.svg)
    }

    .flag-au {
        background-image: url(../images/flags/au.svg)
    }

    .flag-aw {
        background-image: url(../images/flags/aw.svg)
    }

    .flag-ax {
        background-image: url(../images/flags/ax.svg)
    }

    .flag-az {
        background-image: url(../images/flags/az.svg)
    }

    .flag-ba {
        background-image: url(../images/flags/ba.svg)
    }

    .flag-bb {
        background-image: url(../images/flags/bb.svg)
    }

    .flag-bd {
        background-image: url(../images/flags/bd.svg)
    }

    .flag-be {
        background-image: url(../images/flags/be.svg)
    }

    .flag-bf {
        background-image: url(../images/flags/bf.svg)
    }

    .flag-bg {
        background-image: url(../images/flags/bg.svg)
    }

    .flag-bh {
        background-image: url(../images/flags/bh.svg)
    }

    .flag-bi {
        background-image: url(../images/flags/bi.svg)
    }

    .flag-bj {
        background-image: url(../images/flags/bj.svg)
    }

    .flag-bl {
        background-image: url(../images/flags/bl.svg)
    }

    .flag-bm {
        background-image: url(../images/flags/bm.svg)
    }

    .flag-bn {
        background-image: url(../images/flags/bn.svg)
    }

    .flag-bo {
        background-image: url(../images/flags/bo.svg)
    }

    .flag-bq {
        background-image: url(../images/flags/bq.svg)
    }

    .flag-br {
        background-image: url(../images/flags/br.svg)
    }

    .flag-bs {
        background-image: url(../images/flags/bs.svg)
    }

    .flag-bt {
        background-image: url(../images/flags/bt.svg)
    }

    .flag-bv {
        background-image: url(../images/flags/bv.svg)
    }

    .flag-bw {
        background-image: url(../images/flags/bw.svg)
    }

    .flag-by {
        background-image: url(../images/flags/by.svg)
    }

    .flag-bz {
        background-image: url(../images/flags/bz.svg)
    }

    .flag-ca {
        background-image: url(../images/flags/ca.svg)
    }

    .flag-cc {
        background-image: url(../images/flags/cc.svg)
    }

    .flag-cd {
        background-image: url(../images/flags/cd.svg)
    }

    .flag-cf {
        background-image: url(../images/flags/cf.svg)
    }

    .flag-cg {
        background-image: url(../images/flags/cg.svg)
    }

    .flag-ch {
        background-image: url(../images/flags/ch.svg)
    }

    .flag-ci {
        background-image: url(../images/flags/ci.svg)
    }

    .flag-ck {
        background-image: url(../images/flags/ck.svg)
    }

    .flag-cl {
        background-image: url(../images/flags/cl.svg)
    }

    .flag-cm {
        background-image: url(../images/flags/cm.svg)
    }

    .flag-cn {
        background-image: url(../images/flags/cn.svg)
    }

    .flag-co {
        background-image: url(../images/flags/co.svg)
    }

    .flag-cr {
        background-image: url(../images/flags/cr.svg)
    }

    .flag-cu {
        background-image: url(../images/flags/cu.svg)
    }

    .flag-cv {
        background-image: url(../images/flags/cv.svg)
    }

    .flag-cw {
        background-image: url(../images/flags/cw.svg)
    }

    .flag-cx {
        background-image: url(../images/flags/cx.svg)
    }

    .flag-cy {
        background-image: url(../images/flags/cy.svg)
    }

    .flag-cz {
        background-image: url(../images/flags/cz.svg)
    }

    .flag-de {
        background-image: url(../images/flags/de.svg)
    }

    .flag-dj {
        background-image: url(../images/flags/dj.svg)
    }

    .flag-dk {
        background-image: url(../images/flags/dk.svg)
    }

    .flag-dm {
        background-image: url(../images/flags/dm.svg)
    }

    .flag-do {
        background-image: url(../images/flags/do.svg)
    }

    .flag-dz {
        background-image: url(../images/flags/dz.svg)
    }

    .flag-ec {
        background-image: url(../images/flags/ec.svg)
    }

    .flag-ee {
        background-image: url(../images/flags/ee.svg)
    }

    .flag-eg {
        background-image: url(../images/flags/eg.svg)
    }

    .flag-eh {
        background-image: url(../images/flags/eh.svg)
    }

    .flag-er {
        background-image: url(../images/flags/er.svg)
    }

    .flag-es {
        background-image: url(../images/flags/es.svg)
    }

    .flag-et {
        background-image: url(../images/flags/et.svg)
    }

    .flag-eu {
        background-image: url(../images/flags/eu.svg)
    }

    .flag-fi {
        background-image: url(../images/flags/fi.svg)
    }

    .flag-fj {
        background-image: url(../images/flags/fj.svg)
    }

    .flag-fk {
        background-image: url(../images/flags/fk.svg)
    }

    .flag-fm {
        background-image: url(../images/flags/fm.svg)
    }

    .flag-fo {
        background-image: url(../images/flags/fo.svg)
    }

    .flag-fr {
        background-image: url(../images/flags/fr.svg)
    }

    .flag-ga {
        background-image: url(../images/flags/ga.svg)
    }

    .flag-gb-eng {
        background-image: url(../images/flags/gb-eng.svg)
    }

    .flag-gb-nir {
        background-image: url(../images/flags/gb-nir.svg)
    }

    .flag-gb-sct {
        background-image: url(../images/flags/gb-sct.svg)
    }

    .flag-gb-wls {
        background-image: url(../images/flags/gb-wls.svg)
    }

    .flag-gb {
        background-image: url(../images/flags/gb.svg)
    }

    .flag-gd {
        background-image: url(../images/flags/gd.svg)
    }

    .flag-ge {
        background-image: url(../images/flags/ge.svg)
    }

    .flag-gf {
        background-image: url(../images/flags/gf.svg)
    }

    .flag-gg {
        background-image: url(../images/flags/gg.svg)
    }

    .flag-gh {
        background-image: url(../images/flags/gh.svg)
    }

    .flag-gi {
        background-image: url(../images/flags/gi.svg)
    }

    .flag-gl {
        background-image: url(../images/flags/gl.svg)
    }

    .flag-gm {
        background-image: url(../images/flags/gm.svg)
    }

    .flag-gn {
        background-image: url(../images/flags/gn.svg)
    }

    .flag-gp {
        background-image: url(../images/flags/gp.svg)
    }

    .flag-gq {
        background-image: url(../images/flags/gq.svg)
    }

    .flag-gr {
        background-image: url(../images/flags/gr.svg)
    }

    .flag-gs {
        background-image: url(../images/flags/gs.svg)
    }

    .flag-gt {
        background-image: url(../images/flags/gt.svg)
    }

    .flag-gu {
        background-image: url(../images/flags/gu.svg)
    }

    .flag-gw {
        background-image: url(../images/flags/gw.svg)
    }

    .flag-gy {
        background-image: url(../images/flags/gy.svg)
    }

    .flag-hk {
        background-image: url(../images/flags/hk.svg)
    }

    .flag-hm {
        background-image: url(../images/flags/hm.svg)
    }

    .flag-hn {
        background-image: url(../images/flags/hn.svg)
    }

    .flag-hr {
        background-image: url(../images/flags/hr.svg)
    }

    .flag-ht {
        background-image: url(../images/flags/ht.svg)
    }

    .flag-hu {
        background-image: url(../images/flags/hu.svg)
    }

    .flag-id {
        background-image: url(../images/flags/id.svg)
    }

    .flag-ie {
        background-image: url(../images/flags/ie.svg)
    }

    .flag-il {
        background-image: url(../images/flags/il.svg)
    }

    .flag-im {
        background-image: url(../images/flags/im.svg)
    }

    .flag-in {
        background-image: url(../images/flags/in.svg)
    }

    .flag-io {
        background-image: url(../images/flags/io.svg)
    }

    .flag-iq {
        background-image: url(../images/flags/iq.svg)
    }

    .flag-ir {
        background-image: url(../images/flags/ir.svg)
    }

    .flag-is {
        background-image: url(../images/flags/is.svg)
    }

    .flag-it {
        background-image: url(../images/flags/it.svg)
    }

    .flag-je {
        background-image: url(../images/flags/je.svg)
    }

    .flag-jm {
        background-image: url(../images/flags/jm.svg)
    }

    .flag-jo {
        background-image: url(../images/flags/jo.svg)
    }

    .flag-jp {
        background-image: url(../images/flags/jp.svg)
    }

    .flag-ke {
        background-image: url(../images/flags/ke.svg)
    }

    .flag-kg {
        background-image: url(../images/flags/kg.svg)
    }

    .flag-kh {
        background-image: url(../images/flags/kh.svg)
    }

    .flag-ki {
        background-image: url(../images/flags/ki.svg)
    }

    .flag-km {
        background-image: url(../images/flags/km.svg)
    }

    .flag-kn {
        background-image: url(../images/flags/kn.svg)
    }

    .flag-kp {
        background-image: url(../images/flags/kp.svg)
    }

    .flag-kr {
        background-image: url(../images/flags/kr.svg)
    }

    .flag-kw {
        background-image: url(../images/flags/kw.svg)
    }

    .flag-ky {
        background-image: url(../images/flags/ky.svg)
    }

    .flag-kz {
        background-image: url(../images/flags/kz.svg)
    }

    .flag-la {
        background-image: url(../images/flags/la.svg)
    }

    .flag-lb {
        background-image: url(../images/flags/lb.svg)
    }

    .flag-lc {
        background-image: url(../images/flags/lc.svg)
    }

    .flag-li {
        background-image: url(../images/flags/li.svg)
    }

    .flag-lk {
        background-image: url(../images/flags/lk.svg)
    }

    .flag-lr {
        background-image: url(../images/flags/lr.svg)
    }

    .flag-ls {
        background-image: url(../images/flags/ls.svg)
    }

    .flag-lt {
        background-image: url(../images/flags/lt.svg)
    }

    .flag-lu {
        background-image: url(../images/flags/lu.svg)
    }

    .flag-lv {
        background-image: url(../images/flags/lv.svg)
    }

    .flag-ly {
        background-image: url(../images/flags/ly.svg)
    }

    .flag-ma {
        background-image: url(../images/flags/ma.svg)
    }

    .flag-mc {
        background-image: url(../images/flags/mc.svg)
    }

    .flag-md {
        background-image: url(../images/flags/md.svg)
    }

    .flag-me {
        background-image: url(../images/flags/me.svg)
    }

    .flag-mf {
        background-image: url(../images/flags/mf.svg)
    }

    .flag-mg {
        background-image: url(../images/flags/mg.svg)
    }

    .flag-mh {
        background-image: url(../images/flags/mh.svg)
    }

    .flag-mk {
        background-image: url(../images/flags/mk.svg)
    }

    .flag-ml {
        background-image: url(../images/flags/ml.svg)
    }

    .flag-mm {
        background-image: url(../images/flags/mm.svg)
    }

    .flag-mn {
        background-image: url(../images/flags/mn.svg)
    }

    .flag-mo {
        background-image: url(../images/flags/mo.svg)
    }

    .flag-mp {
        background-image: url(../images/flags/mp.svg)
    }

    .flag-mq {
        background-image: url(../images/flags/mq.svg)
    }

    .flag-mr {
        background-image: url(../images/flags/mr.svg)
    }

    .flag-ms {
        background-image: url(../images/flags/ms.svg)
    }

    .flag-mt {
        background-image: url(../images/flags/mt.svg)
    }

    .flag-mu {
        background-image: url(../images/flags/mu.svg)
    }

    .flag-mv {
        background-image: url(../images/flags/mv.svg)
    }

    .flag-mw {
        background-image: url(../images/flags/mw.svg)
    }

    .flag-mx {
        background-image: url(../images/flags/mx.svg)
    }

    .flag-my {
        background-image: url(../images/flags/my.svg)
    }

    .flag-mz {
        background-image: url(../images/flags/mz.svg)
    }

    .flag-na {
        background-image: url(../images/flags/na.svg)
    }

    .flag-nc {
        background-image: url(../images/flags/nc.svg)
    }

    .flag-ne {
        background-image: url(../images/flags/ne.svg)
    }

    .flag-nf {
        background-image: url(../images/flags/nf.svg)
    }

    .flag-ng {
        background-image: url(../images/flags/ng.svg)
    }

    .flag-ni {
        background-image: url(../images/flags/ni.svg)
    }

    .flag-nl {
        background-image: url(../images/flags/nl.svg)
    }

    .flag-no {
        background-image: url(../images/flags/no.svg)
    }

    .flag-np {
        background-image: url(../images/flags/np.svg)
    }

    .flag-nr {
        background-image: url(../images/flags/nr.svg)
    }

    .flag-nu {
        background-image: url(../images/flags/nu.svg)
    }

    .flag-nz {
        background-image: url(../images/flags/nz.svg)
    }

    .flag-om {
        background-image: url(../images/flags/om.svg)
    }

    .flag-pa {
        background-image: url(../images/flags/pa.svg)
    }

    .flag-pe {
        background-image: url(../images/flags/pe.svg)
    }

    .flag-pf {
        background-image: url(../images/flags/pf.svg)
    }

    .flag-pg {
        background-image: url(../images/flags/pg.svg)
    }

    .flag-ph {
        background-image: url(../images/flags/ph.svg)
    }

    .flag-pk {
        background-image: url(../images/flags/pk.svg)
    }

    .flag-pl {
        background-image: url(../images/flags/pl.svg)
    }

    .flag-pm {
        background-image: url(../images/flags/pm.svg)
    }

    .flag-pn {
        background-image: url(../images/flags/pn.svg)
    }

    .flag-pr {
        background-image: url(../images/flags/pr.svg)
    }

    .flag-ps {
        background-image: url(../images/flags/ps.svg)
    }

    .flag-pt {
        background-image: url(../images/flags/pt.svg)
    }

    .flag-pw {
        background-image: url(../images/flags/pw.svg)
    }

    .flag-py {
        background-image: url(../images/flags/py.svg)
    }

    .flag-qa {
        background-image: url(../images/flags/qa.svg)
    }

    .flag-re {
        background-image: url(../images/flags/re.svg)
    }

    .flag-ro {
        background-image: url(../images/flags/ro.svg)
    }

    .flag-rs {
        background-image: url(../images/flags/rs.svg)
    }

    .flag-ru {
        background-image: url(../images/flags/ru.svg)
    }

    .flag-rw {
        background-image: url(../images/flags/rw.svg)
    }

    .flag-sa {
        background-image: url(../images/flags/sa.svg)
    }

    .flag-sb {
        background-image: url(../images/flags/sb.svg)
    }

    .flag-sc {
        background-image: url(../images/flags/sc.svg)
    }

    .flag-sd {
        background-image: url(../images/flags/sd.svg)
    }

    .flag-se {
        background-image: url(../images/flags/se.svg)
    }

    .flag-sg {
        background-image: url(../images/flags/sg.svg)
    }

    .flag-sh {
        background-image: url(../images/flags/sh.svg)
    }

    .flag-si {
        background-image: url(../images/flags/si.svg)
    }

    .flag-sj {
        background-image: url(../images/flags/sj.svg)
    }

    .flag-sk {
        background-image: url(../images/flags/sk.svg)
    }

    .flag-sl {
        background-image: url(../images/flags/sl.svg)
    }

    .flag-sm {
        background-image: url(../images/flags/sm.svg)
    }

    .flag-sn {
        background-image: url(../images/flags/sn.svg)
    }

    .flag-so {
        background-image: url(../images/flags/so.svg)
    }

    .flag-sr {
        background-image: url(../images/flags/sr.svg)
    }

    .flag-ss {
        background-image: url(../images/flags/ss.svg)
    }

    .flag-st {
        background-image: url(../images/flags/st.svg)
    }

    .flag-sv {
        background-image: url(../images/flags/sv.svg)
    }

    .flag-sx {
        background-image: url(../images/flags/sx.svg)
    }

    .flag-sy {
        background-image: url(../images/flags/sy.svg)
    }

    .flag-sz {
        background-image: url(../images/flags/sz.svg)
    }

    .flag-tc {
        background-image: url(../images/flags/tc.svg)
    }

    .flag-td {
        background-image: url(../images/flags/td.svg)
    }

    .flag-tf {
        background-image: url(../images/flags/tf.svg)
    }

    .flag-tg {
        background-image: url(../images/flags/tg.svg)
    }

    .flag-th {
        background-image: url(../images/flags/th.svg)
    }

    .flag-tj {
        background-image: url(../images/flags/tj.svg)
    }

    .flag-tk {
        background-image: url(../images/flags/tk.svg)
    }

    .flag-tl {
        background-image: url(../images/flags/tl.svg)
    }

    .flag-tm {
        background-image: url(../images/flags/tm.svg)
    }

    .flag-tn {
        background-image: url(../images/flags/tn.svg)
    }

    .flag-to {
        background-image: url(../images/flags/to.svg)
    }

    .flag-tr {
        background-image: url(../images/flags/tr.svg)
    }

    .flag-tt {
        background-image: url(../images/flags/tt.svg)
    }

    .flag-tv {
        background-image: url(../images/flags/tv.svg)
    }

    .flag-tw {
        background-image: url(../images/flags/tw.svg)
    }

    .flag-tz {
        background-image: url(../images/flags/tz.svg)
    }

    .flag-ua {
        background-image: url(../images/flags/ua.svg)
    }

    .flag-ug {
        background-image: url(../images/flags/ug.svg)
    }

    .flag-um {
        background-image: url(../images/flags/um.svg)
    }

    .flag-un {
        background-image: url(../images/flags/un.svg)
    }

    .flag-us {
        background-image: url(../images/flags/us.svg)
    }

    .flag-uy {
        background-image: url(../images/flags/uy.svg)
    }

    .flag-uz {
        background-image: url(../images/flags/uz.svg)
    }

    .flag-va {
        background-image: url(../images/flags/va.svg)
    }

    .flag-vc {
        background-image: url(../images/flags/vc.svg)
    }

    .flag-ve {
        background-image: url(../images/flags/ve.svg)
    }

    .flag-vg {
        background-image: url(../images/flags/vg.svg)
    }

    .flag-vi {
        background-image: url(../images/flags/vi.svg)
    }

    .flag-vn {
        background-image: url(../images/flags/vn.svg)
    }

    .flag-vu {
        background-image: url(../images/flags/vu.svg)
    }

    .flag-wf {
        background-image: url(../images/flags/wf.svg)
    }

    .flag-ws {
        background-image: url(../images/flags/ws.svg)
    }

    .flag-ye {
        background-image: url(../images/flags/ye.svg)
    }

    .flag-yt {
        background-image: url(../images/flags/yt.svg)
    }

    .flag-za {
        background-image: url(../images/flags/za.svg)
    }

    .flag-zm {
        background-image: url(../images/flags/zm.svg)
    }

    .flag-zw {
        background-image: url(../images/flags/zw.svg)
    }

    .payment {
        background: no-repeat 50%/100% 100%;
        border-radius: 2px;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
        display: inline-block;
        font-style: normal;
        height: 1.5rem;
        vertical-align: bottom;
        width: 2.5rem
    }

    .payment-2checkout-dark {
        background-image: url(../images/payments/2checkout-dark.svg)
    }

    .payment-2checkout {
        background-image: url(../images/payments/2checkout.svg)
    }

    .payment-alipay-dark {
        background-image: url(../images/payments/alipay-dark.svg)
    }

    .payment-alipay {
        background-image: url(../images/payments/alipay.svg)
    }

    .payment-amazon-dark {
        background-image: url(../images/payments/amazon-dark.svg)
    }

    .payment-amazon {
        background-image: url(../images/payments/amazon.svg)
    }

    .payment-americanexpress-dark {
        background-image: url(../images/payments/americanexpress-dark.svg)
    }

    .payment-americanexpress {
        background-image: url(../images/payments/americanexpress.svg)
    }

    .payment-applepay-dark {
        background-image: url(../images/payments/applepay-dark.svg)
    }

    .payment-applepay {
        background-image: url(../images/payments/applepay.svg)
    }

    .payment-bancontact-dark {
        background-image: url(../images/payments/bancontact-dark.svg)
    }

    .payment-bancontact {
        background-image: url(../images/payments/bancontact.svg)
    }

    .payment-bitcoin-dark {
        background-image: url(../images/payments/bitcoin-dark.svg)
    }

    .payment-bitcoin {
        background-image: url(../images/payments/bitcoin.svg)
    }

    .payment-bitpay-dark {
        background-image: url(../images/payments/bitpay-dark.svg)
    }

    .payment-bitpay {
        background-image: url(../images/payments/bitpay.svg)
    }

    .payment-cirrus-dark {
        background-image: url(../images/payments/cirrus-dark.svg)
    }

    .payment-cirrus {
        background-image: url(../images/payments/cirrus.svg)
    }

    .payment-clickandbuy-dark {
        background-image: url(../images/payments/clickandbuy-dark.svg)
    }

    .payment-clickandbuy {
        background-image: url(../images/payments/clickandbuy.svg)
    }

    .payment-coinkite-dark {
        background-image: url(../images/payments/coinkite-dark.svg)
    }

    .payment-coinkite {
        background-image: url(../images/payments/coinkite.svg)
    }

    .payment-dinersclub-dark {
        background-image: url(../images/payments/dinersclub-dark.svg)
    }

    .payment-dinersclub {
        background-image: url(../images/payments/dinersclub.svg)
    }

    .payment-directdebit-dark {
        background-image: url(../images/payments/directdebit-dark.svg)
    }

    .payment-directdebit {
        background-image: url(../images/payments/directdebit.svg)
    }

    .payment-discover-dark {
        background-image: url(../images/payments/discover-dark.svg)
    }

    .payment-discover {
        background-image: url(../images/payments/discover.svg)
    }

    .payment-dwolla-dark {
        background-image: url(../images/payments/dwolla-dark.svg)
    }

    .payment-dwolla {
        background-image: url(../images/payments/dwolla.svg)
    }

    .payment-ebay-dark {
        background-image: url(../images/payments/ebay-dark.svg)
    }

    .payment-ebay {
        background-image: url(../images/payments/ebay.svg)
    }

    .payment-eway-dark {
        background-image: url(../images/payments/eway-dark.svg)
    }

    .payment-eway {
        background-image: url(../images/payments/eway.svg)
    }

    .payment-giropay-dark {
        background-image: url(../images/payments/giropay-dark.svg)
    }

    .payment-giropay {
        background-image: url(../images/payments/giropay.svg)
    }

    .payment-googlewallet-dark {
        background-image: url(../images/payments/googlewallet-dark.svg)
    }

    .payment-googlewallet {
        background-image: url(../images/payments/googlewallet.svg)
    }

    .payment-ingenico-dark {
        background-image: url(../images/payments/ingenico-dark.svg)
    }

    .payment-ingenico {
        background-image: url(../images/payments/ingenico.svg)
    }

    .payment-jcb-dark {
        background-image: url(../images/payments/jcb-dark.svg)
    }

    .payment-jcb {
        background-image: url(../images/payments/jcb.svg)
    }

    .payment-klarna-dark {
        background-image: url(../images/payments/klarna-dark.svg)
    }

    .payment-klarna {
        background-image: url(../images/payments/klarna.svg)
    }

    .payment-laser-dark {
        background-image: url(../images/payments/laser-dark.svg)
    }

    .payment-laser {
        background-image: url(../images/payments/laser.svg)
    }

    .payment-maestro-dark {
        background-image: url(../images/payments/maestro-dark.svg)
    }

    .payment-maestro {
        background-image: url(../images/payments/maestro.svg)
    }

    .payment-mastercard-dark {
        background-image: url(../images/payments/mastercard-dark.svg)
    }

    .payment-mastercard {
        background-image: url(../images/payments/mastercard.svg)
    }

    .payment-monero-dark {
        background-image: url(../images/payments/monero-dark.svg)
    }

    .payment-monero {
        background-image: url(../images/payments/monero.svg)
    }

    .payment-neteller-dark {
        background-image: url(../images/payments/neteller-dark.svg)
    }

    .payment-neteller {
        background-image: url(../images/payments/neteller.svg)
    }

    .payment-ogone-dark {
        background-image: url(../images/payments/ogone-dark.svg)
    }

    .payment-ogone {
        background-image: url(../images/payments/ogone.svg)
    }

    .payment-okpay-dark {
        background-image: url(../images/payments/okpay-dark.svg)
    }

    .payment-okpay {
        background-image: url(../images/payments/okpay.svg)
    }

    .payment-paybox-dark {
        background-image: url(../images/payments/paybox-dark.svg)
    }

    .payment-paybox {
        background-image: url(../images/payments/paybox.svg)
    }

    .payment-paymill-dark {
        background-image: url(../images/payments/paymill-dark.svg)
    }

    .payment-paymill {
        background-image: url(../images/payments/paymill.svg)
    }

    .payment-payone-dark {
        background-image: url(../images/payments/payone-dark.svg)
    }

    .payment-payone {
        background-image: url(../images/payments/payone.svg)
    }

    .payment-payoneer-dark {
        background-image: url(../images/payments/payoneer-dark.svg)
    }

    .payment-payoneer {
        background-image: url(../images/payments/payoneer.svg)
    }

    .payment-paypal-dark {
        background-image: url(../images/payments/paypal-dark.svg)
    }

    .payment-paypal {
        background-image: url(../images/payments/paypal.svg)
    }

    .payment-paysafecard-dark {
        background-image: url(../images/payments/paysafecard-dark.svg)
    }

    .payment-paysafecard {
        background-image: url(../images/payments/paysafecard.svg)
    }

    .payment-payu-dark {
        background-image: url(../images/payments/payu-dark.svg)
    }

    .payment-payu {
        background-image: url(../images/payments/payu.svg)
    }

    .payment-payza-dark {
        background-image: url(../images/payments/payza-dark.svg)
    }

    .payment-payza {
        background-image: url(../images/payments/payza.svg)
    }

    .payment-ripple-dark {
        background-image: url(../images/payments/ripple-dark.svg)
    }

    .payment-ripple {
        background-image: url(../images/payments/ripple.svg)
    }

    .payment-sage-dark {
        background-image: url(../images/payments/sage-dark.svg)
    }

    .payment-sage {
        background-image: url(../images/payments/sage.svg)
    }

    .payment-sepa-dark {
        background-image: url(../images/payments/sepa-dark.svg)
    }

    .payment-sepa {
        background-image: url(../images/payments/sepa.svg)
    }

    .payment-shopify-dark {
        background-image: url(../images/payments/shopify-dark.svg)
    }

    .payment-shopify {
        background-image: url(../images/payments/shopify.svg)
    }

    .payment-skrill-dark {
        background-image: url(../images/payments/skrill-dark.svg)
    }

    .payment-skrill {
        background-image: url(../images/payments/skrill.svg)
    }

    .payment-solo-dark {
        background-image: url(../images/payments/solo-dark.svg)
    }

    .payment-solo {
        background-image: url(../images/payments/solo.svg)
    }

    .payment-square-dark {
        background-image: url(../images/payments/square-dark.svg)
    }

    .payment-square {
        background-image: url(../images/payments/square.svg)
    }

    .payment-stripe-dark {
        background-image: url(../images/payments/stripe-dark.svg)
    }

    .payment-stripe {
        background-image: url(../images/payments/stripe.svg)
    }

    .payment-switch-dark {
        background-image: url(../images/payments/switch-dark.svg)
    }

    .payment-switch {
        background-image: url(../images/payments/switch.svg)
    }

    .payment-ukash-dark {
        background-image: url(../images/payments/ukash-dark.svg)
    }

    .payment-ukash {
        background-image: url(../images/payments/ukash.svg)
    }

    .payment-unionpay-dark {
        background-image: url(../images/payments/unionpay-dark.svg)
    }

    .payment-unionpay {
        background-image: url(../images/payments/unionpay.svg)
    }

    .payment-verifone-dark {
        background-image: url(../images/payments/verifone-dark.svg)
    }

    .payment-verifone {
        background-image: url(../images/payments/verifone.svg)
    }

    .payment-verisign-dark {
        background-image: url(../images/payments/verisign-dark.svg)
    }

    .payment-verisign {
        background-image: url(../images/payments/verisign.svg)
    }

    .payment-visa-dark {
        background-image: url(../images/payments/visa-dark.svg)
    }

    .payment-visa {
        background-image: url(../images/payments/visa.svg)
    }

    .payment-webmoney-dark {
        background-image: url(../images/payments/webmoney-dark.svg)
    }

    .payment-webmoney {
        background-image: url(../images/payments/webmoney.svg)
    }

    .payment-westernunion-dark {
        background-image: url(../images/payments/westernunion-dark.svg)
    }

    .payment-westernunion {
        background-image: url(../images/payments/westernunion.svg)
    }

    .payment-worldpay-dark {
        background-image: url(../images/payments/worldpay-dark.svg)
    }

    .payment-worldpay {
        background-image: url(../images/payments/worldpay.svg)
    }

    svg {
        touch-action: none
    }

    .icons-list {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0 -1px -1px 0;
        padding: 0
    }

        .icons-list > li {
            flex: 1 0 3rem
        }

    .icons-list-wrap {
        overflow: hidden
    }

    .icons-list-item {
        align-items: center;
        background: #f1f4fb;
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        display: flex;
        height: 3rem;
        justify-content: center;
        margin: 4px;
        text-align: center
    }

        .icons-list-item i {
            font-size: 16px
        }

        .icons-list-item .svg-icon {
            height: 18px;
            width: 18px
        }

    .img-height,
    ::-ms-backdrop {
        height: 100%
    }

    .img-height1,
    ::-ms-backdrop {
        height: 333px
    }

    .social-profile-buttons li,
    ::-ms-backdrop {
        display: inline-block;
        float: none
    }

    .social-profile-buttons ul,
    ::-ms-backdrop {
        margin-bottom: 0
    }

    .btn-icon.btn-svg .svg-icon,
    ::-ms-backdrop {
        height: 16px
    }

    .price-svg .price-title,
    ::-ms-backdrop {
        top: 0 !important
    }

    .price-svg svg,
    ::-ms-backdrop {
        height: 65px !important
    }

    .item7-card-img,
    .main-content,
    ::-ms-backdrop {
        height: 100%
    }

    .page-single,
    .page-single-content,
    ::-ms-backdrop {
        display: inline-block !important
    }

    .page,
    .page-content,
    ::-ms-backdrop {
        display: -ms-flexbox !important
    }

    .h-100vh .page,
    ::-ms-backdrop {
        height: 100% !important
    }

    .page-style1,
    ::-ms-backdrop {
        background-attachment: fixed;
        background-position: 50%;
        background-size: cover
    }

    .app-sidebar-help,
    ::-ms-backdrop {
        display: none
    }

    ::-ms-backdrop,
    html.fullscreen-content {
        width: 100%
    }

        ::-ms-backdrop,
        html.fullscreen-content .app-content,
        html.fullscreen-content .main-content {
            height: 100vh;
            overflow: scroll;
            overflow-x: hidden
        }

    .modal-footer,
    .modal-footer.d-flex,
    ::-ms-backdrop {
        justify-content: inherit !important
    }

    .header-datepicker .form-control,
    .header-datepicker .form-control.fc-datepicker,
    ::-ms-backdrop {
        height: 42px;
        padding-bottom: 0;
        padding-top: 0
    }

    .media-body,
    ::-ms-backdrop {
        display: inline-block !important
    }

    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-menu,
    ::-ms-backdrop {
        position: relative
    }

    .pricing {
        border-radius: 7px;
        color: #fff
    }

        .pricing .card-category {
            background: hsla(0, 0%, 100%, .34);
            border-radius: 5px;
            color: #fff;
            padding: 7px 0
        }

        .pricing .list-unstyled li {
            border-bottom: 1px solid hsla(0, 0%, 100%, .1);
            padding: 7px 0
        }

    .pricing1 {
        border-radius: 7px;
        color: #8e9cad
    }

        .pricing1 .list-unstyled li {
            border-bottom: 1px solid #e9ebfa;
            padding: 7px 0
        }

        .pricing1 .card-category {
            background: hsla(0, 0%, 100%, .3);
            border-radius: 7px 7px 0 0;
            color: #fff;
            padding: 20px 0
        }

    .pricing-table {
        border-radius: 0;
        margin: 0 auto;
        transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        width: 100%
    }

        .pricing-table:hover {
            box-shadow: 0 0 30px rgba(0, 0, 0, .2)
        }

            .pricing-table:hover > .panel-footer-landing {
                box-shadow: inset 0 0 30px rgba(0, 0, 0, .05);
                -webkit-transition: all .3s ease
            }

            .pricing-table:hover > .panel > .panel-body-landing {
                background: #38a01e;
                -webkit-transition: all .3s ease
            }

            .pricing-table:hover > .panel > .panel-heading-landing-box {
                background: #fff !important;
                color: #333 !important;
                -webkit-transition: all .3s ease
            }

            .pricing-table:hover > .panel > .controle-header,
            .pricing-table:hover > .panel > .panel-footer {
                background: #38a01e !important;
                -webkit-transition: all .3s ease
            }

            .pricing-table:hover > .panel > .panel-footer {
                text-align: center
            }

                .pricing-table:hover > .panel > .panel-footer > .btn {
                    border: 1px solid #fff !important;
                    -webkit-transition: all .3s ease
                }

            .pricing-table:hover > .panel > .controle-header > .panel-title-landing {
                color: #fff !important;
                font-size: 35px;
                -webkit-transition: all .3s ease
            }

            .pricing-table:hover > .panel > .panel-body-landing > .table > tbody > tr > td {
                font-weight: 500;
                -webkit-transition: all .3s ease
            }

        .pricing-table > .panel > .controle-header > .panel-title-landing {
            color: #000 !important;
            font-size: 35px
        }

    .btn-price:hover {
        background: #fff !important;
        color: #38a01e !important;
        -webkit-transition: all .3s ease
    }

    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th {
        font-weight: 500;
        -webkit-transition: all .3s ease
    }

    .table > thead > tr > td,
    .table > thead > tr > th {
        font-weight: 600;
        outline: 0;
        -webkit-transition: all .3s ease
    }

    .panel-body-landing:hover > .table > tbody > tr > td {
        color: #fff !important;
        -webkit-transition: all .3s ease
    }

    .panel-heading-landing {
        background: #f7f7f7 !important;
        border: 2px solid #38a01e !important;
        border-bottom: none !important;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
        margin-top: 20px;
        padding: 20px !important;
        text-align: center
    }

    .col-sm-4 .pricing-table .table td {
        padding: .75rem;
        text-align: left;
        vertical-align: top
    }

    .panel-heading-landing-box {
        background: #38a01e !important;
        border-top: none !important;
        color: #fff !important;
        font-size: 16px !important;
        text-align: center
    }

    .panel-title-landing {
        color: #38a01e !important;
        font-size: 35px;
        font-weight: 700
    }

    .panel-body-landing {
        background: #fff;
        border: 2px solid #38a01e !important;
        border-bottom: none !important;
        border-top: none !important;
        text-align: center
    }

    .panel-footer-landing {
        background: #f7f7f7;
        border: 2px solid #38a01e !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        border-top: none !important;
        text-align: center
    }

    .plan-card .plan-icon {
        border: 12px solid rgba(242, 246, 249, .55);
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 35px;
        height: 100px;
        line-height: 76px;
        overflow: hidden;
        transition: all .3s;
        width: 100px
    }

    .plan-card .plan-price {
        border-top: 1px solid #e9ebfa;
        padding-top: 20px
    }

        .plan-card .plan-price span {
            font-size: 15px;
            vertical-align: middle
        }

    .plan-card .plan-features p {
        border-bottom: 1px solid #e9ebfa;
        line-height: 40px;
        margin-bottom: 0
    }

        .plan-card .plan-features p:first-child {
            border-top: 1px solid #e9ebfa
        }

    .panel.price {
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        margin-bottom: 1.5rem;
        overflow: hidden
    }

        .panel.price,
        .panel.price > .panel-heading {
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            -webkit-transition: all .3s ease
        }

            .panel.price h3 {
                margin-bottom: 0;
                padding: 20px 0
            }

            .panel.price .list-group-item:last-child {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0
            }

            .panel.price .list-group-item:first-child {
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }

    .panel-heading {
        background: #fff;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        padding: 10px 15px
    }

    .panel.price > .panel-heading {
        background: #36f;
        color: #fff
    }

    .price .list-group-item {
        border-bottom: 1px solid hsla(0, 0%, 98%, .5)
    }

    .price .panel-footer {
        border-bottom: 0
    }

    .price.panel-color > .panel-body,
    .price .panel-footer {
        background-color: #fff
    }

    .panel-body {
        padding: 15px
    }

        .panel-body .lead {
            font-size: 20px;
            margin-bottom: 0;
            padding: 10px 0
        }

            .panel-body .lead strong {
                font-size: 40px;
                margin-bottom: 0
            }

    .panel-footer {
        background-color: #f7f7f7;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-left: 1px solid #e9ebfa;
        border-right: 1px solid #e9ebfa;
        border-top: 1px solid #e9ebfa;
        padding: 10px 15px
    }

    .panel.price .btn {
        border: 0;
        box-shadow: inset 0 -1px 0 rgba(50, 50, 50, .2)
    }

    @media (min-width:992px) {
        .plan-card.active {
            box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px rgba(176, 184, 214, .16);
            font-size: 16px;
            height: 100%;
            margin-left: -20px;
            margin-top: -25px;
            padding: 30px 0 20px;
            width: 120%;
            z-index: 1
        }

            .plan-card.active .plan-features p {
                line-height: 50px
            }

            .plan-card.active .plan-card .plan-price span {
                font-size: 18px
            }

            .plan-card.active .display-4 {
                font-size: 3.5rem
            }

        .pricing-sctive .display-3 {
            font-size: 4rem
        }

        .plan-card.active h6 {
            font-size: 16px
        }

        .pricing-sctive {
            z-index: 1
        }

        .panel.price.active,
        .pricing-sctive {
            font-size: 16px;
            height: 100%;
            margin-left: -20px;
            margin-top: -25px;
            width: 120%
        }

        .panel.price.active {
            border-right: 1px !important;
            box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px rgba(176, 184, 214, .08);
            position: relative;
            z-index: 8
        }

        .no-gutters .panel.price {
            border-right: 0
        }

            .no-gutters .panel.price.active .panel-body .lead strong {
                font-size: 50px
            }

            .no-gutters .panel.price.active .price-title {
                font-size: 26px
            }

            .no-gutters .panel.price:last-child {
                border-right: 1px
            }
    }

    .price-svg {
        position: relative
    }

        .price-svg .price-title {
            color: #fff;
            font-size: 24px;
            font-weight: 500;
            left: 0;
            position: absolute;
            right: 0;
            text-align: center;
            text-transform: uppercase;
            top: 29%
        }

        .price-svg svg {
            height: 120px
        }

    .pricing-tabs ul.nav-price {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        display: inline-flex;
        margin: 30px auto 40px;
        overflow: hidden;
        text-align: center
    }

        .pricing-tabs ul.nav-price li {
            display: block
        }

            .pricing-tabs ul.nav-price li a {
                background: #fff;
                border-radius: 0;
                display: block;
                font-size: 16px;
                padding: 12px 40px;
                transition: .3s
            }

                .pricing-tabs ul.nav-price li a.active {
                    background: #36f;
                    color: #fff;
                    transition: .3s
                }

    .leading-loose li {
        padding: 5px 0
    }

        .leading-loose li:last-child {
            border-bottom: 0
        }

    .pricing-tabs .pri-tabs-heading2 ul.nav-price {
        background: #eaeefa;
        border: 1px solid #d3dfea;
        border-radius: 0;
        border-radius: 50px;
        display: inline-flex;
        margin: 30px auto 40px;
        text-align: center
    }

        .pricing-tabs .pri-tabs-heading2 ul.nav-price li {
            display: block
        }

            .pricing-tabs .pri-tabs-heading2 ul.nav-price li a {
                background: #eaeefa;
                border-radius: 50px;
                display: block;
                font-size: 16px;
                font-weight: 600;
                padding: 12px 40px;
                transition: .3s
            }

                .pricing-tabs .pri-tabs-heading2 ul.nav-price li a.active {
                    background: #36f
                }

    .pricing-tabs .pri-tabs-heading3 ul.nav-price {
        border-radius: 50px
    }

        .pricing-tabs .pri-tabs-heading3 ul.nav-price li:first-child a {
            border-left: 0;
            border-radius: 50px 0 0 50px
        }

        .pricing-tabs .pri-tabs-heading3 ul.nav-price li:last-child a {
            border-radius: 0 50px 50px 0
        }

        .pricing-tabs .pri-tabs-heading3 ul.nav-price li a {
            border-left: 1px solid #e9ebfa
        }

    .landingmain-header {
        display: block;
        position: absolute;
        width: 100%;
        z-index: 99
    }

    .landing-header {
        background: rgba(0, 0, 0, .1);
        border-bottom: 0;
        border-top: 0;
        box-shadow: none;
        display: flex;
        padding: 1.5rem 0 !important
    }

        .landing-header .headerlanding-logo .header-brand {
            line-height: 2
        }

        .landing-header .headerlanding-logo .header-brand-img {
            margin-top: 8px
        }

    .headerlanding-logo .header-brand-img.darkmobile-logo,
    .headerlanding-logo .header-brand-img.light-logo,
    .headerlanding-logo .header-brand-img.mobile-logo {
        display: none
    }

    .landing-header .horizontalMenu > .horizontalMenu-list > li > a {
        border-left: 0
    }

    .landing-header .horizontalMenu > .horizontalMenu-list > li:last-child > a {
        border-right: 0
    }

    .landingmain-header.header .horizontalMenu > .horizontalMenu-list > li > a,
    .sticky-wrapper.is-sticky .landing-header .horizontalMenu > .horizontalMenu-list > li > a {
        color: #313e6a
    }

        .landingmain-header.header .horizontalMenu > .horizontalMenu-list > li > a.active,
        .landingmain-header.header .horizontalMenu > .horizontalMenu-list > li > a:hover,
        .sticky-wrapper.is-sticky .landing-header .horizontalMenu > .horizontalMenu-list > li > a.active,
        .sticky-wrapper.is-sticky .landing-header .horizontalMenu > .horizontalMenu-list > li > a:hover {
            background: none;
            color: #36f
        }

    .landing-header .horizontalMenu > .horizontalMenu-list > li > a .hor-icon {
        font-size: 18px;
        margin-left: 0;
        margin-right: 0;
        vertical-align: middle
    }

    .sticky-wrapper.is-sticky .horizontal-main {
        background: #fff;
        border-bottom: 1px solid #e9ebfa;
        border-top: 0 solid #e9ebfa;
        box-shadow: 2px 3px 4.7px .3px rgba(176, 184, 214, .2);
        transition: all .5s ease;
        z-index: 9999 !important
    }

    .sptb-tab {
        padding-bottom: 11rem;
        padding-top: 6.2rem
    }

    .banner-1 .header-text,
    .banner-2 .header-text {
        left: 0;
        position: relative;
        right: 0;
        z-index: 10
    }

    .banner-2,
    .bg-background-support {
        position: relative
    }

        .bg-background-support:before {
            background: rgba(51, 102, 255, .85)
        }

        .banner-2:before,
        .bg-background-support:before {
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .banner-2:before {
            background: rgba(51, 102, 255, .8)
        }

        .bg-background-support h1 {
            font-size: 3rem;
            font-weight: 500 !important
        }

        .bg-background-support .header-text p {
            font-size: 1.125rem;
            margin-bottom: 1.5rem
        }

        .bg-background-support .search-background {
            position: relative
        }

        .bg-background-support .btn {
            color: #9ba5ca;
            position: absolute;
            right: 5px;
            top: 8px;
            z-index: 99
        }

    .search-background .form-control {
        height: 55px !important
    }

        .search-background .form-control,
        .search-background .form-control:focus {
            background: #fff !important;
            border: 1px solid #fff
        }

    .sptb {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .section-title {
        padding-bottom: 2rem
    }

    .widget-spec {
        margin-top: 1.2rem
    }

        .widget-spec li {
            border-bottom: 0;
            font-size: .85rem;
            margin-bottom: 1.2rem
        }

            .widget-spec li i {
                opacity: .4
            }

    .list-article li {
        border-bottom: 0;
        display: block;
        font-size: .85rem;
        margin-bottom: 1rem;
        padding-left: 2.3rem;
        position: relative
    }

        .list-article li i {
            background: #e9ebfa;
            border-radius: 50px;
            display: inline-block;
            font-size: 18px;
            height: 1.6rem;
            left: 0;
            line-height: 1.6rem !important;
            margin: 0 auto;
            position: absolute;
            text-align: center;
            top: -2px;
            width: 1.6rem
        }

    .list-article .categ-text,
    .list-article .categ-text:hover {
        transition: margin-left .45s ease
    }

        .list-article .categ-text:hover {
            margin-left: 5px
        }

    .item-list-scroll .item-list-icon {
        background: #e9ebfa;
        border-radius: 50px;
        display: inline-block;
        font-size: 18px;
        height: 1.6rem;
        left: 0;
        line-height: 1.6rem !important;
        margin: 0 auto;
        position: absolute;
        text-align: center;
        top: -2px;
        width: 1.6rem
    }

    .item-list-scroll a {
        display: block;
        margin-bottom: .5rem;
        padding-left: 2.3rem;
        position: relative
    }

    .footer-support {
        background: #23293a;
        display: block;
        margin-top: auto
    }

        .footer-support .footer-main {
            padding: 7.5rem 2rem 2rem
        }

            .footer-support .footer-main h6 {
                font-size: 18px;
                margin-bottom: .8rem
            }

        .footer-support .sub-footer {
            border-top: 1px solid hsla(0, 0%, 100%, .05)
        }

        .footer-support .footer-main li {
            border-bottom: 0;
            margin-bottom: .3rem
        }

        .footer-support a {
            line-height: 2
        }

        .footer-support li a:hover {
            color: #fff
        }

        .footer-support .social-icons li {
            border: 1px solid hsla(0, 0%, 100%, .2);
            border-radius: 50%;
            cursor: pointer;
            display: inline-block;
            font-size: .875rem;
            height: 35px;
            line-height: 35px;
            list-style: none;
            margin: 1px auto;
            text-align: center;
            width: 35px
        }

            .footer-support .social-icons li:hover {
                background: #36f
            }

                .footer-support .social-icons li:hover a {
                    color: #fff
                }

        .footer-support .footer-main li a {
            color: #969aa5
        }

            .footer-support .footer-main li a:hover {
                color: #fff
            }

        .footer-support .footer-main p {
            color: #969aa5
        }

        .footer-support .footer-main li:last-child {
            margin-bottom: 0
        }

        .footer-support .sub-footer p {
            color: #969aa5
        }

    .sticky-pin .landing-header {
        border-bottom: 1px solid #e9ebfa;
        box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09)
    }

    .owl-nav button {
        color: #425bd6 !important
    }

    .owl-carousel:hover .owl-nav button {
        -webkit-animation: sonarEffect 1.3s ease-out 75ms;
        animation: sonarEffect 1.3s ease-out 75ms;
        background: #fff !important;
        color: #425bd6 !important;
        transition-duration: .5s;
        transition-property: transform;
        transition-timing-function: ease-out
    }

    .owl-nav .owl-prev {
        left: -50px;
        right: -1.5em
    }

    .owl-nav .owl-next,
    .owl-nav .owl-prev {
        margin-top: -1.65em;
        position: absolute;
        top: 50%
    }

    .owl-nav .owl-next {
        right: -50px
    }

    .owl-nav button {
        background: hsla(0, 0%, 100%, .5) !important;
        border: 1px solid #eaf0f7 !important;
        border-radius: 50%;
        box-shadow: 0 4px 15px rgba(67, 67, 67, .1);
        display: block;
        font-size: 1.3rem !important;
        height: 2.5rem;
        line-height: 2em;
        text-align: center;
        width: 2.5rem;
        z-index: 100000
    }

    .owl-carousel button.owl-dot {
        background: #eaeefa !important;
        border: none;
        border-radius: 50%;
        display: inline-block;
        height: 10px;
        margin: 10px 10px 0;
        text-align: center;
        width: 10px
    }

        .owl-carousel button.owl-dot.active {
            background: #36f !important
        }

    .categ-icon img {
        height: 60px;
        margin-bottom: .8rem;
        width: 60px
    }

    .categ-icon i {
        font-size: 2.5rem;
        position: relative
    }

        .categ-icon i:after {
            border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
            bottom: 0;
            content: "";
            height: 35px;
            position: absolute;
            right: -8px;
            top: 8px;
            width: 35px
        }

        .categ-icon i.text-primary:after {
            background: rgba(51, 102, 255, .1);
            box-shadow: 0 5px 10px rgba(51, 102, 255, .15)
        }

        .categ-icon i.text-orange:after {
            background: rgba(240, 74, 32, .1);
            box-shadow: 0 5px 10px rgba(240, 74, 32, .15)
        }

        .categ-icon i.text-warning:after {
            background: rgba(255, 173, 0, .1);
            box-shadow: 0 5px 10px rgba(255, 173, 0, .15)
        }

        .categ-icon i.text-danger:after {
            background: rgba(241, 21, 65, .1);
            box-shadow: 0 5px 10px rgba(241, 21, 65, .15)
        }

        .categ-icon i.text-success:after {
            background: rgba(1, 195, 83, .1);
            box-shadow: 0 5px 10px rgba(1, 195, 83, .15)
        }

        .categ-icon i.text-pink:after {
            background: rgba(251, 50, 146, .1);
            box-shadow: 0 5px 10px rgba(251, 50, 146, .15)
        }

    .choose-icon img {
        height: 100px;
        margin-bottom: .5rem;
        width: 100px
    }

    .suuport-body {
        padding: 3.5rem 1.5rem
    }

    .horizontal-main.landing-header .mega-subtitle {
        color: #313e6a;
        font-size: 13.5px;
        font-weight: 600;
        padding-bottom: 1rem;
        position: relative;
        text-transform: uppercase
    }

        .horizontal-main.landing-header .mega-subtitle:before {
            border: 1px dashed #e9ebfa;
            bottom: 10%;
            content: "";
            left: 0;
            position: absolute;
            width: 100%
        }

    .landing-header .mega-menubg li:before,
    .landing-header .sub-menu li:before {
        display: none
    }

    @media (min-width:992px) {
        .landing-header .horizontalMenu > .horizontalMenu-list > li > a {
            font-weight: 500;
            padding: .75rem 1.2rem
        }

        .sticky-wrapper.is-sticky .headerlanding-logo .header-brand-img.light-logo {
            display: block
        }

        .landingmain-header.header .headerlanding-logo .header-brand-img.desktop-lgo {
            display: block !important;
            margin-top: 8px
        }

        .landingmain-header.header .headerlanding-logo .header-brand-img.light-logo,
        .sticky-wrapper.is-sticky .headerlanding-logo .header-brand-img.desktop-lgo {
            display: none
        }

        .landing-header .horizontalMenu > .horizontalMenu-list > li > a {
            color: #babff3
        }

            .landing-header .horizontalMenu > .horizontalMenu-list > li > a.active,
            .landing-header .horizontalMenu > .horizontalMenu-list > li > a:hover {
                background: none;
                color: #fff
            }

            .landing-header .horizontalMenu > .horizontalMenu-list > li > a .hor-icon {
                fill: #babff3;
                color: #babff3
            }

            .landing-header .horizontalMenu > .horizontalMenu-list > li > a.active .hor-icon,
            .landing-header .horizontalMenu > .horizontalMenu-list > li > a:hover .hor-icon {
                fill: #fff;
                color: #fff
            }

        .landingmain-header.header .horizontalMenu > .horizontalMenu-list > li > a.active:before,
        .sticky-wrapper.is-sticky .landing-header .horizontalMenu > .horizontalMenu-list > li > a.active:before {
            background: #36f
        }

        .landing-header .horizontalMenu > .horizontalMenu-list > li > a.active:before {
            background: #fff;
            bottom: 0;
            color: transparent;
            content: "";
            font-size: 1.3em;
            height: 2px;
            left: 26%;
            pointer-events: none;
            position: absolute;
            text-shadow: transparent 0 0;
            transition: all .25s ease-in-out 0s;
            width: 42px
        }

        .landingmain-header.header {
            padding: 0;
            position: relative
        }

            .landingmain-header.header .horizontal-main {
                background: #fff;
                border-bottom: 1px solid #e9ebfa;
                box-shadow: 2px 3px 4.7px .3px rgba(176, 184, 214, .2);
                z-index: 99
            }

        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
            border: 1px solid #e9ebfa;
            border-radius: 4px;
            box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
            top: 70px
        }

        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
            top: 70px
        }

            .landingmain-header .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a,
            .landingmain-header .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
                margin-left: 0
            }

            .landingmain-header .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li {
                padding: 5px 0
            }

        .landingmain-header .mega-menubg {
            border: 1px solid #e9ebfa;
            border-radius: 4px;
            box-shadow: 0 16px 18px rgba(6, 10, 48, .1)
        }

        .landingmain-header .sub-menu li a:before {
            content: "";
            font-family: FontAwesome !important;
            left: -2px;
            margin-right: 8px;
            opacity: .6;
            position: relative;
            top: 0
        }

        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a.active,
        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover,
        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active,
        .landingmain-header .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
            color: #36f
        }

        .support-mobile-header {
            display: none
        }
    }

    @media (max-width:992px) {
        .landingmain-header .sticky-wrapper {
            height: auto !important
        }

        .headerlanding-logo {
            display: none
        }

        .landing-header {
            padding: 1.75rem 0
        }

        .sticky-wrapper.is-sticky .landing-header {
            background: #36f
        }

        .support-mobile-header {
            background: #fff;
            border-bottom: 1px solid #e9ebfa;
            padding: .75rem 0;
            position: fixed;
            width: 100%;
            z-index: 999
        }

            .support-mobile-header .header-brand-img.light-logo {
                display: none
            }

            .support-mobile-header .header-brand .header-brand-img {
                left: 0;
                margin: 5px auto 0;
                position: absolute;
                right: 0
            }

        .landingmain-header .sub-icon span.fe {
            display: none
        }

        .landingmain-header .menu-btn .btn {
            margin: 1rem
        }

        .support-mobile-header .profile-dropdown.show .dropdown-menu {
            left: 0 !important
        }
    }

    .list-card {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 7px;
        margin-bottom: 12px;
        padding: 14px 25px;
        position: relative
    }

    .suuport-accordion .acc-header a {
        background: #dee5f7;
        padding: 1.25rem
    }

    .absolute-banner-section {
        margin-bottom: -55px
    }

        .absolute-banner-section .card {
            box-shadow: 0 5px 40px 0 rgba(4, 4, 7, .1)
        }

    .header-text3 {
        bottom: -235px;
        left: 0;
        position: absolute;
        width: 460px;
        z-index: 2
    }

    .livechat-bg img {
        font-size: 10rem;
        left: -10px;
        position: absolute;
        top: 30px
    }

    .widget-spec .categ-text,
    .widget-spec .categ-text:hover {
        transition: margin-left .45s ease
    }

        .widget-spec .categ-text:hover {
            margin-left: 5px
        }

    .menu-btn .btn {
        padding: 8px 25px
    }

    .support-card {
        cursor: pointer;
        transform: perspective(1px) translateZ(0);
        transition-duration: .3s
    }

        .support-card:hover {
            box-shadow: 0 6px 18px 4px rgba(6, 10, 48, .08);
            transform: scale(1.02)
        }

    .spfooter {
        display: block;
        margin-top: auto
    }

        .spfooter .footer-main {
            padding-bottom: 2.5rem;
            padding-top: 2.5rem
        }

    .captch-body {
        margin-top: .75rem
    }

        .captch-body img {
            background: #e9ebfa;
            border: 1px dashed #d3dfea;
            border-radius: 4px;
            padding: 5px
        }

    .bannerimg {
        background-size: cover;
        padding: 3.7rem 0;
        position: relative
    }

        .bannerimg:before {
            background: rgba(51, 102, 255, .95);
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .bannerimg .header-text {
            position: relative;
            z-index: 10
        }

    .icon-style-circle {
        border-radius: 50px;
        display: inline-block;
        height: 1.6rem;
        line-height: 1.6rem !important;
        margin: 0 auto;
        text-align: center;
        width: 1.6rem
    }

    .klview-icons {
        border-radius: 5px;
        position: absolute;
        right: 20px;
        top: 20px
    }

        .klview-icons a:first-child {
            border-right: 1px solid #e9ebfa
        }

    .ticket-summernote .note-btn-group .note-btn {
        padding: 10px 13.5px
    }

        .ticket-summernote .note-btn-group .note-btn.btn-codeview {
            border-right: 0
        }

    .support-sidebar .side-menu li a {
        border-bottom: 1px solid #e9ebfa;
        border-left: 3px solid transparent;
        display: flex;
        padding: 16px 20px;
        position: relative
    }

    .support-sidebar .side-menu li:first-child a {
        border-top: 1px solid #e9ebfa
    }

    .support-sidebar .side-menu li:last-child a {
        border-bottom: 0
    }

    .support-sidebar .side-menu li .side-menu__item.active {
        background: #dee5f7;
        border-left: 3px solid #36f;
        color: #36f
    }

    .support-sidebar .side-menu li .side-menu__item:hover {
        border-left: 3px solid #36f;
        color: #36f
    }

    .support-sidebar .side-menu__label {
        flex: 1 1 auto;
        white-space: nowrap
    }

    .support-sidebar .side-menu__icon {
        color: #313e6a;
        font-size: 18px;
        line-height: 1.2;
        margin-right: .6rem
    }

    .support-sidebar .slide-menu {
        display: none
    }

    .support-sidebar .slide.is-expanded .slide-menu {
        display: block
    }

    .support-sidebar .angle {
        margin-top: 3px;
        transform-origin: center;
        transition: transform .3s ease
    }

    .support-sidebar .slide.is-expanded .angle {
        transform: rotate(90deg)
    }

    .support-sidebar .slide-menu {
        font-size: .8rem !important;
        padding-left: 10px
    }

        .support-sidebar .slide-menu li a {
            border-bottom: 0;
            padding: 12px 14px 12px 35px
        }

        .support-sidebar .slide-menu li:first-child a {
            border-top: 0
        }

        .support-sidebar .slide-menu li a:before {
            content: "";
            font-family: FontAwesome;
            margin-right: 12px;
            opacity: .6;
            position: relative
        }

    .support-sidebar .side-menu__item.active .side-menu__icon,
    .support-sidebar .side-menu__item:hover .side-menu__icon {
        color: #36f
    }

    .support-sidebar .side-menu .slide-menu li a.active,
    .support-sidebar .side-menu .slide-menu li a:hover,
    .support-sidebar .slide-menu li a.active:before,
    .support-sidebar .slide-menu li a:hover:before {
        color: #36f;
        opacity: inherit
    }

    .supportticket-active td,
    .supportticket-list td {
        padding: 1.2rem 1rem
    }

    .supportticket-active thead th,
    .supportticket-list thead th {
        padding: 1rem
    }

    .attach-supportfiles {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        float: left;
        position: relative;
        text-align: center;
        text-decoration: none !important;
        width: 100%
    }

        .attach-supportfiles img {
            padding: 5px
        }

        .attach-supportfiles .attach-title {
            background: #dee5f7;
            bottom: -30px;
            font-size: 11px;
            font-weight: 500;
            line-height: 30px;
            overflow: hidden;
            padding: 0 5px;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%
        }

        .attach-supportfiles .img-options-remove {
            background: #dee5f7;
            border: 1px solid #e9ebfa;
            border-radius: 50px;
            box-shadow: 0 10px 10px 20px rgba(229, 230, 236, 0), 0 10px 15px -5px rgba(6, 10, 48, .2);
            color: #313e6a;
            font-size: 12px;
            opacity: 0;
            padding: 2px 4px;
            position: absolute;
            right: -10px;
            top: -8px
        }

        .attach-supportfiles:hover .img-options-remove {
            opacity: 1
        }

    .editsupportnote-icon .note-placeholder {
        color: #313e6a
    }

    .support-convercontent .media-body:hover {
        cursor: pointer
    }

    .editsupportnote-icon {
        display: none;
        margin-top: 1rem
    }

    .add-supportnote .editsupportnote-icon {
        display: block
    }

    .supportnote-icon {
        cursor: pointer
    }

    .add-supportnote .supportnote-body,
    .reopen-card {
        display: none
    }

    .add-reopencard .reopen-card {
        display: block
    }

    .add-reopencard .reply-card {
        display: none
    }

    hr.closed-divider {
        border-top: 1px dashed #f11541;
        margin-bottom: .8rem !important
    }

        hr.closed-divider:after {
            background: #f11541;
            border: 1px solid #f11541;
            border-radius: 5px;
            color: #fff;
            content: "Closed Ticket";
            display: block;
            font-size: 12px;
            font-weight: 500;
            height: 25px;
            line-height: 23px;
            position: relative;
            top: -1.2em;
            width: 100px;
            z-index: 9
        }

        .item-user .dash-line,
        hr.closed-divider:after {
            left: 0;
            margin: 0 auto;
            right: 0;
            text-align: center
        }

    .item-user .dash-line {
        border: 1px dashed #dce7f5;
        bottom: 43%;
        display: inline-block;
        height: 15%;
        position: absolute;
        width: 1.5px
    }

        .item-user .dash-line:before {
            content: "";
            top: -20px
        }

        .item-user .dash-line:after,
        .item-user .dash-line:before {
            color: #dce7f5;
            font-family: FontAwesome !important;
            font-size: 20px;
            left: -6px;
            position: relative
        }

        .item-user .dash-line:after {
            bottom: -18px;
            content: ""
        }

    @media (max-width:768px) {
        .landing-header {
            padding: 0
        }
    }

    .pricing-table {
        border: 1px solid #e9ebfa;
        border-radius: 13px !important;
        cursor: pointer;
        overflow: hidden;
        text-align: center
    }

        .pricing-table .price-header {
            background-color: #dee5f7;
            padding: 30px 0 25px;
            position: relative;
            transition: .3s ease-in
        }

        .pricing-table .price-body ul {
            margin: 40px 0 0;
            padding: 0
        }

            .pricing-table .price-body ul li {
                border-bottom: 1px solid #e9ebfa;
                display: block;
                list-style: none;
                padding: 15px 0;
                transition: .3s ease-in
            }

        .pricing-table .price-footer {
            margin: 40px 20px
        }

        .pricing-table .price {
            color: #282828;
            font-size: 50px;
            font-weight: 500;
            margin-bottom: 15px;
            position: relative;
            text-align: center;
            transition: .3s ease-in
        }

            .pricing-table .price .dollar {
                font-size: 33px;
                line-height: 33px;
                position: relative;
                top: -12px
            }

        .pricing-table:hover {
            box-shadow: 0 6px 18px 4px rgba(6, 10, 48, .08) !important
        }

            .pricing-table:hover .price-header {
                background-color: #36f
            }

                .pricing-table:hover .price-header .price,
                .pricing-table:hover .title {
                    color: #fff
                }

        .pricing-table .price-header .permonth {
            background-color: #fff;
            border-radius: 25px;
            bottom: -20px;
            box-shadow: 0 0 11px 0 rgba(27, 30, 58, .1);
            font-size: 14px;
            font-weight: 500;
            left: 0;
            margin: 0 3rem;
            padding: 10px 35px;
            position: absolute;
            right: 0
        }

    footer.footer {
        background: transparent;
        border-top: 0 solid #ebedfa;
        margin-top: auto
    }

    .footer,
    footer.footer {
        font-size: .875rem;
        padding: 1.25rem 0
    }

    .footer {
        background: #fff;
        border-top: 1px solid #e9ebfa
    }

        .footer .social {
            margin: 0 auto
        }

            .footer .social ul li {
                float: left;
                padding: 7px
            }

                .footer .social ul li a {
                    color: #abb8c3
                }

        .footer a:not(.btn) {
            color: #9ba5ca;
            font-weight: 400
        }

    @media print {
        .footer {
            display: none
        }
    }

    @media (max-width:767px) {
        .footer .privacy {
            text-align: center !important
        }
    }

    .aside-footer {
        border-top: 1px solid #e9ebfa;
        padding: 1rem 1.5rem
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .no-gutters {
        margin-left: 0;
        margin-right: 0
    }

        .no-gutters > .col,
        .no-gutters > [class*=col-] {
            padding-left: 0;
            padding-right: 0
        }

    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-auto {
        min-height: 1px;
        padding-left: .75rem;
        padding-right: .75rem;
        position: relative;
        width: 100%
    }

    .col {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .col-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-first {
        order: -1
    }

    .order-last {
        order: 13
    }

    .order-0 {
        order: 0
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-5 {
        order: 5
    }

    .order-6 {
        order: 6
    }

    .order-7 {
        order: 7
    }

    .order-8 {
        order: 8
    }

    .order-9 {
        order: 9
    }

    .order-10 {
        order: 10
    }

    .order-11 {
        order: 11
    }

    .order-12 {
        order: 12
    }

    .offset-1 {
        margin-left: 8.33333333%
    }

    .offset-2 {
        margin-left: 16.66666667%
    }

    .offset-3 {
        margin-left: 25%
    }

    .offset-4 {
        margin-left: 33.33333333%
    }

    .offset-5 {
        margin-left: 41.66666667%
    }

    .offset-6 {
        margin-left: 50%
    }

    .offset-7 {
        margin-left: 58.33333333%
    }

    .offset-8 {
        margin-left: 66.66666667%
    }

    .offset-9 {
        margin-left: 75%
    }

    .offset-10 {
        margin-left: 83.33333333%
    }

    .offset-11 {
        margin-left: 91.66666667%
    }

    @media (min-width:576px) {
        .col-sm {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%
        }

        .col-sm-auto {
            flex: 0 0 auto;
            max-width: none;
            width: auto
        }

        .col-sm-1 {
            flex: 0 0 8.33333333%;
            max-width: 8.33333333%
        }

        .col-sm-2 {
            flex: 0 0 16.66666667%;
            max-width: 16.66666667%
        }

        .col-sm-3 {
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-sm-4 {
            flex: 0 0 33.33333333%;
            max-width: 33.33333333%
        }

        .col-sm-5 {
            flex: 0 0 41.66666667%;
            max-width: 41.66666667%
        }

        .col-sm-6 {
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-sm-7 {
            flex: 0 0 58.33333333%;
            max-width: 58.33333333%
        }

        .col-sm-8 {
            flex: 0 0 66.66666667%;
            max-width: 66.66666667%
        }

        .col-sm-9 {
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-sm-10 {
            flex: 0 0 83.33333333%;
            max-width: 83.33333333%
        }

        .col-sm-11 {
            flex: 0 0 91.66666667%;
            max-width: 91.66666667%
        }

        .col-sm-12 {
            flex: 0 0 100%;
            max-width: 100%
        }

        .order-sm-first {
            order: -1
        }

        .order-sm-last {
            order: 13
        }

        .order-sm-0 {
            order: 0
        }

        .order-sm-1 {
            order: 1
        }

        .order-sm-2 {
            order: 2
        }

        .order-sm-3 {
            order: 3
        }

        .order-sm-4 {
            order: 4
        }

        .order-sm-5 {
            order: 5
        }

        .order-sm-6 {
            order: 6
        }

        .order-sm-7 {
            order: 7
        }

        .order-sm-8 {
            order: 8
        }

        .order-sm-9 {
            order: 9
        }

        .order-sm-10 {
            order: 10
        }

        .order-sm-11 {
            order: 11
        }

        .order-sm-12 {
            order: 12
        }

        .offset-sm-0 {
            margin-left: 0
        }

        .offset-sm-1 {
            margin-left: 8.33333333%
        }

        .offset-sm-2 {
            margin-left: 16.66666667%
        }

        .offset-sm-3 {
            margin-left: 25%
        }

        .offset-sm-4 {
            margin-left: 33.33333333%
        }

        .offset-sm-5 {
            margin-left: 41.66666667%
        }

        .offset-sm-6 {
            margin-left: 50%
        }

        .offset-sm-7 {
            margin-left: 58.33333333%
        }

        .offset-sm-8 {
            margin-left: 66.66666667%
        }

        .offset-sm-9 {
            margin-left: 75%
        }

        .offset-sm-10 {
            margin-left: 83.33333333%
        }

        .offset-sm-11 {
            margin-left: 91.66666667%
        }
    }

    @media (min-width:768px) {
        .col-md {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%
        }

        .col-md-auto {
            flex: 0 0 auto;
            max-width: none;
            width: auto
        }

        .col-md-1 {
            flex: 0 0 8.33333333%;
            max-width: 8.33333333%
        }

        .col-md-2 {
            flex: 0 0 16.66666667%;
            max-width: 16.66666667%
        }

        .col-md-3 {
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-md-4 {
            flex: 0 0 33.33333333%;
            max-width: 33.33333333%
        }

        .col-md-5 {
            flex: 0 0 41.66666667%;
            max-width: 41.66666667%
        }

        .col-md-6 {
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-md-7 {
            flex: 0 0 58.33333333%;
            max-width: 58.33333333%
        }

        .col-md-8 {
            flex: 0 0 66.66666667%;
            max-width: 66.66666667%
        }

        .col-md-9 {
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-md-10 {
            flex: 0 0 83.33333333%;
            max-width: 83.33333333%
        }

        .col-md-11 {
            flex: 0 0 91.66666667%;
            max-width: 91.66666667%
        }

        .col-md-12 {
            flex: 0 0 100%;
            max-width: 100%
        }

        .order-md-first {
            order: -1
        }

        .order-md-last {
            order: 13
        }

        .order-md-0 {
            order: 0
        }

        .order-md-1 {
            order: 1
        }

        .order-md-2 {
            order: 2
        }

        .order-md-3 {
            order: 3
        }

        .order-md-4 {
            order: 4
        }

        .order-md-5 {
            order: 5
        }

        .order-md-6 {
            order: 6
        }

        .order-md-7 {
            order: 7
        }

        .order-md-8 {
            order: 8
        }

        .order-md-9 {
            order: 9
        }

        .order-md-10 {
            order: 10
        }

        .order-md-11 {
            order: 11
        }

        .order-md-12 {
            order: 12
        }

        .offset-md-0 {
            margin-left: 0
        }

        .offset-md-1 {
            margin-left: 8.33333333%
        }

        .offset-md-2 {
            margin-left: 16.66666667%
        }

        .offset-md-3 {
            margin-left: 25%
        }

        .offset-md-4 {
            margin-left: 33.33333333%
        }

        .offset-md-5 {
            margin-left: 41.66666667%
        }

        .offset-md-6 {
            margin-left: 50%
        }

        .offset-md-7 {
            margin-left: 58.33333333%
        }

        .offset-md-8 {
            margin-left: 66.66666667%
        }

        .offset-md-9 {
            margin-left: 75%
        }

        .offset-md-10 {
            margin-left: 83.33333333%
        }

        .offset-md-11 {
            margin-left: 91.66666667%
        }
    }

    @media (min-width:992px) {
        .col-lg {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%
        }

        .col-lg-auto {
            flex: 0 0 auto;
            max-width: none;
            width: auto
        }

        .col-lg-1 {
            flex: 0 0 8.33333333%;
            max-width: 8.33333333%
        }

        .col-lg-2 {
            flex: 0 0 16.66666667%;
            max-width: 16.66666667%
        }

        .col-lg-3 {
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-lg-4 {
            flex: 0 0 33.33333333%;
            max-width: 33.33333333%
        }

        .col-lg-5 {
            flex: 0 0 41.66666667%;
            max-width: 41.66666667%
        }

        .col-lg-6 {
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-lg-7 {
            flex: 0 0 58.33333333%;
            max-width: 58.33333333%
        }

        .col-lg-8 {
            flex: 0 0 66.66666667%;
            max-width: 66.66666667%
        }

        .col-lg-9 {
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-lg-10 {
            flex: 0 0 83.33333333%;
            max-width: 83.33333333%
        }

        .col-lg-11 {
            flex: 0 0 91.66666667%;
            max-width: 91.66666667%
        }

        .col-lg-12 {
            flex: 0 0 100%;
            max-width: 100%
        }

        .order-lg-first {
            order: -1
        }

        .order-lg-last {
            order: 13
        }

        .order-lg-0 {
            order: 0
        }

        .order-lg-1 {
            order: 1
        }

        .order-lg-2 {
            order: 2
        }

        .order-lg-3 {
            order: 3
        }

        .order-lg-4 {
            order: 4
        }

        .order-lg-5 {
            order: 5
        }

        .order-lg-6 {
            order: 6
        }

        .order-lg-7 {
            order: 7
        }

        .order-lg-8 {
            order: 8
        }

        .order-lg-9 {
            order: 9
        }

        .order-lg-10 {
            order: 10
        }

        .order-lg-11 {
            order: 11
        }

        .order-lg-12 {
            order: 12
        }

        .offset-lg-0 {
            margin-left: 0
        }

        .offset-lg-1 {
            margin-left: 8.33333333%
        }

        .offset-lg-2 {
            margin-left: 16.66666667%
        }

        .offset-lg-3 {
            margin-left: 25%
        }

        .offset-lg-4 {
            margin-left: 33.33333333%
        }

        .offset-lg-5 {
            margin-left: 41.66666667%
        }

        .offset-lg-6 {
            margin-left: 50%
        }

        .offset-lg-7 {
            margin-left: 58.33333333%
        }

        .offset-lg-8 {
            margin-left: 66.66666667%
        }

        .offset-lg-9 {
            margin-left: 75%
        }

        .offset-lg-10 {
            margin-left: 83.33333333%
        }

        .offset-lg-11 {
            margin-left: 91.66666667%
        }
    }

    @media (min-width:1280px) {
        .col-xl {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%
        }

        .col-xl-auto {
            flex: 0 0 auto;
            max-width: none;
            width: auto
        }

        .col-xl-1 {
            flex: 0 0 8.33333333%;
            max-width: 8.33333333%
        }

        .col-xl-2 {
            flex: 0 0 16.66666667%;
            max-width: 16.66666667%
        }

        .col-xl-3 {
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-xl-4 {
            flex: 0 0 33.33333333%;
            max-width: 33.33333333%
        }

        .col-xl-5 {
            flex: 0 0 41.66666667%;
            max-width: 41.66666667%
        }

        .col-xl-6 {
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-xl-7 {
            flex: 0 0 58.33333333%;
            max-width: 58.33333333%
        }

        .col-xl-8 {
            flex: 0 0 66.66666667%;
            max-width: 66.66666667%
        }

        .col-xl-9 {
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-xl-10 {
            flex: 0 0 83.33333333%;
            max-width: 83.33333333%
        }

        .col-xl-11 {
            flex: 0 0 91.66666667%;
            max-width: 91.66666667%
        }

        .col-xl-12 {
            flex: 0 0 100%;
            max-width: 100%
        }

        .order-xl-first {
            order: -1
        }

        .order-xl-last {
            order: 13
        }

        .order-xl-0 {
            order: 0
        }

        .order-xl-1 {
            order: 1
        }

        .order-xl-2 {
            order: 2
        }

        .order-xl-3 {
            order: 3
        }

        .order-xl-4 {
            order: 4
        }

        .order-xl-5 {
            order: 5
        }

        .order-xl-6 {
            order: 6
        }

        .order-xl-7 {
            order: 7
        }

        .order-xl-8 {
            order: 8
        }

        .order-xl-9 {
            order: 9
        }

        .order-xl-10 {
            order: 10
        }

        .order-xl-11 {
            order: 11
        }

        .order-xl-12 {
            order: 12
        }

        .offset-xl-0 {
            margin-left: 0
        }

        .offset-xl-1 {
            margin-left: 8.33333333%
        }

        .offset-xl-2 {
            margin-left: 16.66666667%
        }

        .offset-xl-3 {
            margin-left: 25%
        }

        .offset-xl-4 {
            margin-left: 33.33333333%
        }

        .offset-xl-5 {
            margin-left: 41.66666667%
        }

        .offset-xl-6 {
            margin-left: 50%
        }

        .offset-xl-7 {
            margin-left: 58.33333333%
        }

        .offset-xl-8 {
            margin-left: 66.66666667%
        }

        .offset-xl-9 {
            margin-left: 75%
        }

        .offset-xl-10 {
            margin-left: 83.33333333%
        }

        .offset-xl-11 {
            margin-left: 91.66666667%
        }
    }

    .row-cards > .col,
    .row-cards > [class*=col-] {
        display: flex;
        flex-direction: column
    }

    .row-deck > .col,
    .row-deck > [class*=col-] {
        align-items: stretch;
        display: flex
    }

        .row-deck > .col .card,
        .row-deck > [class*=col-] .card {
            flex: 1 1 auto
        }

    .col-text {
        max-width: 48rem
    }

    .col-login {
        max-width: 24rem
    }

    .gutters-0 {
        margin-left: 0;
        margin-right: 0
    }

        .gutters-0 > .col,
        .gutters-0 > [class*=col-] {
            padding-left: 0;
            padding-right: 0
        }

        .gutters-0 .card {
            margin-bottom: 0
        }

    .gutters-xs {
        margin-left: -.25rem;
        margin-right: -.25rem
    }

        .gutters-xs > .col,
        .gutters-xs > [class*=col-] {
            padding-left: .25rem;
            padding-right: .25rem
        }

        .gutters-xs .card {
            margin-bottom: .5rem
        }

    .gutters-sm {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

        .gutters-sm > .col,
        .gutters-sm > [class*=col-] {
            padding-left: .5rem;
            padding-right: .5rem
        }

        .gutters-sm .card {
            margin-bottom: 1rem
        }

    .gutters-lg {
        margin-left: -1rem;
        margin-right: -1rem
    }

        .gutters-lg > .col,
        .gutters-lg > [class*=col-] {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .gutters-lg .card {
            margin-bottom: 2rem
        }

    .gutters-xl {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

        .gutters-xl > .col,
        .gutters-xl > [class*=col-] {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .gutters-xl .card {
            margin-bottom: 3rem
        }

    .header.top-header {
        z-index: 999 !important
    }

    .page-header {
        align-items: center;
        border-radius: 7px;
        display: flex;
        -ms-flex-wrap: wrap;
        justify-content: space-between;
        margin: 20px 0;
        min-height: 50px;
        padding: 0;
        position: relative
    }

        .page-header .breadcrumb-icon {
            margin-left: 4px;
            margin-top: 3px
        }

        .page-header .breadcrumb-item {
            margin-top: 3px
        }

            .page-header .breadcrumb-item .svg-icon {
                width: 20px
            }

            .page-header .breadcrumb-item:first-child {
                margin-top: 0
            }

    .page-title {
        font-size: 25px;
        font-weight: 500;
        line-height: 2.5rem;
        margin: 0;
        position: relative
    }

    .page-title-icon {
        color: #9aa0ac;
        font-size: 1.25rem
    }

    .page-subtitle {
        color: #6e7687;
        font-size: .8125rem;
        margin-left: 2rem;
        position: relative
    }

        .page-subtitle a {
            color: inherit
        }

    .page-options {
        margin-left: auto
    }

    .page-description {
        color: #6e7687;
        margin: .25rem 0 0
    }

        .page-description a {
            color: inherit
        }

    .page-single,
    .page-single-content {
        align-items: center;
        display: flex;
        flex: 1 1 auto;
        justify-content: center
    }

    .content-heading {
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.25;
        margin: 2rem 0 1.5rem
    }

        .content-heading:first-child {
            margin-top: 0
        }

    .aside {
        background: #fff;
        border-left: 1px solid #e9ebfa;
        bottom: 0;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
        display: flex;
        flex-direction: column;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden;
        width: 22rem;
        z-index: 100
    }

    @media (min-width:1600px) {
        body.aside-opened .aside {
            visibility: visible
        }
    }

    .aside-body {
        flex: 1 1 auto;
        overflow: auto;
        padding: 1.5rem
    }

    .header {
        background: #f1f4fb;
        padding-bottom: .75rem;
        padding-top: .75rem
    }

        .header .dropdown-menu {
            margin-top: 0
        }

        .header .mega-menu {
            width: 350px
        }

    .header-bg {
        background: #38a01e;
        background: linear-gradient(90deg, #38a01e, #36f)
    }

    body.fixed-header .header {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1030
    }

    .header-brand {
        line-height: 2.6rem;
        margin-right: 0
    }

    .app-header .header-brand,
    .header-brand {
        color: inherit;
        font-size: 1.25rem;
        font-weight: 600;
        padding: 0;
        transition: opacity .3s;
        white-space: nowrap
    }

.app-header .header-brand {
    line-height: 2.9rem;
    margin-right: 1rem;
    margin-left: 10px;
    min-width: 220px;
    min-width: auto !important;
    text-align: center
}

        .app-header .header-brand .header-brand-img {
            margin-right: 0
        }

    .app-header1 .header-brand {
        color: inherit;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 2.9rem;
        margin-right: 0;
        min-width: 215px;
        padding: 0;
        text-align: center;
        transition: opacity .3s;
        white-space: nowrap
    }

        .app-header1 .header-brand .header-brand-img {
            margin-right: 0
        }

    .header-brand:hover {
        color: inherit;
        text-decoration: none
    }

    .header-avatar {
        border-radius: 50%;
        vertical-align: bottom
    }

    .header-avatar,
    .header-btn {
        display: inline-block;
        height: 2rem;
        width: 2rem
    }

    .header-btn {
        font-size: 1rem;
        line-height: 2rem;
        text-align: center
    }

        .header-btn.has-new {
            position: relative
        }

            .header-btn.has-new:before {
                background: #dc0441;
                border-radius: 50%;
                content: "";
                height: 6px;
                position: absolute;
                right: 4px;
                top: 4px;
                width: 6px
            }

    .header-toggler {
        color: #000;
        height: 3rem;
        position: relative;
        width: 3rem
    }

        .header-toggler:hover {
            color: #32e448
        }

    .header-toggler-icon {
        background: currentColor;
        border-radius: 3px;
        box-shadow: 0 5px currentColor, 0 -5px currentColor;
        color: inherit;
        height: 2px;
        left: 50%;
        margin: -2px 0 0 -.5rem;
        position: absolute;
        top: 50%;
        width: 1rem
    }

    .header.hor-header {
        background: #fff;
        border-bottom: 1px solid #ebedfa;
        box-shadow: none;
        margin: 0 auto;
        width: 100%;
        z-index: 10
    }

        .header.hor-header .search-element {
            margin-left: 20px;
            margin-top: 3px
        }

    @media (max-width:768px) {
        .header-brand {
            line-height: 2.7rem !important
        }

        .header .input-icon.mt-2 {
            margin-top: 5px !important
        }

        .right-content.breadcrumb-right .btn-list {
            margin-top: 12px !important
        }

        .hor-header.header .header-brand .header-brand-img {
            margin-left: 3.5em
        }

            .hor-header.header .header-brand .header-brand-img.dark-logo,
            .hor-header.header .header-brand .header-brand-img.darkmobile-logo,
            .hor-header.header .header-brand .header-brand-img.desktop-lgo {
                display: none
            }

        .header.hor-header .search-element {
            margin-left: 0;
            margin-top: 0
        }
    }

    @media (max-width:992px) and (min-width:768px) {
        .hor-header.header .header-brand .header-brand-img {
            margin-left: 3.5em
        }

            .hor-header.header .header-brand .header-brand-img.dark-logo,
            .hor-header.header .header-brand .header-brand-img.darkmobile-logo,
            .hor-header.header .header-brand .header-brand-img.mobile-logo {
                display: none
            }

            .hor-header.header .header-brand .header-brand-img.desktop-lgo {
                display: block;
                margin-top: 5px
            }
    }

    @media (min-width:767px) {
        .right-content.breadcrumb-right .btn-list {
            margin-top: 12px !important
        }
    }

    @media (max-width:768px) and (min-width:481px) {
        .header-brand {
            margin-left: 20px
        }
    }

    @media print {
        .header {
            display: none
        }
    }

    .aside-header {
        border-bottom: 1px solid #e9ebfa;
        padding: 1rem 1.5rem
    }

    @media (max-width:767px) {
        .header .header-flags {
            display: none
        }
    }

    .search-element {
        position: relative
    }

    .header .form-inline .form-control {
        background: #f1f4fb;
        border: 0;
        height: 45px;
        margin-left: 0;
        padding-left: 20px;
        padding-right: 40px;
        padding-top: 7px;
        width: 368px
    }

        .header .form-inline .form-control:focus {
            box-shadow: none
        }

    .header .form-inline .btn {
        background: transparent;
        border: 2px solid transparent;
        border-radius: 0;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        box-shadow: none;
        color: #fff;
        font-size: 15px;
        margin-left: -56px;
        padding: 5px 15px 6px;
        position: absolute;
        right: 0;
        top: 3px
    }

        .header .form-inline .btn i {
            color: #555b95
        }

    @media (max-width:767.98px) and (min-width:576px) {
        .header .form-inline .search-element {
            display: none;
            left: 10px;
            position: absolute;
            right: 10px;
            top: 8px;
            z-index: 892
        }

        body.search-show .header .form-inline .search-element {
            display: block
        }

        .header .navsearch i {
            color: #fff
        }

        .search-element .form-control {
            background: #fff !important;
            border: 1px solid #e9ebfa;
            color: #263871;
            float: left;
            height: 40px;
            margin: 0 auto;
            width: 100% !important
        }

        .search-show .search-element {
            background: #36f;
            display: block;
            left: 0 !important;
            padding: 21px 22px;
            right: 0;
            top: 0 !important;
            width: 100%
        }

        .header .form-inline .form-control::-webkit-input-placeholder {
            color: #b3bdca !important
        }

        .header .navsearch i {
            color: #263871;
            font-size: 20px;
            padding-top: 5px
        }

        .header .form-inline .btn {
            color: #46494a !important;
            padding: 8px 15px 6px;
            position: unset !important
        }
    }

    @media (max-width:1024px) {
        .app.sidebar-gone.search-show .header {
            z-index: 1036
        }

        body.search-show,
        body.sidebar-show {
            overflow: hidden
        }

            body.search-show:before,
            body.sidebar-show:before {
                background-color: rgba(0, 0, 0, .4);
                content: "";
                height: 100%;
                left: 0;
                opacity: .6;
                position: fixed;
                right: 0;
                width: 100%;
                z-index: 9
            }
    }

    @media (min-width:575.98px) and (max-width:1200px) {
        .header .form-inline .form-control {
            min-width: 0 !important;
            width: 150px
        }
    }

    @media (max-width:575.98px) {
        body.search-show .header .form-inline .search-element {
            display: block
        }

        .header .form-inline .btn {
            right: 1.5rem;
            top: 1.55rem
        }

        .header .header-message {
            display: none
        }

        .header .form-inline .search-element .form-control {
            background: #fff;
            float: left;
            height: 40px;
            margin: 0 auto;
            width: 100%
        }

        .search-show .search-element {
            background: #36f;
            display: block;
            left: 0;
            padding: 24px 25px;
            right: 0;
            top: 0;
            width: 100%
        }

        .form-control.header-search {
            color: #000
        }

        .header .form-inline .search-element {
            display: none;
            position: absolute;
            z-index: 892
        }

        .header .form-inline .btn {
            color: #46494a !important
        }

        .header .form-inline .form-control::-webkit-input-placeholder {
            color: #b3bdca !important
        }

        .header .navsearch i {
            color: #263871;
            font-size: 20px;
            padding-top: 4px
        }

        .app-header .header-brand .header-brand-img.mobile-logo {
            display: block !important
        }
    }

    .app-header .header-brand .header-brand-img.dark-logo,
    .app-header .header-brand .header-brand-img.darkmobile-logo,
    .app-header .header-brand .header-brand-img.mobile-logo {
        display: none
    }

    @media (max-width:320px) {
        .header-datepicker .form-control,
        .header-datepicker .form-control.fc-datepicker {
            width: 98px !important
        }
    }

    @media (max-width:992px) {
        .hor-header.header {
            box-shadow: 0 6px 18px rgba(196, 205, 224, .1);
            position: fixed;
            z-index: 9999
        }

        .main-content {
            margin-top: 6.5rem
        }
    }

    @media (min-width:992px) {
        .hor-header.header .header-brand .header-brand-img.dark-logo,
        .hor-header.header .header-brand .header-brand-img.darkmobile-logo,
        .hor-header.header .header-brand .header-brand-img.mobile-logo {
            display: none
        }
    }

    .header-search {
        min-width: 18rem !important
    }

        .header-search .search-element {
            margin-left: 15px;
            position: relative
        }

        .header-search .btn {
            color: #8499c4;
            position: absolute;
            right: 0;
            top: 0
        }

    .horizontal-main {
        position: relative;
        width: 100%
    }

    .horizontalMenu body,
    .horizontalMenu h1,
    .horizontalMenu h2,
    .horizontalMenu h3,
    .horizontalMenu h4,
    .horizontalMenu h5,
    .horizontalMenu h6,
    .horizontalMenu html,
    .horizontalMenu iframe {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        border: 0;
        color: #263871;
        font: inherit;
        font-size: 14px;
        font-weight: 400;
        font-weight: 500 !important;
        line-height: 18px;
        margin: 0;
        padding: 0;
        vertical-align: baseline
    }

    .horizontalMenu .cl {
        clear: both
    }

    .horizontalMenu img,
    embed,
    object,
    video {
        border: 0;
        max-width: 100%
    }

    .horizontalMenu a:focus {
        outline: none
    }

    .horizontalMenu:after,
    .horizontalMenu:before {
        content: "";
        display: table
    }

    .horizontalMenu:after {
        clear: both
    }

    .horizontalMenucontainer {
        background-attachment: fixed;
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden
    }

    .horizontal-mainwrapper {
        margin: 0 auto
    }

    .desktoplogo {
        float: left;
        margin: 0;
        padding: .75rem
    }

        .desktoplogo img {
            width: 100%
        }

    .horizontalMenu {
        color: #fff;
        display: block;
        font-size: 14px;
        padding: 0
    }

        .horizontalMenu > .horizontalMenu-list {
            display: block;
            margin: 0 auto;
            padding: 0;
            text-align: left;
            width: 100%
        }

            .horizontalMenu > .horizontalMenu-list > li {
                display: block;
                float: left;
                margin: 0;
                padding: 0;
                text-align: center
            }

                .horizontalMenu > .horizontalMenu-list > li > a {
                    color: #aab3cc;
                    display: block;
                    font-size: 14px;
                    font-weight: 500;
                    margin: 0 2px;
                    padding: 8px 20px;
                    position: relative;
                    text-decoration: none;
                    vertical-align: middle
                }

                .horizontalMenu > .horizontalMenu-list > li:last-child > a {
                    border-right: 0;
                    margin-right: 0
                }

                .horizontalMenu > .horizontalMenu-list > li:first-child > a {
                    margin-left: 0
                }

                .horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
                    padding-left: 25px;
                    padding-right: 25px
                }

                .horizontalMenu > .horizontalMenu-list > li > a i.horizontal-icon {
                    display: inline-block;
                    font-size: 12px;
                    line-height: inherit;
                    margin-left: 3px;
                    vertical-align: middle
                }

                .horizontalMenu > .horizontalMenu-list > li > a .arrow:after {
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-top: 4px solid;
                    content: "";
                    float: right;
                    height: 0;
                    margin: 0 0 0 14px;
                    position: absolute;
                    right: 11px;
                    text-align: right;
                    top: 33px;
                    width: 0
                }

                .horizontalMenu > .horizontalMenu-list > li.rightmenu {
                    zoom: 1;
                    float: right
                }

                    .horizontalMenu > .horizontalMenu-list > li.rightmenu a {
                        border-right: none;
                        padding: 0 30px 0 20px
                    }

                        .horizontalMenu > .horizontalMenu-list > li.rightmenu a i {
                            font-size: 15px
                        }

                    .horizontalMenu-list > li.rightmenu:after,
                    .horizontalMenu > .horizontalMenu-list > li.rightmenu:before {
                        content: "";
                        display: table
                    }

                    .horizontalMenu > .horizontalMenu-list > li.rightmenu:after {
                        clear: both
                    }

                    .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch {
                        float: right;
                        height: 39px;
                        margin: 16px 0 0;
                        position: relative;
                        width: 210px
                    }

                        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .searchicon {
                            transition: all .7s ease 0s
                        }

                        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input {
                            background-color: #efefef;
                            border: 0;
                            bottom: 0;
                            color: #333;
                            float: right;
                            font-size: 12px;
                            height: 39px;
                            margin: 0;
                            outline: none;
                            padding: 0;
                            position: relative;
                            right: 0;
                            text-indent: 15px;
                            top: 0;
                            transition: all .7s ease 0s;
                            width: 100%;
                            z-index: 2
                        }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input::-moz-placeholder {
                                color: #a9a9a9
                            }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:-ms-input-placeholder {
                                color: #a9a9a9
                            }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input::placeholder {
                                color: #a9a9a9
                            }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus {
                                color: #333;
                                width: 230px
                            }

                                .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus ~ .btnstyle .fa {
                                    color: #000;
                                    opacity: 1
                                }

                                .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus ~ .searchicon {
                                    color: #fff;
                                    opacity: 1;
                                    z-index: 3
                                }

                        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle {
                            background-color: transparent;
                            border: 0 solid;
                            bottom: 0;
                            color: #333;
                            cursor: pointer;
                            line-height: 30px;
                            opacity: .3;
                            position: absolute;
                            right: 0;
                            top: 0;
                            transition: all .7s ease 0s;
                            width: 40px;
                            z-index: 1;
                            z-index: 1000
                        }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle .fa {
                                line-height: 37px;
                                margin: 0;
                                padding: 0;
                                text-align: center
                            }

                            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle:hover .fa {
                                opacity: 1
                            }

                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
                    background: #fff;
                    border: 1px solid #e9ebfa;
                    border-radius: 4px;
                    box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
                    margin: 0;
                    min-width: 220px;
                    padding: 10px 0 10px 15px;
                    position: absolute;
                    top: 45px;
                    z-index: 10
                }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li {
                        display: block;
                        margin: 0;
                        padding: 0;
                        position: relative
                    }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
                            background-image: none;
                            border-right: 0 solid;
                            color: #576482;
                            display: block;
                            font-size: 13px;
                            letter-spacing: normal;
                            line-height: 22px;
                            padding: 6px 14px;
                            position: relative;
                            text-align: left;
                            text-transform: none
                        }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
                                text-decoration: none
                            }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a > i {
                                margin-right: 9px
                            }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
                            background-color: #fff;
                            border: 1px solid #e9ebfa;
                            border-radius: 0 4px 4px 0;
                            box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
                            left: 100%;
                            list-style: none;
                            margin: 0;
                            min-width: 220px;
                            padding: 10px 0 10px 15px;
                            position: absolute;
                            top: 0
                        }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
                                display: block;
                                margin: 0;
                                padding: 0;
                                position: relative
                            }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
                                    background-image: none;
                                    border-right: 0 solid;
                                    color: #576482;
                                    display: block;
                                    font-size: 13px;
                                    letter-spacing: normal;
                                    line-height: 22px;
                                    margin-left: 8px;
                                    padding: 6px 7px;
                                    text-align: left;
                                    text-transform: none
                                }

                                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                                        text-decoration: none
                                    }

                                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
                                        margin-right: 9px
                                    }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
                                    background-color: #fff;
                                    border: 1px solid #e9ebfa;
                                    border-radius: 0 4px 4px 0;
                                    box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
                                    left: 100%;
                                    list-style: none;
                                    margin: 0;
                                    min-width: 220px;
                                    padding: 10px 0 10px 15px;
                                    position: absolute;
                                    top: 0
                                }

                                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
                                        display: block;
                                        margin: 0;
                                        padding: 0;
                                        position: relative
                                    }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
                                            background-image: none;
                                            border-right: 0 solid;
                                            color: #576482;
                                            display: block;
                                            font-size: 13px;
                                            letter-spacing: normal;
                                            line-height: 22px;
                                            padding: 8px 12px;
                                            text-align: left;
                                            text-transform: none
                                        }

                                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                                                text-decoration: none
                                            }

                                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
                                                margin-right: 9px
                                            }

                .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
                    color: #576482;
                    font-size: 15px;
                    left: 0;
                    margin: 0;
                    position: absolute;
                    text-align: left;
                    top: 45px;
                    width: 100%;
                    z-index: 1000
                }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .megamenu-content {
                        background-color: #fff;
                        border: 1px solid #e8ebf3;
                        border-radius: 2px;
                        box-shadow: 0 5px 25px rgba(227, 228, 238, .2);
                        padding: 14px 20px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .title {
                        color: #2c2c2c;
                        font-size: 16px;
                        font-weight: 600;
                        margin: 0 0 4px;
                        padding: 5px 5px 5px 0;
                        text-align: left
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .wsmwnutxt {
                        color: #2c2c2c;
                        font-size: 14px;
                        line-height: 22px;
                        margin-top: 10px;
                        text-align: justify;
                        width: 100%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li {
                        display: block;
                        padding: 5px 10px;
                        text-align: center;
                        text-align: left;
                        white-space: nowrap
                    }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
                            background: transparent;
                            background-image: none;
                            border-right: 0;
                            color: #576482;
                            display: block;
                            font-size: 13px;
                            line-height: 18px;
                            margin-left: 10px;
                            padding: 6px 7px;
                            position: relative;
                            text-align: left
                        }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu li i {
                        margin-right: 5px;
                        text-align: center;
                        width: 18px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu li a:hover {
                        background: transparent;
                        text-decoration: none
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li i {
                        font-size: 12px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .mrgtop {
                        margin-top: 15px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .show-grid div {
                        background-color: #dbdbdb;
                        border: 1px solid #e7e7e7;
                        color: #6a6a6a;
                        font-size: 13px;
                        margin: 2px 0;
                        padding-bottom: 10px;
                        padding-top: 10px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfmenu {
                        left: auto;
                        right: auto;
                        width: 30%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfdiv {
                        left: auto;
                        right: auto;
                        width: 20%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form {
                        display: block;
                        width: 100%
                    }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=text],
                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
                            border: 1px solid #e2e2e2;
                            color: #000;
                            font-size: 13px;
                            margin-bottom: 8px;
                            padding: 8px 5px;
                            width: 100%
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
                            min-height: 122px
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=submit] {
                            margin-right: 15px
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=button],
                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=submit] {
                            background-color: #e1e1e1;
                            border: none;
                            border-radius: 2px;
                            cursor: pointer;
                            display: block;
                            float: right;
                            height: 32px;
                            width: 25%
                        }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-inner .item img {
                        width: 100%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-control-next,
                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-control-prev {
                        opacity: .8
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-caption {
                        background-color: rgba(0, 0, 0, .7);
                        bottom: 0;
                        font-size: 13px;
                        height: 31px;
                        left: 0;
                        padding: 7px 0;
                        right: 0;
                        width: 100%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text {
                        font-size: 14px;
                        padding: 0
                    }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul {
                            margin: 0;
                            padding: 0
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text p {
                            color: #656565;
                            line-height: 24px;
                            text-align: justify
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul li {
                            display: block;
                            line-height: 22px;
                            padding: 2px 0
                        }

                            .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul li a {
                                color: #656565
                            }

    @media (min-width:1024px) {
        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list:first-child {
            border: 0
        }
    }

    .horizontal-header {
        display: none
    }

    .horizontal-overlapbg {
        opacity: 0;
        visibility: hidden
    }

    .hometext,
    .horizontalMenu .horizontalMenu-click,
    .horizontalMenu .horizontalMenu-click02,
    .horizontalMenu .horizontalMenu-click03,
    .horizontalMenu .horizontalMenu-click04 {
        display: none
    }

    @media only screen and (max-width:991px) {
        body.active {
            overflow: hidden
        }

        .desktoplogo {
            display: none
        }

        .horizontal-main {
            height: 0;
            padding: 0
        }

        .horizontalMenucontainer {
            background-attachment: local;
            background-position: 33% 0
        }

        .horizontalMenu {
            background: transparent none repeat scroll 0 0;
            left: 0;
            margin: 0;
            overflow-y: hidden;
            padding: 0;
            position: fixed;
            top: 0;
            visibility: hidden;
            width: 100%
        }

            .horizontalMenu > .horizontalMenu-list {
                background: #17263a;
                border-right: 1px solid hsla(0, 0%, 100%, .1);
                box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
                display: block;
                height: auto;
                margin-left: -240px;
                min-height: 100%;
                padding-bottom: 0;
                text-align: center;
                width: 240px
            }

                .horizontalMenu > .horizontalMenu-list > li {
                    background-color: transparent;
                    border-right: none;
                    clear: right;
                    display: block;
                    float: none;
                    padding: 0;
                    position: relative;
                    white-space: inherit;
                    width: 100%
                }

                    .horizontalMenu > .horizontalMenu-list > li span a {
                        margin: 0 auto;
                        width: 85%
                    }

                    .horizontalMenu > .horizontalMenu-list > li > a {
                        border-bottom: 1px solid hsla(0, 0%, 100%, .1);
                        border-radius: 0;
                        border-right: 0 solid;
                        color: #576482;
                        font-size: 14px;
                        line-height: 25px;
                        margin: 0;
                        padding: 10px 32px 10px 17px;
                        position: static;
                        text-align: left
                    }

                        .horizontalMenu > .horizontalMenu-list > li > a span.i {
                            display: none
                        }

                    .horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
                        border-top: 1px solid rgba(0, 0, 0, .13);
                        padding-left: 17px;
                        padding-right: 17px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > a > .fa {
                        color: #fff;
                        display: none !important;
                        font-size: 16px
                    }

                    .horizontalMenu > .horizontalMenu-list > li > a .arrow:after {
                        display: none
                    }

                    .horizontalMenu > .horizontalMenu-list > li:hover > a {
                        text-decoration: none
                    }

                    .horizontalMenu > .horizontalMenu-list > li > a > .hometext {
                        display: inline-block
                    }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
                        background-color: #1c2e46;
                        border: none;
                        border-bottom: 0 solid #e9ebfa;
                        border-radius: 0;
                        box-shadow: none;
                        display: none;
                        margin: 0;
                        opacity: 1;
                        padding: 0 25px;
                        position: relative;
                        top: 0;
                        transform: none;
                        -webkit-transform-style: flat;
                        transition: inherit;
                        visibility: visible
                    }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
                            font-size: 13px;
                            line-height: 20px;
                            padding: 10px 0 10px 16px;
                            position: static
                        }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li span + a {
                            padding-right: 30px
                        }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a > .fa {
                            display: none
                        }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
                            background-color: transparent;
                            text-decoration: none
                        }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
                            color: #576482
                        }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
                            border: 0;
                            border-radius: 0;
                            box-shadow: none;
                            display: none;
                            left: 100%;
                            margin: 0;
                            opacity: 1;
                            padding: 0 30px;
                            position: static;
                            top: 0;
                            transform: none;
                            -webkit-transform-style: flat;
                            transition: inherit;
                            visibility: visible;
                            width: 100%
                        }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
                                margin: 0;
                                padding: 0;
                                position: relative
                            }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
                                    color: #576482;
                                    font-size: 13px;
                                    line-height: 20px;
                                    padding: 10px 0 10px 6px
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li span + a {
                                    padding-right: 30px
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > .fa {
                                    display: none
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                                    background-color: transparent;
                                    color: #576482;
                                    text-decoration: none
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
                                    color: #000
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
                                    color: #36f
                                }

                                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
                                    background: transparent;
                                    border: 0;
                                    border-radius: 0;
                                    box-shadow: none;
                                    display: none;
                                    left: 100%;
                                    margin: 0;
                                    opacity: 1;
                                    padding: 0 40px;
                                    position: static;
                                    top: 0;
                                    transform: none;
                                    -webkit-transform-style: flat;
                                    transition: inherit;
                                    visibility: visible;
                                    width: 100%
                                }

                                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
                                        margin: 0
                                    }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
                                            font-size: 13px;
                                            line-height: 20px;
                                            padding: 10px 0 10px 16px
                                        }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li span + a {
                                            padding-right: 30px
                                        }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > .fa {
                                            display: none
                                        }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                                            background-color: transparent;
                                            color: #576482;
                                            text-decoration: none
                                        }

                                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
                                            color: #000
                                        }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
                        border: 0 solid;
                        color: #576482;
                        display: none;
                        opacity: 1;
                        padding: 0;
                        position: relative;
                        top: 0;
                        transform: none;
                        -webkit-transform-style: flat;
                        transition: inherit;
                        visibility: visible
                    }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .container {
                            padding: 0
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfmenu {
                            margin: 0;
                            padding: 5px 0 10px;
                            width: 100%
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .title {
                            color: #576482;
                            font-size: 15px;
                            padding: 10px 8px 10px 0
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul {
                            font-size: 13px;
                            margin: 0;
                            padding: 0;
                            width: 100%
                        }

                            .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul > li > a {
                                background-color: #e7e7e7;
                                color: #576482;
                                font-size: 13px;
                                line-height: normal;
                                padding: 9px 14px
                            }

                                .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul > li > a:hover {
                                    background-color: #000
                                }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu ul li.title {
                            background-color: transparent;
                            color: #576482;
                            font-size: 15px;
                            line-height: 26px;
                            margin: 0;
                            padding: 7px 0
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfdiv {
                            width: 100%
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form {
                            padding: 5px 0 62px
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .show-grid div {
                            margin: 0
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=button],
                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=submit] {
                            width: 46%
                        }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
                            min-height: 100px
                        }

        .horizontal-header {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            border-top: 1px solid rgba(0, 0, 0, .1);
            display: block;
            height: 54px;
            left: 0;
            position: relative;
            text-align: center;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .active .horizontal-header,
        .horizontal-header {
            transition: all .25s ease-in-out
        }

            .horizontal-header .smllogo {
                display: inline-block;
                margin-top: 11px
            }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch {
            margin: 7%;
            padding: 0;
            width: 86%
        }

            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input {
                border-radius: 50px
            }

                .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus {
                    width: 100%
                }

        .callusbtn {
            color: #a9a9a9;
            font-size: 21px;
            padding: 11px 14px;
            position: absolute;
            right: 5px;
            top: 0;
            transition: all .4s ease-in-out 0s;
            z-index: 102
        }

            .callusbtn .fa {
                margin-top: 4px;
                vertical-align: top
            }

            .callusbtn:hover .fa {
                color: #a9a9a9
            }

        .animated-arrow {
            background: #f1f4fb;
            border: 0 solid #e9ebfa;
            border-radius: 8px;
            cursor: pointer;
            left: 0;
            margin: 16px 0 0 18px;
            padding: 20px 35px 20px 15px;
            position: absolute;
            top: 0;
            transition: all .4s ease-in-out;
            z-index: 102
        }

            .animated-arrow span {
                transition: all .5s ease-in-out
            }

                .animated-arrow span,
                .animated-arrow span:after,
                .animated-arrow span:before {
                    background: #5c678f;
                    content: "";
                    cursor: pointer;
                    display: block;
                    height: 2px;
                    position: absolute;
                    width: 17px
                }

                    .animated-arrow span:before {
                        top: -7px;
                        width: 23px
                    }

                    .animated-arrow span:after {
                        bottom: -7px;
                        width: 17px
                    }

                    .animated-arrow span:after,
                    .animated-arrow span:before {
                        transition: all .5s ease-in-out
                    }

        .active .animated-arrow span {
            background-color: transparent;
            background: none !important
        }

            .active .animated-arrow span:after {
                top: -1px;
                width: 23px
            }

            .active .animated-arrow span:before {
                top: -1px
            }

        .active .animated-arrow.active span:after {
            top: -3px
        }

        .active .animated-arrow span:before {
            bottom: 0;
            transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg)
        }

        .active .animated-arrow span:after {
            transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg)
        }

        .horizontal-overlapbg {
            background-color: rgba(0, 0, 0, .45);
            cursor: pointer;
            height: 100vh;
            min-height: 100%;
            opacity: 0;
            position: fixed;
            right: 0;
            top: 0;
            visibility: hidden;
            width: calc(100% - 240px)
        }

        .active .horizontalMenu .horizontal-overlapbg {
            opacity: 1;
            -webkit-transition: opacity 1.5s ease-in-out;
            -moz-transition: opacity 1.5s ease-in-out;
            -ms-transition: opacity 1.5s ease-in-out;
            -o-transition: opacity 1.5s ease-in-out;
            visibility: visible
        }

        .horizontalMenucontainer {
            transition: all .25s ease-in-out
        }

        .active .horizontalMenucontainer {
            margin-left: 240px;
            transition: all .25s ease-in-out
        }

        .active .horizontalMenu {
            -webkit-overflow-scrolling: touch;
            height: 100% !important;
            overflow-y: scroll;
            top: 0;
            visibility: visible;
            z-index: 1000
        }

            .active .horizontalMenu > .horizontalMenu-list {
                margin-left: 0;
                transition: all .25s ease-in-out
            }

        .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click {
            cursor: pointer;
            display: block;
            height: 49px;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

        .horizontalMenu > .horizontalMenu-list > li .horizontalMenu-click.horizontal-activearrow > i {
            margin-right: 25px !important;
            margin-top: 10px !important;
            transform: rotate(180deg)
        }

        .horizontalMenu > .horizontalMenu-list > li .horizontalMenu-click.horizontal-activearrow1 > i {
            margin-right: 18px !important;
            margin-top: 10px !important;
            transform: rotate(180deg)
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
            background-size: 25px;
            color: #576482;
            display: block;
            float: right;
            font-size: 16px;
            height: 23px;
            margin-right: 10px;
            margin-top: 14px;
            opacity: .4;
            width: 25px
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 {
            cursor: pointer;
            display: block;
            height: 41px;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i {
                background-size: 25px;
                color: #576482;
                display: block;
                float: right;
                font-size: 16px;
                margin: 8px 6px;
                opacity: .4
            }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu > li .horizontalMenu-click03 {
            cursor: pointer;
            display: block;
            height: 41px;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu > li .horizontalMenu-click03 > i {
                background-size: 25px;
                color: #576482;
                display: block;
                float: right;
                font-size: 16px;
                margin: 8px 6px;
                opacity: .4
            }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu.sub-menu > li .horizontalMenu-click04 {
            cursor: pointer;
            display: block;
            height: 41px;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu.sub-menu > li .horizontalMenu-click04 > i {
                background-size: 25px;
                color: #576482;
                display: block;
                float: right;
                font-size: 16px;
                margin: 8px 6px;
                opacity: .4;
                position: relative;
                right: 60px
            }

        .sub-menu li:before {
            top: 10px !important
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after {
            display: none
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i.horizontalMenu-rotate {
            transform: rotate(180deg)
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu .sub-menu-sub:after {
            display: none
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu > li .horizontalMenu-click03 > i.horizontalMenu-rotate {
            transform: rotate(180deg)
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu.sub-menu .sub-menu-sub:after {
            display: none
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu.sub-menu.sub-menu > li .horizontalMenu-click04 > i.horizontalMenu-rotate {
            transform: rotate(180deg)
        }

        .horizontalMenu > .horizontalMenu-list > li > a .horizontal-icon,
        .horizontalMenu > .horizontalMenu-list > li a span {
            display: none
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
            background: transparent;
            box-shadow: none !important
        }

        .mega-menubg {
            border: 0 !important;
            box-shadow: 0 !important
        }

        .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
            color: #576482
        }

        .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
            background: transparent;
            color: #36f
        }

        .hor-menu .horizontalMenu > .horizontalMenu-list > li:first-child > a {
            margin-top: 0 !important
        }

        .hor-menu .horizontalMenu > .horizontalMenu-list > li:last-child > a {
            margin-right: 5px !important
        }

        .mega-menubg {
            background: #f1f4fb !important;
            box-shadow: none !important;
            padding: 0 20px !important
        }
    }

    @media only screen and (min-width:992px) and (max-width:1162px) {
        .horizontalMenu > .horizontalMenu-list > li > a {
            font-size: 13px;
            padding-left: 5px;
            padding-right: 5px
        }

            .horizontalMenu > .horizontalMenu-list > li > a > .arrow {
                display: none
            }

        .horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
            padding-left: 22px;
            padding-right: 22px
        }
    }

    .horizontalMenu-list .sub-menu .sub-menu:after,
    .horizontalMenu-list .sub-menu .sub-menu:before {
        display: none
    }

    @media (max-width:992px) {
        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .megamenu-content {
            border: 0;
            box-shadow: none
        }
    }

    .horizontalMenu ul li a.btn {
        font-size: 14px !important;
        margin: 5px 0
    }

    @media (min-width:992px) {
        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
            opacity: 0;
            transform: rotateX(-75deg);
            -o-transform: rotateX(-75deg);
            -moz-transform: rotateX(-75deg);
            -webkit-transform: rotateX(-75deg);
            -o-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            -o-transition: -o-transform .3s, opacity .3s;
            -ms-transition: -ms-transform .3s, opacity .3s;
            -moz-transition: -moz-transform .3s, opacity .3s;
            -webkit-transition: -webkit-transform .3s, opacity .3s;
            visibility: hidden
        }

        .horizontalMenu > .horizontalMenu-list > li:hover > .horizontal-megamenu,
        .horizontalMenu > .horizontalMenu-list > li:hover > ul.sub-menu {
            opacity: 1;
            transform: rotateX(0deg);
            -o-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -webkit-transform: rotateX(0deg);
            visibility: visible
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
            opacity: 0;
            transform: rotateX(-75deg);
            -o-transform: rotateX(-75deg);
            -moz-transform: rotateX(-75deg);
            -webkit-transform: rotateX(-75deg);
            transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            visibility: hidden
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover > ul.sub-menu {
            opacity: 1;
            transform: rotateX(0deg);
            -o-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -webkit-transform: rotateX(0deg);
            -o-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            visibility: visible
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover > ul.sub-menu,
        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
            -o-transition: -o-transform .4s, opacity .4s;
            -ms-transition: -ms-transform .4s, opacity .4s;
            -moz-transition: -moz-transform .4s, opacity .4s;
            -webkit-transition: -webkit-transform .4s, opacity .4s
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
            opacity: 0;
            transform: rotateX(-75deg);
            -o-transform: rotateX(-75deg);
            -moz-transform: rotateX(-75deg);
            -webkit-transform: rotateX(-75deg);
            -o-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            visibility: hidden
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
            opacity: 1;
            transform: rotateX(0deg);
            -o-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -webkit-transform: rotateX(0deg);
            visibility: visible
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
            opacity: 0;
            transform: rotateX(-75deg);
            -o-transform: rotateX(-75deg);
            -moz-transform: rotateX(-75deg);
            -webkit-transform: rotateX(-75deg);
            -o-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            -o-transition: -o-transform .3s, opacity .3s;
            -ms-transition: -ms-transform .3s, opacity .3s;
            -moz-transition: -moz-transform .3s, opacity .3s;
            -webkit-transition: -webkit-transform .3s, opacity .3s;
            visibility: hidden
        }

        .header-style1 .horizontalMenu > .horizontalMenu-list > li {
            padding: .75rem 0
        }

        .sticky-pin {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 99
        }
    }

    .mega-menubg {
        background: #fff;
        border: 1px solid #e9ebfa;
        border-radius: 4px;
        box-shadow: 0 16px 18px rgba(6, 10, 48, .1);
        padding: 14px 15px
    }

    .horizontal-main.hor-menu {
        background: #17263a;
        border-bottom: 1px solid #ebedfa;
        box-shadow: 0 6px 18px rgba(196, 205, 224, .1);
        padding: .75rem
    }

    .hor-icon {
        font-size: 16px;
        margin-right: 3px
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        color: #576482
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active,
    .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
        box-shadow: none;
        color: #36f
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after {
        color: #576482;
        content: "";
        font-family: feather;
        font-size: 13px;
        opacity: .4;
        position: absolute;
        right: 14px;
        top: 9px
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li:first-child > a {
        margin-left: 0
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li:last-child > a {
        margin-right: 0
    }

    .sub-menu li a:before {
        left: 0
    }

    .mega-menubg li a:before,
    .sub-menu li a:before {
        color: #728096;
        content: "";
        font-family: typicons !important;
        font-size: 12px;
        opacity: .6;
        position: absolute
    }

    .mega-menubg li a:before {
        left: -8px
    }

    .hor-content .latest-timeline {
        height: 365px
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a.active,
    .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.active,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover,
    .mega-menubg li a.active:before,
    .mega-menubg li a:hover:before,
    .sub-menu li a.active:before,
    .sub-menu li a:hover:before {
        color: #36f !important
    }

    .fc-view.fc-listMonth-view,
    .fc-view.fc-listWeek-view {
        border-width: 0
    }

        .fc-view.fc-listMonth-view .fc-scroller,
        .fc-view.fc-listWeek-view .fc-scroller {
            padding: 0 20px 20px
        }

        .fc-view.fc-listMonth-view .fc-list-table,
        .fc-view.fc-listWeek-view .fc-list-table {
            border-collapse: separate;
            display: block
        }

            .fc-view.fc-listMonth-view .fc-list-table > tbody,
            .fc-view.fc-listWeek-view .fc-list-table > tbody {
                display: flex;
                flex-wrap: wrap
            }

        .fc-view.fc-listMonth-view .fc-list-heading,
        .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 20%;
            margin-top: 15px;
            max-width: 20%
        }

            .fc-view.fc-listMonth-view .fc-list-heading:first-child,
            .fc-view.fc-listMonth-view .fc-list-heading:first-child + .fc-list-item,
            .fc-view.fc-listWeek-view .fc-list-heading:first-child,
            .fc-view.fc-listWeek-view .fc-list-heading:first-child + .fc-list-item {
                margin-top: 0
            }

            .fc-view.fc-listMonth-view .fc-list-heading td,
            .fc-view.fc-listWeek-view .fc-list-heading td {
                background-color: transparent;
                border-width: 0;
                padding: 0
            }

        .fc-view.fc-listMonth-view .fc-list-heading-main,
        .fc-view.fc-listWeek-view .fc-list-heading-main {
            color: #737688;
            display: block;
            font-size: 11px;
            font-weight: 600;
            padding: 5px;
            text-align: center;
            text-transform: uppercase
        }

            .fc-view.fc-listMonth-view .fc-list-heading-main span:last-child,
            .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child {
                color: #495057;
                display: block;
                font-family: Helvetica, Arial, sans-serif;
                font-size: 30px;
                font-weight: 700;
                letter-spacing: -1px;
                line-height: 1
            }

            .fc-view.fc-listMonth-view .fc-list-heading-main.now,
            .fc-view.fc-listMonth-view .fc-list-heading-main.now span:last-child,
            .fc-view.fc-listWeek-view .fc-list-heading-main.now,
            .fc-view.fc-listWeek-view .fc-list-heading-main.now span:last-child {
                color: #4c84ff
            }

        .fc-view.fc-listMonth-view .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item {
            dispLay: flex;
            background-color: #fff;
            border-left: 4px solid transparent;
            flex: 0 0 calc(80% - 5px);
            flex-direction: column;
            margin-top: 15px;
            max-width: calc(80% - 5px)
        }

            .fc-view.fc-listMonth-view .fc-list-item:focus,
            .fc-view.fc-listMonth-view .fc-list-item:hover,
            .fc-view.fc-listWeek-view .fc-list-item:focus,
            .fc-view.fc-listWeek-view .fc-list-item:hover {
                cursor: pointer
            }

                .fc-view.fc-listMonth-view .fc-list-item:focus td,
                .fc-view.fc-listMonth-view .fc-list-item:hover td,
                .fc-view.fc-listWeek-view .fc-list-item:focus td,
                .fc-view.fc-listWeek-view .fc-list-item:hover td {
                    background-color: transparent
                }

            .fc-view.fc-listMonth-view .fc-list-item > td,
            .fc-view.fc-listWeek-view .fc-list-item > td {
                border-width: 0
            }

                .fc-view.fc-listMonth-view .fc-list-item > td.fc-list-item-time,
                .fc-view.fc-listWeek-view .fc-list-item > td.fc-list-item-time {
                    border-right: 1px solid #e9ebfa;
                    border-top: 1px solid #e9ebfa;
                    box-sizing: border-box;
                    color: #495057 !important
                }

                .fc-view.fc-listMonth-view .fc-list-item > td.fc-list-item-title,
                .fc-view.fc-listWeek-view .fc-list-item > td.fc-list-item-title {
                    border-bottom: 1px solid #e9edf4;
                    border-right: 1px solid #e9edf4;
                    box-sizing: border-box
                }

            .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
            .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
                margin-left: 20%
            }

        .fc-view.fc-listMonth-view .fc-list-item-marker,
        .fc-view.fc-listWeek-view .fc-list-item-marker {
            display: none
        }

        .fc-view.fc-listMonth-view .fc-list-item-time,
        .fc-view.fc-listWeek-view .fc-list-item-time {
            font-size: 13px;
            padding: 12px 15px 2px;
            text-transform: capitalize;
            width: 100%
        }

        .fc-view.fc-listMonth-view .fc-list-item-title,
        .fc-view.fc-listWeek-view .fc-list-item-title {
            padding: 0 15px 12px
        }

            .fc-view.fc-listMonth-view .fc-list-item-title a,
            .fc-view.fc-listWeek-view .fc-list-item-title a {
                color: #14112d;
                display: block;
                font-size: 15px;
                font-weight: 700;
                margin-bottom: 5px
            }

            .fc-view.fc-listMonth-view .fc-list-item-title .fc-desc,
            .fc-view.fc-listWeek-view .fc-list-item-title .fc-desc {
                display: block;
                font-size: 13px;
                line-height: 1.375
            }

    @media (min-width:992px) {
        .fc-view.fc-listMonth-view .fc-scroller,
        .fc-view.fc-listWeek-view .fc-scroller {
            padding: 0
        }
    }

    @media (min-width:576px) {
        .fc-view.fc-listMonth-view .fc-list-heading,
        .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 15%;
            max-width: 15%
        }
    }

    @media (min-width:768px) {
        .fc-view.fc-listMonth-view .fc-list-heading,
        .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 12%;
            max-width: 12%
        }
    }

    @media (min-width:992px) {
        .fc-view.fc-listMonth-view .fc-list-heading,
        .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 10%;
            max-width: 10%
        }
    }

    @media (min-width:1200px) {
        .fc-view.fc-listMonth-view .fc-list-heading,
        .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 8%;
            max-width: 8%
        }
    }

    @media (min-width:576px) {
        .fc-view.fc-listMonth-view .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(85% - 5px);
            max-width: calc(85% - 5px)
        }
    }

    @media (min-width:768px) {
        .fc-view.fc-listMonth-view .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(88% - 5px);
            max-width: calc(88% - 5px)
        }
    }

    @media (min-width:992px) {
        .fc-view.fc-listMonth-view .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(90% - 5px);
            max-width: calc(90% - 5px)
        }
    }

    @media (min-width:1200px) {
        .fc-view.fc-listMonth-view .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(92% - 5px);
            max-width: calc(92% - 5px)
        }
    }

    @media (min-width:576px) {
        .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
            margin-left: 15%
        }
    }

    @media (min-width:768px) {
        .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
            margin-left: 12%
        }
    }

    @media (min-width:992px) {
        .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
            margin-left: 10%
        }
    }

    @media (min-width:1200px) {
        .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
        .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
            margin-left: 8%
        }
    }

    td.fc-today {
        background-color: #f3f7fd
    }

    .custom-calendar .pignose-calendar-body {
        padding: 0 !important
    }

    .custom-calendar .pignose-calendar .pignose-calendar-unit {
        height: 3em !important;
        line-height: 3em !important
    }

    .cal1 {
        border: 1px solid #e9ebfa;
        font-size: 14px
    }

        .cal1 .clndr .clndr-table .header-days {
            background: #36f
        }

            .cal1 .clndr .clndr-table .header-days .header-day {
                border-left: 1px solid rgba(23, 183, 148, .1);
                border-top: 1px solid #e2e3e4
            }

        .cal1 .clndr .clndr-table tr .adjacent-month,
        .cal1 .clndr .clndr-table tr .empty,
        .cal1 .clndr .clndr-table tr .my-adjacent-month,
        .cal1 .clndr .clndr-table tr .my-empty {
            background: #ebeff8;
            border-left: 1px solid #e9ebfa;
            border-top: 1px solid #e9ebfa
        }

        .cal1 .clndr .clndr-table tr .day {
            border-left: 1px solid #e9ebfa;
            border-top: 1px solid #e9ebfa
        }

            .cal1 .clndr .clndr-table tr .day.event,
            .cal1 .clndr .clndr-table tr .day.my-event {
                background: #eeeef5
            }

            .cal1 .clndr .clndr-table tr .day.my-today.event,
            .cal1 .clndr .clndr-table tr .day.today.event {
                background: #f2ecff
            }

            .cal1 .clndr .clndr-table tr .day.event:hover,
            .cal1 .clndr .clndr-table tr .day.my-event:hover {
                background: #e5e9f2 !important
            }

            .cal1 .clndr .clndr-table tr .day.my-today,
            .cal1 .clndr .clndr-table tr .day.today {
                background: #e5e9f2 !important;
                color: #36f !important
            }

            .cal1 .clndr .clndr-table tr .day:last-child {
                border-right: 1px solid #e9ebfa
            }

            .cal1 .clndr .clndr-table tr .day:hover {
                background: #e5e9f2
            }

        .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button,
        .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
            background: #ebeff8;
            color: #36f
        }

            .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover,
            .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
                background: #36f
            }

    .fc button {
        background: #f3f4f7;
        color: #efefef;
        font-size: 13px !important;
        font-weight: 500;
        text-transform: uppercase
    }

    .fc-unthemed .fc-divider {
        border-color: #e9ebfa
    }

    .fc-event {
        background-color: rgba(51, 102, 255, .2);
        border: 1px solid rgba(51, 102, 255, .2)
    }

    .fc-event-dot {
        background-color: #36f
    }

    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-list-heading td,
    .fc-unthemed .fc-popover .fc-header {
        background: #ebeff8
    }

    .fc-toolbar .fc-state-active,
    .fc-toolbar .ui-state-active {
        background: #36f;
        color: #fff
    }

    .fc-today-button fc-button fc-state-default fc-corner-left fc-corner-right fc-state-disabled:focus {
        border: none !important;
        box-shadow: none !important
    }

    .fc-unthemed .fc-list-item:hover td {
        background-color: #ebeff8
    }

    .chart-circle {
        display: block;
        height: 8rem;
        margin: 0 auto;
        position: relative;
        width: 8rem
    }

        .chart-circle canvas {
            display: block;
            margin: 0 auto;
            max-height: 100%;
            max-width: 100%
        }

    .chart-circle-xxs {
        font-size: .7rem;
        height: 2rem;
        width: 2rem
    }

    .chart-circle-xs {
        font-size: .8rem;
        height: 2.5rem;
        width: 2.5rem
    }

    .chart-circle-sm {
        font-size: .8rem;
        height: 4rem;
        width: 4rem
    }

    .chart-circle-md {
        font-size: .8rem;
        height: 6rem;
        width: 6rem
    }

    .chart-circle-lg {
        font-size: .8rem;
        height: 10rem;
        width: 10rem
    }

    .chart-circle-value {
        align-items: center;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        left: 0;
        line-height: 1;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        right: 0;
        top: 0
    }

        .chart-circle-value small {
            color: #9aa0ac;
            display: block;
            font-size: .9375rem
        }

    .chart-visitors {
        min-height: 18rem;
        overflow: hidden
    }

    .chart-height {
        height: 20rem;
        overflow: hidden
    }

    .chart-tasks {
        height: 15rem;
        overflow: hidden
    }

    .chart-donut {
        height: 21rem;
        overflow: hidden
    }

    .chart-pie {
        height: 22rem;
        overflow: hidden
    }

    .chartsh {
        height: 16rem;
        overflow: hidden
    }

    .chartwidget {
        height: 17rem;
        overflow: hidden
    }

    .mail-box {
        border-collapse: collapse;
        border-spacing: 0;
        display: table;
        table-layout: fixed;
        width: 100%
    }

        .mail-box aside {
            display: table-cell;
            float: none;
            height: 100%;
            padding: 0;
            vertical-align: top
        }

        .mail-box .sm-side {
            background: none repeat scroll 0 0 #e5e8ef;
            border-radius: 4px 0 0 4px;
            width: 25%
        }

        .mail-box .lg-side {
            background: none repeat scroll 0 0 #fff;
            border-radius: 0 4px 4px 0;
            width: 75%
        }

        .mail-box .sm-side .user-head {
            background: none repeat scroll 0 0 #00a8b3;
            border-radius: 4px 0 0;
            color: #fff;
            min-height: 80px;
            padding: 10px
        }

    .user-head .inbox-avatar {
        float: left;
        width: 65px
    }

        .user-head .inbox-avatar img {
            border-radius: 4px
        }

    .user-head .user-name {
        display: inline-block;
        margin: 0 0 0 10px
    }

        .user-head .user-name h5 {
            font-size: 14px;
            font-weight: 300;
            margin-bottom: 0;
            margin-top: 15px
        }

            .user-head .user-name h5 a {
                color: #fff
            }

        .user-head .user-name span a {
            color: #87e2e7;
            font-size: 12px
        }

    a.mail-dropdown {
        background: none repeat scroll 0 0 #80d3d9;
        border-radius: 2px;
        color: #01a7b3;
        font-size: 10px;
        margin-top: 20px;
        padding: 3px 5px
    }

    .btn-compose {
        background: none repeat scroll 0 0 #ff6c60;
        color: #fff;
        padding: 12px 0;
        text-align: center;
        width: 100%
    }

        .btn-compose:hover {
            background: none repeat scroll 0 0 #f5675c;
            color: #fff
        }

    ul.inbox-nav {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .inbox-divider {
        border-bottom: 1px solid #d5d8df
    }

    ul.inbox-nav li,
    ul.inbox-nav li a {
        display: inline-block;
        line-height: 45px;
        width: 100%
    }

        ul.inbox-nav li a {
            color: #6a6a6a;
            padding: 0 20px
        }

            ul.inbox-nav li.active a,
            ul.inbox-nav li a:focus,
            ul.inbox-nav li a:hover {
                background: none repeat scroll 0 0 #d5d7de;
                color: #6a6a6a
            }

            ul.inbox-nav li a i {
                color: #6a6a6a;
                font-size: 16px;
                padding-right: 10px
            }

            ul.inbox-nav li a span.label {
                margin-top: 13px
            }

    ul.labels-info li {
        margin: 0
    }

        ul.labels-info li h4 {
            color: #5c5c5e;
            font-size: 13px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 5px;
            text-transform: uppercase
        }

        ul.labels-info li a {
            border-radius: 0;
            color: #6a6a6a
        }

            ul.labels-info li a:focus,
            ul.labels-info li a:hover {
                background: none repeat scroll 0 0 #d5d7de;
                color: #6a6a6a
            }

            ul.labels-info li a i {
                padding-right: 10px
            }

    .nav.nav-pills.nav-stacked.labels-info p {
        color: #9d9f9e;
        font-size: 11px;
        margin-bottom: 0;
        padding: 0 22px
    }

    .inbox-head {
        border-radius: 0 4px 0 0;
        border-radius: 3px;
        padding: 10px
    }

        .inbox-head h3 {
            display: inline-block;
            font-weight: 300;
            margin: 0
        }

        .inbox-head .sr-input {
            border: none;
            border-radius: 4px 0 0 4px;
            box-shadow: none;
            color: #8a8a8a;
            float: left;
            height: 30px;
            padding: 0 10px
        }

        .inbox-head .sr-btn {
            background: none repeat scroll 0 0 #38a01e;
            border: none;
            border-radius: 0 4px 4px 0;
            color: #fff;
            height: 30px;
            padding: 0 20px
        }

    .table-inbox {
        border: 1px solid #e9ebfa;
        margin-bottom: 0
    }

        .table-inbox tr {
            border-bottom: 1px solid #e9ebfa
        }

            .table-inbox tr:last-child {
                border-bottom: 0
            }

            .table-inbox tr td {
                padding: 12px !important;
                vertical-align: middle
            }

                .table-inbox tr td:hover {
                    cursor: pointer
                }

                .table-inbox tr td .fa-star {
                    color: #e6e9f1;
                    font-size: 16px
                }

                    .table-inbox tr td .fa-star.inbox-started {
                        color: #e6e9f1
                    }

                    .table-inbox tr td .fa-star:hover {
                        color: #fbc518
                    }

                .table-inbox tr td i {
                    color: #e6e9f1
                }

                    .table-inbox tr td i:hover {
                        color: #f7284a
                    }

            .table-inbox tr.unread td {
                background: #ebeff8;
                border-bottom: 1px solid #e9ebfa;
                font-weight: 600
            }

    ul.inbox-pagination {
        float: right
    }

        ul.inbox-pagination li {
            float: left
        }

    .mail-option {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%
    }

        .mail-option .chk-all input[type=checkbox] {
            margin-top: 0
        }

        .mail-option .btn-group a.all {
            border: 0 !important;
            box-shadow: none;
            outline: 0;
            padding: 0 !important
        }

        .mail-option .btn-group,
        .mail-option .chk-all {
            margin-right: 5px
        }

            .mail-option .btn-group a.btn,
            .mail-option .chk-all {
                border: 1px solid #e9ebfa;
                border-radius: 3px !important;
                display: inline-block;
                padding: 5px 10px
            }

    .inbox-pagination a.np-btn {
        border: 1px solid #e9ebfa;
        border-radius: 3px !important;
        display: inline-block;
        margin-left: 5px;
        padding: 5px 15px
    }

    .inbox-pagination li span {
        display: inline-block;
        margin-right: 5px;
        margin-top: 7px
    }

    .inbox-body .modal .modal-body input,
    .inbox-body .modal .modal-body textarea {
        border: 1px solid #e6e6e6;
        box-shadow: none
    }

    .btn-send,
    .btn-send:hover {
        background: none repeat scroll 0 0 #00a8b3;
        color: #fff
    }

        .btn-send:hover {
            background: none repeat scroll 0 0 #009da7
        }

    .modal-header h4.modal-title {
        font-weight: 300
    }

    .heading-inbox h4 {
        border-bottom: 1px solid #ddd;
        color: #444;
        font-size: 18px;
        margin-top: 20px;
        padding-bottom: 10px
    }

    .sender-info {
        margin-bottom: 20px
    }

        .sender-info img {
            height: 30px;
            width: 30px
        }

    .sender-dropdown {
        background: none repeat scroll 0 0 1px solid #e9ebfa;
        color: #777;
        font-size: 10px;
        padding: 0 3px
    }

    .view-mail a {
        color: #ff6c60
    }

    .attachment-mail {
        margin-top: 30px
    }

        .attachment-mail ul {
            display: inline-block;
            margin-bottom: 30px;
            width: 100%
        }

            .attachment-mail ul li {
                float: left;
                margin-bottom: 10px;
                margin-right: 10px;
                width: 150px
            }

                .attachment-mail ul li img {
                    width: 100%
                }

                .attachment-mail ul li span {
                    float: right
                }

        .attachment-mail .file-name {
            float: left
        }

        .attachment-mail .links {
            display: inline-block;
            width: 100%
        }

    .fileinput-button {
        background: none repeat scroll 0 0 #eee;
        border: 1px solid #e6e6e6;
        float: left;
        margin-right: 4px;
        overflow: hidden;
        position: relative
    }

        .fileinput-button input {
            cursor: pointer;
            direction: ltr;
            font-size: 23px;
            margin: 0;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            transform: translate(-300px) scale(4)
        }

    .fileupload-buttonbar .btn,
    .fileupload-buttonbar .toggle {
        margin-bottom: 5px
    }

    .files .progress {
        width: 200px
    }

    .fileupload-processing .fileupload-loading {
        display: block
    }

    .mail-chats {
        border-top: 1px solid hsla(0, 0%, 50%, .16);
        display: flex !important;
        flex-direction: column !important;
        height: 100%;
        list-style-type: none;
        margin-top: 10px;
        min-height: 0;
        padding: 10px 50px 10px 0;
        width: 100%
    }

        .mail-chats li.chat-persons {
            display: block;
            padding: 10px
        }

    li.chat-persons a {
        text-decoration: none
    }

    .mail-chats li.chat-persons a span.pro-pic {
        display: inline-block;
        float: left;
        margin-right: 20px;
        max-width: 40px;
        padding: 0;
        width: 20%
    }

        .mail-chats li.chat-persons a span.pro-pic img {
            border-radius: 100%;
            flex-direction: column !important;
            max-width: 100%;
            width: 100%
        }

    .mail-chats li.chat-persons a div.user {
        flex-direction: column !important
    }

    ul.mail-chats li.chat-persons a div.user {
        display: flex !important
    }

    .mail-chats li.chat-persons.user {
        display: flex !important;
        flex-direction: column !important;
        padding: 5px 10px 0 15px;
        width: 80%
    }

    .user p.u-name {
        color: #1f2127;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin: 0
    }

    .user p.u-designation {
        color: #6b6f80;
        font-size: 11px;
        margin: 0
    }

    div.online-status .status.online {
        background: rgba(0, 128, 0, .68)
    }

    .online-status .status {
        border-radius: 100%;
        display: inline-flex;
        height: 10px;
        justify-content: flex-start;
        transform: translateX(-60px) translateY(2px);
        width: 10px
    }

        .online-status .status.offline {
            background: rgba(255, 0, 0, .7)
        }

    .mail-inbox .icons {
        background: transparent;
        border: 1px solid #e9ebfa;
        border-radius: 5px;
        color: #565b95 !important;
        display: block !important;
        font-size: 16px;
        height: 30px !important;
        line-height: 30px !important;
        margin-right: 8px;
        padding: 0 !important;
        text-align: center;
        width: 30px
    }

        .mail-inbox .icons:hover {
            background: #f3f4f7
        }

    .form-control {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid #d3dfea;
        border-radius: 5px;
        color: #263871;
        display: block;
        font-size: .9375rem;
        line-height: 1.6;
        opacity: 1;
        outline: 0;
        padding: .375rem .75rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        width: 100%
    }

        .form-control::-ms-expand {
            background-color: transparent;
            border: 0
        }

        .form-control:focus {
            background-color: #fff;
            border-color: #36f;
            box-shadow: none;
            color: #424e79;
            outline: 0
        }

        .form-control:-ms-input-placeholder,
        .form-control::-moz-placeholder,
        .form-control::-ms-input-placeholder,
        .form-control::-webkit-input-placeholder {
            color: #bcc0e2 !important;
            opacity: 1
        }

        .form-control:disabled {
            background-color: #f4f5f9;
            opacity: 1
        }

        .form-control[readonly] {
            background-color: #f5f6fb;
            opacity: 1
        }

        .form-control.browse-file[readonly] {
            background: transparent
        }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 15px !important;
        padding-right: 20px
    }

    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #d3dfea !important;
        border-radius: 4px
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        background-color: #fff;
        border-color: #36f;
        box-shadow: none;
        color: #495057;
        outline: 0
    }

    .select2-container--default .select2-selection--multiple {
        background-color: #fff;
        border: 1px solid #d3dfea !important;
        border-radius: 4px;
        cursor: text
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border: 1px solid #d3dfea !important;
        border-radius: 4px;
        outline: 0
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #eaeefa !important;
        border: 1px solid #d3dfea !important;
        outline: 0
    }

    @media screen and (prefers-reduced-motion:reduce) {
        .form-control {
            transition: none
        }
    }

    .form-control::-moz-placeholder {
        color: #bcc0e2 !important;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #bcc0e2 !important;
        opacity: 1
    }

    .form-control::placeholder {
        color: #bcc0e2 !important;
        opacity: 1
    }

    select.form-control:not([size]):not([multiple]) {
        height: 2.275rem
    }

    .select2-container .select2-selection--single {
        height: 2.275rem !important
    }

    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--single:focus {
        outline: 0
    }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #444;
            line-height: 35px !important
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 2.375rem !important
        }

    select.form-control:focus::-ms-value {
        background-color: #fff;
        color: #495057
    }

    .form-control-file,
    .form-control-range {
        display: block;
        width: 100%
    }

    .col-form-label {
        font-size: inherit;
        line-height: 1.6;
        margin-bottom: 0;
        padding-bottom: calc(.375rem + 1px);
        padding-top: calc(.375rem + 1px)
    }

    .col-form-label-lg {
        font-size: 1.125rem;
        line-height: 1.44444444;
        padding-bottom: calc(.5rem + 1px);
        padding-top: calc(.5rem + 1px)
    }

    .col-form-label-sm {
        font-size: .875rem;
        line-height: 1.14285714;
        padding-bottom: calc(.25rem + 1px);
        padding-top: calc(.25rem + 1px)
    }

    .form-control-plaintext {
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0;
        color: #495057;
        display: block;
        line-height: 1.6;
        margin-bottom: 0;
        padding-bottom: .375rem;
        padding-top: .375rem;
        width: 100%
    }

        .form-control-plaintext.form-control-lg,
        .form-control-plaintext.form-control-sm {
            padding-left: 0;
            padding-right: 0
        }

    .form-control-sm {
        border-radius: 3px;
        font-size: .875rem;
        line-height: 1.14285714;
        padding: .5rem
    }

    select.form-control-sm:not([size]):not([multiple]) {
        height: calc(1.8125rem + 2px)
    }

    .form-control-lg {
        border-radius: 3px;
        font-size: 1.125rem;
        line-height: 1.44444444;
        padding: .5rem 1rem
    }

    select.form-control-lg:not([size]):not([multiple]) {
        height: calc(2.6875rem + 2px)
    }

    .form-group {
        margin-bottom: 1rem
    }

    .form-text {
        display: block;
        margin-top: .25rem
    }

    .form-row {
        display: flex;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px
    }

        .form-row > .col,
        .form-row > [class*=col-] {
            padding-left: 5px;
            padding-right: 5px
        }

    .form-check {
        display: block;
        padding-left: 1.25rem;
        position: relative
    }

    .form-check-input {
        margin-left: -1.25rem;
        margin-top: .3rem;
        position: absolute
    }

        .form-check-input:disabled ~ .form-check-label {
            color: #505662
        }

    .form-check-label {
        margin-bottom: 0
    }

    .form-check-inline {
        align-items: center;
        display: inline-flex;
        margin-right: .75rem;
        padding-left: 0
    }

        .form-check-inline .form-check-input {
            margin-left: 0;
            margin-right: .3125rem;
            margin-top: 0;
            position: static
        }

    .valid-feedback {
        color: #0dcd94;
        display: none;
        font-size: 87.5%;
        margin-top: .25rem;
        width: 100%
    }

    .valid-tooltip {
        background-color: rgba(94, 186, 0, .8);
        border-radius: .2rem;
        color: #fff;
        display: none;
        font-size: .875rem;
        line-height: 1;
        margin-top: .1rem;
        max-width: 100%;
        padding: .5rem;
        position: absolute;
        top: 100%;
        z-index: 5
    }

    .custom-select.is-valid,
    .form-control.is-valid,
    .was-validated .custom-select:valid,
    .was-validated .form-control:valid {
        border-color: #0dcd94
    }

        .custom-select.is-valid:focus,
        .form-control.is-valid:focus,
        .was-validated .custom-select:valid:focus,
        .was-validated .form-control:valid:focus {
            border-color: #0dcd94;
            box-shadow: 0 0 0 2px rgba(94, 186, 0, .25)
        }

        .was-validated .form-control:valid ~ .valid-feedback,
        .was-validated .form-control:valid ~ .valid-tooltip {
            display: block
        }

        .form-control.is-valid ~ .valid-feedback,
        .form-control.is-valid ~ .valid-tooltip {
            display: block
        }

        .was-validated .custom-select:valid ~ .valid-feedback,
        .was-validated .custom-select:valid ~ .valid-tooltip {
            display: block
        }

        .custom-select.is-valid ~ .valid-feedback,
        .custom-select.is-valid ~ .valid-tooltip {
            display: block
        }

    .form-check-input.is-valid ~ .form-check-label,
    .was-validated .form-check-input:valid ~ .form-check-label {
        color: #0dcd94
    }

    .was-validated .form-check-input:valid ~ .valid-feedback,
    .was-validated .form-check-input:valid ~ .valid-tooltip {
        display: block
    }

    .form-check-input.is-valid ~ .valid-feedback,
    .form-check-input.is-valid ~ .valid-tooltip {
        display: block
    }

    .custom-control-input.is-valid ~ .custom-control-label,
    .was-validated .custom-control-input:valid ~ .custom-control-label {
        color: #0dcd94
    }

        .custom-control-input.is-valid ~ .custom-control-label:before,
        .was-validated .custom-control-input:valid ~ .custom-control-label:before {
            background-color: #9eff3b
        }

    .was-validated .custom-control-input:valid ~ .valid-feedback,
    .was-validated .custom-control-input:valid ~ .valid-tooltip {
        display: block
    }

    .custom-control-input.is-valid ~ .valid-feedback,
    .custom-control-input.is-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: #78ed00
    }

    .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 #ebeff8, 0 0 0 2px rgba(94, 186, 0, .25)
    }

    .custom-file-input.is-valid ~ .custom-file-label,
    .was-validated .custom-file-input:valid ~ .custom-file-label {
        border-color: #0dcd94
    }

        .custom-file-input.is-valid ~ .custom-file-label:before,
        .was-validated .custom-file-input:valid ~ .custom-file-label:before {
            border-color: inherit
        }

    .was-validated .custom-file-input:valid ~ .valid-feedback,
    .was-validated .custom-file-input:valid ~ .valid-tooltip {
        display: block
    }

    .custom-file-input.is-valid ~ .valid-feedback,
    .custom-file-input.is-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 2px rgba(94, 186, 0, .25)
    }

    .invalid-feedback {
        color: #dc0441;
        display: none;
        font-size: 87.5%;
        margin-top: .25rem;
        width: 100%
    }

    .invalid-tooltip {
        background-color: rgba(205, 32, 31, .8);
        border-radius: .2rem;
        color: #fff;
        display: none;
        font-size: .875rem;
        line-height: 1;
        margin-top: .1rem;
        max-width: 100%;
        padding: .5rem;
        position: absolute;
        top: 100%;
        z-index: 5
    }

    .custom-select.is-invalid,
    .form-control.is-invalid,
    .was-validated .custom-select:invalid,
    .was-validated .form-control:invalid {
        border-color: #dc0441
    }

        .custom-select.is-invalid:focus,
        .form-control.is-invalid:focus,
        .was-validated .custom-select:invalid:focus,
        .was-validated .form-control:invalid:focus {
            border-color: #dc0441;
            box-shadow: 0 0 0 2px rgba(205, 32, 31, .25)
        }

        .was-validated .form-control:invalid ~ .invalid-feedback,
        .was-validated .form-control:invalid ~ .invalid-tooltip {
            display: block
        }

        .form-control.is-invalid ~ .invalid-feedback,
        .form-control.is-invalid ~ .invalid-tooltip {
            display: block
        }

        .was-validated .custom-select:invalid ~ .invalid-feedback,
        .was-validated .custom-select:invalid ~ .invalid-tooltip {
            display: block
        }

        .custom-select.is-invalid ~ .invalid-feedback,
        .custom-select.is-invalid ~ .invalid-tooltip {
            display: block
        }

    .form-check-input.is-invalid ~ .form-check-label,
    .was-validated .form-check-input:invalid ~ .form-check-label {
        color: #dc0441
    }

    .was-validated .form-check-input:invalid ~ .invalid-feedback,
    .was-validated .form-check-input:invalid ~ .invalid-tooltip {
        display: block
    }

    .form-check-input.is-invalid ~ .invalid-feedback,
    .form-check-input.is-invalid ~ .invalid-tooltip {
        display: block
    }

    .custom-control-input.is-invalid ~ .custom-control-label,
    .was-validated .custom-control-input:invalid ~ .custom-control-label {
        color: #dc0441
    }

        .custom-control-input.is-invalid ~ .custom-control-label:before,
        .was-validated .custom-control-input:invalid ~ .custom-control-label:before {
            background-color: #ec8080
        }

    .was-validated .custom-control-input:invalid ~ .invalid-feedback,
    .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
        display: block
    }

    .custom-control-input.is-invalid ~ .invalid-feedback,
    .custom-control-input.is-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: #e23e3d
    }

    .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 #ebeff8, 0 0 0 2px rgba(205, 32, 31, .25)
    }

    .custom-file-input.is-invalid ~ .custom-file-label,
    .was-validated .custom-file-input:invalid ~ .custom-file-label {
        border-color: #dc0441
    }

        .custom-file-input.is-invalid ~ .custom-file-label:before,
        .was-validated .custom-file-input:invalid ~ .custom-file-label:before {
            border-color: inherit
        }

    .was-validated .custom-file-input:invalid ~ .invalid-feedback,
    .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
        display: block
    }

    .custom-file-input.is-invalid ~ .invalid-feedback,
    .custom-file-input.is-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 2px rgba(205, 32, 31, .25)
    }

    .form-inline {
        align-items: center;
        display: flex;
        flex-flow: row wrap
    }

        .form-inline .form-check {
            width: 100%
        }

    @media (min-width:576px) {
        .form-inline label {
            justify-content: center
        }

        .form-inline .form-group,
        .form-inline label {
            align-items: center;
            display: flex;
            margin-bottom: 0
        }

        .form-inline .form-group {
            flex: 0 0 auto;
            flex-flow: row wrap
        }

        .form-inline .form-control {
            display: inline-block;
            vertical-align: middle;
            width: auto
        }

        .form-inline .form-control-plaintext {
            display: inline-block
        }

        .form-inline .custom-select,
        .form-inline .input-group {
            width: auto
        }

        .form-inline .form-check {
            align-items: center;
            display: flex;
            justify-content: center;
            padding-left: 0;
            width: auto
        }

        .form-inline .form-check-input {
            margin-left: 0;
            margin-right: .25rem;
            margin-top: 0;
            position: relative
        }

        .form-inline .custom-control {
            align-items: center;
            justify-content: center
        }

        .form-inline .custom-control-label {
            margin-bottom: 0
        }
    }

    .select2-container--focus {
        outline: 1px auto #d3dfea
    }

    .ms-choice,
    .ms-choice:focus,
    select [aria-selected=true],
    select [aria-selected=true]:focus {
        outline: 0
    }

    .input-lg {
        border-radius: 4px;
        font-size: 18px;
        height: 50px !important;
        line-height: 1.3333333;
        padding: 10px 16px
    }

    .form-fieldset {
        background: #f8f9fa;
        border: 1px solid #e9ecef;
        border-radius: 3px;
        margin-bottom: 1rem;
        padding: 1rem
    }

    .form-required {
        color: #dc0441
    }

        .form-required:before {
            content: " "
        }

    .state-valid {
        background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>") no-repeat center right .5rem/1rem;
        padding-right: 2rem
    }

    .state-invalid {
        background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>") no-repeat center right .5rem/1rem;
        padding-right: 2rem
    }

    .form-help {
        background: #eaeefa;
        border-radius: 50%;
        color: #263871;
        cursor: pointer;
        display: inline-block;
        font-size: .75rem;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s, color .3s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 1rem
    }

        .form-help:hover,
        .form-help[aria-describedby] {
            background: #36f;
            color: #fff
        }

    .wizard {
        background-color: #fff;
        border: 1px solid #e9edf4
    }

        .wizard > .steps {
            padding: 20px
        }

            .wizard > .steps > ul {
                display: flex;
                margin-bottom: 0;
                padding: 0
            }

                .wizard > .steps > ul li {
                    display: block;
                    float: none;
                    width: auto
                }

                    .wizard > .steps > ul li .current-info {
                        display: none
                    }

                    .wizard > .steps > ul li .title {
                        margin: 0;
                        min-height: auto;
                        transition: all .2s ease-in-out;
                        white-space: nowrap
                    }

                    .wizard > .steps > ul li + li {
                        margin-left: 5px
                    }

            .wizard > .steps a,
            .wizard > .steps a:active,
            .wizard > .steps a:hover {
                align-items: center;
                color: #36f;
                display: flex;
                font-size: 15px;
                font-weight: 500;
                justify-content: center
            }

                .wizard > .steps a .number,
                .wizard > .steps a:active .number,
                .wizard > .steps a:hover .number {
                    background-color: #b4bdce;
                    border-radius: 100%;
                    color: #fff;
                    display: block;
                    flex-shrink: 0;
                    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
                    font-weight: 700;
                    height: 30px;
                    line-height: 2;
                    margin-right: 5px;
                    text-align: center;
                    transition: all .2s ease-in-out;
                    width: 30px
                }

            .wizard > .steps .disabled a,
            .wizard > .steps .disabled a:active,
            .wizard > .steps .disabled a:hover {
                color: #737688
            }

            .wizard > .steps .current a,
            .wizard > .steps .current a:active,
            .wizard > .steps .current a:hover {
                color: #36f
            }

                .wizard > .steps .current a .title,
                .wizard > .steps .current a:active .title,
                .wizard > .steps .current a:hover .title {
                    display: inline-block
                }

                .wizard > .steps .current a .number,
                .wizard > .steps .current a:active .number,
                .wizard > .steps .current a:hover .number {
                    background-color: #36f
                }

            .wizard > .steps .done a,
            .wizard > .steps .done a:active,
            .wizard > .steps .done a:hover {
                color: #0dcd94
            }

                .wizard > .steps .done a .title,
                .wizard > .steps .done a:active .title,
                .wizard > .steps .done a:hover .title {
                    display: none
                }

                .wizard > .steps .done a .number,
                .wizard > .steps .done a:active .number,
                .wizard > .steps .done a:hover .number {
                    background-color: #0dcd94
                }

        .wizard > .content {
            border-bottom: 1px solid #e9edf4;
            border-top: 1px solid #e9edf4;
            min-height: 150px;
            padding: 20px
        }

            .wizard > .content > .title {
                color: #263871;
                display: none;
                font-size: 18px;
                font-weight: 600;
                margin: 0;
                padding-bottom: 15px
            }

                .wizard > .content > .title.current {
                    display: block
                }

            .wizard > .content > .body {
                float: none;
                height: auto;
                position: static;
                width: auto
            }

                .wizard > .content > .body input.parsley-error {
                    border-color: #ff5c77
                }

                    .wizard > .content > .body input.parsley-error + ul {
                        list-style: none !important
                    }

        .wizard > .actions {
            padding: 20px
        }

            .wizard > .actions > ul {
                display: flex;
                justify-content: space-between;
                list-style: none;
                margin: 0;
                padding: 0
            }

                .wizard > .actions > ul > li:last-child a {
                    background-color: #0dcd94
                }

            .wizard > .actions a,
            .wizard > .actions a:active,
            .wizard > .actions a:hover {
                background-color: #36f;
                border-radius: 4px;
                color: #fff;
                display: block;
                font-weight: 500;
                line-height: 1.573;
                padding: 9px 25px
            }

            .wizard > .actions .disabled a,
            .wizard > .actions .disabled a:active,
            .wizard > .actions .disabled a:hover {
                background-color: #e8ebf2;
                color: #263871
            }

        .wizard.vertical > .steps {
            padding: 20px
        }

            .wizard.vertical > .steps ul li + li {
                margin-left: 10px
            }

            .wizard.vertical > .steps ul li .title {
                display: none
            }

            .wizard.vertical > .steps .current a .title {
                display: inline-block
            }

        .wizard.vertical > .content {
            margin: 0;
            padding: 20px
        }

        .wizard.vertical > .actions {
            padding: 20px
        }

            .wizard.vertical > .actions ul {
                float: none;
                margin: 0;
                padding: 0
            }

    @media (min-width:768px) {
        .wizard > .steps {
            padding: 25px
        }
    }

    @media (min-width:992px) {
        .wizard > .steps {
            padding: 20px
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .wizard > .steps > ul li .title {
            transition: none
        }
    }

    @media (min-width:576px) {
        .wizard > .steps > ul li .title {
            display: none;
            margin-left: 10px
        }
    }

    @media (min-width:768px) {
        .wizard > .steps > ul li .title {
            display: inline-block
        }
    }

    @media (min-width:576px) {
        .wizard > .steps > ul li + li {
            margin-left: 20px
        }
    }

    @media (min-width:992px) {
        .wizard > .steps > ul li + li {
            margin-left: 30px
        }
    }

    @media (min-width:1200px) {
        .wizard > .steps a,
        .wizard > .steps a:active,
        .wizard > .steps a:hover {
            justify-content: flex-start
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .wizard > .steps a .number,
        .wizard > .steps a:active .number,
        .wizard > .steps a:hover .number {
            transition: none
        }
    }

    @media (min-width:576px) {
        .wizard > .steps a .number,
        .wizard > .steps a:active .number,
        .wizard > .steps a:hover .number {
            font-size: 18px;
            font-weight: 600;
            height: 40px;
            line-height: 2.1;
            width: 40px
        }
    }

    @media (min-width:992px) {
        .wizard > .steps .disabled {
            display: block
        }
    }

    @media (max-width:991px) {
        .wizard > .steps .disabled {
            display: none
        }
    }

    @media (min-width:768px) {
        .wizard > .steps .done a .title,
        .wizard > .steps .done a:active .title,
        .wizard > .steps .done a:hover .title {
            display: inline-block
        }

        .wizard > .content {
            padding: 25px
        }
    }

    @media (min-width:992px) {
        .wizard > .content {
            padding: 20px
        }
    }

    @media (min-width:768px) {
        .wizard > .actions {
            padding: 25px
        }
    }

    @media (min-width:992px) {
        .wizard > .actions {
            padding: 20px
        }
    }

    @media (min-width:576px) {
        .wizard.vertical > .steps {
            float: left;
            width: 20%
        }
    }

    @media (min-width:768px) {
        .wizard.vertical > .steps {
            width: 15%
        }
    }

    @media (min-width:992px) {
        .wizard.vertical > .steps {
            padding: 20px;
            width: 30%
        }
    }

    @media (min-width:576px) {
        .wizard.vertical > .steps ul {
            flex-direction: column
        }

            .wizard.vertical > .steps ul li + li {
                margin-left: 0;
                margin-top: 10px
            }
    }

    @media (min-width:768px) {
        .wizard.vertical > .steps ul li + li {
            margin-top: 20px
        }
    }

    @media (min-width:992px) {
        .wizard.vertical > .steps ul li .title {
            display: block
        }

        .wizard.vertical > .steps a {
            justify-content: flex-start
        }
    }

    @media (min-width:576px) {
        .wizard.vertical > .steps .current a .title {
            display: none
        }
    }

    @media (min-width:992px) {
        .wizard.vertical > .steps .current a .title {
            display: inline-block
        }
    }

    @media (min-width:576px) {
        .wizard.vertical > .content {
            border-bottom-width: 0;
            border-left: 1px solid #e9edf4;
            border-top-width: 0;
            float: right;
            width: 80%
        }
    }

    @media (min-width:768px) {
        .wizard.vertical > .content {
            width: 85%
        }
    }

    @media (min-width:992px) {
        .wizard.vertical > .content {
            padding: 25px;
            width: 70%
        }
    }

    @media (min-width:576px) {
        .wizard.vertical > .actions {
            border-left: 1px solid #e9edf4;
            float: right;
            width: 80%
        }
    }

    @media (min-width:768px) {
        .wizard.vertical > .actions {
            width: 85%
        }
    }

    @media (min-width:992px) {
        .wizard.vertical > .actions {
            padding: 25px;
            width: 70%
        }
    }

    .step-equal-width > .steps > ul {
        display: flex
    }

        .step-equal-width > .steps > ul > li {
            flex: 1;
            float: none;
            width: auto
        }

    .wizard-style-1 > .steps > ul a,
    .wizard-style-1 > .steps > ul a:active,
    .wizard-style-1 > .steps > ul a:hover {
        height: 50px;
        padding: 0
    }

        .wizard-style-1 > .steps > ul a .number,
        .wizard-style-1 > .steps > ul a:active .number,
        .wizard-style-1 > .steps > ul a:hover .number {
            background-color: #f3f7fd;
            border: 0;
            border-radius: 0;
            color: #737688;
            font-size: 18px;
            font-weight: 700;
            height: 100%;
            width: 50px
        }

        .wizard-style-1 > .steps > ul a .title,
        .wizard-style-1 > .steps > ul a:active .title,
        .wizard-style-1 > .steps > ul a:hover .title {
            margin-left: 20px;
            margin-right: 20px
        }

    .wizard-style-1 > .steps > ul .current a .number,
    .wizard-style-1 > .steps > ul .current a:active .number,
    .wizard-style-1 > .steps > ul .current a:hover .number {
        background-color: #36f;
        color: #fff
    }

    .wizard-style-1 > .steps > ul .done a .number,
    .wizard-style-1 > .steps > ul .done a:active .number,
    .wizard-style-1 > .steps > ul .done a:hover .number {
        background-color: #643ab0;
        color: #fff
    }

    .wizard-style-2 > .steps > ul a,
    .wizard-style-2 > .steps > ul a:active,
    .wizard-style-2 > .steps > ul a:hover {
        border-radius: 50px;
        height: 50px;
        padding: 0
    }

        .wizard-style-2 > .steps > ul a .number,
        .wizard-style-2 > .steps > ul a:active .number,
        .wizard-style-2 > .steps > ul a:hover .number {
            background-color: #fff;
            border: 2px solid #f3f7fd;
            color: #737688;
            font-size: 18px;
            font-weight: 700;
            height: 100%;
            width: 50px
        }

        .wizard-style-2 > .steps > ul a .title,
        .wizard-style-2 > .steps > ul a:active .title,
        .wizard-style-2 > .steps > ul a:hover .title {
            margin-right: 20px
        }

    .wizard-style-2 > .steps > ul .current a .number,
    .wizard-style-2 > .steps > ul .current a:active .number,
    .wizard-style-2 > .steps > ul .current a:hover .number {
        border-color: #36f;
        color: #36f
    }

    .wizard-style-2 > .steps > ul .done a .number,
    .wizard-style-2 > .steps > ul .done a:active .number,
    .wizard-style-2 > .steps > ul .done a:hover .number {
        border-color: #8c3feb;
        color: #8c3feb
    }

    .parsley-required {
        color: #ff5c77;
        font-size: 12px;
        margin-top: 3px
    }

    .wizard-card .moving-tab {
        background-color: #36f !important;
        margin-top: 5px
    }

    .form-group label.control-label {
        color: #36f
    }

    .wizard-card.form-group .form-control {
        background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2))
    }

    .wizard-container .wizard-navigation {
        background: #ebeff8
    }

    .wizard-card .choice.active .icon,
    .wizard-card .choice:hover .icon {
        border-color: #36f !important;
        color: #36f !important
    }

    .demo-gallery > ul {
        margin-bottom: 0
    }

        .demo-gallery > ul > li {
            border: 0;
            float: left;
            margin-bottom: 15px;
            width: 200px
        }

            .demo-gallery > ul > li a {
                border: 3px solid #fff;
                border-radius: 3px;
                display: block;
                float: left;
                overflow: hidden;
                position: relative
            }

                .demo-gallery > ul > li a > img {
                    height: 100%;
                    transform: scaleX(1);
                    transition: transform .15s ease 0s;
                    width: 100%
                }

                .demo-gallery > ul > li a:hover > img {
                    transform: scale3d(1.1, 1.1, 1.1)
                }

                .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
                    opacity: 1
                }

                .demo-gallery > ul > li a .demo-gallery-poster {
                    background-color: rgba(0, 0, 0, .1);
                    bottom: 0;
                    left: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
                    transition: background-color .15s ease 0s
                }

                    .demo-gallery > ul > li a .demo-gallery-poster > img {
                        left: 50%;
                        margin-left: -10px;
                        margin-top: -10px;
                        opacity: 0;
                        position: absolute;
                        top: 50%;
                        transition: opacity .3s ease 0s
                    }

                .demo-gallery > ul > li a:hover .demo-gallery-poster {
                    background-color: rgba(0, 0, 0, .5)
                }

    .demo-gallery .justified-gallery > a > img {
        height: 100%;
        transform: scaleX(1);
        transition: transform .15s ease 0s;
        width: 100%
    }

    .demo-gallery .justified-gallery > a:hover > img {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
        opacity: 1
    }

    .demo-gallery .justified-gallery > a .demo-gallery-poster {
        background-color: rgba(0, 0, 0, .1);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: background-color .15s ease 0s
    }

        .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
            left: 50%;
            margin-left: -10px;
            margin-top: -10px;
            opacity: 0;
            position: absolute;
            top: 50%;
            transition: opacity .3s ease 0s
        }

    .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
        background-color: rgba(0, 0, 0, .5)
    }

    .demo-gallery .video .demo-gallery-poster img {
        height: 48px;
        margin-left: -24px;
        margin-top: -24px;
        opacity: .8;
        width: 48px
    }

    .demo-gallery.dark > ul > li a {
        border: 3px solid #04070a
    }

    .home .demo-gallery {
        padding-bottom: 80px
    }

    .col-sm-3 a {
        border: 1px solid transparent;
        border-radius: 0;
        transition: all 3s ease
    }

        .col-sm-3 a:hover {
            background: linear-gradient(rgba(56, 123, 131, .7), rgba(56, 123, 131, .7));
            border: 1px solid #ff4647;
            border-radius: 100% 60%/30% 10%
        }

    .gallery-list {
        list-style-type: none;
        margin: -5px -5px 15px;
        padding: 0
    }

        .gallery-list > li {
            border: 1px solid #efefef;
            float: left;
            margin: 10px;
            padding: 10px;
            width: 23%
        }

            .gallery-list > li .image-container {
                background: #fff;
                border-radius: 5px;
                position: relative
            }

            .gallery-list > li .image {
                border-radius: 5px 5px 0 0;
                overflow: hidden;
                padding-top: 60%;
                position: relative
            }

                .gallery-list > li .image img {
                    left: 0;
                    max-width: 100%;
                    position: absolute;
                    right: 0;
                    top: 0;
                    z-index: 1
                }

            .gallery-list > li .btn-list {
                left: 10px;
                position: absolute;
                right: 10px;
                top: 10px;
                z-index: 1
            }

            .gallery-list > li .info {
                padding: 8px 10px
            }

                .gallery-list > li .info * {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap
                }

                .gallery-list > li .info h5 {
                    font-size: 12px;
                    margin: 0
                }

    @media (max-width:991px) {
        .gallery-list > li {
            width: 45.33%
        }
    }

    @media (max-width:480px) {
        .gallery-list > li {
            width: 100%
        }
    }

    .img-gallery {
        margin-bottom: -.5rem;
        margin-left: -.25rem;
        margin-right: -.25rem
    }

        .img-gallery > .col,
        .img-gallery > [class*=col-] {
            padding-bottom: .5rem;
            padding-left: .25rem;
            padding-right: .25rem
        }

    .timeline__item:after {
        background: #fff !important
    }

    .timeline--horizontal .timeline-divider {
        background: #ebeff8 !important
    }

    .timeline__content {
        background-color: #fff;
        background-color: #eaf0f9;
        border-radius: 10px;
        display: block;
        padding: 1.25rem;
        position: relative
    }

    .timeline__item:after {
        border: 6px solid #36f
    }

    .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
    }

    .d-none {
        display: none !important
    }

    .d-inline {
        display: inline !important
    }

    .d-inline-block {
        display: inline-block !important
    }

    .d-block {
        display: block !important
    }

    .d-table {
        display: table !important
    }

    .d-table-row {
        display: table-row !important
    }

    .d-table-cell {
        display: table-cell !important
    }

    .d-flex {
        display: flex !important
    }

    .d-inline-flex {
        display: inline-flex !important
    }

    @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: flex !important
        }

        .d-sm-inline-flex {
            display: inline-flex !important
        }
    }

    @media (min-width:768px) {
        .d-md-none {
            display: none !important
        }

        .d-md-inline {
            display: inline !important
        }

        .d-md-inline-block {
            display: inline-block !important
        }

        .d-md-block {
            display: block !important
        }

        .d-md-table {
            display: table !important
        }

        .d-md-table-row {
            display: table-row !important
        }

        .d-md-table-cell {
            display: table-cell !important
        }

        .d-md-flex {
            display: flex !important
        }

        .d-md-inline-flex {
            display: inline-flex !important
        }
    }

    @media (min-width:992px) {
        .d-lg-none {
            display: none !important
        }

        .d-lg-inline {
            display: inline !important
        }

        .d-lg-inline-block {
            display: inline-block !important
        }

        .d-lg-block {
            display: block !important
        }

        .d-lg-table {
            display: table !important
        }

        .d-lg-table-row {
            display: table-row !important
        }

        .d-lg-table-cell {
            display: table-cell !important
        }

        .d-lg-flex {
            display: flex !important
        }

        .d-lg-inline-flex {
            display: inline-flex !important
        }
    }

    @media (min-width:1280px) {
        .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: flex !important
        }

        .d-xl-inline-flex {
            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: flex !important
        }

        .d-print-inline-flex {
            display: inline-flex !important
        }
    }

    .flex-row {
        flex-direction: row !important
    }

    .flex-column {
        flex-direction: column !important
    }

    .flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-wrap {
        flex-wrap: wrap !important
    }

    .flex-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-fill {
        flex: 1 1 auto !important
    }

    .flex-grow-0 {
        flex-grow: 0 !important
    }

    .flex-grow-1 {
        flex-grow: 1 !important
    }

    .flex-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-start {
        justify-content: flex-start !important
    }

    .justify-content-end {
        justify-content: flex-end !important
    }

    .justify-content-center {
        justify-content: center !important
    }

    .justify-content-between {
        justify-content: space-between !important
    }

    .justify-content-around {
        justify-content: space-around !important
    }

    .align-items-start {
        align-items: flex-start !important
    }

    .align-items-end {
        align-items: flex-end !important
    }

    .align-items-center {
        align-items: center !important
    }

    .align-items-baseline {
        align-items: baseline !important
    }

    .align-items-stretch {
        align-items: stretch !important
    }

    .align-content-start {
        align-content: flex-start !important
    }

    .align-content-end {
        align-content: flex-end !important
    }

    .align-content-center {
        align-content: center !important
    }

    .align-content-between {
        align-content: space-between !important
    }

    .align-content-around {
        align-content: space-around !important
    }

    .align-content-stretch {
        align-content: stretch !important
    }

    .align-self-auto {
        align-self: auto !important
    }

    .align-self-start {
        align-self: flex-start !important
    }

    .align-self-end {
        align-self: flex-end !important
    }

    .align-self-center {
        align-self: center !important
    }

    .align-self-baseline {
        align-self: baseline !important
    }

    .align-self-stretch {
        align-self: stretch !important
    }

    @media (min-width:576px) {
        .flex-sm-row {
            flex-direction: row !important
        }

        .flex-sm-column {
            flex-direction: column !important
        }

        .flex-sm-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-sm-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-sm-wrap {
            flex-wrap: wrap !important
        }

        .flex-sm-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-sm-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .flex-sm-fill {
            flex: 1 1 auto !important
        }

        .flex-sm-grow-0 {
            flex-grow: 0 !important
        }

        .flex-sm-grow-1 {
            flex-grow: 1 !important
        }

        .flex-sm-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-sm-shrink-1 {
            flex-shrink: 1 !important
        }

        .justify-content-sm-start {
            justify-content: flex-start !important
        }

        .justify-content-sm-end {
            justify-content: flex-end !important
        }

        .justify-content-sm-center {
            justify-content: center !important
        }

        .justify-content-sm-between {
            justify-content: space-between !important
        }

        .justify-content-sm-around {
            justify-content: space-around !important
        }

        .align-items-sm-start {
            align-items: flex-start !important
        }

        .align-items-sm-end {
            align-items: flex-end !important
        }

        .align-items-sm-center {
            align-items: center !important
        }

        .align-items-sm-baseline {
            align-items: baseline !important
        }

        .align-items-sm-stretch {
            align-items: stretch !important
        }

        .align-content-sm-start {
            align-content: flex-start !important
        }

        .align-content-sm-end {
            align-content: flex-end !important
        }

        .align-content-sm-center {
            align-content: center !important
        }

        .align-content-sm-between {
            align-content: space-between !important
        }

        .align-content-sm-around {
            align-content: space-around !important
        }

        .align-content-sm-stretch {
            align-content: stretch !important
        }

        .align-self-sm-auto {
            align-self: auto !important
        }

        .align-self-sm-start {
            align-self: flex-start !important
        }

        .align-self-sm-end {
            align-self: flex-end !important
        }

        .align-self-sm-center {
            align-self: center !important
        }

        .align-self-sm-baseline {
            align-self: baseline !important
        }

        .align-self-sm-stretch {
            align-self: stretch !important
        }
    }

    @media (min-width:768px) {
        .flex-md-row {
            flex-direction: row !important
        }

        .flex-md-column {
            flex-direction: column !important
        }

        .flex-md-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-md-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-md-wrap {
            flex-wrap: wrap !important
        }

        .flex-md-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-md-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .flex-md-fill {
            flex: 1 1 auto !important
        }

        .flex-md-grow-0 {
            flex-grow: 0 !important
        }

        .flex-md-grow-1 {
            flex-grow: 1 !important
        }

        .flex-md-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-md-shrink-1 {
            flex-shrink: 1 !important
        }

        .justify-content-md-start {
            justify-content: flex-start !important
        }

        .justify-content-md-end {
            justify-content: flex-end !important
        }

        .justify-content-md-center {
            justify-content: center !important
        }

        .justify-content-md-between {
            justify-content: space-between !important
        }

        .justify-content-md-around {
            justify-content: space-around !important
        }

        .align-items-md-start {
            align-items: flex-start !important
        }

        .align-items-md-end {
            align-items: flex-end !important
        }

        .align-items-md-center {
            align-items: center !important
        }

        .align-items-md-baseline {
            align-items: baseline !important
        }

        .align-items-md-stretch {
            align-items: stretch !important
        }

        .align-content-md-start {
            align-content: flex-start !important
        }

        .align-content-md-end {
            align-content: flex-end !important
        }

        .align-content-md-center {
            align-content: center !important
        }

        .align-content-md-between {
            align-content: space-between !important
        }

        .align-content-md-around {
            align-content: space-around !important
        }

        .align-content-md-stretch {
            align-content: stretch !important
        }

        .align-self-md-auto {
            align-self: auto !important
        }

        .align-self-md-start {
            align-self: flex-start !important
        }

        .align-self-md-end {
            align-self: flex-end !important
        }

        .align-self-md-center {
            align-self: center !important
        }

        .align-self-md-baseline {
            align-self: baseline !important
        }

        .align-self-md-stretch {
            align-self: stretch !important
        }
    }

    @media (min-width:992px) {
        .flex-lg-row {
            flex-direction: row !important
        }

        .flex-lg-column {
            flex-direction: column !important
        }

        .flex-lg-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-lg-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-lg-wrap {
            flex-wrap: wrap !important
        }

        .flex-lg-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-lg-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .flex-lg-fill {
            flex: 1 1 auto !important
        }

        .flex-lg-grow-0 {
            flex-grow: 0 !important
        }

        .flex-lg-grow-1 {
            flex-grow: 1 !important
        }

        .flex-lg-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-lg-shrink-1 {
            flex-shrink: 1 !important
        }

        .justify-content-lg-start {
            justify-content: flex-start !important
        }

        .justify-content-lg-end {
            justify-content: flex-end !important
        }

        .justify-content-lg-center {
            justify-content: center !important
        }

        .justify-content-lg-between {
            justify-content: space-between !important
        }

        .justify-content-lg-around {
            justify-content: space-around !important
        }

        .align-items-lg-start {
            align-items: flex-start !important
        }

        .align-items-lg-end {
            align-items: flex-end !important
        }

        .align-items-lg-center {
            align-items: center !important
        }

        .align-items-lg-baseline {
            align-items: baseline !important
        }

        .align-items-lg-stretch {
            align-items: stretch !important
        }

        .align-content-lg-start {
            align-content: flex-start !important
        }

        .align-content-lg-end {
            align-content: flex-end !important
        }

        .align-content-lg-center {
            align-content: center !important
        }

        .align-content-lg-between {
            align-content: space-between !important
        }

        .align-content-lg-around {
            align-content: space-around !important
        }

        .align-content-lg-stretch {
            align-content: stretch !important
        }

        .align-self-lg-auto {
            align-self: auto !important
        }

        .align-self-lg-start {
            align-self: flex-start !important
        }

        .align-self-lg-end {
            align-self: flex-end !important
        }

        .align-self-lg-center {
            align-self: center !important
        }

        .align-self-lg-baseline {
            align-self: baseline !important
        }

        .align-self-lg-stretch {
            align-self: stretch !important
        }
    }

    @media (min-width:1280px) {
        .flex-xl-row {
            flex-direction: row !important
        }

        .flex-xl-column {
            flex-direction: column !important
        }

        .flex-xl-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-xl-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-xl-wrap {
            flex-wrap: wrap !important
        }

        .flex-xl-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-xl-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .flex-xl-fill {
            flex: 1 1 auto !important
        }

        .flex-xl-grow-0 {
            flex-grow: 0 !important
        }

        .flex-xl-grow-1 {
            flex-grow: 1 !important
        }

        .flex-xl-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-xl-shrink-1 {
            flex-shrink: 1 !important
        }

        .justify-content-xl-start {
            justify-content: flex-start !important
        }

        .justify-content-xl-end {
            justify-content: flex-end !important
        }

        .justify-content-xl-center {
            justify-content: center !important
        }

        .justify-content-xl-between {
            justify-content: space-between !important
        }

        .justify-content-xl-around {
            justify-content: space-around !important
        }

        .align-items-xl-start {
            align-items: flex-start !important
        }

        .align-items-xl-end {
            align-items: flex-end !important
        }

        .align-items-xl-center {
            align-items: center !important
        }

        .align-items-xl-baseline {
            align-items: baseline !important
        }

        .align-items-xl-stretch {
            align-items: stretch !important
        }

        .align-content-xl-start {
            align-content: flex-start !important
        }

        .align-content-xl-end {
            align-content: flex-end !important
        }

        .align-content-xl-center {
            align-content: center !important
        }

        .align-content-xl-between {
            align-content: space-between !important
        }

        .align-content-xl-around {
            align-content: space-around !important
        }

        .align-content-xl-stretch {
            align-content: stretch !important
        }

        .align-self-xl-auto {
            align-self: auto !important
        }

        .align-self-xl-start {
            align-self: flex-start !important
        }

        .align-self-xl-end {
            align-self: flex-end !important
        }

        .align-self-xl-center {
            align-self: center !important
        }

        .align-self-xl-baseline {
            align-self: baseline !important
        }

        .align-self-xl-stretch {
            align-self: stretch !important
        }
    }

    .float-left {
        float: left !important
    }

    .float-right {
        float: right !important
    }

    .float-none {
        float: none !important
    }

    @media (min-width:576px) {
        .float-sm-left {
            float: left !important
        }

        .float-sm-right {
            float: right !important
        }

        .float-sm-none {
            float: none !important
        }
    }

    @media (min-width:768px) {
        .float-md-left {
            float: left !important
        }

        .float-md-right {
            float: right !important
        }

        .float-md-none {
            float: none !important
        }
    }

    @media (min-width:992px) {
        .float-lg-left {
            float: left !important
        }

        .float-lg-right {
            float: right !important
        }

        .float-lg-none {
            float: none !important
        }
    }

    @media (min-width:1280px) {
        .float-xl-left {
            float: left !important
        }

        .float-xl-right {
            float: right !important
        }

        .float-xl-none {
            float: none !important
        }
    }

    .center-block {
        float: inherit !important;
        margin-left: auto;
        margin-right: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .relative {
        position: relative
    }

    .pos-static {
        position: static
    }

    .bg-primary {
        background-color: #36f !important
    }

    a.bg-primary:focus,
    a.bg-primary:hover,
    button.bg-primary:focus,
    button.bg-primary:hover {
        background-color: #404ef7 !important
    }

    .bg-secondary,
    a.bg-secondary:focus,
    a.bg-secondary:hover,
    button.bg-secondary:focus,
    button.bg-secondary:hover {
        background-color: #fe7f00 !important
    }

    .bg-success {
        background-color: #0dcd94 !important
    }

    a.bg-success:focus,
    a.bg-success:hover,
    button.bg-success:focus,
    button.bg-success:hover {
        background-color: #15ca7c !important
    }

    .bg-info {
        background-color: #128af9 !important
    }

    a.bg-info:focus,
    a.bg-info:hover,
    button.bg-info:focus,
    button.bg-info:hover {
        background-color: #1594ef !important
    }

    .bg-warning {
        background-color: #fbc518 !important
    }

    a.bg-warning:focus,
    a.bg-warning:hover,
    button.bg-warning:focus,
    button.bg-warning:hover {
        background-color: #c29d0b !important
    }

    .bg-danger {
        background-color: #f7284a !important
    }

    a.bg-danger:focus,
    a.bg-danger:hover,
    button.bg-danger:focus,
    button.bg-danger:hover {
        background-color: #a11918 !important
    }

    .bg-light {
        background-color: #ebeff8 !important
    }

    a.bg-light:focus,
    a.bg-light:hover,
    button.bg-light:focus,
    button.bg-light:hover {
        background-color: #dae0e5 !important
    }

    .bg-light2 {
        background-color: #fbfbfb !important
    }

    a.bg-light2:focus,
    a.bg-light2:hover,
    button.bg-light2:focus,
    button.bg-light2:hover {
        background-color: #ebeff8 !important
    }

    .bg-light3 {
        background-color: #d3dfea !important
    }

    .bg-light4 {
        background-color: #dbe2fc !important
    }

    .bg-dark {
        background-color: #353a40 !important
    }

    a.bg-dark:focus,
    a.bg-dark:hover,
    button.bg-dark:focus,
    button.bg-dark:hover {
        background-color: #1d2124 !important
    }

    .bg-transparent {
        background-color: transparent !important
    }

    .bg-gradient-primary {
        background: -webkit-gradient(linear, left top, right top, from(#36f), to(#113ca9))
    }

    .bg-gradient-success {
        background-image: linear-gradient(90deg, #63d457 0, #9fe797)
    }

    .bg-gradient-info {
        background-image: linear-gradient(90deg, #1e9fc4 0, #69c7de)
    }

    .bg-gradient-warning {
        background-image: linear-gradient(90deg, #fcaa01 0, #fece4d)
    }

    .bg-gradient-teal {
        background-image: linear-gradient(90deg, #00796b 0, #4db6ac)
    }

    .bg-gradient-blue {
        background-image: linear-gradient(90deg, #1976d2 0, #083dc1)
    }

    .bg-gradient-danger {
        background-image: linear-gradient(90deg, #f7284a 0, #fc9197)
    }

    .bg-gray-100 {
        background-color: #f1f2f7
    }

    .bg-gray-200 {
        background-color: #e5e7f1
    }

    .bg-gray-300 {
        background-color: #d2d6e4
    }

    .bg-gray-400 {
        background-color: #b7bdd2
    }

    .bg-gray-500 {
        background-color: #a2aac7
    }

    .bg-gray-600 {
        background-color: #8d96b7
    }

    .bg-gray-700 {
        background-color: #7a85ad
    }

    .bg-gray-800 {
        background-color: #53608c
    }

    .bg-gray-900 {
        background-color: #263871
    }

    .bg-white-1 {
        background-color: hsla(0, 0%, 100%, .1)
    }

    .bg-white-2 {
        background-color: hsla(0, 0%, 100%, .2)
    }

    .bg-white-3 {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .bg-white-4 {
        background-color: hsla(0, 0%, 100%, .4)
    }

    .bg-white-5 {
        background-color: hsla(0, 0%, 100%, .5)
    }

    .bg-white-6 {
        background-color: hsla(0, 0%, 100%, .6)
    }

    .bg-white-7 {
        background-color: hsla(0, 0%, 100%, .7)
    }

    .bg-white-8 {
        background-color: hsla(0, 0%, 100%, .8)
    }

    .bg-white-9 {
        background-color: hsla(0, 0%, 100%, .9)
    }

    .bg-black-1 {
        background-color: rgba(0, 0, 0, .1)
    }

    .bg-black-2 {
        background-color: rgba(0, 0, 0, .2)
    }

    .bg-black-3 {
        background-color: rgba(0, 0, 0, .3)
    }

    .bg-black-4 {
        background-color: rgba(0, 0, 0, .4)
    }

    .bg-black-5 {
        background-color: rgba(0, 0, 0, .5)
    }

    .bg-black-6 {
        background-color: rgba(0, 0, 0, .6)
    }

    .bg-black-7 {
        background-color: rgba(0, 0, 0, .7)
    }

    .bg-black-8 {
        background-color: rgba(0, 0, 0, .8)
    }

    .bg-black-9 {
        background-color: rgba(0, 0, 0, .9)
    }

    .bg-blue-lightest {
        background-color: #edf2fa !important
    }

    a.bg-blue-lightest:focus,
    a.bg-blue-lightest:hover,
    button.bg-blue-lightest:focus,
    button.bg-blue-lightest:hover {
        background-color: #c5d5ef !important
    }

    .bg-blue-lighter {
        background-color: #c8d9f1 !important
    }

    a.bg-blue-lighter:focus,
    a.bg-blue-lighter:hover,
    button.bg-blue-lighter:focus,
    button.bg-blue-lighter:hover {
        background-color: #9fbde7 !important
    }

    .bg-blue-light {
        background-color: #7ea5dd !important
    }

    a.bg-blue-light:focus,
    a.bg-blue-light:hover,
    button.bg-blue-light:focus,
    button.bg-blue-light:hover {
        background-color: #5689d2 !important
    }

    .bg-blue-dark {
        background-color: #3866a6 !important
    }

    a.bg-blue-dark:focus,
    a.bg-blue-dark:hover,
    button.bg-blue-dark:focus,
    button.bg-blue-dark:hover {
        background-color: #2b4f80 !important
    }

    .bg-blue-darker {
        background-color: #1c3353 !important
    }

    a.bg-blue-darker:focus,
    a.bg-blue-darker:hover,
    button.bg-blue-darker:focus,
    button.bg-blue-darker:hover {
        background-color: #0f1c2d !important
    }

    .bg-blue-darkest {
        background-color: #0e1929 !important
    }

    a.bg-blue-darkest:focus,
    a.bg-blue-darkest:hover,
    button.bg-blue-darkest:focus,
    button.bg-blue-darkest:hover {
        background-color: #010203 !important
    }

    .bg-purssianblue {
        background-color: #362f71
    }

    a.bg-purssianblue-lightest:focus,
    a.bg-purssianblue-lightest:hover,
    button.bg-purssianblue-lightest:focus,
    button.bg-purssianblue-lightest:hover {
        background-color: #3f3688 !important
    }

    .bg-indigo-lightest {
        background-color: #f0f1fa !important
    }

    a.bg-indigo-lightest:focus,
    a.bg-indigo-lightest:hover,
    button.bg-indigo-lightest:focus,
    button.bg-indigo-lightest:hover {
        background-color: #cacded !important
    }

    .bg-indigo-lighter {
        background-color: #d1d5f0 !important
    }

    a.bg-indigo-lighter:focus,
    a.bg-indigo-lighter:hover,
    button.bg-indigo-lighter:focus,
    button.bg-indigo-lighter:hover {
        background-color: #abb2e3 !important
    }

    .bg-indigo-light {
        background-color: #939edc !important
    }

    a.bg-indigo-light:focus,
    a.bg-indigo-light:hover,
    button.bg-indigo-light:focus,
    button.bg-indigo-light:hover {
        background-color: #6c7bd0 !important
    }

    .bg-indigo-dark {
        background-color: #515da4 !important
    }

    a.bg-indigo-dark:focus,
    a.bg-indigo-dark:hover,
    button.bg-indigo-dark:focus,
    button.bg-indigo-dark:hover {
        background-color: #404a82 !important
    }

    .bg-indigo-darker {
        background-color: #282e52 !important
    }

    a.bg-indigo-darker:focus,
    a.bg-indigo-darker:hover,
    button.bg-indigo-darker:focus,
    button.bg-indigo-darker:hover {
        background-color: #171b30 !important
    }

    .bg-indigo-darkest {
        background-color: #141729 !important
    }

    a.bg-indigo-darkest:focus,
    a.bg-indigo-darkest:hover,
    button.bg-indigo-darkest:focus,
    button.bg-indigo-darkest:hover {
        background-color: #030407 !important
    }

    .bg-purple-lightest {
        background-color: #f6effd !important
    }

    a.bg-purple-lightest:focus,
    a.bg-purple-lightest:hover,
    button.bg-purple-lightest:focus,
    button.bg-purple-lightest:hover {
        background-color: #ddc2f7 !important
    }

    .bg-purple-lighter {
        background-color: #e4cff9 !important
    }

    a.bg-purple-lighter:focus,
    a.bg-purple-lighter:hover,
    button.bg-purple-lighter:focus,
    button.bg-purple-lighter:hover {
        background-color: #cba2f3 !important
    }

    .bg-purple-light {
        background-color: #c08ef0 !important
    }

    a.bg-purple-light:focus,
    a.bg-purple-light:hover,
    button.bg-purple-light:focus,
    button.bg-purple-light:hover {
        background-color: #a761ea !important
    }

    .bg-purple-dark {
        background-color: #844bbb !important
    }

    a.bg-purple-dark:focus,
    a.bg-purple-dark:hover,
    button.bg-purple-dark:focus,
    button.bg-purple-dark:hover {
        background-color: #6a3a99 !important
    }

    .bg-purple-darker {
        background-color: #42265e !important
    }

    a.bg-purple-darker:focus,
    a.bg-purple-darker:hover,
    button.bg-purple-darker:focus,
    button.bg-purple-darker:hover {
        background-color: #29173a !important
    }

    .bg-purple-darkest {
        background-color: #21132f !important
    }

    a.bg-purple-darkest:focus,
    a.bg-purple-darkest:hover,
    button.bg-purple-darkest:focus,
    button.bg-purple-darkest:hover {
        background-color: #08040b !important
    }

    .bg-pink-lightest {
        background-color: #fef0f5 !important
    }

    a.bg-pink-lightest:focus,
    a.bg-pink-lightest:hover,
    button.bg-pink-lightest:focus,
    button.bg-pink-lightest:hover {
        background-color: #fbc0d5 !important
    }

    .bg-pink-lighter {
        background-color: #fcd3e1 !important
    }

    a.bg-pink-lighter:focus,
    a.bg-pink-lighter:hover,
    button.bg-pink-lighter:focus,
    button.bg-pink-lighter:hover {
        background-color: #f9a3c0 !important
    }

    .bg-pink-light {
        background-color: #f999b9 !important
    }

    a.bg-pink-light:focus,
    a.bg-pink-light:hover,
    button.bg-pink-light:focus,
    button.bg-pink-light:hover {
        background-color: #f66998 !important
    }

    .bg-pink-dark {
        background-color: #c5577c !important
    }

    a.bg-pink-dark:focus,
    a.bg-pink-dark:hover,
    button.bg-pink-dark:focus,
    button.bg-pink-dark:hover {
        background-color: #ad3c62 !important
    }

    .bg-pink-darker {
        background-color: #622c3e !important
    }

    a.bg-pink-darker:focus,
    a.bg-pink-darker:hover,
    button.bg-pink-darker:focus,
    button.bg-pink-darker:hover {
        background-color: #3f1c28 !important
    }

    .bg-pink-darkest {
        background-color: #31161f !important
    }

    a.bg-pink-darkest:focus,
    a.bg-pink-darkest:hover,
    button.bg-pink-darkest:focus,
    button.bg-pink-darkest:hover {
        background-color: #0e0609 !important
    }

    .bg-red-lightest {
        background-color: #fae9e9 !important
    }

    a.bg-red-lightest:focus,
    a.bg-red-lightest:hover,
    button.bg-red-lightest:focus,
    button.bg-red-lightest:hover {
        background-color: #f1bfbf !important
    }

    .bg-red-lighter {
        background-color: #f0bcbc !important
    }

    a.bg-red-lighter:focus,
    a.bg-red-lighter:hover,
    button.bg-red-lighter:focus,
    button.bg-red-lighter:hover {
        background-color: #e79292 !important
    }

    .bg-red-light {
        background-color: #dc6362 !important
    }

    a.bg-red-light:focus,
    a.bg-red-light:hover,
    button.bg-red-light:focus,
    button.bg-red-light:hover {
        background-color: #d33a38 !important
    }

    .bg-red-dark {
        background-color: #a41a19 !important
    }

    a.bg-red-dark:focus,
    a.bg-red-dark:hover,
    button.bg-red-dark:focus,
    button.bg-red-dark:hover {
        background-color: #781312 !important
    }

    .bg-red-darker {
        background-color: #520d0c !important
    }

    a.bg-red-darker:focus,
    a.bg-red-darker:hover,
    button.bg-red-darker:focus,
    button.bg-red-darker:hover {
        background-color: #260605 !important
    }

    .bg-red-darkest {
        background-color: #290606 !important
    }

    a.bg-red-darkest:focus,
    a.bg-red-darkest:hover,
    button.bg-red-darkest:focus,
    button.bg-red-darkest:hover {
        background-color: #000 !important
    }

    .bg-orange-lightest {
        background-color: #fff5ec !important
    }

    a.bg-orange-lightest:focus,
    a.bg-orange-lightest:hover,
    button.bg-orange-lightest:focus,
    button.bg-orange-lightest:hover {
        background-color: #ffdab9 !important
    }

    .bg-orange-lighter {
        background-color: #fee0c7 !important
    }

    a.bg-orange-lighter:focus,
    a.bg-orange-lighter:hover,
    button.bg-orange-lighter:focus,
    button.bg-orange-lighter:hover {
        background-color: #fdc495 !important
    }

    .bg-orange-light {
        background-color: #feb67c !important
    }

    a.bg-orange-light:focus,
    a.bg-orange-light:hover,
    button.bg-orange-light:focus,
    button.bg-orange-light:hover {
        background-color: #fe9a49 !important
    }

    .bg-orange-dark {
        background-color: #ca7836 !important
    }

    a.bg-orange-dark:focus,
    a.bg-orange-dark:hover,
    button.bg-orange-dark:focus,
    button.bg-orange-dark:hover {
        background-color: #a2602b !important
    }

    .bg-orange-darker {
        background-color: #653c1b !important
    }

    a.bg-orange-darker:focus,
    a.bg-orange-darker:hover,
    button.bg-orange-darker:focus,
    button.bg-orange-darker:hover {
        background-color: #3d2410 !important
    }

    .bg-orange-darkest {
        background-color: #331e0e !important
    }

    a.bg-orange-darkest:focus,
    a.bg-orange-darkest:hover,
    button.bg-orange-darkest:focus,
    button.bg-orange-darkest:hover {
        background-color: #0b0603 !important
    }

    .bg-yellow-lightest {
        background-color: #fef9e7 !important
    }

    a.bg-yellow-lightest:focus,
    a.bg-yellow-lightest:hover,
    button.bg-yellow-lightest:focus,
    button.bg-yellow-lightest:hover {
        background-color: #fcedb6 !important
    }

    .bg-yellow-lighter {
        background-color: #fbedb7 !important
    }

    a.bg-yellow-lighter:focus,
    a.bg-yellow-lighter:hover,
    button.bg-yellow-lighter:focus,
    button.bg-yellow-lighter:hover {
        background-color: #f8e187 !important
    }

    .bg-yellow-light {
        background-color: #f5d657 !important
    }

    a.bg-yellow-light:focus,
    a.bg-yellow-light:hover,
    button.bg-yellow-light:focus,
    button.bg-yellow-light:hover {
        background-color: #f2ca27 !important
    }

    .bg-yellow-dark {
        background-color: #c19d0c !important
    }

    a.bg-yellow-dark:focus,
    a.bg-yellow-dark:hover,
    button.bg-yellow-dark:focus,
    button.bg-yellow-dark:hover {
        background-color: #917609 !important
    }

    .bg-yellow-darker {
        background-color: #604e06 !important
    }

    .bg-yellow-darkest,
    a.bg-yellow-darker:focus,
    a.bg-yellow-darker:hover,
    button.bg-yellow-darker:focus,
    button.bg-yellow-darker:hover {
        background-color: #302703 !important
    }

    a.bg-yellow-darkest:focus,
    a.bg-yellow-darkest:hover,
    button.bg-yellow-darkest:focus,
    button.bg-yellow-darkest:hover {
        background-color: #000 !important
    }

    .bg-green-lightest {
        background-color: #eff8e6 !important
    }

    a.bg-green-lightest:focus,
    a.bg-green-lightest:hover,
    button.bg-green-lightest:focus,
    button.bg-green-lightest:hover {
        background-color: #d6edbe !important
    }

    .bg-green-lighter {
        background-color: #cfeab3 !important
    }

    a.bg-green-lighter:focus,
    a.bg-green-lighter:hover,
    button.bg-green-lighter:focus,
    button.bg-green-lighter:hover {
        background-color: #b6df8b !important
    }

    .bg-green-light {
        background-color: #8ecf4d !important
    }

    a.bg-green-light:focus,
    a.bg-green-light:hover,
    button.bg-green-light:focus,
    button.bg-green-light:hover {
        background-color: #75b831 !important
    }

    .bg-green-dark {
        background-color: #4b9500 !important
    }

    a.bg-green-dark:focus,
    a.bg-green-dark:hover,
    button.bg-green-dark:focus,
    button.bg-green-dark:hover {
        background-color: #316200 !important
    }

    .bg-green-darker {
        background-color: #264a00 !important
    }

    a.bg-green-darker:focus,
    a.bg-green-darker:hover,
    button.bg-green-darker:focus,
    button.bg-green-darker:hover {
        background-color: #0c1700 !important
    }

    .bg-green-darkest {
        background-color: #132500 !important
    }

    a.bg-green-darkest:focus,
    a.bg-green-darkest:hover,
    button.bg-green-darkest:focus,
    button.bg-green-darkest:hover {
        background-color: #000 !important
    }

    .bg-teal-lightest {
        background-color: #eafaf8 !important
    }

    a.bg-teal-lightest:focus,
    a.bg-teal-lightest:hover,
    button.bg-teal-lightest:focus,
    button.bg-teal-lightest:hover {
        background-color: #c1f0ea !important
    }

    .bg-teal-lighter {
        background-color: #bfefea !important
    }

    a.bg-teal-lighter:focus,
    a.bg-teal-lighter:hover,
    button.bg-teal-lighter:focus,
    button.bg-teal-lighter:hover {
        background-color: #96e5dd !important
    }

    .bg-teal-light {
        background-color: #6bdbcf !important
    }

    a.bg-teal-light:focus,
    a.bg-teal-light:hover,
    button.bg-teal-light:focus,
    button.bg-teal-light:hover {
        background-color: #42d1c2 !important
    }

    .bg-teal-dark {
        background-color: #22a295 !important
    }

    a.bg-teal-dark:focus,
    a.bg-teal-dark:hover,
    button.bg-teal-dark:focus,
    button.bg-teal-dark:hover {
        background-color: #19786e !important
    }

    .bg-teal-darker {
        background-color: #11514a !important
    }

    a.bg-teal-darker:focus,
    a.bg-teal-darker:hover,
    button.bg-teal-darker:focus,
    button.bg-teal-darker:hover {
        background-color: #082723 !important
    }

    .bg-teal-darkest {
        background-color: #092925 !important
    }

    a.bg-teal-darkest:focus,
    a.bg-teal-darkest:hover,
    button.bg-teal-darkest:focus,
    button.bg-teal-darkest:hover {
        background-color: #000 !important
    }

    .bg-cyan-lightest {
        background-color: #e8f6f8 !important
    }

    a.bg-cyan-lightest:focus,
    a.bg-cyan-lightest:hover,
    button.bg-cyan-lightest:focus,
    button.bg-cyan-lightest:hover {
        background-color: #c1e7ec !important
    }

    .bg-cyan-lighter {
        background-color: #b9e3ea !important
    }

    a.bg-cyan-lighter:focus,
    a.bg-cyan-lighter:hover,
    button.bg-cyan-lighter:focus,
    button.bg-cyan-lighter:hover {
        background-color: #92d3de !important
    }

    .bg-cyan-light {
        background-color: #5dbecd !important
    }

    a.bg-cyan-light:focus,
    a.bg-cyan-light:hover,
    button.bg-cyan-light:focus,
    button.bg-cyan-light:hover {
        background-color: #3aabbd !important
    }

    .bg-cyan-dark {
        background-color: #128293 !important
    }

    a.bg-cyan-dark:focus,
    a.bg-cyan-dark:hover,
    button.bg-cyan-dark:focus,
    button.bg-cyan-dark:hover {
        background-color: #0c5a66 !important
    }

    .bg-cyan-darker {
        background-color: #09414a !important
    }

    a.bg-cyan-darker:focus,
    a.bg-cyan-darker:hover,
    button.bg-cyan-darker:focus,
    button.bg-cyan-darker:hover {
        background-color: #03191d !important
    }

    .bg-cyan-darkest {
        background-color: #052025 !important
    }

    a.bg-cyan-darkest:focus,
    a.bg-cyan-darkest:hover,
    button.bg-cyan-darkest:focus,
    button.bg-cyan-darkest:hover {
        background-color: #000 !important
    }

    .bg-white-lightest {
        background-color: #fff !important
    }

    a.bg-white-lightest:focus,
    a.bg-white-lightest:hover,
    button.bg-white-lightest:focus,
    button.bg-white-lightest:hover {
        background-color: #e6e5e5 !important
    }

    .bg-white-lighter {
        background-color: #fff !important
    }

    a.bg-white-lighter:focus,
    a.bg-white-lighter:hover,
    button.bg-white-lighter:focus,
    button.bg-white-lighter:hover {
        background-color: #e6e5e5 !important
    }

    .bg-white-light {
        background-color: #fff !important
    }

    a.bg-white-light:focus,
    a.bg-white-light:hover,
    button.bg-white-light:focus,
    button.bg-white-light:hover {
        background-color: #e6e5e5 !important
    }

    .bg-white-dark {
        background-color: #ccc !important
    }

    a.bg-white-dark:focus,
    a.bg-white-dark:hover,
    button.bg-white-dark:focus,
    button.bg-white-dark:hover {
        background-color: #b3b2b2 !important
    }

    .bg-white-darker {
        background-color: #666 !important
    }

    a.bg-white-darker:focus,
    a.bg-white-darker:hover,
    button.bg-white-darker:focus,
    button.bg-white-darker:hover {
        background-color: #4d4c4c !important
    }

    .bg-white-darkest {
        background-color: #333 !important
    }

    a.bg-white-darkest:focus,
    a.bg-white-darkest:hover,
    button.bg-white-darkest:focus,
    button.bg-white-darkest:hover {
        background-color: #1a1919 !important
    }

    .bg-gray-lightest {
        background-color: #f3f4f5 !important
    }

    a.bg-gray-lightest:focus,
    a.bg-gray-lightest:hover,
    button.bg-gray-lightest:focus,
    button.bg-gray-lightest:hover {
        background-color: #d7dbde !important
    }

    .bg-gray-lighter {
        background-color: #dbdde0 !important
    }

    a.bg-gray-lighter:focus,
    a.bg-gray-lighter:hover,
    button.bg-gray-lighter:focus,
    button.bg-gray-lighter:hover {
        background-color: #c0c3c8 !important
    }

    .bg-gray-light {
        background-color: #aab0b6 !important
    }

    a.bg-gray-light:focus,
    a.bg-gray-light:hover,
    button.bg-gray-light:focus,
    button.bg-gray-light:hover {
        background-color: #8f979e !important
    }

    .bg-gray-darker {
        background-color: #36393c !important
    }

    a.bg-gray-darker:focus,
    a.bg-gray-darker:hover,
    button.bg-gray-darker:focus,
    button.bg-gray-darker:hover {
        background-color: #1e2021 !important
    }

    .bg-gray-darkest {
        background-color: #1b1c1e !important
    }

    a.bg-gray-darkest:focus,
    a.bg-gray-darkest:hover,
    button.bg-gray-darkest:focus,
    button.bg-gray-darkest:hover {
        background-color: #030303 !important
    }

    .bg-gray-dark-lightest {
        background-color: #ebebec !important
    }

    a.bg-gray-dark-lightest:focus,
    a.bg-gray-dark-lightest:hover,
    button.bg-gray-dark-lightest:focus,
    button.bg-gray-dark-lightest:hover {
        background-color: #d1d1d3 !important
    }

    .bg-gray-dark-lighter {
        background-color: #c2c4c6 !important
    }

    a.bg-gray-dark-lighter:focus,
    a.bg-gray-dark-lighter:hover,
    button.bg-gray-dark-lighter:focus,
    button.bg-gray-dark-lighter:hover {
        background-color: #a8abad !important
    }

    .bg-gray-dark-light {
        background-color: #717579 !important
    }

    a.bg-gray-dark-light:focus,
    a.bg-gray-dark-light:hover,
    button.bg-gray-dark-light:focus,
    button.bg-gray-dark-light:hover {
        background-color: #585c5f !important
    }

    .bg-gray-dark-dark {
        background-color: #2a2e33 !important
    }

    a.bg-gray-dark-dark:focus,
    a.bg-gray-dark-dark:hover,
    button.bg-gray-dark-dark:focus,
    button.bg-gray-dark-dark:hover {
        background-color: #131517 !important
    }

    .bg-gray-dark-darker {
        background-color: #15171a !important
    }

    a.bg-gray-dark-darker:focus,
    a.bg-gray-dark-darker:hover,
    button.bg-gray-dark-darker:focus,
    button.bg-gray-dark-darker:hover {
        background-color: #000 !important
    }

    .bg-gray-dark-darkest {
        background-color: #0a0c0d !important
    }

    a.bg-gray-dark-darkest:focus,
    a.bg-gray-dark-darkest:hover,
    button.bg-gray-dark-darkest:focus,
    button.bg-gray-dark-darkest:hover {
        background-color: #000 !important
    }

    .bg-azure-lightest {
        background-color: #ecf7fe !important
    }

    a.bg-azure-lightest:focus,
    a.bg-azure-lightest:hover,
    button.bg-azure-lightest:focus,
    button.bg-azure-lightest:hover {
        background-color: #bce3fb !important
    }

    .bg-azure-lighter {
        background-color: #c7e6fb !important
    }

    a.bg-azure-lighter:focus,
    a.bg-azure-lighter:hover,
    button.bg-azure-lighter:focus,
    button.bg-azure-lighter:hover {
        background-color: #97d1f8 !important
    }

    .bg-azure-light {
        background-color: #7dc4f6 !important
    }

    a.bg-azure-light:focus,
    a.bg-azure-light:hover,
    button.bg-azure-light:focus,
    button.bg-azure-light:hover {
        background-color: #4daef3 !important
    }

    .bg-azure-dark {
        background-color: #3788c2 !important
    }

    a.bg-azure-dark:focus,
    a.bg-azure-dark:hover,
    button.bg-azure-dark:focus,
    button.bg-azure-dark:hover {
        background-color: #2c6c9a !important
    }

    .bg-azure-darker {
        background-color: #1c4461 !important
    }

    a.bg-azure-darker:focus,
    a.bg-azure-darker:hover,
    button.bg-azure-darker:focus,
    button.bg-azure-darker:hover {
        background-color: #112839 !important
    }

    .bg-azure-darkest {
        background-color: #0e2230 !important
    }

    a.bg-azure-darkest:focus,
    a.bg-azure-darkest:hover,
    button.bg-azure-darkest:focus,
    button.bg-azure-darkest:hover {
        background-color: #020609 !important
    }

    .bg-lime-lightest {
        background-color: #f2fbeb !important
    }

    a.bg-lime-lightest:focus,
    a.bg-lime-lightest:hover,
    button.bg-lime-lightest:focus,
    button.bg-lime-lightest:hover {
        background-color: #d6f3c1 !important
    }

    .bg-lime-lighter {
        background-color: #d7f2c2 !important
    }

    a.bg-lime-lighter:focus,
    a.bg-lime-lighter:hover,
    button.bg-lime-lighter:focus,
    button.bg-lime-lighter:hover {
        background-color: #bbe998 !important
    }

    .bg-lime-light {
        background-color: #a3e072 !important
    }

    a.bg-lime-light:focus,
    a.bg-lime-light:hover,
    button.bg-lime-light:focus,
    button.bg-lime-light:hover {
        background-color: #88d748 !important
    }

    .bg-lime-dark {
        background-color: #62a82a !important
    }

    a.bg-lime-dark:focus,
    a.bg-lime-dark:hover,
    button.bg-lime-dark:focus,
    button.bg-lime-dark:hover {
        background-color: #4a7f20 !important
    }

    .bg-lime-darker {
        background-color: #315415 !important
    }

    a.bg-lime-darker:focus,
    a.bg-lime-darker:hover,
    button.bg-lime-darker:focus,
    button.bg-lime-darker:hover {
        background-color: #192b0b !important
    }

    .bg-lime-darkest {
        background-color: #192a0b !important
    }

    a.bg-lime-darkest:focus,
    a.bg-lime-darkest:hover,
    button.bg-lime-darkest:focus,
    button.bg-lime-darkest:hover {
        background-color: #010200 !important
    }

    .display-1 i,
    .display-2 i,
    .display-3 i,
    .display-4 i {
        font-size: .815em;
        vertical-align: baseline
    }

    .text-inherit {
        color: inherit !important
    }

    .text-default {
        color: #56638d !important
    }

    .text-muted-dark {
        color: #6e7687 !important
    }

    .tracking-tight {
        letter-spacing: -.05em !important
    }

    .tracking-normal {
        letter-spacing: 0 !important
    }

    .tracking-wide {
        letter-spacing: .05em !important
    }

    .leading-none {
        line-height: 1 !important
    }

    .leading-tight {
        line-height: 1.25 !important
    }

    .leading-normal {
        line-height: 1.5 !important
    }

    .leading-loose {
        line-height: 2 !important
    }

    .bg-blue {
        background-color: #083dc1 !important;
        color: #fff !important
    }

    a.bg-blue:focus,
    a.bg-blue:hover,
    button.bg-blue:focus,
    button.bg-blue:hover {
        background-color: #1747bd !important
    }

    .text-blue {
        color: #083dc1 !important
    }

    .bg-indigo {
        background-color: #6574cd !important;
        color: #fff !important
    }

    a.bg-indigo:focus,
    a.bg-indigo:hover,
    button.bg-indigo:focus,
    button.bg-indigo:hover {
        background-color: #3f51c1 !important
    }

    .text-indigo {
        color: #6574cd !important
    }

    .bg-purple {
        background-color: #aa4cf2 !important;
        color: #fff !important
    }

    a.bg-purple:focus,
    a.bg-purple:hover,
    button.bg-purple:focus,
    button.bg-purple:hover {
        background-color: #8c31e4 !important
    }

    .text-purple {
        color: #aa4cf2 !important
    }

    .text-lightpink-red {
        color: #ff7088 !important
    }

    .text-lightgreen {
        color: #26eda2 !important
    }

    .bg-pink {
        background-color: #ef4eb8 !important;
        color: #fff !important
    }

    .bg-darkpink {
        background-color: #14a485 !important;
        color: #fff !important
    }

    a.bg-pink:focus,
    a.bg-pink:hover,
    button.bg-pink:focus,
    button.bg-pink:hover {
        background-color: #f33d7a !important
    }

    .text-pink {
        color: #ef4eb8 !important
    }

    .bg-red {
        background-color: #dc0441 !important;
        color: #fff !important
    }

    a.bg-red:focus,
    a.bg-red:hover,
    button.bg-red:focus,
    button.bg-red:hover {
        background-color: #a11918 !important
    }

    .text-red {
        color: #dc0441 !important
    }

    .bg-orange {
        background-color: #f34932 !important;
        color: #fff !important
    }

    a.bg-orange:focus,
    a.bg-orange:hover,
    button.bg-orange:focus,
    button.bg-orange:hover {
        background-color: #fc7a12 !important
    }

    .text-orange {
        color: #f34932 !important
    }

    .bg-yellow {
        background-color: #fbc518 !important;
        color: #fff !important
    }

    a.bg-yellow:focus,
    a.bg-yellow:hover,
    button.bg-yellow:focus,
    button.bg-yellow:hover {
        background-color: #c29d0b !important
    }

    .text-yellow {
        color: #fbc518 !important
    }

    .bg-green {
        background-color: #0dcd94 !important;
        color: #000 !important
    }

    a.bg-green:focus,
    a.bg-green:hover,
    button.bg-green:focus,
    button.bg-green:hover {
        background-color: #15ca7c !important
    }

    .text-green {
        color: #0dcd94 !important
    }

    .bg-teal {
        background-color: #17d1dc !important
    }

    a.bg-teal:focus,
    a.bg-teal:hover,
    button.bg-teal:focus,
    button.bg-teal:hover {
        background-color: #22a193 !important
    }

    .text-teal {
        color: #17d1dc !important
    }

    .bg-cyan {
        background-color: #17a2b8 !important;
        color: #fff !important
    }

    a.bg-cyan:focus,
    a.bg-cyan:hover,
    button.bg-cyan:focus,
    button.bg-cyan:hover {
        background-color: #117a8b !important
    }

    .text-cyan {
        color: #17a2b8 !important
    }

    .bg-white {
        background-color: #fff !important
    }

    a.bg-white:focus,
    a.bg-white:hover,
    button.bg-white:focus,
    button.bg-white:hover {
        background-color: #f3f4f5 !important
    }

    .bg-gray {
        background-color: #868e96 !important
    }

    a.bg-gray:focus,
    a.bg-gray:hover,
    button.bg-gray:focus,
    button.bg-gray:hover {
        background-color: #6c757d !important
    }

    .text-gray {
        color: #969696 !important
    }

    .bg-lightpink-red {
        color: #ff7088 !important
    }

    .bg-gray-dark {
        background-color: #353a40 !important
    }

    a.bg-gray-dark:focus,
    a.bg-gray-dark:hover,
    button.bg-gray-dark:focus,
    button.bg-gray-dark:hover {
        background-color: #1d2124 !important
    }

    .text-gray-dark {
        color: #353a40 !important
    }

    .bg-azure {
        background-color: #128af9 !important
    }

    a.bg-azure:focus,
    a.bg-azure:hover,
    button.bg-azure:focus,
    button.bg-azure:hover {
        background-color: #1594ef !important
    }

    .text-azure {
        color: #128af9 !important
    }

    .bg-lime {
        background-color: #1e74a0 !important
    }

    a.bg-lime:focus,
    a.bg-lime:hover,
    button.bg-lime:focus,
    button.bg-lime:hover {
        background-color: #63ad27 !important
    }

    .text-lime {
        color: #1e74a0 !important
    }

    .icon {
        color: #fff !important
    }

        .icon i {
            color: #545b92;
            font-size: 20px;
            height: 2.5rem;
            line-height: 2.5rem;
            vertical-align: 0;
            width: 2.5rem
        }

    a.icon {
        cursor: pointer;
        text-decoration: none
    }

        a.icon:hover {
            color: #fff !important
        }

    .o-auto {
        overflow: auto !important
    }

    .o-hidden {
        overflow: hidden !important
    }

    .shadow {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05) !important
    }

    .shadow2 {
        box-shadow: 0 10px 10px 20px rgba(176, 184, 214, 0), 10px 10px 15px -5px #b0b8d6 !important
    }

    .bg-light2,
    .bg-light-color {
        background: #cedbfd
    }

    .bg-bluecolor {
        background: #02589a
    }

    .bg-limecolor {
        background: #cec31b
    }

    .bg-redcolor {
        background: #8d0718
    }

    .bg-pinkcolor {
        background: #e46f88
    }

    .bg-ornagecolor {
        background: #d57517
    }

    .bg-primary-transparent {
        background: rgba(51, 102, 255, .1);
        color: #36f
    }

    .bg-warning-transparent {
        background: rgba(251, 197, 24, .1);
        color: #fbc518
    }

    .bg-danger-transparent {
        background: rgba(247, 40, 74, .1);
        color: #f7284a
    }

    .bg-pink-transparent {
        background: rgba(239, 78, 184, .1);
        color: #ef4eb8
    }

    .bg-success-transparent {
        background: rgba(13, 205, 148, .1);
        color: #0dcd94
    }

    .bg-info-transparent {
        background: rgba(18, 138, 249, .1);
        color: #128af9
    }

    .bg-orange-transparent {
        background: rgba(243, 73, 50, .1);
        color: #f34932
    }

    .bg-purple-transparent {
        background: rgba(170, 76, 242, .1);
        color: #aa4cf2
    }

    .bg-secondary-transparent {
        background: rgba(254, 127, 0, .1);
        color: #fe7f00
    }

    .instagram {
        background: #de497b
    }

    .linkedin {
        background: #0077b5
    }

    .twitter {
        background: #1da1f2
    }

    .facebook {
        background: #3b5998
    }

    .border {
        border: 1px solid #e9ebfa !important
    }

    .border-top {
        border-top: 1px solid #e9ebfa !important
    }

    .border-right {
        border-right: 1px solid #e9ebfa !important
    }

    .border-bottom {
        border-bottom: 1px solid #e9ebfa !important
    }

    .border-left {
        border-left: 1px solid #e9ebfa !important
    }

    .border-top-bottom {
        border-bottom: 1px solid #e9ebfa !important;
        border-top: 1px solid #e9ebfa !important
    }

    .border-left-right {
        border-left: 1px solid #e9ebfa !important;
        border-right: 1px solid #e9ebfa !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-top-bottom-0 {
        border-bottom: 0 solid #e9ebfa !important;
        border-top: 0 solid #e9ebfa !important
    }

    .border-left-right-0 {
        border-left: 0 solid #e9ebfa !important;
        border-right: 0 solid #e9ebfa !important
    }

    .border-primary {
        border-color: #36f !important
    }

    .border-secondary {
        border-color: #fe7f00 !important
    }

    .border-success {
        border-color: #0dcd94 !important
    }

    .border-info {
        border-color: #128af9 !important
    }

    .border-warning {
        border-color: #fbc518 !important
    }

    .border-danger {
        border-color: #dc0441 !important
    }

    .border-light {
        border-color: #f8f9fa !important
    }

    .border-dark {
        border-color: #353a40 !important
    }

    .border-transparent {
        border-color: hsla(0, 0%, 100%, .15) !important
    }

    .border-dark-transparent {
        border-color: rgba(0, 0, 0, .15) !important
    }

    .border-light2 {
        border-color: #d3dfea !important
    }

    .border-white {
        border-color: #fff !important
    }

    .border-wd-1 {
        border-width: 1px !important
    }

    .border-wd-2 {
        border-width: 2px !important
    }

    .border-wd-3 {
        border-width: 3px !important
    }

    .border-wd-4 {
        border-width: 4px !important
    }

    .border-wd-5 {
        border-width: 5px !important
    }

    .rounded {
        border-radius: 3px !important
    }

    .rounded-top {
        border-top-left-radius: 3px !important
    }

    .rounded-right,
    .rounded-top {
        border-top-right-radius: 3px !important
    }

    .rounded-bottom,
    .rounded-right {
        border-bottom-right-radius: 3px !important
    }

    .rounded-bottom,
    .rounded-left {
        border-bottom-left-radius: 3px !important
    }

    .rounded-left {
        border-top-left-radius: 3px !important
    }

    .rounded-circle {
        border-radius: 50% !important
    }

    .rounded-0 {
        border-radius: 0 !important
    }

    .br-100 {
        border-radius: 100% !important
    }

    .br-3 {
        border-radius: 3px !important
    }

    .br-7 {
        border-radius: 7px !important
    }

    .br-tl-7 {
        border-top-left-radius: 7px !important
    }

    .br-bl-7 {
        border-bottom-left-radius: 7px !important
    }

    .br-tr-7 {
        border-top-right-radius: 7px !important
    }

    .br-br-7 {
        border-bottom-right-radius: 7px !important
    }

    .br-0 {
        border-radius: 0
    }

    .br-tl-0 {
        border-top-left-radius: 0 !important
    }

    .br-bl-0 {
        border-bottom-left-radius: 0 !important
    }

    .br-tr-0 {
        border-top-right-radius: 0 !important
    }

    .br-br-0 {
        border-bottom-right-radius: 0 !important
    }

    .ht-5 {
        height: 5% !important
    }

    .h-10 {
        height: 10% !important
    }

    .h-15 {
        height: 15% !important
    }

    .h-20 {
        height: 20% !important
    }

    .h-25 {
        height: 25% !important
    }

    .h-30 {
        height: 30% !important
    }

    .h-35 {
        height: 35% !important
    }

    .h-40 {
        height: 40% !important
    }

    .h-45 {
        height: 45% !important
    }

    .h-50 {
        height: 50% !important
    }

    .h-55 {
        height: 55% !important
    }

    .h-60 {
        height: 60% !important
    }

    .h-65 {
        height: 65% !important
    }

    .h-70 {
        height: 70% !important
    }

    .h-75 {
        height: 75% !important
    }

    .h-80 {
        height: 80% !important
    }

    .h-85 {
        height: 85% !important
    }

    .h-90 {
        height: 90% !important
    }

    .h-95 {
        height: 95% !important
    }

    .h-100vh {
        height: 100vh !important
    }

    .h-100 {
        height: 100% !important
    }

    .h-auto {
        height: auto !important
    }

    .h-0 {
        height: 0 !important
    }

    .h-1 {
        height: .25rem !important
    }

    .h-2 {
        height: .5rem !important
    }

    .h-3 {
        height: .75rem !important
    }

    .h-4 {
        height: 1rem !important
    }

    .h-5 {
        height: 1.5rem !important
    }

    .h-6 {
        height: 2rem !important
    }

    .h-7 {
        height: 3rem !important
    }

    .h-8 {
        height: 4rem !important
    }

    .h-9 {
        height: 6rem !important
    }

    .h-100h {
        height: 100px !important
    }

    .h-150 {
        height: 150px !important
    }

    .h-200 {
        height: 200px !important
    }

    .h-250 {
        height: 250px !important
    }

    .h-300 {
        height: 300px !important
    }

    .h-350 {
        height: 350px !important
    }

    .h-370 {
        height: 370px !important
    }

    .h-400 {
        height: 400px !important
    }

    .h-420 {
        height: 420px !important
    }

    .h-450 {
        height: 450px !important
    }

    .h-136 {
        height: 136px !important
    }

    .h-500 {
        height: 500px !important
    }

    .mh-100 {
        max-height: 100% !important
    }

    .h-85 {
        height: 85px !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: .75rem !important
    }

    .mt-3,
    .my-3 {
        margin-top: .75rem !important
    }

    .mr-3,
    .mx-3 {
        margin-right: .75rem !important
    }

    .mb-3,
    .my-3 {
        margin-bottom: .75rem !important
    }

    .ml-3,
    .mx-3 {
        margin-left: .75rem !important
    }

    .m-4 {
        margin: 1rem !important
    }

    .mt-4,
    .my-4 {
        margin-top: 1rem !important
    }

    .mr-4,
    .mx-4 {
        margin-right: 1rem !important
    }

    .mb-4,
    .my-4 {
        margin-bottom: 1rem !important
    }

    .ml-4,
    .mx-4 {
        margin-left: 1rem !important
    }

    .m-5 {
        margin: 1.5rem !important
    }

    .mt-5,
    .my-5 {
        margin-top: 1.5rem !important
    }

    .mr-5,
    .mx-5 {
        margin-right: 1.5rem !important
    }

    .mb-5,
    .my-5 {
        margin-bottom: 1.5rem !important
    }

    .ml-5,
    .mx-5 {
        margin-left: 1.5rem !important
    }

    .m-6 {
        margin: 2rem !important
    }

    .mt-6,
    .my-6 {
        margin-top: 2rem !important
    }

    .mr-6,
    .mx-6 {
        margin-right: 2rem !important
    }

    .mb-6,
    .my-6 {
        margin-bottom: 2rem !important
    }

    .ml-6,
    .mx-6 {
        margin-left: 2rem !important
    }

    .m-7 {
        margin: 3rem !important
    }

    .mt-7,
    .my-7 {
        margin-top: 3rem !important
    }

    .mr-7,
    .mx-7 {
        margin-right: 3rem !important
    }

    .mb-7,
    .my-7 {
        margin-bottom: 3rem !important
    }

    .ml-7,
    .mx-7 {
        margin-left: 3rem !important
    }

    .m-8 {
        margin: 4rem !important
    }

    .mt-8,
    .my-8 {
        margin-top: 4rem !important
    }

    .mr-8,
    .mx-8 {
        margin-right: 4rem !important
    }

    .mb-8,
    .my-8 {
        margin-bottom: 4rem !important
    }

    .ml-8,
    .mx-8 {
        margin-left: 4rem !important
    }

    .m-9 {
        margin: 6rem !important
    }

    .mt-9,
    .my-9 {
        margin-top: 6rem !important
    }

    .mr-9,
    .mx-9 {
        margin-right: 6rem !important
    }

    .mb-9,
    .my-9 {
        margin-bottom: 6rem !important
    }

    .ml-9,
    .mx-9 {
        margin-left: 6rem !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: .75rem !important
        }

        .mt-sm-3,
        .my-sm-3 {
            margin-top: .75rem !important
        }

        .mr-sm-3,
        .mx-sm-3 {
            margin-right: .75rem !important
        }

        .mb-sm-3,
        .my-sm-3 {
            margin-bottom: .75rem !important
        }

        .ml-sm-3,
        .mx-sm-3 {
            margin-left: .75rem !important
        }

        .m-sm-4 {
            margin: 1rem !important
        }

        .mt-sm-4,
        .my-sm-4 {
            margin-top: 1rem !important
        }

        .mr-sm-4,
        .mx-sm-4 {
            margin-right: 1rem !important
        }

        .mb-sm-4,
        .my-sm-4 {
            margin-bottom: 1rem !important
        }

        .ml-sm-4,
        .mx-sm-4 {
            margin-left: 1rem !important
        }

        .m-sm-5 {
            margin: 1.5rem !important
        }

        .mt-sm-5,
        .my-sm-5 {
            margin-top: 1.5rem !important
        }

        .mr-sm-5,
        .mx-sm-5 {
            margin-right: 1.5rem !important
        }

        .mb-sm-5,
        .my-sm-5 {
            margin-bottom: 1.5rem !important
        }

        .ml-sm-5,
        .mx-sm-5 {
            margin-left: 1.5rem !important
        }

        .m-sm-6 {
            margin: 2rem !important
        }

        .mt-sm-6,
        .my-sm-6 {
            margin-top: 2rem !important
        }

        .mr-sm-6,
        .mx-sm-6 {
            margin-right: 2rem !important
        }

        .mb-sm-6,
        .my-sm-6 {
            margin-bottom: 2rem !important
        }

        .ml-sm-6,
        .mx-sm-6 {
            margin-left: 2rem !important
        }

        .m-sm-7 {
            margin: 3rem !important
        }

        .mt-sm-7,
        .my-sm-7 {
            margin-top: 3rem !important
        }

        .mr-sm-7,
        .mx-sm-7 {
            margin-right: 3rem !important
        }

        .mb-sm-7,
        .my-sm-7 {
            margin-bottom: 3rem !important
        }

        .ml-sm-7,
        .mx-sm-7 {
            margin-left: 3rem !important
        }

        .m-sm-8 {
            margin: 4rem !important
        }

        .mt-sm-8,
        .my-sm-8 {
            margin-top: 4rem !important
        }

        .mr-sm-8,
        .mx-sm-8 {
            margin-right: 4rem !important
        }

        .mb-sm-8,
        .my-sm-8 {
            margin-bottom: 4rem !important
        }

        .ml-sm-8,
        .mx-sm-8 {
            margin-left: 4rem !important
        }

        .m-sm-9 {
            margin: 6rem !important
        }

        .mt-sm-9,
        .my-sm-9 {
            margin-top: 6rem !important
        }

        .mr-sm-9,
        .mx-sm-9 {
            margin-right: 6rem !important
        }

        .mb-sm-9,
        .my-sm-9 {
            margin-bottom: 6rem !important
        }

        .ml-sm-9,
        .mx-sm-9 {
            margin-left: 6rem !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: .75rem !important
        }

        .mt-md-3,
        .my-md-3 {
            margin-top: .75rem !important
        }

        .mr-md-3,
        .mx-md-3 {
            margin-right: .75rem !important
        }

        .mb-md-3,
        .my-md-3 {
            margin-bottom: .75rem !important
        }

        .ml-md-3,
        .mx-md-3 {
            margin-left: .75rem !important
        }

        .m-md-4 {
            margin: 1rem !important
        }

        .mt-md-4,
        .my-md-4 {
            margin-top: 1rem !important
        }

        .mr-md-4,
        .mx-md-4 {
            margin-right: 1rem !important
        }

        .mb-md-4,
        .my-md-4 {
            margin-bottom: 1rem !important
        }

        .ml-md-4,
        .mx-md-4 {
            margin-left: 1rem !important
        }

        .m-md-5 {
            margin: 1.5rem !important
        }

        .mt-md-5,
        .my-md-5 {
            margin-top: 1.5rem !important
        }

        .mr-md-5,
        .mx-md-5 {
            margin-right: 1.5rem !important
        }

        .mb-md-5,
        .my-md-5 {
            margin-bottom: 1.5rem !important
        }

        .ml-md-5,
        .mx-md-5 {
            margin-left: 1.5rem !important
        }

        .m-md-6 {
            margin: 2rem !important
        }

        .mt-md-6,
        .my-md-6 {
            margin-top: 2rem !important
        }

        .mr-md-6,
        .mx-md-6 {
            margin-right: 2rem !important
        }

        .mb-md-6,
        .my-md-6 {
            margin-bottom: 2rem !important
        }

        .ml-md-6,
        .mx-md-6 {
            margin-left: 2rem !important
        }

        .m-md-7 {
            margin: 3rem !important
        }

        .mt-md-7,
        .my-md-7 {
            margin-top: 3rem !important
        }

        .mr-md-7,
        .mx-md-7 {
            margin-right: 3rem !important
        }

        .mb-md-7,
        .my-md-7 {
            margin-bottom: 3rem !important
        }

        .ml-md-7,
        .mx-md-7 {
            margin-left: 3rem !important
        }

        .m-md-8 {
            margin: 4rem !important
        }

        .mt-md-8,
        .my-md-8 {
            margin-top: 4rem !important
        }

        .mr-md-8,
        .mx-md-8 {
            margin-right: 4rem !important
        }

        .mb-md-8,
        .my-md-8 {
            margin-bottom: 4rem !important
        }

        .ml-md-8,
        .mx-md-8 {
            margin-left: 4rem !important
        }

        .m-md-9 {
            margin: 6rem !important
        }

        .mt-md-9,
        .my-md-9 {
            margin-top: 6rem !important
        }

        .mr-md-9,
        .mx-md-9 {
            margin-right: 6rem !important
        }

        .mb-md-9,
        .my-md-9 {
            margin-bottom: 6rem !important
        }

        .ml-md-9,
        .mx-md-9 {
            margin-left: 6rem !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: .75rem !important
        }

        .mt-lg-3,
        .my-lg-3 {
            margin-top: .75rem !important
        }

        .mr-lg-3,
        .mx-lg-3 {
            margin-right: .75rem !important
        }

        .mb-lg-3,
        .my-lg-3 {
            margin-bottom: .75rem !important
        }

        .ml-lg-3,
        .mx-lg-3 {
            margin-left: .75rem !important
        }

        .m-lg-4 {
            margin: 1rem !important
        }

        .mt-lg-4,
        .my-lg-4 {
            margin-top: 1rem !important
        }

        .mr-lg-4,
        .mx-lg-4 {
            margin-right: 1rem !important
        }

        .mb-lg-4,
        .my-lg-4 {
            margin-bottom: 1rem !important
        }

        .ml-lg-4,
        .mx-lg-4 {
            margin-left: 1rem !important
        }

        .m-lg-5 {
            margin: 1.5rem !important
        }

        .mt-lg-5,
        .my-lg-5 {
            margin-top: 1.5rem !important
        }

        .mr-lg-5,
        .mx-lg-5 {
            margin-right: 1.5rem !important
        }

        .mb-lg-5,
        .my-lg-5 {
            margin-bottom: 1.5rem !important
        }

        .ml-lg-5,
        .mx-lg-5 {
            margin-left: 1.5rem !important
        }

        .m-lg-6 {
            margin: 2rem !important
        }

        .mt-lg-6,
        .my-lg-6 {
            margin-top: 2rem !important
        }

        .mr-lg-6,
        .mx-lg-6 {
            margin-right: 2rem !important
        }

        .mb-lg-6,
        .my-lg-6 {
            margin-bottom: 2rem !important
        }

        .ml-lg-6,
        .mx-lg-6 {
            margin-left: 2rem !important
        }

        .m-lg-7 {
            margin: 3rem !important
        }

        .mt-lg-7,
        .my-lg-7 {
            margin-top: 3rem !important
        }

        .mr-lg-7,
        .mx-lg-7 {
            margin-right: 3rem !important
        }

        .mb-lg-7,
        .my-lg-7 {
            margin-bottom: 3rem !important
        }

        .ml-lg-7,
        .mx-lg-7 {
            margin-left: 3rem !important
        }

        .m-lg-8 {
            margin: 4rem !important
        }

        .mt-lg-8,
        .my-lg-8 {
            margin-top: 4rem !important
        }

        .mr-lg-8,
        .mx-lg-8 {
            margin-right: 4rem !important
        }

        .mb-lg-8,
        .my-lg-8 {
            margin-bottom: 4rem !important
        }

        .ml-lg-8,
        .mx-lg-8 {
            margin-left: 4rem !important
        }

        .m-lg-9 {
            margin: 6rem !important
        }

        .mt-lg-9,
        .my-lg-9 {
            margin-top: 6rem !important
        }

        .mr-lg-9,
        .mx-lg-9 {
            margin-right: 6rem !important
        }

        .mb-lg-9,
        .my-lg-9 {
            margin-bottom: 6rem !important
        }

        .ml-lg-9,
        .mx-lg-9 {
            margin-left: 6rem !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:1280px) {
        .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: .75rem !important
        }

        .mt-xl-3,
        .my-xl-3 {
            margin-top: .75rem !important
        }

        .mr-xl-3,
        .mx-xl-3 {
            margin-right: .75rem !important
        }

        .mb-xl-3,
        .my-xl-3 {
            margin-bottom: .75rem !important
        }

        .ml-xl-3,
        .mx-xl-3 {
            margin-left: .75rem !important
        }

        .m-xl-4 {
            margin: 1rem !important
        }

        .mt-xl-4,
        .my-xl-4 {
            margin-top: 1rem !important
        }

        .mr-xl-4,
        .mx-xl-4 {
            margin-right: 1rem !important
        }

        .mb-xl-4,
        .my-xl-4 {
            margin-bottom: 1rem !important
        }

        .ml-xl-4,
        .mx-xl-4 {
            margin-left: 1rem !important
        }

        .m-xl-5 {
            margin: 1.5rem !important
        }

        .mt-xl-5,
        .my-xl-5 {
            margin-top: 1.5rem !important
        }

        .mr-xl-5,
        .mx-xl-5 {
            margin-right: 1.5rem !important
        }

        .mb-xl-5,
        .my-xl-5 {
            margin-bottom: 1.5rem !important
        }

        .ml-xl-5,
        .mx-xl-5 {
            margin-left: 1.5rem !important
        }

        .m-xl-6 {
            margin: 2rem !important
        }

        .mt-xl-6,
        .my-xl-6 {
            margin-top: 2rem !important
        }

        .mr-xl-6,
        .mx-xl-6 {
            margin-right: 2rem !important
        }

        .mb-xl-6,
        .my-xl-6 {
            margin-bottom: 2rem !important
        }

        .ml-xl-6,
        .mx-xl-6 {
            margin-left: 2rem !important
        }

        .m-xl-7 {
            margin: 3rem !important
        }

        .mt-xl-7,
        .my-xl-7 {
            margin-top: 3rem !important
        }

        .mr-xl-7,
        .mx-xl-7 {
            margin-right: 3rem !important
        }

        .mb-xl-7,
        .my-xl-7 {
            margin-bottom: 3rem !important
        }

        .ml-xl-7,
        .mx-xl-7 {
            margin-left: 3rem !important
        }

        .m-xl-8 {
            margin: 4rem !important
        }

        .mt-xl-8,
        .my-xl-8 {
            margin-top: 4rem !important
        }

        .mr-xl-8,
        .mx-xl-8 {
            margin-right: 4rem !important
        }

        .mb-xl-8,
        .my-xl-8 {
            margin-bottom: 4rem !important
        }

        .ml-xl-8,
        .mx-xl-8 {
            margin-left: 4rem !important
        }

        .m-xl-9 {
            margin: 6rem !important
        }

        .mt-xl-9,
        .my-xl-9 {
            margin-top: 6rem !important
        }

        .mr-xl-9,
        .mx-xl-9 {
            margin-right: 6rem !important
        }

        .mb-xl-9,
        .my-xl-9 {
            margin-bottom: 6rem !important
        }

        .ml-xl-9,
        .mx-xl-9 {
            margin-left: 6rem !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
        }
    }

    .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
    }

    .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: .75rem !important
    }

    .pt-3,
    .py-3 {
        padding-top: .75rem !important
    }

    .pr-3,
    .px-3 {
        padding-right: .75rem !important
    }

    .pb-3,
    .py-3 {
        padding-bottom: .75rem !important
    }

    .pl-3,
    .px-3 {
        padding-left: .75rem !important
    }

    .p-4 {
        padding: 1rem !important
    }

    .pt-4,
    .py-4 {
        padding-top: 1rem !important
    }

    .pr-4,
    .px-4 {
        padding-right: 1rem !important
    }

    .pb-4,
    .py-4 {
        padding-bottom: 1rem !important
    }

    .pl-4,
    .px-4 {
        padding-left: 1rem !important
    }

    .p-5 {
        padding: 1.5rem !important
    }

    .pt-5,
    .py-5 {
        padding-top: 1.5rem !important
    }

    .pr-5,
    .px-5 {
        padding-right: 1.5rem !important
    }

    .pb-5,
    .py-5 {
        padding-bottom: 1.5rem !important
    }

    .pl-5,
    .px-5 {
        padding-left: 1.5rem !important
    }

    .p-6 {
        padding: 2rem !important
    }

    .pt-6,
    .py-6 {
        padding-top: 2rem !important
    }

    .pr-6,
    .px-6 {
        padding-right: 2rem !important
    }

    .pb-6,
    .py-6 {
        padding-bottom: 2rem !important
    }

    .pl-6,
    .px-6 {
        padding-left: 2rem !important
    }

    .p-7 {
        padding: 3rem !important
    }

    .pt-7,
    .py-7 {
        padding-top: 3rem !important
    }

    .pr-7,
    .px-7 {
        padding-right: 3rem !important
    }

    .pb-7,
    .py-7 {
        padding-bottom: 3rem !important
    }

    .pl-7,
    .px-7 {
        padding-left: 3rem !important
    }

    .p-8 {
        padding: 4rem !important
    }

    .pt-8,
    .py-8 {
        padding-top: 4rem !important
    }

    .pr-8,
    .px-8 {
        padding-right: 4rem !important
    }

    .pb-8,
    .py-8 {
        padding-bottom: 4rem !important
    }

    .pl-8,
    .px-8 {
        padding-left: 4rem !important
    }

    .p-9 {
        padding: 6rem !important
    }

    .pt-9,
    .py-9 {
        padding-top: 6rem !important
    }

    .pr-9,
    .px-9 {
        padding-right: 6rem !important
    }

    .pb-9,
    .py-9 {
        padding-bottom: 6rem !important
    }

    .pl-9,
    .px-9 {
        padding-left: 6rem !important
    }

    @media (min-width:576px) {
        .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: .75rem !important
        }

        .pt-sm-3,
        .py-sm-3 {
            padding-top: .75rem !important
        }

        .pr-sm-3,
        .px-sm-3 {
            padding-right: .75rem !important
        }

        .pb-sm-3,
        .py-sm-3 {
            padding-bottom: .75rem !important
        }

        .pl-sm-3,
        .px-sm-3 {
            padding-left: .75rem !important
        }

        .p-sm-4 {
            padding: 1rem !important
        }

        .pt-sm-4,
        .py-sm-4 {
            padding-top: 1rem !important
        }

        .pr-sm-4,
        .px-sm-4 {
            padding-right: 1rem !important
        }

        .pb-sm-4,
        .py-sm-4 {
            padding-bottom: 1rem !important
        }

        .pl-sm-4,
        .px-sm-4 {
            padding-left: 1rem !important
        }

        .p-sm-5 {
            padding: 1.5rem !important
        }

        .pt-sm-5,
        .py-sm-5 {
            padding-top: 1.5rem !important
        }

        .pr-sm-5,
        .px-sm-5 {
            padding-right: 1.5rem !important
        }

        .pb-sm-5,
        .py-sm-5 {
            padding-bottom: 1.5rem !important
        }

        .pl-sm-5,
        .px-sm-5 {
            padding-left: 1.5rem !important
        }

        .p-sm-6 {
            padding: 2rem !important
        }

        .pt-sm-6,
        .py-sm-6 {
            padding-top: 2rem !important
        }

        .pr-sm-6,
        .px-sm-6 {
            padding-right: 2rem !important
        }

        .pb-sm-6,
        .py-sm-6 {
            padding-bottom: 2rem !important
        }

        .pl-sm-6,
        .px-sm-6 {
            padding-left: 2rem !important
        }

        .p-sm-7 {
            padding: 3rem !important
        }

        .pt-sm-7,
        .py-sm-7 {
            padding-top: 3rem !important
        }

        .pr-sm-7,
        .px-sm-7 {
            padding-right: 3rem !important
        }

        .pb-sm-7,
        .py-sm-7 {
            padding-bottom: 3rem !important
        }

        .pl-sm-7,
        .px-sm-7 {
            padding-left: 3rem !important
        }

        .p-sm-8 {
            padding: 4rem !important
        }

        .pt-sm-8,
        .py-sm-8 {
            padding-top: 4rem !important
        }

        .pr-sm-8,
        .px-sm-8 {
            padding-right: 4rem !important
        }

        .pb-sm-8,
        .py-sm-8 {
            padding-bottom: 4rem !important
        }

        .pl-sm-8,
        .px-sm-8 {
            padding-left: 4rem !important
        }

        .p-sm-9 {
            padding: 6rem !important
        }

        .pt-sm-9,
        .py-sm-9 {
            padding-top: 6rem !important
        }

        .pr-sm-9,
        .px-sm-9 {
            padding-right: 6rem !important
        }

        .pb-sm-9,
        .py-sm-9 {
            padding-bottom: 6rem !important
        }

        .pl-sm-9,
        .px-sm-9 {
            padding-left: 6rem !important
        }
    }

    @media (min-width:768px) {
        .p-md-0 {
            padding: 15px !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: .75rem !important
        }

        .pt-md-3,
        .py-md-3 {
            padding-top: .75rem !important
        }

        .pr-md-3,
        .px-md-3 {
            padding-right: .75rem !important
        }

        .pb-md-3,
        .py-md-3 {
            padding-bottom: .75rem !important
        }

        .pl-md-3,
        .px-md-3 {
            padding-left: .75rem !important
        }

        .p-md-4 {
            padding: 1rem !important
        }

        .pt-md-4,
        .py-md-4 {
            padding-top: 1rem !important
        }

        .pr-md-4,
        .px-md-4 {
            padding-right: 1rem !important
        }

        .pb-md-4,
        .py-md-4 {
            padding-bottom: 1rem !important
        }

        .pl-md-4,
        .px-md-4 {
            padding-left: 1rem !important
        }

        .p-md-5 {
            padding: 1.5rem !important
        }

        .pt-md-5,
        .py-md-5 {
            padding-top: 1.5rem !important
        }

        .pr-md-5,
        .px-md-5 {
            padding-right: 1.5rem !important
        }

        .pb-md-5,
        .py-md-5 {
            padding-bottom: 1.5rem !important
        }

        .pl-md-5,
        .px-md-5 {
            padding-left: 1.5rem !important
        }

        .p-md-6 {
            padding: 2rem !important
        }

        .pt-md-6,
        .py-md-6 {
            padding-top: 2rem !important
        }

        .pr-md-6,
        .px-md-6 {
            padding-right: 2rem !important
        }

        .pb-md-6,
        .py-md-6 {
            padding-bottom: 2rem !important
        }

        .pl-md-6,
        .px-md-6 {
            padding-left: 2rem !important
        }

        .p-md-7 {
            padding: 3rem !important
        }

        .pt-md-7,
        .py-md-7 {
            padding-top: 3rem !important
        }

        .pr-md-7,
        .px-md-7 {
            padding-right: 3rem !important
        }

        .pb-md-7,
        .py-md-7 {
            padding-bottom: 3rem !important
        }

        .pl-md-7,
        .px-md-7 {
            padding-left: 3rem !important
        }

        .p-md-8 {
            padding: 4rem !important
        }

        .pt-md-8,
        .py-md-8 {
            padding-top: 4rem !important
        }

        .pr-md-8,
        .px-md-8 {
            padding-right: 4rem !important
        }

        .pb-md-8,
        .py-md-8 {
            padding-bottom: 4rem !important
        }

        .pl-md-8,
        .px-md-8 {
            padding-left: 4rem !important
        }

        .p-md-9 {
            padding: 6rem !important
        }

        .pt-md-9,
        .py-md-9 {
            padding-top: 6rem !important
        }

        .pr-md-9,
        .px-md-9 {
            padding-right: 6rem !important
        }

        .pb-md-9,
        .py-md-9 {
            padding-bottom: 6rem !important
        }

        .pl-md-9,
        .px-md-9 {
            padding-left: 6rem !important
        }
    }

    @media (min-width:992px) {
        .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: .75rem !important
        }

        .pt-lg-3,
        .py-lg-3 {
            padding-top: .75rem !important
        }

        .pr-lg-3,
        .px-lg-3 {
            padding-right: .75rem !important
        }

        .pb-lg-3,
        .py-lg-3 {
            padding-bottom: .75rem !important
        }

        .pl-lg-3,
        .px-lg-3 {
            padding-left: .75rem !important
        }

        .p-lg-4 {
            padding: 1rem !important
        }

        .pt-lg-4,
        .py-lg-4 {
            padding-top: 1rem !important
        }

        .pr-lg-4,
        .px-lg-4 {
            padding-right: 1rem !important
        }

        .pb-lg-4,
        .py-lg-4 {
            padding-bottom: 1rem !important
        }

        .pl-lg-4,
        .px-lg-4 {
            padding-left: 1rem !important
        }

        .p-lg-5 {
            padding: 1.5rem !important
        }

        .pt-lg-5,
        .py-lg-5 {
            padding-top: 1.5rem !important
        }

        .pr-lg-5,
        .px-lg-5 {
            padding-right: 1.5rem !important
        }

        .pb-lg-5,
        .py-lg-5 {
            padding-bottom: 1.5rem !important
        }

        .pl-lg-5,
        .px-lg-5 {
            padding-left: 1.5rem !important
        }

        .p-lg-6 {
            padding: 2rem !important
        }

        .pt-lg-6,
        .py-lg-6 {
            padding-top: 2rem !important
        }

        .pr-lg-6,
        .px-lg-6 {
            padding-right: 2rem !important
        }

        .pb-lg-6,
        .py-lg-6 {
            padding-bottom: 2rem !important
        }

        .pl-lg-6,
        .px-lg-6 {
            padding-left: 2rem !important
        }

        .p-lg-7 {
            padding: 3rem !important
        }

        .pt-lg-7,
        .py-lg-7 {
            padding-top: 3rem !important
        }

        .pr-lg-7,
        .px-lg-7 {
            padding-right: 3rem !important
        }

        .pb-lg-7,
        .py-lg-7 {
            padding-bottom: 3rem !important
        }

        .pl-lg-7,
        .px-lg-7 {
            padding-left: 3rem !important
        }

        .p-lg-8 {
            padding: 4rem !important
        }

        .pt-lg-8,
        .py-lg-8 {
            padding-top: 4rem !important
        }

        .pr-lg-8,
        .px-lg-8 {
            padding-right: 4rem !important
        }

        .pb-lg-8,
        .py-lg-8 {
            padding-bottom: 4rem !important
        }

        .pl-lg-8,
        .px-lg-8 {
            padding-left: 4rem !important
        }

        .p-lg-9 {
            padding: 6rem !important
        }

        .pt-lg-9,
        .py-lg-9 {
            padding-top: 6rem !important
        }

        .pr-lg-9,
        .px-lg-9 {
            padding-right: 6rem !important
        }

        .pb-lg-9,
        .py-lg-9 {
            padding-bottom: 6rem !important
        }

        .pl-lg-9,
        .px-lg-9 {
            padding-left: 6rem !important
        }
    }

    @media (min-width:1280px) {
        .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: .75rem !important
        }

        .pt-xl-3,
        .py-xl-3 {
            padding-top: .75rem !important
        }

        .pr-xl-3,
        .px-xl-3 {
            padding-right: .75rem !important
        }

        .pb-xl-3,
        .py-xl-3 {
            padding-bottom: .75rem !important
        }

        .pl-xl-3,
        .px-xl-3 {
            padding-left: .75rem !important
        }

        .p-xl-4 {
            padding: 1rem !important
        }

        .pt-xl-4,
        .py-xl-4 {
            padding-top: 1rem !important
        }

        .pr-xl-4,
        .px-xl-4 {
            padding-right: 1rem !important
        }

        .pb-xl-4,
        .py-xl-4 {
            padding-bottom: 1rem !important
        }

        .pl-xl-4,
        .px-xl-4 {
            padding-left: 1rem !important
        }

        .p-xl-5 {
            padding: 1.5rem !important
        }

        .pt-xl-5,
        .py-xl-5 {
            padding-top: 1.5rem !important
        }

        .pr-xl-5,
        .px-xl-5 {
            padding-right: 1.5rem !important
        }

        .pb-xl-5,
        .py-xl-5 {
            padding-bottom: 1.5rem !important
        }

        .pl-xl-5,
        .px-xl-5 {
            padding-left: 1.5rem !important
        }

        .p-xl-6 {
            padding: 2rem !important
        }

        .pt-xl-6,
        .py-xl-6 {
            padding-top: 2rem !important
        }

        .pr-xl-6,
        .px-xl-6 {
            padding-right: 2rem !important
        }

        .pb-xl-6,
        .py-xl-6 {
            padding-bottom: 2rem !important
        }

        .pl-xl-6,
        .px-xl-6 {
            padding-left: 2rem !important
        }

        .p-xl-7 {
            padding: 3rem !important
        }

        .pt-xl-7,
        .py-xl-7 {
            padding-top: 3rem !important
        }

        .pr-xl-7,
        .px-xl-7 {
            padding-right: 3rem !important
        }

        .pb-xl-7,
        .py-xl-7 {
            padding-bottom: 3rem !important
        }

        .pl-xl-7,
        .px-xl-7 {
            padding-left: 3rem !important
        }

        .p-xl-8 {
            padding: 4rem !important
        }

        .pt-xl-8,
        .py-xl-8 {
            padding-top: 4rem !important
        }

        .pr-xl-8,
        .px-xl-8 {
            padding-right: 4rem !important
        }

        .pb-xl-8,
        .py-xl-8 {
            padding-bottom: 4rem !important
        }

        .pl-xl-8,
        .px-xl-8 {
            padding-left: 4rem !important
        }

        .p-xl-9 {
            padding: 6rem !important
        }

        .pt-xl-9,
        .py-xl-9 {
            padding-top: 6rem !important
        }

        .pr-xl-9,
        .px-xl-9 {
            padding-right: 6rem !important
        }

        .pb-xl-9,
        .py-xl-9 {
            padding-bottom: 6rem !important
        }

        .pl-xl-9,
        .px-xl-9 {
            padding-left: 6rem !important
        }
    }

    .text-monospace {
        font-family: 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:1280px) {
        .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-normal1,
    .font-weight-semibold {
        font-weight: 500 !important
    }

    .font-weight-bold {
        font-weight: 700 !important
    }

    .font-italic {
        font-style: italic !important
    }

    .text-white {
        color: #fff !important
    }

.text-primary {
    color: #6f453e !important
}

    a.text-primary:focus,
    a.text-primary:hover {
        color: #5e69b8 !important
    }

    .text-secondary,
    a.text-secondary:focus,
    a.text-secondary:hover {
        color: #fe7f00 !important
    }

    .text-success {
        color: #0dcd94 !important
    }

    a.text-success:focus,
    a.text-success:hover {
        color: #15ca7c !important
    }

    .text-info {
        color: #128af9 !important
    }

    a.text-info:focus,
    a.text-info:hover {
        color: #25a1c0 !important
    }

    .text-warning {
        color: #fbc518 !important
    }

    a.text-warning:focus,
    a.text-warning:hover {
        color: #c29d0b !important
    }

    .text-danger {
        color: #f7284a !important
    }

    a.text-danger:focus,
    a.text-danger:hover {
        color: #df0812 !important
    }

    .text-light {
        color: #dbdffc !important
    }

    a.text-light:focus,
    a.text-light:hover {
        color: #dae0e5 !important
    }

    .text-dark {
        color: #263871 !important
    }

    a.text-dark:focus,
    a.text-dark:hover {
        color: #384b6e !important
    }

    .text-body {
        color: #495057 !important
    }

    .text-muted {
        color: #9ba5ca !important
    }

    .icon-muted {
        color: #e5e9f2 !important
    }

    .text-black-20 {
        color: rgba(0, 0, 0, .2) !important
    }

    .text-black-50 {
        color: rgba(0, 0, 0, .5) !important
    }

    .text-white-50 {
        color: hsla(0, 0%, 100%, .5) !important
    }

    .text-white-80 {
        color: hsla(0, 0%, 100%, .8) !important
    }

    .text-hide {
        background-color: transparent;
        border: 0;
        color: transparent;
        font: 0/0 a;
        text-shadow: none
    }

    .visible {
        visibility: visible !important
    }

    .invisible {
        visibility: hidden !important
    }

    .fs-5 {
        font-size: 5px
    }

    .fs-6 {
        font-size: 6px
    }

    .fs-7 {
        font-size: 7px
    }

    .fs-8 {
        font-size: 8px
    }

    .fs-9 {
        font-size: 9px
    }

    .fs-10 {
        font-size: 10px
    }

    .fs-11 {
        font-size: 11px
    }

    .fs-12 {
        font-size: 12px
    }

    .fs-13 {
        font-size: 13px
    }

    .fs-14 {
        font-size: 14px
    }

    .fs-15 {
        font-size: 15px
    }

    .fs-16 {
        font-size: 16px
    }

    .fs-17 {
        font-size: 17px
    }

    .fs-18 {
        font-size: 18px !important
    }

    .fs-19 {
        font-size: 19px !important
    }

    .fs-20 {
        font-size: 20px !important
    }

    .fs-22 {
        font-size: 22px !important
    }

    .fs-24 {
        font-size: 24px !important
    }

    .fs-26 {
        font-size: 26px !important
    }

    .fs-28 {
        font-size: 28px !important
    }

    .fs-25 {
        font-size: 25px !important
    }

    .fs {
        font-size: 25px
    }

    .fs-30 {
        font-size: 30px !important
    }

    .fs-35 {
        font-size: 35px !important
    }

    .fs-40 {
        font-size: 40px !important
    }

    .fs-45 {
        font-size: 45px !important
    }

    .fs-50 {
        font-size: 50px !important
    }

    .fs-55 {
        font-size: 55px !important
    }

    .fs-60 {
        font-size: 60px !important
    }

    .fs-65 {
        font-size: 65px !important
    }

    .fs-70 {
        font-size: 70px
    }

    .fs-75 {
        font-size: 75px
    }

    .fs-80 {
        font-size: 80px
    }

    .fs-85 {
        font-size: 85px
    }

    .fs-90 {
        font-size: 90px
    }

    .fs-95 {
        font-size: 95px
    }

    .fs-100 {
        font-size: 100px
    }

    .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
    }

    .pos-absolute {
        border: 0;
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .position-static {
        position: static !important
    }

    .position-relative {
        position: relative !important
    }

    .position-absolute {
        position: absolute !important
    }

    .position-fixed {
        position: fixed !important
    }

    .position-sticky {
        position: sticky !important
    }

    .fixed-top {
        top: 0
    }

    .fixed-bottom,
    .fixed-top {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1030
    }

    .fixed-bottom {
        bottom: 0
    }

    @supports (position:sticky) {
        .sticky-top {
            position: sticky;
            top: 0;
            z-index: 1020
        }
    }

    .sr-only {
        clip: rect(0, 0, 0, 0);
        border: 0;
        height: 1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }

    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        clip: auto;
        height: auto;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto
    }

    .wd-5 {
        width: 5% !important
    }

    .w-10 {
        width: 10% !important
    }

    .w-15 {
        width: 15% !important
    }

    .w-20 {
        width: 20% !important
    }

    .w-25 {
        width: 25% !important
    }

    .w-30 {
        width: 30% !important
    }

    .w-35 {
        width: 35% !important
    }

    .w-40 {
        width: 40% !important
    }

    .w-45 {
        width: 45% !important
    }

    .w-50 {
        width: 50% !important
    }

    .w-55 {
        width: 55% !important
    }

    .w-60 {
        width: 60% !important
    }

    .w-65 {
        width: 65% !important
    }

    .w-70 {
        width: 70% !important
    }

    .w-75 {
        width: 75% !important
    }

    .w-80 {
        width: 80% !important
    }

    .w-85 {
        width: 85% !important
    }

    .w-90 {
        width: 90% !important
    }

    .w-95 {
        width: 95% !important
    }

    .w-100 {
        width: 100% !important
    }

    .w-150 {
        width: 150px !important
    }

    .w-auto {
        width: auto !important
    }

    .w-0 {
        width: 0 !important
    }

    .w-1 {
        width: .25rem !important
    }

    .w-2 {
        width: .5rem !important
    }

    .w-3 {
        width: .75rem !important
    }

    .w-4 {
        width: 1rem !important
    }

    .w-5 {
        width: 1.5rem !important
    }

    .w-6 {
        width: 2rem !important
    }

    .w-7 {
        width: 3rem !important
    }

    .w-8 {
        width: 4rem !important
    }

    .w-9 {
        width: 6rem !important
    }

    .w-100h {
        width: 100px !important
    }

    .w-200 {
        width: 200px !important
    }

    .w-250 {
        width: 250px !important
    }

    .w-300 {
        width: 300px !important
    }

    .w-350 {
        width: 350px !important
    }

    .w-400 {
        width: 400px !important
    }

    .w-450 {
        width: 450px !important
    }

    .w-500 {
        width: 500px !important
    }

    .mw-100 {
        max-width: 100% !important
    }

    .w-200 {
        width: 200px
    }

    .ui-timepicker-wrapper {
        z-index: 99999 !important;
    }