﻿.bx, .flag-icon {
    display: inline-block
}

@font-face {
    font-family: boxicons;
    font-weight: 400;
    font-style: normal;
    src: url(boxicons/fonts/boxicons.eot);
    src: url(boxicons/fonts/boxicons.eot) format('embedded-opentype'),url(boxicons/fonts/boxicons.woff2) format('woff2'),url(boxicons/fonts/boxicons.woff) format('woff'),url(boxicons/fonts/boxicons.ttf) format('truetype'),url(boxicons/fonts/boxiconsd41d.svg?#boxicons) format('svg')
}

.bx {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bx-ul {
    margin-left: 2em;
    padding-left: 0;
    list-style: none
}

    .bx-ul > li {
        position: relative
    }

    .bx-ul .bx {
        font-size: inherit;
        line-height: inherit;
        position: absolute;
        left: -2em;
        width: 2em;
        text-align: center
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes flashing {
    0%,90% {
        opacity: 1
    }

    45% {
        opacity: 0
    }
}

@keyframes flashing {
    0%,90% {
        opacity: 1
    }

    45% {
        opacity: 0
    }
}

@-webkit-keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }
}

@keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

@keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0
    }
}

@keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@-webkit-keyframes tada {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);
        transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,10deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,10deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,-10deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,-10deg)
    }
}

@keyframes tada {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);
        transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,10deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,10deg)
    }

    40%,60%,80% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }
}

.bx-spin, .bx-spin-hover:hover {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.bx-tada, .bx-tada-hover:hover {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

.bx-flashing, .bx-flashing-hover:hover {
    -webkit-animation: flashing 1.5s infinite linear;
    animation: flashing 1.5s infinite linear
}

.bx-burst, .bx-burst-hover:hover {
    -webkit-animation: burst 1.5s infinite linear;
    animation: burst 1.5s infinite linear
}

.bx-fade-up, .bx-fade-up-hover:hover {
    -webkit-animation: fade-up 1.5s infinite linear;
    animation: fade-up 1.5s infinite linear
}

.bx-fade-down, .bx-fade-down-hover:hover {
    -webkit-animation: fade-down 1.5s infinite linear;
    animation: fade-down 1.5s infinite linear
}

.bx-fade-left, .bx-fade-left-hover:hover {
    -webkit-animation: fade-left 1.5s infinite linear;
    animation: fade-left 1.5s infinite linear
}

.bx-fade-right, .bx-fade-right-hover:hover {
    -webkit-animation: fade-right 1.5s infinite linear;
    animation: fade-right 1.5s infinite linear
}

.bx-xs {
    font-size: 1rem !important
}

.bx-sm {
    font-size: 1.55rem !important
}

.bx-md {
    font-size: 2.25rem !important
}

.bx-fw {
    font-size: 1.2857142857em;
    line-height: .8em;
    width: 1.2857142857em;
    height: .8em;
    margin-top: -.2em !important;
    vertical-align: middle
}

.bx-lg {
    font-size: 3 !important
}

.bx-pull-left {
    float: left;
    margin-right: .3em !important
}

.bx-pull-right {
    float: right;
    margin-left: .3em !important
}

.bx-rotate-90 {
    transform: rotate(90deg);
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)'
}

.bx-rotate-180 {
    transform: rotate(180deg);
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)'
}

.bx-rotate-270 {
    transform: rotate(270deg);
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)'
}

.bx-flip-horizontal {
    transform: scaleX(-1);
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)'
}

.bx-flip-vertical {
    transform: scaleY(-1);
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)'
}

.bx-border {
    padding: .25em;
    border: .07em solid rgba(0,0,0,.1);
    border-radius: .25em
}

.bx-border-circle {
    padding: .25em;
    border: .07em solid rgba(0,0,0,.1);
    border-radius: 50%
}

.bx-abacus:before {
    content: "\e900"
}

.bx-accessibility:before {
    content: "\e901"
}

.bx-add-to-queue:before {
    content: "\e902"
}

.bx-adjust:before {
    content: "\e903"
}

.bx-alarm:before {
    content: "\e904"
}

.bx-alarm-add:before {
    content: "\e905"
}

.bx-alarm-exclamation:before {
    content: "\e906"
}

.bx-alarm-off:before {
    content: "\e907"
}

.bx-alarm-snooze:before {
    content: "\e908"
}

.bx-album:before {
    content: "\e909"
}

.bx-align-justify:before {
    content: "\e90a"
}

.bx-align-left:before {
    content: "\e90b"
}

.bx-align-middle:before {
    content: "\e90c"
}

.bx-align-right:before {
    content: "\e90d"
}

.bx-analyse:before {
    content: "\e90e"
}

.bx-anchor:before {
    content: "\e90f"
}

.bx-angry:before {
    content: "\e910"
}

.bx-aperture:before {
    content: "\e911"
}

.bx-arch:before {
    content: "\e912"
}

.bx-archive:before {
    content: "\e913"
}

.bx-archive-in:before {
    content: "\e914"
}

.bx-archive-out:before {
    content: "\e915"
}

.bx-area:before {
    content: "\e916"
}

.bx-arrow-back:before {
    content: "\e917"
}

.bx-arrow-from-bottom:before {
    content: "\e918"
}

.bx-arrow-from-left:before {
    content: "\e919"
}

.bx-arrow-from-right:before {
    content: "\e91a"
}

.bx-arrow-from-top:before {
    content: "\e91b"
}

.bx-arrow-to-bottom:before {
    content: "\e91c"
}

.bx-arrow-to-left:before {
    content: "\e91d"
}

.bx-arrow-to-right:before {
    content: "\e91e"
}

.bx-arrow-to-top:before {
    content: "\e91f"
}

.bx-at:before {
    content: "\e920"
}

.bx-atom:before {
    content: "\e921"
}

.bx-award:before {
    content: "\e922"
}

.bx-badge:before {
    content: "\e923"
}

.bx-badge-check:before {
    content: "\e924"
}

.bx-ball:before {
    content: "\e925"
}

.bx-band-aid:before {
    content: "\e926"
}

.bx-bar-chart:before {
    content: "\e927"
}

.bx-bar-chart-alt:before {
    content: "\e928"
}

.bx-bar-chart-alt-2:before {
    content: "\e929"
}

.bx-bar-chart-square:before {
    content: "\e92a"
}

.bx-barcode:before {
    content: "\e92b"
}

.bx-barcode-reader:before {
    content: "\e92c"
}

.bx-baseball:before {
    content: "\e92d"
}

.bx-basket:before {
    content: "\e92e"
}

.bx-basketball:before {
    content: "\e92f"
}

.bx-bath:before {
    content: "\e930"
}

.bx-battery:before {
    content: "\e931"
}

.bx-bed:before {
    content: "\e932"
}

.bx-been-here:before {
    content: "\e933"
}

.bx-beer:before {
    content: "\e934"
}

.bx-bell:before {
    content: "\e935"
}

.bx-bell-minus:before {
    content: "\e936"
}

.bx-bell-off:before {
    content: "\e937"
}

.bx-bell-plus:before {
    content: "\e938"
}

.bx-bible:before {
    content: "\e939"
}

.bx-bitcoin:before {
    content: "\e93a"
}

.bx-blanket:before {
    content: "\e93b"
}

.bx-block:before {
    content: "\e93c"
}

.bx-bluetooth:before {
    content: "\e93d"
}

.bx-body:before {
    content: "\e93e"
}

.bx-bold:before {
    content: "\e93f"
}

.bx-bolt-circle:before {
    content: "\e940"
}

.bx-bomb:before {
    content: "\e941"
}

.bx-bone:before {
    content: "\e942"
}

.bx-bong:before {
    content: "\e943"
}

.bx-book:before {
    content: "\e944"
}

.bx-book-add:before {
    content: "\e945"
}

.bx-book-alt:before {
    content: "\e946"
}

.bx-book-bookmark:before {
    content: "\e947"
}

.bx-book-content:before {
    content: "\e948"
}

.bx-book-heart:before {
    content: "\e949"
}

.bx-bookmark:before {
    content: "\e94a"
}

.bx-bookmark-alt:before {
    content: "\e94b"
}

.bx-bookmark-alt-minus:before {
    content: "\e94c"
}

.bx-bookmark-alt-plus:before {
    content: "\e94d"
}

.bx-bookmark-heart:before {
    content: "\e94e"
}

.bx-bookmark-minus:before {
    content: "\e94f"
}

.bx-bookmark-plus:before {
    content: "\e950"
}

.bx-bookmarks:before {
    content: "\e951"
}

.bx-book-open:before {
    content: "\e952"
}

.bx-book-reader:before {
    content: "\e953"
}

.bx-border-all:before {
    content: "\e954"
}

.bx-border-bottom:before {
    content: "\e955"
}

.bx-border-inner:before {
    content: "\e956"
}

.bx-border-left:before {
    content: "\e957"
}

.bx-border-none:before {
    content: "\e958"
}

.bx-border-outer:before {
    content: "\e959"
}

.bx-border-radius:before {
    content: "\e95a"
}

.bx-border-right:before {
    content: "\e95b"
}

.bx-border-top:before {
    content: "\e95c"
}

.bx-bot:before {
    content: "\e95d"
}

.bx-bowling-ball:before {
    content: "\e95e"
}

.bx-box:before {
    content: "\e95f"
}

.bx-bracket:before {
    content: "\e960"
}

.bx-braille:before {
    content: "\e961"
}

.bx-brain:before {
    content: "\e962"
}

.bx-briefcase:before {
    content: "\e963"
}

.bx-briefcase-alt:before {
    content: "\e964"
}

.bx-briefcase-alt-2:before {
    content: "\e965"
}

.bx-brightness:before {
    content: "\e966"
}

.bx-brightness-half:before {
    content: "\e967"
}

.bx-broadcast:before {
    content: "\e968"
}

.bx-brush:before {
    content: "\e969"
}

.bx-brush-alt:before {
    content: "\e96a"
}

.bx-bug:before {
    content: "\e96b"
}

.bx-bug-alt:before {
    content: "\e96c"
}

.bx-building:before {
    content: "\e96d"
}

.bx-building-house:before {
    content: "\e96e"
}

.bx-buildings:before {
    content: "\e96f"
}

.bx-bulb:before {
    content: "\e970"
}

.bx-bullseye:before {
    content: "\e971"
}

.bx-buoy:before {
    content: "\e972"
}

.bx-bus:before {
    content: "\e973"
}

.bx-bus-school:before {
    content: "\e974"
}

.bx-cabinet:before {
    content: "\e975"
}

.bx-cake:before {
    content: "\e976"
}

.bx-calculator:before {
    content: "\e977"
}

.bx-calendar:before {
    content: "\e978"
}

.bx-calendar-alt:before {
    content: "\e979"
}

.bx-calendar-check:before {
    content: "\e97a"
}

.bx-calendar-edit:before {
    content: "\e97b"
}

.bx-calendar-event:before {
    content: "\e97c"
}

.bx-calendar-exclamation:before {
    content: "\e97d"
}

.bx-calendar-heart:before {
    content: "\e97e"
}

.bx-calendar-minus:before {
    content: "\e97f"
}

.bx-calendar-plus:before {
    content: "\e980"
}

.bx-calendar-star:before {
    content: "\e981"
}

.bx-calendar-week:before {
    content: "\e982"
}

.bx-calendar-x:before {
    content: "\e983"
}

.bx-camera:before {
    content: "\e984"
}

.bx-camera-home:before {
    content: "\e985"
}

.bx-camera-movie:before {
    content: "\e986"
}

.bx-camera-off:before {
    content: "\e987"
}

.bx-capsule:before {
    content: "\e988"
}

.bx-captions:before {
    content: "\e989"
}

.bx-car:before {
    content: "\e98a"
}

.bx-card:before {
    content: "\e98b"
}

.bx-caret-down:before {
    content: "\e98c"
}

.bx-caret-down-circle:before {
    content: "\e98d"
}

.bx-caret-down-square:before {
    content: "\e98e"
}

.bx-caret-left:before {
    content: "\e98f"
}

.bx-caret-left-circle:before {
    content: "\e990"
}

.bx-caret-left-square:before {
    content: "\e991"
}

.bx-caret-right:before {
    content: "\e992"
}

.bx-caret-right-circle:before {
    content: "\e993"
}

.bx-caret-right-square:before {
    content: "\e994"
}

.bx-caret-up:before {
    content: "\e995"
}

.bx-caret-up-circle:before {
    content: "\e996"
}

.bx-caret-up-square:before {
    content: "\e997"
}

.bx-carousel:before {
    content: "\e998"
}

.bx-cart:before {
    content: "\e999"
}

.bx-cart-alt:before {
    content: "\e99a"
}

.bx-cast:before {
    content: "\e99b"
}

.bx-category:before {
    content: "\e99c"
}

.bx-category-alt:before {
    content: "\e99d"
}

.bx-cctv:before {
    content: "\e99e"
}

.bx-certification:before {
    content: "\e99f"
}

.bx-chair:before {
    content: "\e9a0"
}

.bx-chalkboard:before {
    content: "\e9a1"
}

.bx-chart:before {
    content: "\e9a2"
}

.bx-chat:before {
    content: "\e9a3"
}

.bx-check:before {
    content: "\e9a4"
}

.bx-checkbox:before {
    content: "\e9a5"
}

.bx-checkbox-checked:before {
    content: "\e9a6"
}

.bx-checkbox-square:before {
    content: "\e9a7"
}

.bx-check-circle:before {
    content: "\e9a8"
}

.bx-check-double:before {
    content: "\e9a9"
}

.bx-check-shield:before {
    content: "\e9aa"
}

.bx-check-square:before {
    content: "\e9ab"
}

.bx-chevron-down:before {
    content: "\e9ac"
}

.bx-chevron-down-circle:before {
    content: "\e9ad"
}

.bx-chevron-down-square:before {
    content: "\e9ae"
}

.bx-chevron-left:before {
    content: "\e9af"
}

.bx-chevron-left-circle:before {
    content: "\e9b0"
}

.bx-chevron-left-square:before {
    content: "\e9b1"
}

.bx-chevron-right:before {
    content: "\e9b2"
}

.bx-chevron-right-circle:before {
    content: "\e9b3"
}

.bx-chevron-right-square:before {
    content: "\e9b4"
}

.bx-chevrons-down:before {
    content: "\e9b5"
}

.bx-chevrons-left:before {
    content: "\e9b6"
}

.bx-chevrons-right:before {
    content: "\e9b7"
}

.bx-chevrons-up:before {
    content: "\e9b8"
}

.bx-chevron-up:before {
    content: "\e9b9"
}

.bx-chevron-up-circle:before {
    content: "\e9ba"
}

.bx-chevron-up-square:before {
    content: "\e9bb"
}

.bx-chip:before {
    content: "\e9bc"
}

.bx-church:before {
    content: "\e9bd"
}

.bx-circle:before {
    content: "\e9be"
}

.bx-clinic:before {
    content: "\e9bf"
}

.bx-clipboard:before {
    content: "\e9c0"
}

.bx-closet:before {
    content: "\e9c1"
}

.bx-cloud:before {
    content: "\e9c2"
}

.bx-cloud-download:before {
    content: "\e9c3"
}

.bx-cloud-drizzle:before {
    content: "\e9c4"
}

.bx-cloud-lightning:before {
    content: "\e9c5"
}

.bx-cloud-light-rain:before {
    content: "\e9c6"
}

.bx-cloud-rain:before {
    content: "\e9c7"
}

.bx-cloud-snow:before {
    content: "\e9c8"
}

.bx-cloud-upload:before {
    content: "\e9c9"
}

.bx-code:before {
    content: "\e9ca"
}

.bx-code-alt:before {
    content: "\e9cb"
}

.bx-code-block:before {
    content: "\e9cc"
}

.bx-code-curly:before {
    content: "\e9cd"
}

.bx-coffee:before {
    content: "\e9ce"
}

.bx-coffee-togo:before {
    content: "\e9cf"
}

.bx-cog:before {
    content: "\e9d0"
}

.bx-coin:before {
    content: "\e9d1"
}

.bx-coin-stack:before {
    content: "\e9d2"
}

.bx-collapse:before {
    content: "\e9d3"
}

.bx-collection:before {
    content: "\e9d4"
}

.bx-color-fill:before {
    content: "\e9d5"
}

.bx-columns:before {
    content: "\e9d6"
}

.bx-command:before {
    content: "\e9d7"
}

.bx-comment:before {
    content: "\e9d8"
}

.bx-comment-add:before {
    content: "\e9d9"
}

.bx-comment-check:before {
    content: "\e9da"
}

.bx-comment-detail:before {
    content: "\e9db"
}

.bx-comment-dots:before {
    content: "\e9dc"
}

.bx-comment-edit:before {
    content: "\e9dd"
}

.bx-comment-error:before {
    content: "\e9de"
}

.bx-comment-minus:before {
    content: "\e9df"
}

.bx-comment-x:before {
    content: "\e9e0"
}

.bx-compass:before {
    content: "\e9e1"
}

.bx-confused:before {
    content: "\e9e2"
}

.bx-conversation:before {
    content: "\e9e3"
}

.bx-cookie:before {
    content: "\e9e4"
}

.bx-cool:before {
    content: "\e9e5"
}

.bx-copy:before {
    content: "\e9e6"
}

.bx-copy-alt:before {
    content: "\e9e7"
}

.bx-copyright:before {
    content: "\e9e8"
}

.bx-credit-card:before {
    content: "\e9e9"
}

.bx-credit-card-alt:before {
    content: "\e9ea"
}

.bx-credit-card-front:before {
    content: "\e9eb"
}

.bx-crop:before {
    content: "\e9ec"
}

.bx-crosshair:before {
    content: "\e9ed"
}

.bx-crown:before {
    content: "\e9ee"
}

.bx-cube:before {
    content: "\e9ef"
}

.bx-cube-alt:before {
    content: "\e9f0"
}

.bx-cuboid:before {
    content: "\e9f1"
}

.bx-current-location:before {
    content: "\e9f2"
}

.bx-customize:before {
    content: "\e9f3"
}

.bx-cut:before {
    content: "\e9f4"
}

.bx-cycling:before {
    content: "\e9f5"
}

.bx-cylinder:before {
    content: "\e9f6"
}

.bx-data:before {
    content: "\e9f7"
}

.bx-desktop:before {
    content: "\e9f8"
}

.bx-detail:before {
    content: "\e9f9"
}

.bx-devices:before {
    content: "\e9fa"
}

.bx-dialpad:before {
    content: "\e9fb"
}

.bx-dialpad-alt:before {
    content: "\e9fc"
}

.bx-diamond:before {
    content: "\e9fd"
}

.bx-dice-1:before {
    content: "\e9fe"
}

.bx-dice-2:before {
    content: "\e9ff"
}

.bx-dice-3:before {
    content: "\ea00"
}

.bx-dice-4:before {
    content: "\ea01"
}

.bx-dice-5:before {
    content: "\ea02"
}

.bx-dice-6:before {
    content: "\ea03"
}

.bx-directions:before {
    content: "\ea04"
}

.bx-disc:before {
    content: "\ea05"
}

.bx-dish:before {
    content: "\ea06"
}

.bx-dislike:before {
    content: "\ea07"
}

.bx-dizzy:before {
    content: "\ea08"
}

.bx-dna:before {
    content: "\ea09"
}

.bx-dock-bottom:before {
    content: "\ea0a"
}

.bx-dock-left:before {
    content: "\ea0b"
}

.bx-dock-right:before {
    content: "\ea0c"
}

.bx-dock-top:before {
    content: "\ea0d"
}

.bx-dollar:before {
    content: "\ea0e"
}

.bx-dollar-circle:before {
    content: "\ea0f"
}

.bx-donate-blood:before {
    content: "\ea10"
}

.bx-donate-heart:before {
    content: "\ea11"
}

.bx-door-open:before {
    content: "\ea12"
}

.bx-dots-horizontal:before {
    content: "\ea13"
}

.bx-dots-horizontal-rounded:before {
    content: "\ea14"
}

.bx-dots-vertical:before {
    content: "\ea15"
}

.bx-dots-vertical-rounded:before {
    content: "\ea16"
}

.bx-doughnut-chart:before {
    content: "\ea17"
}

.bx-down-arrow:before {
    content: "\ea18"
}

.bx-down-arrow-alt:before {
    content: "\ea19"
}

.bx-down-arrow-circle:before {
    content: "\ea1a"
}

.bx-download:before {
    content: "\ea1b"
}

.bx-downvote:before {
    content: "\ea1c"
}

.bx-drink:before {
    content: "\ea1d"
}

.bx-droplet:before {
    content: "\ea1e"
}

.bx-dumbbell:before {
    content: "\ea1f"
}

.bx-duplicate:before {
    content: "\ea20"
}

.bx-edit:before {
    content: "\ea21"
}

.bx-edit-alt:before {
    content: "\ea22"
}

.bx-envelope:before {
    content: "\ea23"
}

.bx-envelope-open:before {
    content: "\ea24"
}

.bx-equalizer:before {
    content: "\ea25"
}

.bx-eraser:before {
    content: "\ea26"
}

.bx-error:before {
    content: "\ea27"
}

.bx-error-alt:before {
    content: "\ea28"
}

.bx-error-circle:before {
    content: "\ea29"
}

.bx-euro:before {
    content: "\ea2a"
}

.bx-exclude:before {
    content: "\ea2b"
}

.bx-exit:before {
    content: "\ea2c"
}

.bx-exit-fullscreen:before {
    content: "\ea2d"
}

.bx-expand:before {
    content: "\ea2e"
}

.bx-expand-alt:before {
    content: "\ea2f"
}

.bx-export:before {
    content: "\ea30"
}

.bx-extension:before {
    content: "\ea31"
}

.bx-face:before {
    content: "\ea32"
}

.bx-fast-forward:before {
    content: "\ea33"
}

.bx-fast-forward-circle:before {
    content: "\ea34"
}

.bx-female:before {
    content: "\ea35"
}

.bx-female-sign:before {
    content: "\ea36"
}

.bx-file:before {
    content: "\ea37"
}

.bx-file-blank:before {
    content: "\ea38"
}

.bx-file-find:before {
    content: "\ea39"
}

.bx-film:before {
    content: "\ea3a"
}

.bx-filter:before {
    content: "\ea3b"
}

.bx-filter-alt:before {
    content: "\ea3c"
}

.bx-fingerprint:before {
    content: "\ea3d"
}

.bx-first-aid:before {
    content: "\ea3e"
}

.bx-first-page:before {
    content: "\ea3f"
}

.bx-flag:before {
    content: "\ea40"
}

.bx-folder:before {
    content: "\ea41"
}

.bx-folder-minus:before {
    content: "\ea42"
}

.bx-folder-open:before {
    content: "\ea43"
}

.bx-folder-plus:before {
    content: "\ea44"
}

.bx-font:before {
    content: "\ea45"
}

.bx-font-color:before {
    content: "\ea46"
}

.bx-font-family:before {
    content: "\ea47"
}

.bx-font-size:before {
    content: "\ea48"
}

.bx-food-menu:before {
    content: "\ea49"
}

.bx-food-tag:before {
    content: "\ea4a"
}

.bx-football:before {
    content: "\ea4b"
}

.bx-fridge:before {
    content: "\ea4c"
}

.bx-fullscreen:before {
    content: "\ea4d"
}

.bx-game:before {
    content: "\ea4e"
}

.bx-gas-pump:before {
    content: "\ea4f"
}

.bx-ghost:before {
    content: "\ea50"
}

.bx-gift:before {
    content: "\ea51"
}

.bx-git-branch:before {
    content: "\ea52"
}

.bx-git-commit:before {
    content: "\ea53"
}

.bx-git-compare:before {
    content: "\ea54"
}

.bx-git-merge:before {
    content: "\ea55"
}

.bx-git-pull-request:before {
    content: "\ea56"
}

.bx-git-repo-forked:before {
    content: "\ea57"
}

.bx-glasses:before {
    content: "\ea58"
}

.bx-glasses-alt:before {
    content: "\ea59"
}

.bx-globe:before {
    content: "\ea5a"
}

.bx-globe-alt:before {
    content: "\ea5b"
}

.bx-grid:before {
    content: "\ea5c"
}

.bx-grid-alt:before {
    content: "\ea5d"
}

.bx-grid-horizontal:before {
    content: "\ea5e"
}

.bx-grid-small:before {
    content: "\ea5f"
}

.bx-grid-vertical:before {
    content: "\ea60"
}

.bx-group:before {
    content: "\ea61"
}

.bx-handicap:before {
    content: "\ea62"
}

.bx-happy:before {
    content: "\ea63"
}

.bx-happy-alt:before {
    content: "\ea64"
}

.bx-happy-beaming:before {
    content: "\ea65"
}

.bx-happy-heart-eyes:before {
    content: "\ea66"
}

.bx-hash:before {
    content: "\ea67"
}

.bx-hdd:before {
    content: "\ea68"
}

.bx-heading:before {
    content: "\ea69"
}

.bx-headphone:before {
    content: "\ea6a"
}

.bx-health:before {
    content: "\ea6b"
}

.bx-heart:before {
    content: "\ea6c"
}

.bx-heart-circle:before {
    content: "\ea6d"
}

.bx-heart-square:before {
    content: "\ea6e"
}

.bx-help-circle:before {
    content: "\ea6f"
}

.bx-hide:before {
    content: "\ea70"
}

.bx-highlight:before {
    content: "\ea71"
}

.bx-history:before {
    content: "\ea72"
}

.bx-hive:before {
    content: "\ea73"
}

.bx-home:before {
    content: "\ea74"
}

.bx-home-alt:before {
    content: "\ea75"
}

.bx-home-circle:before {
    content: "\ea76"
}

.bx-home-heart:before {
    content: "\ea77"
}

.bx-home-smile:before {
    content: "\ea78"
}

.bx-horizontal-center:before {
    content: "\ea79"
}

.bx-hotel:before {
    content: "\ea7a"
}

.bx-hourglass:before {
    content: "\ea7b"
}

.bx-id-card:before {
    content: "\ea7c"
}

.bx-image:before {
    content: "\ea7d"
}

.bx-image-add:before {
    content: "\ea7e"
}

.bx-image-alt:before {
    content: "\ea7f"
}

.bx-images:before {
    content: "\ea80"
}

.bx-import:before {
    content: "\ea81"
}

.bx-infinite:before {
    content: "\ea82"
}

.bx-info-circle:before {
    content: "\ea83"
}

.bx-info-square:before {
    content: "\ea84"
}

.bx-intersect:before {
    content: "\ea85"
}

.bx-italic:before {
    content: "\ea86"
}

.bx-joystick:before {
    content: "\ea87"
}

.bx-joystick-alt:before {
    content: "\ea88"
}

.bx-joystick-button:before {
    content: "\ea89"
}

.bx-key:before {
    content: "\ea8a"
}

.bx-label:before {
    content: "\ea8b"
}

.bx-landscape:before {
    content: "\ea8c"
}

.bx-laptop:before {
    content: "\ea8d"
}

.bx-last-page:before {
    content: "\ea8e"
}

.bx-laugh:before {
    content: "\ea8f"
}

.bx-layer:before {
    content: "\ea90"
}

.bx-layer-minus:before {
    content: "\ea91"
}

.bx-layer-plus:before {
    content: "\ea92"
}

.bx-layout:before {
    content: "\ea93"
}

.bx-left-arrow:before {
    content: "\ea94"
}

.bx-left-arrow-alt:before {
    content: "\ea95"
}

.bx-left-arrow-circle:before {
    content: "\ea96"
}

.bx-left-down-arrow-circle:before {
    content: "\ea97"
}

.bx-left-indent:before {
    content: "\ea98"
}

.bx-left-top-arrow-circle:before {
    content: "\ea99"
}

.bx-library:before {
    content: "\ea9a"
}

.bx-like:before {
    content: "\ea9b"
}

.bx-line-chart:before {
    content: "\ea9c"
}

.bx-line-chart-down:before {
    content: "\ea9d"
}

.bx-link:before {
    content: "\ea9e"
}

.bx-link-alt:before {
    content: "\ea9f"
}

.bx-link-external:before {
    content: "\eaa0"
}

.bx-lira:before {
    content: "\eaa1"
}

.bx-list-check:before {
    content: "\eaa2"
}

.bx-list-minus:before {
    content: "\eaa3"
}

.bx-list-ol:before {
    content: "\eaa4"
}

.bx-list-plus:before {
    content: "\eaa5"
}

.bx-list-ul:before {
    content: "\eaa6"
}

.bx-loader:before {
    content: "\eaa7"
}

.bx-loader-alt:before {
    content: "\eaa8"
}

.bx-loader-circle:before {
    content: "\eaa9"
}

.bx-location-plus:before {
    content: "\eaaa"
}

.bx-lock:before {
    content: "\eaab"
}

.bx-lock-alt:before {
    content: "\eaac"
}

.bx-lock-open:before {
    content: "\eaad"
}

.bx-lock-open-alt:before {
    content: "\eaae"
}

.bx-log-in:before {
    content: "\eaaf"
}

.bx-log-in-circle:before {
    content: "\eab0"
}

.bx-log-out:before {
    content: "\eab1"
}

.bx-log-out-circle:before {
    content: "\eab2"
}

.bx-low-vision:before {
    content: "\eab3"
}

.bx-magnet:before {
    content: "\eab4"
}

.bx-mail-send:before {
    content: "\eab5"
}

.bx-male:before {
    content: "\eab6"
}

.bx-male-sign:before {
    content: "\eab7"
}

.bx-map:before {
    content: "\eab8"
}

.bx-map-alt:before {
    content: "\eab9"
}

.bx-map-pin:before {
    content: "\eaba"
}

.bx-mask:before {
    content: "\eabb"
}

.bx-medal:before {
    content: "\eabc"
}

.bx-meh:before {
    content: "\eabd"
}

.bx-meh-alt:before {
    content: "\eabe"
}

.bx-meh-blank:before {
    content: "\eabf"
}

.bx-memory-card:before {
    content: "\eac0"
}

.bx-menu:before {
    content: "\eac1"
}

.bx-menu-alt-left:before {
    content: "\eac2"
}

.bx-menu-alt-right:before {
    content: "\eac3"
}

.bx-merge:before {
    content: "\eac4"
}

.bx-message:before {
    content: "\eac5"
}

.bx-message-add:before {
    content: "\eac6"
}

.bx-message-alt:before {
    content: "\eac7"
}

.bx-message-alt-add:before {
    content: "\eac8"
}

.bx-message-alt-check:before {
    content: "\eac9"
}

.bx-message-alt-detail:before {
    content: "\eaca"
}

.bx-message-alt-dots:before {
    content: "\eacb"
}

.bx-message-alt-edit:before {
    content: "\eacc"
}

.bx-message-alt-error:before {
    content: "\eacd"
}

.bx-message-alt-minus:before {
    content: "\eace"
}

.bx-message-alt-x:before {
    content: "\eacf"
}

.bx-message-check:before {
    content: "\ead0"
}

.bx-message-detail:before {
    content: "\ead1"
}

.bx-message-dots:before {
    content: "\ead2"
}

.bx-message-edit:before {
    content: "\ead3"
}

.bx-message-error:before {
    content: "\ead4"
}

.bx-message-minus:before {
    content: "\ead5"
}

.bx-message-rounded:before {
    content: "\ead6"
}

.bx-message-rounded-add:before {
    content: "\ead7"
}

.bx-message-rounded-check:before {
    content: "\ead8"
}

.bx-message-rounded-detail:before {
    content: "\ead9"
}

.bx-message-rounded-dots:before {
    content: "\eada"
}

.bx-message-rounded-edit:before {
    content: "\eadb"
}

.bx-message-rounded-error:before {
    content: "\eadc"
}

.bx-message-rounded-minus:before {
    content: "\eadd"
}

.bx-message-rounded-x:before {
    content: "\eade"
}

.bx-message-square:before {
    content: "\eadf"
}

.bx-message-square-add:before {
    content: "\eae0"
}

.bx-message-square-check:before {
    content: "\eae1"
}

.bx-message-square-detail:before {
    content: "\eae2"
}

.bx-message-square-dots:before {
    content: "\eae3"
}

.bx-message-square-edit:before {
    content: "\eae4"
}

.bx-message-square-error:before {
    content: "\eae5"
}

.bx-message-square-minus:before {
    content: "\eae6"
}

.bx-message-square-x:before {
    content: "\eae7"
}

.bx-message-x:before {
    content: "\eae8"
}

.bx-meteor:before {
    content: "\eae9"
}

.bx-microchip:before {
    content: "\eaea"
}

.bx-microphone:before {
    content: "\eaeb"
}

.bx-microphone-off:before {
    content: "\eaec"
}

.bx-minus:before {
    content: "\eaed"
}

.bx-minus-back:before {
    content: "\eaee"
}

.bx-minus-circle:before {
    content: "\eaef"
}

.bx-minus-front:before {
    content: "\eaf0"
}

.bx-mobile:before {
    content: "\eaf1"
}

.bx-mobile-alt:before {
    content: "\eaf2"
}

.bx-mobile-landscape:before {
    content: "\eaf3"
}

.bx-mobile-vibration:before {
    content: "\eaf4"
}

.bx-money:before {
    content: "\eaf5"
}

.bx-moon:before {
    content: "\eaf6"
}

.bx-mouse:before {
    content: "\eaf7"
}

.bx-mouse-alt:before {
    content: "\eaf8"
}

.bx-move:before {
    content: "\eaf9"
}

.bx-move-horizontal:before {
    content: "\eafa"
}

.bx-move-vertical:before {
    content: "\eafb"
}

.bx-movie:before {
    content: "\eafc"
}

.bx-movie-play:before {
    content: "\eafd"
}

.bx-music:before {
    content: "\eafe"
}

.bx-navigation:before {
    content: "\eaff"
}

.bx-network-chart:before {
    content: "\eb00"
}

.bx-news:before {
    content: "\eb01"
}

.bx-no-entry:before {
    content: "\eb02"
}

.bx-note:before {
    content: "\eb03"
}

.bx-notepad:before {
    content: "\eb04"
}

.bx-notification:before {
    content: "\eb05"
}

.bx-notification-off:before {
    content: "\eb06"
}

.bx-outline:before {
    content: "\eb07"
}

.bx-package:before {
    content: "\eb08"
}

.bx-paint:before {
    content: "\eb09"
}

.bx-paint-roll:before {
    content: "\eb0a"
}

.bx-palette:before {
    content: "\eb0b"
}

.bx-paperclip:before {
    content: "\eb0c"
}

.bx-paper-plane:before {
    content: "\eb0d"
}

.bx-paragraph:before {
    content: "\eb0e"
}

.bx-paste:before {
    content: "\eb0f"
}

.bx-pause:before {
    content: "\eb10"
}

.bx-pause-circle:before {
    content: "\eb11"
}

.bx-pen:before {
    content: "\eb12"
}

.bx-pencil:before {
    content: "\eb13"
}

.bx-phone:before {
    content: "\eb14"
}

.bx-phone-call:before {
    content: "\eb15"
}

.bx-phone-incoming:before {
    content: "\eb16"
}

.bx-phone-outgoing:before {
    content: "\eb17"
}

.bx-photo-album:before {
    content: "\eb18"
}

.bx-pie-chart:before {
    content: "\eb19"
}

.bx-pie-chart-alt:before {
    content: "\eb1a"
}

.bx-pie-chart-alt-2:before {
    content: "\eb1b"
}

.bx-pin:before {
    content: "\eb1c"
}

.bx-planet:before {
    content: "\eb1d"
}

.bx-play:before {
    content: "\eb1e"
}

.bx-play-circle:before {
    content: "\eb1f"
}

.bx-plug:before {
    content: "\eb20"
}

.bx-plus:before {
    content: "\eb21"
}

.bx-plus-circle:before {
    content: "\eb22"
}

.bx-plus-medical:before {
    content: "\eb23"
}

.bx-pointer:before {
    content: "\eb24"
}

.bx-poll:before {
    content: "\eb25"
}

.bx-polygon:before {
    content: "\eb26"
}

.bx-pound:before {
    content: "\eb27"
}

.bx-power-off:before {
    content: "\eb28"
}

.bx-printer:before {
    content: "\eb29"
}

.bx-pulse:before {
    content: "\eb2a"
}

.bx-purchase-tag:before {
    content: "\eb2b"
}

.bx-purchase-tag-alt:before {
    content: "\eb2c"
}

.bx-pyramid:before {
    content: "\eb2d"
}

.bx-question-mark:before {
    content: "\eb2e"
}

.bx-radar:before {
    content: "\eb2f"
}

.bx-radio:before {
    content: "\eb30"
}

.bx-radio-circle:before {
    content: "\eb31"
}

.bx-radio-circle-marked:before {
    content: "\eb32"
}

.bx-receipt:before {
    content: "\eb33"
}

.bx-rectangle:before {
    content: "\eb34"
}

.bx-recycle:before {
    content: "\eb35"
}

.bx-redo:before {
    content: "\eb36"
}

.bx-refresh:before {
    content: "\eb37"
}

.bx-rename:before {
    content: "\eb38"
}

.bx-repeat:before {
    content: "\eb39"
}

.bx-reply:before {
    content: "\eb3a"
}

.bx-reply-all:before {
    content: "\eb3b"
}

.bx-repost:before {
    content: "\eb3c"
}

.bx-reset:before {
    content: "\eb3d"
}

.bx-restaurant:before {
    content: "\eb3e"
}

.bx-revision:before {
    content: "\eb3f"
}

.bx-rewind:before {
    content: "\eb40"
}

.bx-rewind-circle:before {
    content: "\eb41"
}

.bx-right-arrow:before {
    content: "\eb42"
}

.bx-right-arrow-alt:before {
    content: "\eb43"
}

.bx-right-arrow-circle:before {
    content: "\eb44"
}

.bx-right-down-arrow-circle:before {
    content: "\eb45"
}

.bx-right-indent:before {
    content: "\eb46"
}

.bx-right-top-arrow-circle:before {
    content: "\eb47"
}

.bx-rocket:before {
    content: "\eb48"
}

.bx-rotate-left:before {
    content: "\eb49"
}

.bx-rotate-right:before {
    content: "\eb4a"
}

.bx-rss:before {
    content: "\eb4b"
}

.bx-ruble:before {
    content: "\eb4c"
}

.bx-ruler:before {
    content: "\eb4d"
}

.bx-run:before {
    content: "\eb4e"
}

.bx-rupee:before {
    content: "\eb4f"
}

.bx-sad:before {
    content: "\eb50"
}

.bx-save:before {
    content: "\eb51"
}

.bx-scan:before {
    content: "\eb52"
}

.bx-screenshot:before {
    content: "\eb53"
}

.bx-search:before {
    content: "\eb54"
}

.bx-search-alt:before {
    content: "\eb55"
}

.bx-search-alt-2:before {
    content: "\eb56"
}

.bx-selection:before {
    content: "\eb57"
}

.bx-select-multiple:before {
    content: "\eb58"
}

.bx-send:before {
    content: "\eb59"
}

.bx-server:before {
    content: "\eb5a"
}

.bx-shape-circle:before {
    content: "\eb5b"
}

.bx-shape-polygon:before {
    content: "\eb5c"
}

.bx-shape-square:before {
    content: "\eb5d"
}

.bx-shape-triangle:before {
    content: "\eb5e"
}

.bx-share:before {
    content: "\eb5f"
}

.bx-share-alt:before {
    content: "\eb60"
}

.bx-shekel:before {
    content: "\eb61"
}

.bx-shield:before {
    content: "\eb62"
}

.bx-shield-alt:before {
    content: "\eb63"
}

.bx-shield-alt-2:before {
    content: "\eb64"
}

.bx-shield-quarter:before {
    content: "\eb65"
}

.bx-shield-x:before {
    content: "\eb66"
}

.bx-shocked:before {
    content: "\eb67"
}

.bx-shopping-bag:before {
    content: "\eb68"
}

.bx-show:before {
    content: "\eb69"
}

.bx-show-alt:before {
    content: "\eb6a"
}

.bx-shuffle:before {
    content: "\eb6b"
}

.bx-sidebar:before {
    content: "\eb6c"
}

.bx-sitemap:before {
    content: "\eb6d"
}

.bx-skip-next:before {
    content: "\eb6e"
}

.bx-skip-next-circle:before {
    content: "\eb6f"
}

.bx-skip-previous:before {
    content: "\eb70"
}

.bx-skip-previous-circle:before {
    content: "\eb71"
}

.bx-sleepy:before {
    content: "\eb72"
}

.bx-slider:before {
    content: "\eb73"
}

.bx-slider-alt:before {
    content: "\eb74"
}

.bx-slideshow:before {
    content: "\eb75"
}

.bx-smile:before {
    content: "\eb76"
}

.bx-sort:before {
    content: "\eb77"
}

.bx-sort-alt-2:before {
    content: "\eb78"
}

.bx-sort-a-z:before {
    content: "\eb79"
}

.bx-sort-down:before {
    content: "\eb7a"
}

.bx-sort-up:before {
    content: "\eb7b"
}

.bx-sort-z-a:before {
    content: "\eb7c"
}

.bx-spa:before {
    content: "\eb7d"
}

.bx-space-bar:before {
    content: "\eb7e"
}

.bx-spray-can:before {
    content: "\eb7f"
}

.bx-spreadsheet:before {
    content: "\eb80"
}

.bx-square:before {
    content: "\eb81"
}

.bx-square-rounded:before {
    content: "\eb82"
}

.bx-star:before {
    content: "\eb83"
}

.bx-station:before {
    content: "\eb84"
}

.bx-stats:before {
    content: "\eb85"
}

.bx-sticker:before {
    content: "\eb86"
}

.bx-stop:before {
    content: "\eb87"
}

.bx-stop-circle:before {
    content: "\eb88"
}

.bx-stopwatch:before {
    content: "\eb89"
}

.bx-store:before {
    content: "\eb8a"
}

.bx-store-alt:before {
    content: "\eb8b"
}

.bx-street-view:before {
    content: "\eb8c"
}

.bx-strikethrough:before {
    content: "\eb8d"
}

.bx-subdirectory-left:before {
    content: "\eb8e"
}

.bx-subdirectory-right:before {
    content: "\eb8f"
}

.bx-sun:before {
    content: "\eb90"
}

.bx-support:before {
    content: "\eb91"
}

.bx-swim:before {
    content: "\eb92"
}

.bx-sync:before {
    content: "\eb93"
}

.bx-tab:before {
    content: "\eb94"
}

.bx-table:before {
    content: "\eb95"
}

.bx-tachometer:before {
    content: "\eb96"
}

.bx-tag:before {
    content: "\eb97"
}

.bx-tag-alt:before {
    content: "\eb98"
}

.bx-target-lock:before {
    content: "\eb99"
}

.bx-task:before {
    content: "\eb9a"
}

.bx-task-x:before {
    content: "\eb9b"
}

.bx-taxi:before {
    content: "\eb9c"
}

.bx-tennis-ball:before {
    content: "\eb9d"
}

.bx-terminal:before {
    content: "\eb9e"
}

.bx-test-tube:before {
    content: "\eb9f"
}

.bx-text:before {
    content: "\eba0"
}

.bx-time:before {
    content: "\eba1"
}

.bx-time-five:before {
    content: "\eba2"
}

.bx-timer:before {
    content: "\eba3"
}

.bx-tired:before {
    content: "\eba4"
}

.bx-toggle-left:before {
    content: "\eba5"
}

.bx-toggle-right:before {
    content: "\eba6"
}

.bx-tone:before {
    content: "\eba7"
}

.bx-traffic-cone:before {
    content: "\eba8"
}

.bx-train:before {
    content: "\eba9"
}

.bx-transfer:before {
    content: "\ebaa"
}

.bx-transfer-alt:before {
    content: "\ebab"
}

.bx-trash:before {
    content: "\ebac"
}

.bx-trash-alt:before {
    content: "\ebad"
}

.bx-trending-down:before {
    content: "\ebae"
}

.bx-trending-up:before {
    content: "\ebaf"
}

.bx-trim:before {
    content: "\ebb0"
}

.bx-trip:before {
    content: "\ebb1"
}

.bx-trophy:before {
    content: "\ebb2"
}

.bx-tv:before {
    content: "\ebb3"
}

.bx-underline:before {
    content: "\ebb4"
}

.bx-undo:before {
    content: "\ebb5"
}

.bx-unite:before {
    content: "\ebb6"
}

.bx-unlink:before {
    content: "\ebb7"
}

.bx-up-arrow:before {
    content: "\ebb8"
}

.bx-up-arrow-alt:before {
    content: "\ebb9"
}

.bx-up-arrow-circle:before {
    content: "\ebba"
}

.bx-upload:before {
    content: "\ebbb"
}

.bx-upside-down:before {
    content: "\ebbc"
}

.bx-upvote:before {
    content: "\ebbd"
}

.bx-usb:before {
    content: "\ebbe"
}

.bx-user:before {
    content: "\ebbf"
}

.bx-user-check:before {
    content: "\ebc0"
}

.bx-user-circle:before {
    content: "\ebc1"
}

.bx-user-minus:before {
    content: "\ebc2"
}

.bx-user-pin:before {
    content: "\ebc3"
}

.bx-user-plus:before {
    content: "\ebc4"
}

.bx-user-voice:before {
    content: "\ebc5"
}

.bx-user-x:before {
    content: "\ebc6"
}

.bx-vector:before {
    content: "\ebc7"
}

.bx-vertical-center:before {
    content: "\ebc8"
}

.bx-vial:before {
    content: "\ebc9"
}

.bx-video:before {
    content: "\ebca"
}

.bx-video-off:before {
    content: "\ebcb"
}

.bx-video-plus:before {
    content: "\ebcc"
}

.bx-video-recording:before {
    content: "\ebcd"
}

.bx-voicemail:before {
    content: "\ebce"
}

.bx-volume:before {
    content: "\ebcf"
}

.bx-volume-full:before {
    content: "\ebd0"
}

.bx-volume-low:before {
    content: "\ebd1"
}

.bx-volume-mute:before {
    content: "\ebd2"
}

.bx-walk:before {
    content: "\ebd3"
}

.bx-wallet:before {
    content: "\ebd4"
}

.bx-wallet-alt:before {
    content: "\ebd5"
}

.bx-water:before {
    content: "\ebd6"
}

.bx-webcam:before {
    content: "\ebd7"
}

.bx-wifi:before {
    content: "\ebd8"
}

.bx-wifi-0:before {
    content: "\ebd9"
}

.bx-wifi-1:before {
    content: "\ebda"
}

.bx-wifi-2:before {
    content: "\ebdb"
}

.bx-wifi-off:before {
    content: "\ebdc"
}

.bx-wind:before {
    content: "\ebdd"
}

.bx-window:before {
    content: "\ebde"
}

.bx-window-alt:before {
    content: "\ebdf"
}

.bx-window-close:before {
    content: "\ebe0"
}

.bx-window-open:before {
    content: "\ebe1"
}

.bx-windows:before {
    content: "\ebe2"
}

.bx-wine:before {
    content: "\ebe3"
}

.bx-wink-smile:before {
    content: "\ebe4"
}

.bx-wink-tongue:before {
    content: "\ebe5"
}

.bx-won:before {
    content: "\ebe6"
}

.bx-world:before {
    content: "\ebe7"
}

.bx-wrench:before {
    content: "\ebe8"
}

.bx-x:before {
    content: "\ebe9"
}

.bx-x-circle:before {
    content: "\ebea"
}

.bx-yen:before {
    content: "\ebeb"
}

.bx-zoom-in:before {
    content: "\ebec"
}

.bx-zoom-out:before {
    content: "\ebed"
}

.bxs-add-to-queue:before {
    content: "\ebee"
}

.bxs-adjust:before {
    content: "\ebef"
}

.bxs-adjust-alt:before {
    content: "\ebf0"
}

.bxs-alarm:before {
    content: "\ebf1"
}

.bxs-alarm-add:before {
    content: "\ebf2"
}

.bxs-alarm-exclamation:before {
    content: "\ebf3"
}

.bxs-alarm-off:before {
    content: "\ebf4"
}

.bxs-alarm-snooze:before {
    content: "\ebf5"
}

.bxs-album:before {
    content: "\ebf6"
}

.bxs-ambulance:before {
    content: "\ebf7"
}

.bxs-analyse:before {
    content: "\ebf8"
}

.bxs-angry:before {
    content: "\ebf9"
}

.bxs-arch:before {
    content: "\ebfa"
}

.bxs-archive:before {
    content: "\ebfb"
}

.bxs-archive-in:before {
    content: "\ebfc"
}

.bxs-archive-out:before {
    content: "\ebfd"
}

.bxs-area:before {
    content: "\ebfe"
}

.bxs-arrow-from-bottom:before {
    content: "\ebff"
}

.bxs-arrow-from-left:before {
    content: "\ec00"
}

.bxs-arrow-from-right:before {
    content: "\ec01"
}

.bxs-arrow-from-top:before {
    content: "\ec02"
}

.bxs-arrow-to-bottom:before {
    content: "\ec03"
}

.bxs-arrow-to-left:before {
    content: "\ec04"
}

.bxs-arrow-to-right:before {
    content: "\ec05"
}

.bxs-arrow-to-top:before {
    content: "\ec06"
}

.bxs-award:before {
    content: "\ec07"
}

.bxs-baby-carriage:before {
    content: "\ec08"
}

.bxs-backpack:before {
    content: "\ec09"
}

.bxs-badge:before {
    content: "\ec0a"
}

.bxs-badge-check:before {
    content: "\ec0b"
}

.bxs-badge-dollar:before {
    content: "\ec0c"
}

.bxs-ball:before {
    content: "\ec0d"
}

.bxs-band-aid:before {
    content: "\ec0e"
}

.bxs-bank:before {
    content: "\ec0f"
}

.bxs-bar-chart-alt-2:before {
    content: "\ec10"
}

.bxs-bar-chart-square:before {
    content: "\ec11"
}

.bxs-barcode:before {
    content: "\ec12"
}

.bxs-baseball:before {
    content: "\ec13"
}

.bxs-basket:before {
    content: "\ec14"
}

.bxs-basketball:before {
    content: "\ec15"
}

.bxs-bath:before {
    content: "\ec16"
}

.bxs-battery:before {
    content: "\ec17"
}

.bxs-battery-charging:before {
    content: "\ec18"
}

.bxs-battery-full:before {
    content: "\ec19"
}

.bxs-battery-low:before {
    content: "\ec1a"
}

.bxs-bed:before {
    content: "\ec1b"
}

.bxs-been-here:before {
    content: "\ec1c"
}

.bxs-beer:before {
    content: "\ec1d"
}

.bxs-bell:before {
    content: "\ec1e"
}

.bxs-bell-minus:before {
    content: "\ec1f"
}

.bxs-bell-off:before {
    content: "\ec20"
}

.bxs-bell-plus:before {
    content: "\ec21"
}

.bxs-bell-ring:before {
    content: "\ec22"
}

.bxs-bible:before {
    content: "\ec23"
}

.bxs-binoculars:before {
    content: "\ec24"
}

.bxs-blanket:before {
    content: "\ec25"
}

.bxs-bolt:before {
    content: "\ec26"
}

.bxs-bolt-circle:before {
    content: "\ec27"
}

.bxs-bomb:before {
    content: "\ec28"
}

.bxs-bone:before {
    content: "\ec29"
}

.bxs-bong:before {
    content: "\ec2a"
}

.bxs-book:before {
    content: "\ec2b"
}

.bxs-book-add:before {
    content: "\ec2c"
}

.bxs-book-alt:before {
    content: "\ec2d"
}

.bxs-book-bookmark:before {
    content: "\ec2e"
}

.bxs-book-content:before {
    content: "\ec2f"
}

.bxs-book-heart:before {
    content: "\ec30"
}

.bxs-bookmark:before {
    content: "\ec31"
}

.bxs-bookmark-alt:before {
    content: "\ec32"
}

.bxs-bookmark-alt-minus:before {
    content: "\ec33"
}

.bxs-bookmark-alt-plus:before {
    content: "\ec34"
}

.bxs-bookmark-heart:before {
    content: "\ec35"
}

.bxs-bookmark-minus:before {
    content: "\ec36"
}

.bxs-bookmark-plus:before {
    content: "\ec37"
}

.bxs-bookmarks:before {
    content: "\ec38"
}

.bxs-bookmark-star:before {
    content: "\ec39"
}

.bxs-book-open:before {
    content: "\ec3a"
}

.bxs-book-reader:before {
    content: "\ec3b"
}

.bxs-bot:before {
    content: "\ec3c"
}

.bxs-bowling-ball:before {
    content: "\ec3d"
}

.bxs-box:before {
    content: "\ec3e"
}

.bxs-brain:before {
    content: "\ec3f"
}

.bxs-briefcase:before {
    content: "\ec40"
}

.bxs-briefcase-alt:before {
    content: "\ec41"
}

.bxs-briefcase-alt-2:before {
    content: "\ec42"
}

.bxs-brightness:before {
    content: "\ec43"
}

.bxs-brightness-half:before {
    content: "\ec44"
}

.bxs-brush:before {
    content: "\ec45"
}

.bxs-brush-alt:before {
    content: "\ec46"
}

.bxs-bug:before {
    content: "\ec47"
}

.bxs-bug-alt:before {
    content: "\ec48"
}

.bxs-building:before {
    content: "\ec49"
}

.bxs-building-house:before {
    content: "\ec4a"
}

.bxs-buildings:before {
    content: "\ec4b"
}

.bxs-bulb:before {
    content: "\ec4c"
}

.bxs-bullseye:before {
    content: "\ec4d"
}

.bxs-buoy:before {
    content: "\ec4e"
}

.bxs-bus:before {
    content: "\ec4f"
}

.bxs-business:before {
    content: "\ec50"
}

.bxs-bus-school:before {
    content: "\ec51"
}

.bxs-cabinet:before {
    content: "\ec52"
}

.bxs-cake:before {
    content: "\ec53"
}

.bxs-calculator:before {
    content: "\ec54"
}

.bxs-calendar:before {
    content: "\ec55"
}

.bxs-calendar-alt:before {
    content: "\ec56"
}

.bxs-calendar-check:before {
    content: "\ec57"
}

.bxs-calendar-edit:before {
    content: "\ec58"
}

.bxs-calendar-event:before {
    content: "\ec59"
}

.bxs-calendar-exclamation:before {
    content: "\ec5a"
}

.bxs-calendar-heart:before {
    content: "\ec5b"
}

.bxs-calendar-minus:before {
    content: "\ec5c"
}

.bxs-calendar-plus:before {
    content: "\ec5d"
}

.bxs-calendar-star:before {
    content: "\ec5e"
}

.bxs-calendar-week:before {
    content: "\ec5f"
}

.bxs-calendar-x:before {
    content: "\ec60"
}

.bxs-camera:before {
    content: "\ec61"
}

.bxs-camera-home:before {
    content: "\ec62"
}

.bxs-camera-movie:before {
    content: "\ec63"
}

.bxs-camera-off:before {
    content: "\ec64"
}

.bxs-camera-plus:before {
    content: "\ec65"
}

.bxs-capsule:before {
    content: "\ec66"
}

.bxs-captions:before {
    content: "\ec67"
}

.bxs-car:before {
    content: "\ec68"
}

.bxs-car-battery:before {
    content: "\ec69"
}

.bxs-car-crash:before {
    content: "\ec6a"
}

.bxs-card:before {
    content: "\ec6b"
}

.bxs-caret-down-circle:before {
    content: "\ec6c"
}

.bxs-caret-down-square:before {
    content: "\ec6d"
}

.bxs-caret-left-circle:before {
    content: "\ec6e"
}

.bxs-caret-left-square:before {
    content: "\ec6f"
}

.bxs-caret-right-circle:before {
    content: "\ec70"
}

.bxs-caret-right-square:before {
    content: "\ec71"
}

.bxs-caret-up-circle:before {
    content: "\ec72"
}

.bxs-caret-up-square:before {
    content: "\ec73"
}

.bxs-car-garage:before {
    content: "\ec74"
}

.bxs-car-mechanic:before {
    content: "\ec75"
}

.bxs-carousel:before {
    content: "\ec76"
}

.bxs-cart:before {
    content: "\ec77"
}

.bxs-cart-add:before {
    content: "\ec78"
}

.bxs-cart-alt:before {
    content: "\ec79"
}

.bxs-cart-download:before {
    content: "\ec7a"
}

.bxs-car-wash:before {
    content: "\ec7b"
}

.bxs-category:before {
    content: "\ec7c"
}

.bxs-category-alt:before {
    content: "\ec7d"
}

.bxs-cctv:before {
    content: "\ec7e"
}

.bxs-certification:before {
    content: "\ec7f"
}

.bxs-chalkboard:before {
    content: "\ec80"
}

.bxs-chart:before {
    content: "\ec81"
}

.bxs-chat:before {
    content: "\ec82"
}

.bxs-checkbox:before {
    content: "\ec83"
}

.bxs-checkbox-checked:before {
    content: "\ec84"
}

.bxs-check-circle:before {
    content: "\ec85"
}

.bxs-check-shield:before {
    content: "\ec86"
}

.bxs-check-square:before {
    content: "\ec87"
}

.bxs-chess:before {
    content: "\ec88"
}

.bxs-chevron-down:before {
    content: "\ec89"
}

.bxs-chevron-down-circle:before {
    content: "\ec8a"
}

.bxs-chevron-down-square:before {
    content: "\ec8b"
}

.bxs-chevron-left:before {
    content: "\ec8c"
}

.bxs-chevron-left-circle:before {
    content: "\ec8d"
}

.bxs-chevron-left-square:before {
    content: "\ec8e"
}

.bxs-chevron-right:before {
    content: "\ec8f"
}

.bxs-chevron-right-circle:before {
    content: "\ec90"
}

.bxs-chevron-right-square:before {
    content: "\ec91"
}

.bxs-chevrons-down:before {
    content: "\ec92"
}

.bxs-chevrons-left:before {
    content: "\ec93"
}

.bxs-chevrons-right:before {
    content: "\ec94"
}

.bxs-chevrons-up:before {
    content: "\ec95"
}

.bxs-chevron-up:before {
    content: "\ec96"
}

.bxs-chevron-up-circle:before {
    content: "\ec97"
}

.bxs-chevron-up-square:before {
    content: "\ec98"
}

.bxs-chip:before {
    content: "\ec99"
}

.bxs-church:before {
    content: "\ec9a"
}

.bxs-circle:before {
    content: "\ec9b"
}

.bxs-city:before {
    content: "\ec9c"
}

.bxs-clinic:before {
    content: "\ec9d"
}

.bxs-cloud:before {
    content: "\ec9e"
}

.bxs-cloud-download:before {
    content: "\ec9f"
}

.bxs-cloud-lightning:before {
    content: "\eca0"
}

.bxs-cloud-rain:before {
    content: "\eca1"
}

.bxs-cloud-upload:before {
    content: "\eca2"
}

.bxs-coffee:before {
    content: "\eca3"
}

.bxs-coffee-alt:before {
    content: "\eca4"
}

.bxs-coffee-togo:before {
    content: "\eca5"
}

.bxs-cog:before {
    content: "\eca6"
}

.bxs-coin:before {
    content: "\eca7"
}

.bxs-coin-stack:before {
    content: "\eca8"
}

.bxs-collection:before {
    content: "\eca9"
}

.bxs-color-fill:before {
    content: "\ecaa"
}

.bxs-comment:before {
    content: "\ecab"
}

.bxs-comment-add:before {
    content: "\ecac"
}

.bxs-comment-check:before {
    content: "\ecad"
}

.bxs-comment-detail:before {
    content: "\ecae"
}

.bxs-comment-dots:before {
    content: "\ecaf"
}

.bxs-comment-edit:before {
    content: "\ecb0"
}

.bxs-comment-error:before {
    content: "\ecb1"
}

.bxs-comment-minus:before {
    content: "\ecb2"
}

.bxs-comment-x:before {
    content: "\ecb3"
}

.bxs-compass:before {
    content: "\ecb4"
}

.bxs-component:before {
    content: "\ecb5"
}

.bxs-confused:before {
    content: "\ecb6"
}

.bxs-contact:before {
    content: "\ecb7"
}

.bxs-conversation:before {
    content: "\ecb8"
}

.bxs-cookie:before {
    content: "\ecb9"
}

.bxs-cool:before {
    content: "\ecba"
}

.bxs-copy:before {
    content: "\ecbb"
}

.bxs-copy-alt:before {
    content: "\ecbc"
}

.bxs-copyright:before {
    content: "\ecbd"
}

.bxs-coupon:before {
    content: "\ecbe"
}

.bxs-credit-card:before {
    content: "\ecbf"
}

.bxs-credit-card-alt:before {
    content: "\ecc0"
}

.bxs-credit-card-front:before {
    content: "\ecc1"
}

.bxs-crop:before {
    content: "\ecc2"
}

.bxs-crown:before {
    content: "\ecc3"
}

.bxs-cube:before {
    content: "\ecc4"
}

.bxs-cube-alt:before {
    content: "\ecc5"
}

.bxs-cuboid:before {
    content: "\ecc6"
}

.bxs-customize:before {
    content: "\ecc7"
}

.bxs-cylinder:before {
    content: "\ecc8"
}

.bxs-dashboard:before {
    content: "\ecc9"
}

.bxs-data:before {
    content: "\ecca"
}

.bxs-detail:before {
    content: "\eccb"
}

.bxs-devices:before {
    content: "\eccc"
}

.bxs-diamond:before {
    content: "\eccd"
}

.bxs-dice-1:before {
    content: "\ecce"
}

.bxs-dice-2:before {
    content: "\eccf"
}

.bxs-dice-3:before {
    content: "\ecd0"
}

.bxs-dice-4:before {
    content: "\ecd1"
}

.bxs-dice-5:before {
    content: "\ecd2"
}

.bxs-dice-6:before {
    content: "\ecd3"
}

.bxs-direction-left:before {
    content: "\ecd4"
}

.bxs-direction-right:before {
    content: "\ecd5"
}

.bxs-directions:before {
    content: "\ecd6"
}

.bxs-disc:before {
    content: "\ecd7"
}

.bxs-discount:before {
    content: "\ecd8"
}

.bxs-dish:before {
    content: "\ecd9"
}

.bxs-dislike:before {
    content: "\ecda"
}

.bxs-dizzy:before {
    content: "\ecdb"
}

.bxs-dock-bottom:before {
    content: "\ecdc"
}

.bxs-dock-left:before {
    content: "\ecdd"
}

.bxs-dock-right:before {
    content: "\ecde"
}

.bxs-dock-top:before {
    content: "\ecdf"
}

.bxs-dollar-circle:before {
    content: "\ece0"
}

.bxs-donate-blood:before {
    content: "\ece1"
}

.bxs-donate-heart:before {
    content: "\ece2"
}

.bxs-door-open:before {
    content: "\ece3"
}

.bxs-doughnut-chart:before {
    content: "\ece4"
}

.bxs-down-arrow:before {
    content: "\ece5"
}

.bxs-down-arrow-alt:before {
    content: "\ece6"
}

.bxs-down-arrow-circle:before {
    content: "\ece7"
}

.bxs-down-arrow-square:before {
    content: "\ece8"
}

.bxs-download:before {
    content: "\ece9"
}

.bxs-downvote:before {
    content: "\ecea"
}

.bxs-drink:before {
    content: "\eceb"
}

.bxs-droplet:before {
    content: "\ecec"
}

.bxs-droplet-half:before {
    content: "\eced"
}

.bxs-dryer:before {
    content: "\ecee"
}

.bxs-duplicate:before {
    content: "\ecef"
}

.bxs-edit:before {
    content: "\ecf0"
}

.bxs-edit-alt:before {
    content: "\ecf1"
}

.bxs-edit-location:before {
    content: "\ecf2"
}

.bxs-eject:before {
    content: "\ecf3"
}

.bxs-envelope:before {
    content: "\ecf4"
}

.bxs-envelope-open:before {
    content: "\ecf5"
}

.bxs-eraser:before {
    content: "\ecf6"
}

.bxs-error:before {
    content: "\ecf7"
}

.bxs-error-alt:before {
    content: "\ecf8"
}

.bxs-error-circle:before {
    content: "\ecf9"
}

.bxs-ev-station:before {
    content: "\ecfa"
}

.bxs-exit:before {
    content: "\ecfb"
}

.bxs-extension:before {
    content: "\ecfc"
}

.bxs-eyedropper:before {
    content: "\ecfd"
}

.bxs-face:before {
    content: "\ecfe"
}

.bxs-face-mask:before {
    content: "\ecff"
}

.bxs-factory:before {
    content: "\ed00"
}

.bxs-fast-forward-circle:before {
    content: "\ed01"
}

.bxs-file:before {
    content: "\ed02"
}

.bxs-file-archive:before {
    content: "\ed03"
}

.bxs-file-blank:before {
    content: "\ed04"
}

.bxs-file-css:before {
    content: "\ed05"
}

.bxs-file-doc:before {
    content: "\ed06"
}

.bxs-file-export:before {
    content: "\ed07"
}

.bxs-file-find:before {
    content: "\ed08"
}

.bxs-file-gif:before {
    content: "\ed09"
}

.bxs-file-html:before {
    content: "\ed0a"
}

.bxs-file-image:before {
    content: "\ed0b"
}

.bxs-file-import:before {
    content: "\ed0c"
}

.bxs-file-jpg:before {
    content: "\ed0d"
}

.bxs-file-js:before {
    content: "\ed0e"
}

.bxs-file-json:before {
    content: "\ed0f"
}

.bxs-file-md:before {
    content: "\ed10"
}

.bxs-file-pdf:before {
    content: "\ed11"
}

.bxs-file-plus:before {
    content: "\ed12"
}

.bxs-file-png:before {
    content: "\ed13"
}

.bxs-file-txt:before {
    content: "\ed14"
}

.bxs-film:before {
    content: "\ed15"
}

.bxs-filter-alt:before {
    content: "\ed16"
}

.bxs-first-aid:before {
    content: "\ed17"
}

.bxs-flag:before {
    content: "\ed18"
}

.bxs-flag-alt:before {
    content: "\ed19"
}

.bxs-flag-checkered:before {
    content: "\ed1a"
}

.bxs-flame:before {
    content: "\ed1b"
}

.bxs-flask:before {
    content: "\ed1c"
}

.bxs-florist:before {
    content: "\ed1d"
}

.bxs-folder:before {
    content: "\ed1e"
}

.bxs-folder-minus:before {
    content: "\ed1f"
}

.bxs-folder-open:before {
    content: "\ed20"
}

.bxs-folder-plus:before {
    content: "\ed21"
}

.bxs-food-menu:before {
    content: "\ed22"
}

.bxs-fridge:before {
    content: "\ed23"
}

.bxs-game:before {
    content: "\ed24"
}

.bxs-gas-pump:before {
    content: "\ed25"
}

.bxs-ghost:before {
    content: "\ed26"
}

.bxs-gift:before {
    content: "\ed27"
}

.bxs-graduation:before {
    content: "\ed28"
}

.bxs-grid:before {
    content: "\ed29"
}

.bxs-grid-alt:before {
    content: "\ed2a"
}

.bxs-group:before {
    content: "\ed2b"
}

.bxs-guitar-amp:before {
    content: "\ed2c"
}

.bxs-hand-down:before {
    content: "\ed2d"
}

.bxs-hand-left:before {
    content: "\ed2e"
}

.bxs-hand-right:before {
    content: "\ed2f"
}

.bxs-hand-up:before {
    content: "\ed30"
}

.bxs-happy:before {
    content: "\ed31"
}

.bxs-happy-alt:before {
    content: "\ed32"
}

.bxs-happy-beaming:before {
    content: "\ed33"
}

.bxs-happy-heart-eyes:before {
    content: "\ed34"
}

.bxs-hdd:before {
    content: "\ed35"
}

.bxs-heart:before {
    content: "\ed36"
}

.bxs-heart-circle:before {
    content: "\ed37"
}

.bxs-heart-square:before {
    content: "\ed38"
}

.bxs-help-circle:before {
    content: "\ed39"
}

.bxs-hide:before {
    content: "\ed3a"
}

.bxs-home:before {
    content: "\ed3b"
}

.bxs-home-circle:before {
    content: "\ed3c"
}

.bxs-home-heart:before {
    content: "\ed3d"
}

.bxs-home-smile:before {
    content: "\ed3e"
}

.bxs-hot:before {
    content: "\ed3f"
}

.bxs-hotel:before {
    content: "\ed40"
}

.bxs-hourglass:before {
    content: "\ed41"
}

.bxs-hourglass-bottom:before {
    content: "\ed42"
}

.bxs-hourglass-top:before {
    content: "\ed43"
}

.bxs-id-card:before {
    content: "\ed44"
}

.bxs-image:before {
    content: "\ed45"
}

.bxs-image-add:before {
    content: "\ed46"
}

.bxs-image-alt:before {
    content: "\ed47"
}

.bxs-inbox:before {
    content: "\ed48"
}

.bxs-info-circle:before {
    content: "\ed49"
}

.bxs-info-square:before {
    content: "\ed4a"
}

.bxs-institution:before {
    content: "\ed4b"
}

.bxs-joystick:before {
    content: "\ed4c"
}

.bxs-joystick-alt:before {
    content: "\ed4d"
}

.bxs-joystick-button:before {
    content: "\ed4e"
}

.bxs-key:before {
    content: "\ed4f"
}

.bxs-keyboard:before {
    content: "\ed50"
}

.bxs-label:before {
    content: "\ed51"
}

.bxs-landmark:before {
    content: "\ed52"
}

.bxs-landscape:before {
    content: "\ed53"
}

.bxs-laugh:before {
    content: "\ed54"
}

.bxs-layer:before {
    content: "\ed55"
}

.bxs-layer-minus:before {
    content: "\ed56"
}

.bxs-layer-plus:before {
    content: "\ed57"
}

.bxs-layout:before {
    content: "\ed58"
}

.bxs-left-arrow:before {
    content: "\ed59"
}

.bxs-left-arrow-alt:before {
    content: "\ed5a"
}

.bxs-left-arrow-circle:before {
    content: "\ed5b"
}

.bxs-left-arrow-square:before {
    content: "\ed5c"
}

.bxs-left-down-arrow-circle:before {
    content: "\ed5d"
}

.bxs-left-top-arrow-circle:before {
    content: "\ed5e"
}

.bxs-like:before {
    content: "\ed5f"
}

.bxs-location-plus:before {
    content: "\ed60"
}

.bxs-lock:before {
    content: "\ed61"
}

.bxs-lock-alt:before {
    content: "\ed62"
}

.bxs-lock-open:before {
    content: "\ed63"
}

.bxs-lock-open-alt:before {
    content: "\ed64"
}

.bxs-log-in:before {
    content: "\ed65"
}

.bxs-log-in-circle:before {
    content: "\ed66"
}

.bxs-log-out:before {
    content: "\ed67"
}

.bxs-log-out-circle:before {
    content: "\ed68"
}

.bxs-low-vision:before {
    content: "\ed69"
}

.bxs-magic-wand:before {
    content: "\ed6a"
}

.bxs-magnet:before {
    content: "\ed6b"
}

.bxs-map:before {
    content: "\ed6c"
}

.bxs-map-alt:before {
    content: "\ed6d"
}

.bxs-map-pin:before {
    content: "\ed6e"
}

.bxs-mask:before {
    content: "\ed6f"
}

.bxs-medal:before {
    content: "\ed70"
}

.bxs-megaphone:before {
    content: "\ed71"
}

.bxs-meh:before {
    content: "\ed72"
}

.bxs-meh-alt:before {
    content: "\ed73"
}

.bxs-meh-blank:before {
    content: "\ed74"
}

.bxs-memory-card:before {
    content: "\ed75"
}

.bxs-message:before {
    content: "\ed76"
}

.bxs-message-add:before {
    content: "\ed77"
}

.bxs-message-alt:before {
    content: "\ed78"
}

.bxs-message-alt-add:before {
    content: "\ed79"
}

.bxs-message-alt-check:before {
    content: "\ed7a"
}

.bxs-message-alt-detail:before {
    content: "\ed7b"
}

.bxs-message-alt-dots:before {
    content: "\ed7c"
}

.bxs-message-alt-edit:before {
    content: "\ed7d"
}

.bxs-message-alt-error:before {
    content: "\ed7e"
}

.bxs-message-alt-minus:before {
    content: "\ed7f"
}

.bxs-message-alt-x:before {
    content: "\ed80"
}

.bxs-message-check:before {
    content: "\ed81"
}

.bxs-message-detail:before {
    content: "\ed82"
}

.bxs-message-dots:before {
    content: "\ed83"
}

.bxs-message-edit:before {
    content: "\ed84"
}

.bxs-message-error:before {
    content: "\ed85"
}

.bxs-message-minus:before {
    content: "\ed86"
}

.bxs-message-rounded:before {
    content: "\ed87"
}

.bxs-message-rounded-add:before {
    content: "\ed88"
}

.bxs-message-rounded-check:before {
    content: "\ed89"
}

.bxs-message-rounded-detail:before {
    content: "\ed8a"
}

.bxs-message-rounded-dots:before {
    content: "\ed8b"
}

.bxs-message-rounded-edit:before {
    content: "\ed8c"
}

.bxs-message-rounded-error:before {
    content: "\ed8d"
}

.bxs-message-rounded-minus:before {
    content: "\ed8e"
}

.bxs-message-rounded-x:before {
    content: "\ed8f"
}

.bxs-message-square:before {
    content: "\ed90"
}

.bxs-message-square-add:before {
    content: "\ed91"
}

.bxs-message-square-check:before {
    content: "\ed92"
}

.bxs-message-square-detail:before {
    content: "\ed93"
}

.bxs-message-square-dots:before {
    content: "\ed94"
}

.bxs-message-square-edit:before {
    content: "\ed95"
}

.bxs-message-square-error:before {
    content: "\ed96"
}

.bxs-message-square-minus:before {
    content: "\ed97"
}

.bxs-message-square-x:before {
    content: "\ed98"
}

.bxs-message-x:before {
    content: "\ed99"
}

.bxs-meteor:before {
    content: "\ed9a"
}

.bxs-microchip:before {
    content: "\ed9b"
}

.bxs-microphone:before {
    content: "\ed9c"
}

.bxs-microphone-alt:before {
    content: "\ed9d"
}

.bxs-microphone-off:before {
    content: "\ed9e"
}

.bxs-minus-circle:before {
    content: "\ed9f"
}

.bxs-minus-square:before {
    content: "\eda0"
}

.bxs-mobile:before {
    content: "\eda1"
}

.bxs-mobile-vibration:before {
    content: "\eda2"
}

.bxs-moon:before {
    content: "\eda3"
}

.bxs-mouse:before {
    content: "\eda4"
}

.bxs-mouse-alt:before {
    content: "\eda5"
}

.bxs-movie:before {
    content: "\eda6"
}

.bxs-movie-play:before {
    content: "\eda7"
}

.bxs-music:before {
    content: "\eda8"
}

.bxs-navigation:before {
    content: "\eda9"
}

.bxs-network-chart:before {
    content: "\edaa"
}

.bxs-news:before {
    content: "\edab"
}

.bxs-no-entry:before {
    content: "\edac"
}

.bxs-note:before {
    content: "\edad"
}

.bxs-notepad:before {
    content: "\edae"
}

.bxs-notification:before {
    content: "\edaf"
}

.bxs-notification-off:before {
    content: "\edb0"
}

.bxs-offer:before {
    content: "\edb1"
}

.bxs-package:before {
    content: "\edb2"
}

.bxs-paint:before {
    content: "\edb3"
}

.bxs-paint-roll:before {
    content: "\edb4"
}

.bxs-palette:before {
    content: "\edb5"
}

.bxs-paper-plane:before {
    content: "\edb6"
}

.bxs-parking:before {
    content: "\edb7"
}

.bxs-paste:before {
    content: "\edb8"
}

.bxs-pen:before {
    content: "\edb9"
}

.bxs-pencil:before {
    content: "\edba"
}

.bxs-phone:before {
    content: "\edbb"
}

.bxs-phone-call:before {
    content: "\edbc"
}

.bxs-phone-incoming:before {
    content: "\edbd"
}

.bxs-phone-outgoing:before {
    content: "\edbe"
}

.bxs-photo-album:before {
    content: "\edbf"
}

.bxs-piano:before {
    content: "\edc0"
}

.bxs-pie-chart:before {
    content: "\edc1"
}

.bxs-pie-chart-alt:before {
    content: "\edc2"
}

.bxs-pie-chart-alt-2:before {
    content: "\edc3"
}

.bxs-pin:before {
    content: "\edc4"
}

.bxs-pizza:before {
    content: "\edc5"
}

.bxs-plane:before {
    content: "\edc6"
}

.bxs-plane-alt:before {
    content: "\edc7"
}

.bxs-plane-land:before {
    content: "\edc8"
}

.bxs-planet:before {
    content: "\edc9"
}

.bxs-plane-take-off:before {
    content: "\edca"
}

.bxs-playlist:before {
    content: "\edcb"
}

.bxs-plug:before {
    content: "\edcc"
}

.bxs-plus-circle:before {
    content: "\edcd"
}

.bxs-plus-square:before {
    content: "\edce"
}

.bxs-pointer:before {
    content: "\edcf"
}

.bxs-polygon:before {
    content: "\edd0"
}

.bxs-printer:before {
    content: "\edd1"
}

.bxs-purchase-tag:before {
    content: "\edd2"
}

.bxs-purchase-tag-alt:before {
    content: "\edd3"
}

.bxs-pyramid:before {
    content: "\edd4"
}

.bxs-quote-alt-left:before {
    content: "\edd5"
}

.bxs-quote-alt-right:before {
    content: "\edd6"
}

.bxs-quote-left:before {
    content: "\edd7"
}

.bxs-quote-right:before {
    content: "\edd8"
}

.bxs-quote-single-left:before {
    content: "\edd9"
}

.bxs-quote-single-right:before {
    content: "\edda"
}

.bxs-radiation:before {
    content: "\eddb"
}

.bxs-radio:before {
    content: "\eddc"
}

.bxs-receipt:before {
    content: "\eddd"
}

.bxs-rectangle:before {
    content: "\edde"
}

.bxs-rename:before {
    content: "\eddf"
}

.bxs-report:before {
    content: "\ede0"
}

.bxs-rewind-circle:before {
    content: "\ede1"
}

.bxs-right-arrow:before {
    content: "\ede2"
}

.bxs-right-arrow-alt:before {
    content: "\ede3"
}

.bxs-right-arrow-circle:before {
    content: "\ede4"
}

.bxs-right-arrow-square:before {
    content: "\ede5"
}

.bxs-right-down-arrow-circle:before {
    content: "\ede6"
}

.bxs-right-top-arrow-circle:before {
    content: "\ede7"
}

.bxs-rocket:before {
    content: "\ede8"
}

.bxs-ruler:before {
    content: "\ede9"
}

.bxs-sad:before {
    content: "\edea"
}

.bxs-save:before {
    content: "\edeb"
}

.bxs-school:before {
    content: "\edec"
}

.bxs-search:before {
    content: "\eded"
}

.bxs-search-alt-2:before {
    content: "\edee"
}

.bxs-select-multiple:before {
    content: "\edef"
}

.bxs-send:before {
    content: "\edf0"
}

.bxs-server:before {
    content: "\edf1"
}

.bxs-shapes:before {
    content: "\edf2"
}

.bxs-share:before {
    content: "\edf3"
}

.bxs-share-alt:before {
    content: "\edf4"
}

.bxs-shield:before {
    content: "\edf5"
}

.bxs-shield-alt-2:before {
    content: "\edf6"
}

.bxs-shield-x:before {
    content: "\edf7"
}

.bxs-ship:before {
    content: "\edf8"
}

.bxs-shocked:before {
    content: "\edf9"
}

.bxs-shopping-bag:before {
    content: "\edfa"
}

.bxs-shopping-bag-alt:before {
    content: "\edfb"
}

.bxs-shopping-bags:before {
    content: "\edfc"
}

.bxs-show:before {
    content: "\edfd"
}

.bxs-skip-next-circle:before {
    content: "\edfe"
}

.bxs-skip-previous-circle:before {
    content: "\edff"
}

.bxs-skull:before {
    content: "\ee00"
}

.bxs-sleepy:before {
    content: "\ee01"
}

.bxs-slideshow:before {
    content: "\ee02"
}

.bxs-smile:before {
    content: "\ee03"
}

.bxs-sort-alt:before {
    content: "\ee04"
}

.bxs-spa:before {
    content: "\ee05"
}

.bxs-spray-can:before {
    content: "\ee06"
}

.bxs-spreadsheet:before {
    content: "\ee07"
}

.bxs-square:before {
    content: "\ee08"
}

.bxs-square-rounded:before {
    content: "\ee09"
}

.bxs-star:before {
    content: "\ee0a"
}

.bxs-star-half:before {
    content: "\ee0b"
}

.bxs-sticker:before {
    content: "\ee0c"
}

.bxs-stopwatch:before {
    content: "\ee0d"
}

.bxs-store:before {
    content: "\ee0e"
}

.bxs-store-alt:before {
    content: "\ee0f"
}

.bxs-sun:before {
    content: "\ee10"
}

.bxs-tachometer:before {
    content: "\ee11"
}

.bxs-tag:before {
    content: "\ee12"
}

.bxs-tag-alt:before {
    content: "\ee13"
}

.bxs-tag-x:before {
    content: "\ee14"
}

.bxs-taxi:before {
    content: "\ee15"
}

.bxs-tennis-ball:before {
    content: "\ee16"
}

.bxs-terminal:before {
    content: "\ee17"
}

.bxs-thermometer:before {
    content: "\ee18"
}

.bxs-time:before {
    content: "\ee19"
}

.bxs-time-five:before {
    content: "\ee1a"
}

.bxs-timer:before {
    content: "\ee1b"
}

.bxs-tired:before {
    content: "\ee1c"
}

.bxs-toggle-left:before {
    content: "\ee1d"
}

.bxs-toggle-right:before {
    content: "\ee1e"
}

.bxs-tone:before {
    content: "\ee1f"
}

.bxs-torch:before {
    content: "\ee20"
}

.bxs-to-top:before {
    content: "\ee21"
}

.bxs-traffic:before {
    content: "\ee22"
}

.bxs-traffic-barrier:before {
    content: "\ee23"
}

.bxs-traffic-cone:before {
    content: "\ee24"
}

.bxs-train:before {
    content: "\ee25"
}

.bxs-trash:before {
    content: "\ee26"
}

.bxs-trash-alt:before {
    content: "\ee27"
}

.bxs-tree:before {
    content: "\ee28"
}

.bxs-trophy:before {
    content: "\ee29"
}

.bxs-truck:before {
    content: "\ee2a"
}

.bxs-t-shirt:before {
    content: "\ee2b"
}

.bxs-tv:before {
    content: "\ee2c"
}

.bxs-up-arrow:before {
    content: "\ee2d"
}

.bxs-up-arrow-alt:before {
    content: "\ee2e"
}

.bxs-up-arrow-circle:before {
    content: "\ee2f"
}

.bxs-up-arrow-square:before {
    content: "\ee30"
}

.bxs-upside-down:before {
    content: "\ee31"
}

.bxs-upvote:before {
    content: "\ee32"
}

.bxs-user:before {
    content: "\ee33"
}

.bxs-user-account:before {
    content: "\ee34"
}

.bxs-user-badge:before {
    content: "\ee35"
}

.bxs-user-check:before {
    content: "\ee36"
}

.bxs-user-circle:before {
    content: "\ee37"
}

.bxs-user-detail:before {
    content: "\ee38"
}

.bxs-user-minus:before {
    content: "\ee39"
}

.bxs-user-pin:before {
    content: "\ee3a"
}

.bxs-user-plus:before {
    content: "\ee3b"
}

.bxs-user-rectangle:before {
    content: "\ee3c"
}

.bxs-user-voice:before {
    content: "\ee3d"
}

.bxs-user-x:before {
    content: "\ee3e"
}

.bxs-vector:before {
    content: "\ee3f"
}

.bxs-vial:before {
    content: "\ee40"
}

.bxs-video:before {
    content: "\ee41"
}

.bxs-video-off:before {
    content: "\ee42"
}

.bxs-video-plus:before {
    content: "\ee43"
}

.bxs-video-recording:before {
    content: "\ee44"
}

.bxs-videos:before {
    content: "\ee45"
}

.bxs-virus:before {
    content: "\ee46"
}

.bxs-virus-block:before {
    content: "\ee47"
}

.bxs-volume:before {
    content: "\ee48"
}

.bxs-volume-full:before {
    content: "\ee49"
}

.bxs-volume-low:before {
    content: "\ee4a"
}

.bxs-volume-mute:before {
    content: "\ee4b"
}

.bxs-wallet:before {
    content: "\ee4c"
}

.bxs-wallet-alt:before {
    content: "\ee4d"
}

.bxs-washer:before {
    content: "\ee4e"
}

.bxs-watch:before {
    content: "\ee4f"
}

.bxs-watch-alt:before {
    content: "\ee50"
}

.bxs-webcam:before {
    content: "\ee51"
}

.bxs-widget:before {
    content: "\ee52"
}

.bxs-window-alt:before {
    content: "\ee53"
}

.bxs-wine:before {
    content: "\ee54"
}

.bxs-wink-smile:before {
    content: "\ee55"
}

.bxs-wink-tongue:before {
    content: "\ee56"
}

.bxs-wrench:before {
    content: "\ee57"
}

.bxs-x-circle:before {
    content: "\ee58"
}

.bxs-x-square:before {
    content: "\ee59"
}

.bxs-yin-yang:before {
    content: "\ee5a"
}

.bxs-zap:before {
    content: "\ee5b"
}

.bxs-zoom-in:before {
    content: "\ee5c"
}

.bxs-zoom-out:before {
    content: "\ee5d"
}

.bxl-500px:before {
    content: "\ee5e"
}

.bxl-adobe:before {
    content: "\ee5f"
}

.bxl-airbnb:before {
    content: "\ee60"
}

.bxl-algolia:before {
    content: "\ee61"
}

.bxl-amazon:before {
    content: "\ee62"
}

.bxl-android:before {
    content: "\ee63"
}

.bxl-angular:before {
    content: "\ee64"
}

.bxl-apple:before {
    content: "\ee65"
}

.bxl-audible:before {
    content: "\ee66"
}

.bxl-baidu:before {
    content: "\ee67"
}

.bxl-behance:before {
    content: "\ee68"
}

.bxl-bing:before {
    content: "\ee69"
}

.bxl-bitcoin:before {
    content: "\ee6a"
}

.bxl-blender:before {
    content: "\ee6b"
}

.bxl-blogger:before {
    content: "\ee6c"
}

.bxl-bootstrap:before {
    content: "\ee6d"
}

.bxl-chrome:before {
    content: "\ee6e"
}

.bxl-codepen:before {
    content: "\ee6f"
}

.bxl-c-plus-plus:before {
    content: "\ee70"
}

.bxl-creative-commons:before {
    content: "\ee71"
}

.bxl-css3:before {
    content: "\ee72"
}

.bxl-dailymotion:before {
    content: "\ee73"
}

.bxl-deviantart:before {
    content: "\ee74"
}

.bxl-dev-to:before {
    content: "\ee75"
}

.bxl-digg:before {
    content: "\ee76"
}

.bxl-digitalocean:before {
    content: "\ee77"
}

.bxl-discord:before {
    content: "\ee78"
}

.bxl-discourse:before {
    content: "\ee79"
}

.bxl-django:before {
    content: "\ee7a"
}

.bxl-dribbble:before {
    content: "\ee7b"
}

.bxl-dropbox:before {
    content: "\ee7c"
}

.bxl-drupal:before {
    content: "\ee7d"
}

.bxl-ebay:before {
    content: "\ee7e"
}

.bxl-edge:before {
    content: "\ee7f"
}

.bxl-etsy:before {
    content: "\ee80"
}

.bxl-facebook:before {
    content: "\ee81"
}

.bxl-facebook-circle:before {
    content: "\ee82"
}

.bxl-facebook-square:before {
    content: "\ee83"
}

.bxl-figma:before {
    content: "\ee84"
}

.bxl-firebase:before {
    content: "\ee85"
}

.bxl-firefox:before {
    content: "\ee86"
}

.bxl-flickr:before {
    content: "\ee87"
}

.bxl-flickr-square:before {
    content: "\ee88"
}

.bxl-foursquare:before {
    content: "\ee89"
}

.bxl-git:before {
    content: "\ee8a"
}

.bxl-github:before {
    content: "\ee8b"
}

.bxl-gitlab:before {
    content: "\ee8c"
}

.bxl-google:before {
    content: "\ee8d"
}

.bxl-google-cloud:before {
    content: "\ee8e"
}

.bxl-google-plus:before {
    content: "\ee8f"
}

.bxl-google-plus-circle:before {
    content: "\ee90"
}

.bxl-html5:before {
    content: "\ee91"
}

.bxl-imdb:before {
    content: "\ee92"
}

.bxl-instagram:before {
    content: "\ee93"
}

.bxl-instagram-alt:before {
    content: "\ee94"
}

.bxl-internet-explorer:before {
    content: "\ee95"
}

.bxl-invision:before {
    content: "\ee96"
}

.bxl-javascript:before {
    content: "\ee97"
}

.bxl-joomla:before {
    content: "\ee98"
}

.bxl-jquery:before {
    content: "\ee99"
}

.bxl-jsfiddle:before {
    content: "\ee9a"
}

.bxl-kickstarter:before {
    content: "\ee9b"
}

.bxl-kubernetes:before {
    content: "\ee9c"
}

.bxl-less:before {
    content: "\ee9d"
}

.bxl-linkedin:before {
    content: "\ee9e"
}

.bxl-linkedin-square:before {
    content: "\ee9f"
}

.bxl-magento:before {
    content: "\eea0"
}

.bxl-mailchimp:before {
    content: "\eea1"
}

.bxl-markdown:before {
    content: "\eea2"
}

.bxl-mastercard:before {
    content: "\eea3"
}

.bxl-medium:before {
    content: "\eea4"
}

.bxl-medium-old:before {
    content: "\eea5"
}

.bxl-medium-square:before {
    content: "\eea6"
}

.bxl-messenger:before {
    content: "\eea7"
}

.bxl-microsoft:before {
    content: "\eea8"
}

.bxl-microsoft-teams:before {
    content: "\eea9"
}

.bxl-nodejs:before {
    content: "\eeaa"
}

.bxl-ok-ru:before {
    content: "\eeab"
}

.bxl-opera:before {
    content: "\eeac"
}

.bxl-patreon:before {
    content: "\eead"
}

.bxl-paypal:before {
    content: "\eeae"
}

.bxl-periscope:before {
    content: "\eeaf"
}

.bxl-pinterest:before {
    content: "\eeb0"
}

.bxl-pinterest-alt:before {
    content: "\eeb1"
}

.bxl-play-store:before {
    content: "\eeb2"
}

.bxl-pocket:before {
    content: "\eeb3"
}

.bxl-product-hunt:before {
    content: "\eeb4"
}

.bxl-python:before {
    content: "\eeb5"
}

.bxl-quora:before {
    content: "\eeb6"
}

.bxl-react:before {
    content: "\eeb7"
}

.bxl-redbubble:before {
    content: "\eeb8"
}

.bxl-reddit:before {
    content: "\eeb9"
}

.bxl-redux:before {
    content: "\eeba"
}

.bxl-sass:before {
    content: "\eebb"
}

.bxl-shopify:before {
    content: "\eebc"
}

.bxl-skype:before {
    content: "\eebd"
}

.bxl-slack:before {
    content: "\eebe"
}

.bxl-slack-old:before {
    content: "\eebf"
}

.bxl-snapchat:before {
    content: "\eec0"
}

.bxl-soundcloud:before {
    content: "\eec1"
}

.bxl-spotify:before {
    content: "\eec2"
}

.bxl-spring-boot:before {
    content: "\eec3"
}

.bxl-squarespace:before {
    content: "\eec4"
}

.bxl-stack-overflow:before {
    content: "\eec5"
}

.bxl-stripe:before {
    content: "\eec6"
}

.bxl-telegram:before {
    content: "\eec7"
}

.bxl-trello:before {
    content: "\eec8"
}

.bxl-tumblr:before {
    content: "\eec9"
}

.bxl-tux:before {
    content: "\eeca"
}

.bxl-twitch:before {
    content: "\eecb"
}

.bxl-twitter:before {
    content: "\eecc"
}

.bxl-unsplash:before {
    content: "\eecd"
}

.bxl-vimeo:before {
    content: "\eece"
}

.bxl-visa:before {
    content: "\eecf"
}

.bxl-vk:before {
    content: "\eed0"
}

.bxl-vuejs:before {
    content: "\eed1"
}

.bxl-whatsapp:before {
    content: "\eed2"
}

.bxl-whatsapp-square:before {
    content: "\eed3"
}

.bxl-wikipedia:before {
    content: "\eed4"
}

.bxl-windows:before {
    content: "\eed5"
}

.bxl-wix:before {
    content: "\eed6"
}

.bxl-wordpress:before {
    content: "\eed7"
}

.bxl-yahoo:before {
    content: "\eed8"
}

.bxl-yelp:before {
    content: "\eed9"
}

.bxl-youtube:before {
    content: "\eeda"
}

.bxl-zoom:before {
    content: "\eedb"
}

.flag-icon, .flag-icon-background {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.flag-icon {
    position: relative;
    width: 1.33333333em;
    line-height: 1em
}

    .flag-icon:before {
        content: "\00a0"
    }

    .flag-icon.flag-icon-squared {
        width: 1em
    }

.flag-icon-ad {
    background-image: url(flag-icons/flags/4x3/ad.svg)
}

    .flag-icon-ad.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ad.svg)
    }

.flag-icon-ae {
    background-image: url(flag-icons/flags/4x3/ae.svg)
}

    .flag-icon-ae.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ae.svg)
    }

.flag-icon-af {
    background-image: url(flag-icons/flags/4x3/af.svg)
}

    .flag-icon-af.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/af.svg)
    }

.flag-icon-ag {
    background-image: url(flag-icons/flags/4x3/ag.svg)
}

    .flag-icon-ag.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ag.svg)
    }

.flag-icon-ai {
    background-image: url(flag-icons/flags/4x3/ai.svg)
}

    .flag-icon-ai.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ai.svg)
    }

.flag-icon-al {
    background-image: url(flag-icons/flags/4x3/al.svg)
}

    .flag-icon-al.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/al.svg)
    }

.flag-icon-am {
    background-image: url(flag-icons/flags/4x3/am.svg)
}

    .flag-icon-am.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/am.svg)
    }

.flag-icon-ao {
    background-image: url(flag-icons/flags/4x3/ao.svg)
}

    .flag-icon-ao.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ao.svg)
    }

.flag-icon-aq {
    background-image: url(flag-icons/flags/4x3/aq.svg)
}

    .flag-icon-aq.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/aq.svg)
    }

.flag-icon-ar {
    background-image: url(flag-icons/flags/4x3/ar.svg)
}

    .flag-icon-ar.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ar.svg)
    }

.flag-icon-as {
    background-image: url(flag-icons/flags/4x3/as.svg)
}

    .flag-icon-as.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/as.svg)
    }

.flag-icon-at {
    background-image: url(flag-icons/flags/4x3/at.svg)
}

    .flag-icon-at.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/at.svg)
    }

.flag-icon-au {
    background-image: url(flag-icons/flags/4x3/au.svg)
}

    .flag-icon-au.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/au.svg)
    }

.flag-icon-aw {
    background-image: url(flag-icons/flags/4x3/aw.svg)
}

    .flag-icon-aw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/aw.svg)
    }

.flag-icon-ax {
    background-image: url(flag-icons/flags/4x3/ax.svg)
}

    .flag-icon-ax.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ax.svg)
    }

.flag-icon-az {
    background-image: url(flag-icons/flags/4x3/az.svg)
}

    .flag-icon-az.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/az.svg)
    }

.flag-icon-ba {
    background-image: url(flag-icons/flags/4x3/ba.svg)
}

    .flag-icon-ba.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ba.svg)
    }

.flag-icon-bb {
    background-image: url(flag-icons/flags/4x3/bb.svg)
}

    .flag-icon-bb.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bb.svg)
    }

.flag-icon-bd {
    background-image: url(flag-icons/flags/4x3/bd.svg)
}

    .flag-icon-bd.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bd.svg)
    }

.flag-icon-be {
    background-image: url(flag-icons/flags/4x3/be.svg)
}

    .flag-icon-be.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/be.svg)
    }

.flag-icon-bf {
    background-image: url(flag-icons/flags/4x3/bf.svg)
}

    .flag-icon-bf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bf.svg)
    }

.flag-icon-bg {
    background-image: url(flag-icons/flags/4x3/bg.svg)
}

    .flag-icon-bg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bg.svg)
    }

.flag-icon-bh {
    background-image: url(flag-icons/flags/4x3/bh.svg)
}

    .flag-icon-bh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bh.svg)
    }

.flag-icon-bi {
    background-image: url(flag-icons/flags/4x3/bi.svg)
}

    .flag-icon-bi.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bi.svg)
    }

.flag-icon-bj {
    background-image: url(flag-icons/flags/4x3/bj.svg)
}

    .flag-icon-bj.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bj.svg)
    }

.flag-icon-bl {
    background-image: url(flag-icons/flags/4x3/bl.svg)
}

    .flag-icon-bl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bl.svg)
    }

.flag-icon-bm {
    background-image: url(flag-icons/flags/4x3/bm.svg)
}

    .flag-icon-bm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bm.svg)
    }

.flag-icon-bn {
    background-image: url(flag-icons/flags/4x3/bn.svg)
}

    .flag-icon-bn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bn.svg)
    }

.flag-icon-bo {
    background-image: url(flag-icons/flags/4x3/bo.svg)
}

    .flag-icon-bo.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bo.svg)
    }

.flag-icon-bq {
    background-image: url(flag-icons/flags/4x3/bq.svg)
}

    .flag-icon-bq.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bq.svg)
    }

.flag-icon-br {
    background-image: url(flag-icons/flags/4x3/br.svg)
}

    .flag-icon-br.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/br.svg)
    }

.flag-icon-bs {
    background-image: url(flag-icons/flags/4x3/bs.svg)
}

    .flag-icon-bs.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bs.svg)
    }

.flag-icon-bt {
    background-image: url(flag-icons/flags/4x3/bt.svg)
}

    .flag-icon-bt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bt.svg)
    }

.flag-icon-bv {
    background-image: url(flag-icons/flags/4x3/bv.svg)
}

    .flag-icon-bv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bv.svg)
    }

.flag-icon-bw {
    background-image: url(flag-icons/flags/4x3/bw.svg)
}

    .flag-icon-bw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bw.svg)
    }

.flag-icon-by {
    background-image: url(flag-icons/flags/4x3/by.svg)
}

    .flag-icon-by.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/by.svg)
    }

.flag-icon-bz {
    background-image: url(flag-icons/flags/4x3/bz.svg)
}

    .flag-icon-bz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bz.svg)
    }

.flag-icon-ca {
    background-image: url(flag-icons/flags/4x3/ca.svg)
}

    .flag-icon-ca.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ca.svg)
    }

.flag-icon-cc {
    background-image: url(flag-icons/flags/4x3/cc.svg)
}

    .flag-icon-cc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cc.svg)
    }

.flag-icon-cd {
    background-image: url(flag-icons/flags/4x3/cd.svg)
}

    .flag-icon-cd.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cd.svg)
    }

.flag-icon-cf {
    background-image: url(flag-icons/flags/4x3/cf.svg)
}

    .flag-icon-cf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cf.svg)
    }

.flag-icon-cg {
    background-image: url(flag-icons/flags/4x3/cg.svg)
}

    .flag-icon-cg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cg.svg)
    }

.flag-icon-ch {
    background-image: url(flag-icons/flags/4x3/ch.svg)
}

    .flag-icon-ch.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ch.svg)
    }

.flag-icon-ci {
    background-image: url(flag-icons/flags/4x3/ci.svg)
}

    .flag-icon-ci.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ci.svg)
    }

.flag-icon-ck {
    background-image: url(flag-icons/flags/4x3/ck.svg)
}

    .flag-icon-ck.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ck.svg)
    }

.flag-icon-cl {
    background-image: url(flag-icons/flags/4x3/cl.svg)
}

    .flag-icon-cl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cl.svg)
    }

.flag-icon-cm {
    background-image: url(flag-icons/flags/4x3/cm.svg)
}

    .flag-icon-cm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cm.svg)
    }

.flag-icon-cn {
    background-image: url(flag-icons/flags/4x3/cn.svg)
}

    .flag-icon-cn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cn.svg)
    }

.flag-icon-co {
    background-image: url(flag-icons/flags/4x3/co.svg)
}

    .flag-icon-co.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/co.svg)
    }

.flag-icon-cr {
    background-image: url(flag-icons/flags/4x3/cr.svg)
}

    .flag-icon-cr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cr.svg)
    }

.flag-icon-cu {
    background-image: url(flag-icons/flags/4x3/cu.svg)
}

    .flag-icon-cu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cu.svg)
    }

.flag-icon-cv {
    background-image: url(flag-icons/flags/4x3/cv.svg)
}

    .flag-icon-cv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cv.svg)
    }

.flag-icon-cw {
    background-image: url(flag-icons/flags/4x3/cw.svg)
}

    .flag-icon-cw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cw.svg)
    }

.flag-icon-cx {
    background-image: url(flag-icons/flags/4x3/cx.svg)
}

    .flag-icon-cx.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cx.svg)
    }

.flag-icon-cy {
    background-image: url(flag-icons/flags/4x3/cy.svg)
}

    .flag-icon-cy.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cy.svg)
    }

.flag-icon-cz {
    background-image: url(flag-icons/flags/4x3/cz.svg)
}

    .flag-icon-cz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cz.svg)
    }

.flag-icon-de {
    background-image: url(flag-icons/flags/4x3/de.svg)
}

    .flag-icon-de.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/de.svg)
    }

.flag-icon-dj {
    background-image: url(flag-icons/flags/4x3/dj.svg)
}

    .flag-icon-dj.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/dj.svg)
    }

.flag-icon-dk {
    background-image: url(flag-icons/flags/4x3/dk.svg)
}

    .flag-icon-dk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/dk.svg)
    }

.flag-icon-dm {
    background-image: url(flag-icons/flags/4x3/dm.svg)
}

    .flag-icon-dm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/dm.svg)
    }

.flag-icon-do {
    background-image: url(flag-icons/flags/4x3/do.svg)
}

    .flag-icon-do.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/do.svg)
    }

.flag-icon-dz {
    background-image: url(flag-icons/flags/4x3/dz.svg)
}

    .flag-icon-dz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/dz.svg)
    }

.flag-icon-ec {
    background-image: url(flag-icons/flags/4x3/ec.svg)
}

    .flag-icon-ec.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ec.svg)
    }

.flag-icon-ee {
    background-image: url(flag-icons/flags/4x3/ee.svg)
}

    .flag-icon-ee.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ee.svg)
    }

.flag-icon-eg {
    background-image: url(flag-icons/flags/4x3/eg.svg)
}

    .flag-icon-eg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/eg.svg)
    }

.flag-icon-eh {
    background-image: url(flag-icons/flags/4x3/eh.svg)
}

    .flag-icon-eh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/eh.svg)
    }

.flag-icon-er {
    background-image: url(flag-icons/flags/4x3/er.svg)
}

    .flag-icon-er.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/er.svg)
    }

.flag-icon-es {
    background-image: url(flag-icons/flags/4x3/es.svg)
}

    .flag-icon-es.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/es.svg)
    }

.flag-icon-et {
    background-image: url(flag-icons/flags/4x3/et.svg)
}

    .flag-icon-et.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/et.svg)
    }

.flag-icon-fi {
    background-image: url(flag-icons/flags/4x3/fi.svg)
}

    .flag-icon-fi.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fi.svg)
    }

.flag-icon-fj {
    background-image: url(flag-icons/flags/4x3/fj.svg)
}

    .flag-icon-fj.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fj.svg)
    }

.flag-icon-fk {
    background-image: url(flag-icons/flags/4x3/fk.svg)
}

    .flag-icon-fk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fk.svg)
    }

.flag-icon-fm {
    background-image: url(flag-icons/flags/4x3/fm.svg)
}

    .flag-icon-fm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fm.svg)
    }

.flag-icon-fo {
    background-image: url(flag-icons/flags/4x3/fo.svg)
}

    .flag-icon-fo.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fo.svg)
    }

.flag-icon-fr {
    background-image: url(flag-icons/flags/4x3/fr.svg)
}

    .flag-icon-fr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fr.svg)
    }

.flag-icon-ga {
    background-image: url(flag-icons/flags/4x3/ga.svg)
}

    .flag-icon-ga.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ga.svg)
    }

.flag-icon-gb {
    background-image: url(flag-icons/flags/4x3/gb.svg)
}

    .flag-icon-gb.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gb.svg)
    }

.flag-icon-gd {
    background-image: url(flag-icons/flags/4x3/gd.svg)
}

    .flag-icon-gd.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gd.svg)
    }

.flag-icon-ge {
    background-image: url(flag-icons/flags/4x3/ge.svg)
}

    .flag-icon-ge.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ge.svg)
    }

.flag-icon-gf {
    background-image: url(flag-icons/flags/4x3/gf.svg)
}

    .flag-icon-gf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gf.svg)
    }

.flag-icon-gg {
    background-image: url(flag-icons/flags/4x3/gg.svg)
}

    .flag-icon-gg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gg.svg)
    }

.flag-icon-gh {
    background-image: url(flag-icons/flags/4x3/gh.svg)
}

    .flag-icon-gh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gh.svg)
    }

.flag-icon-gi {
    background-image: url(flag-icons/flags/4x3/gi.svg)
}

    .flag-icon-gi.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gi.svg)
    }

.flag-icon-gl {
    background-image: url(flag-icons/flags/4x3/gl.svg)
}

    .flag-icon-gl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gl.svg)
    }

.flag-icon-gm {
    background-image: url(flag-icons/flags/4x3/gm.svg)
}

    .flag-icon-gm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gm.svg)
    }

.flag-icon-gn {
    background-image: url(flag-icons/flags/4x3/gn.svg)
}

    .flag-icon-gn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gn.svg)
    }

.flag-icon-gp {
    background-image: url(flag-icons/flags/4x3/gp.svg)
}

    .flag-icon-gp.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gp.svg)
    }

.flag-icon-gq {
    background-image: url(flag-icons/flags/4x3/gq.svg)
}

    .flag-icon-gq.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gq.svg)
    }

.flag-icon-gr {
    background-image: url(flag-icons/flags/4x3/gr.svg)
}

    .flag-icon-gr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gr.svg)
    }

.flag-icon-gs {
    background-image: url(flag-icons/flags/4x3/gs.svg)
}

    .flag-icon-gs.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gs.svg)
    }

.flag-icon-gt {
    background-image: url(flag-icons/flags/4x3/gt.svg)
}

    .flag-icon-gt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gt.svg)
    }

.flag-icon-gu {
    background-image: url(flag-icons/flags/4x3/gu.svg)
}

    .flag-icon-gu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gu.svg)
    }

.flag-icon-gw {
    background-image: url(flag-icons/flags/4x3/gw.svg)
}

    .flag-icon-gw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gw.svg)
    }

.flag-icon-gy {
    background-image: url(flag-icons/flags/4x3/gy.svg)
}

    .flag-icon-gy.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gy.svg)
    }

.flag-icon-hk {
    background-image: url(flag-icons/flags/4x3/hk.svg)
}

    .flag-icon-hk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/hk.svg)
    }

.flag-icon-hm {
    background-image: url(flag-icons/flags/4x3/hm.svg)
}

    .flag-icon-hm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/hm.svg)
    }

.flag-icon-hn {
    background-image: url(flag-icons/flags/4x3/hn.svg)
}

    .flag-icon-hn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/hn.svg)
    }

.flag-icon-hr {
    background-image: url(flag-icons/flags/4x3/hr.svg)
}

    .flag-icon-hr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/hr.svg)
    }

.flag-icon-ht {
    background-image: url(flag-icons/flags/4x3/ht.svg)
}

    .flag-icon-ht.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ht.svg)
    }

.flag-icon-hu {
    background-image: url(flag-icons/flags/4x3/hu.svg)
}

    .flag-icon-hu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/hu.svg)
    }

.flag-icon-id {
    background-image: url(flag-icons/flags/4x3/id.svg)
}

    .flag-icon-id.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/id.svg)
    }

.flag-icon-ie {
    background-image: url(flag-icons/flags/4x3/ie.svg)
}

    .flag-icon-ie.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ie.svg)
    }

.flag-icon-il {
    background-image: url(flag-icons/flags/4x3/il.svg)
}

    .flag-icon-il.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/il.svg)
    }

.flag-icon-im {
    background-image: url(flag-icons/flags/4x3/im.svg)
}

    .flag-icon-im.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/im.svg)
    }

.flag-icon-in {
    background-image: url(flag-icons/flags/4x3/in.svg)
}

    .flag-icon-in.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/in.svg)
    }

.flag-icon-io {
    background-image: url(flag-icons/flags/4x3/io.svg)
}

    .flag-icon-io.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/io.svg)
    }

.flag-icon-iq {
    background-image: url(flag-icons/flags/4x3/iq.svg)
}

    .flag-icon-iq.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/iq.svg)
    }

.flag-icon-ir {
    background-image: url(flag-icons/flags/4x3/ir.svg)
}

    .flag-icon-ir.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ir.svg)
    }

.flag-icon-is {
    background-image: url(flag-icons/flags/4x3/is.svg)
}

    .flag-icon-is.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/is.svg)
    }

.flag-icon-it {
    background-image: url(flag-icons/flags/4x3/it.svg)
}

    .flag-icon-it.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/it.svg)
    }

.flag-icon-je {
    background-image: url(flag-icons/flags/4x3/je.svg)
}

    .flag-icon-je.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/je.svg)
    }

.flag-icon-jm {
    background-image: url(flag-icons/flags/4x3/jm.svg)
}

    .flag-icon-jm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/jm.svg)
    }

.flag-icon-jo {
    background-image: url(flag-icons/flags/4x3/jo.svg)
}

    .flag-icon-jo.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/jo.svg)
    }

.flag-icon-jp {
    background-image: url(flag-icons/flags/4x3/jp.svg)
}

    .flag-icon-jp.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/jp.svg)
    }

.flag-icon-ke {
    background-image: url(flag-icons/flags/4x3/ke.svg)
}

    .flag-icon-ke.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ke.svg)
    }

.flag-icon-kg {
    background-image: url(flag-icons/flags/4x3/kg.svg)
}

    .flag-icon-kg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kg.svg)
    }

.flag-icon-kh {
    background-image: url(flag-icons/flags/4x3/kh.svg)
}

    .flag-icon-kh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kh.svg)
    }

.flag-icon-ki {
    background-image: url(flag-icons/flags/4x3/ki.svg)
}

    .flag-icon-ki.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ki.svg)
    }

.flag-icon-km {
    background-image: url(flag-icons/flags/4x3/km.svg)
}

    .flag-icon-km.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/km.svg)
    }

.flag-icon-kn {
    background-image: url(flag-icons/flags/4x3/kn.svg)
}

    .flag-icon-kn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kn.svg)
    }

.flag-icon-kp {
    background-image: url(flag-icons/flags/4x3/kp.svg)
}

    .flag-icon-kp.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kp.svg)
    }

.flag-icon-kr {
    background-image: url(flag-icons/flags/4x3/kr.svg)
}

    .flag-icon-kr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kr.svg)
    }

.flag-icon-kw {
    background-image: url(flag-icons/flags/4x3/kw.svg)
}

    .flag-icon-kw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kw.svg)
    }

.flag-icon-ky {
    background-image: url(flag-icons/flags/4x3/ky.svg)
}

    .flag-icon-ky.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ky.svg)
    }

.flag-icon-kz {
    background-image: url(flag-icons/flags/4x3/kz.svg)
}

    .flag-icon-kz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kz.svg)
    }

.flag-icon-la {
    background-image: url(flag-icons/flags/4x3/la.svg)
}

    .flag-icon-la.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/la.svg)
    }

.flag-icon-lb {
    background-image: url(flag-icons/flags/4x3/lb.svg)
}

    .flag-icon-lb.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lb.svg)
    }

.flag-icon-lc {
    background-image: url(flag-icons/flags/4x3/lc.svg)
}

    .flag-icon-lc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lc.svg)
    }

.flag-icon-li {
    background-image: url(flag-icons/flags/4x3/li.svg)
}

    .flag-icon-li.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/li.svg)
    }

.flag-icon-lk {
    background-image: url(flag-icons/flags/4x3/lk.svg)
}

    .flag-icon-lk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lk.svg)
    }

.flag-icon-lr {
    background-image: url(flag-icons/flags/4x3/lr.svg)
}

    .flag-icon-lr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lr.svg)
    }

.flag-icon-ls {
    background-image: url(flag-icons/flags/4x3/ls.svg)
}

    .flag-icon-ls.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ls.svg)
    }

.flag-icon-lt {
    background-image: url(flag-icons/flags/4x3/lt.svg)
}

    .flag-icon-lt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lt.svg)
    }

.flag-icon-lu {
    background-image: url(flag-icons/flags/4x3/lu.svg)
}

    .flag-icon-lu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lu.svg)
    }

.flag-icon-lv {
    background-image: url(flag-icons/flags/4x3/lv.svg)
}

    .flag-icon-lv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lv.svg)
    }

.flag-icon-ly {
    background-image: url(flag-icons/flags/4x3/ly.svg)
}

    .flag-icon-ly.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ly.svg)
    }

.flag-icon-ma {
    background-image: url(flag-icons/flags/4x3/ma.svg)
}

    .flag-icon-ma.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ma.svg)
    }

.flag-icon-mc {
    background-image: url(flag-icons/flags/4x3/mc.svg)
}

    .flag-icon-mc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mc.svg)
    }

.flag-icon-md {
    background-image: url(flag-icons/flags/4x3/md.svg)
}

    .flag-icon-md.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/md.svg)
    }

.flag-icon-me {
    background-image: url(flag-icons/flags/4x3/me.svg)
}

    .flag-icon-me.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/me.svg)
    }

.flag-icon-mf {
    background-image: url(flag-icons/flags/4x3/mf.svg)
}

    .flag-icon-mf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mf.svg)
    }

.flag-icon-mg {
    background-image: url(flag-icons/flags/4x3/mg.svg)
}

    .flag-icon-mg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mg.svg)
    }

.flag-icon-mh {
    background-image: url(flag-icons/flags/4x3/mh.svg)
}

    .flag-icon-mh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mh.svg)
    }

.flag-icon-mk {
    background-image: url(flag-icons/flags/4x3/mk.svg)
}

    .flag-icon-mk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mk.svg)
    }

.flag-icon-ml {
    background-image: url(flag-icons/flags/4x3/ml.svg)
}

    .flag-icon-ml.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ml.svg)
    }

.flag-icon-mm {
    background-image: url(flag-icons/flags/4x3/mm.svg)
}

    .flag-icon-mm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mm.svg)
    }

.flag-icon-mn {
    background-image: url(flag-icons/flags/4x3/mn.svg)
}

    .flag-icon-mn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mn.svg)
    }

.flag-icon-mo {
    background-image: url(flag-icons/flags/4x3/mo.svg)
}

    .flag-icon-mo.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mo.svg)
    }

.flag-icon-mp {
    background-image: url(flag-icons/flags/4x3/mp.svg)
}

    .flag-icon-mp.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mp.svg)
    }

.flag-icon-mq {
    background-image: url(flag-icons/flags/4x3/mq.svg)
}

    .flag-icon-mq.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mq.svg)
    }

.flag-icon-mr {
    background-image: url(flag-icons/flags/4x3/mr.svg)
}

    .flag-icon-mr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mr.svg)
    }

.flag-icon-ms {
    background-image: url(flag-icons/flags/4x3/ms.svg)
}

    .flag-icon-ms.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ms.svg)
    }

.flag-icon-mt {
    background-image: url(flag-icons/flags/4x3/mt.svg)
}

    .flag-icon-mt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mt.svg)
    }

.flag-icon-mu {
    background-image: url(flag-icons/flags/4x3/mu.svg)
}

    .flag-icon-mu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mu.svg)
    }

.flag-icon-mv {
    background-image: url(flag-icons/flags/4x3/mv.svg)
}

    .flag-icon-mv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mv.svg)
    }

.flag-icon-mw {
    background-image: url(flag-icons/flags/4x3/mw.svg)
}

    .flag-icon-mw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mw.svg)
    }

.flag-icon-mx {
    background-image: url(flag-icons/flags/4x3/mx.svg)
}

    .flag-icon-mx.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mx.svg)
    }

.flag-icon-my {
    background-image: url(flag-icons/flags/4x3/my.svg)
}

    .flag-icon-my.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/my.svg)
    }

.flag-icon-mz {
    background-image: url(flag-icons/flags/4x3/mz.svg)
}

    .flag-icon-mz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mz.svg)
    }

.flag-icon-na {
    background-image: url(flag-icons/flags/4x3/na.svg)
}

    .flag-icon-na.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/na.svg)
    }

.flag-icon-nc {
    background-image: url(flag-icons/flags/4x3/nc.svg)
}

    .flag-icon-nc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nc.svg)
    }

.flag-icon-ne {
    background-image: url(flag-icons/flags/4x3/ne.svg)
}

    .flag-icon-ne.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ne.svg)
    }

.flag-icon-nf {
    background-image: url(flag-icons/flags/4x3/nf.svg)
}

    .flag-icon-nf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nf.svg)
    }

.flag-icon-ng {
    background-image: url(flag-icons/flags/4x3/ng.svg)
}

    .flag-icon-ng.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ng.svg)
    }

.flag-icon-ni {
    background-image: url(flag-icons/flags/4x3/ni.svg)
}

    .flag-icon-ni.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ni.svg)
    }

.flag-icon-nl {
    background-image: url(flag-icons/flags/4x3/nl.svg)
}

    .flag-icon-nl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nl.svg)
    }

.flag-icon-no {
    background-image: url(flag-icons/flags/4x3/no.svg)
}

    .flag-icon-no.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/no.svg)
    }

.flag-icon-np {
    background-image: url(flag-icons/flags/4x3/np.svg)
}

    .flag-icon-np.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/np.svg)
    }

.flag-icon-nr {
    background-image: url(flag-icons/flags/4x3/nr.svg)
}

    .flag-icon-nr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nr.svg)
    }

.flag-icon-nu {
    background-image: url(flag-icons/flags/4x3/nu.svg)
}

    .flag-icon-nu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nu.svg)
    }

.flag-icon-nz {
    background-image: url(flag-icons/flags/4x3/nz.svg)
}

    .flag-icon-nz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nz.svg)
    }

.flag-icon-om {
    background-image: url(flag-icons/flags/4x3/om.svg)
}

    .flag-icon-om.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/om.svg)
    }

.flag-icon-pa {
    background-image: url(flag-icons/flags/4x3/pa.svg)
}

    .flag-icon-pa.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pa.svg)
    }

.flag-icon-pe {
    background-image: url(flag-icons/flags/4x3/pe.svg)
}

    .flag-icon-pe.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pe.svg)
    }

.flag-icon-pf {
    background-image: url(flag-icons/flags/4x3/pf.svg)
}

    .flag-icon-pf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pf.svg)
    }

.flag-icon-pg {
    background-image: url(flag-icons/flags/4x3/pg.svg)
}

    .flag-icon-pg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pg.svg)
    }

.flag-icon-ph {
    background-image: url(flag-icons/flags/4x3/ph.svg)
}

    .flag-icon-ph.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ph.svg)
    }

.flag-icon-pk {
    background-image: url(flag-icons/flags/4x3/pk.svg)
}

    .flag-icon-pk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pk.svg)
    }

.flag-icon-pl {
    background-image: url(flag-icons/flags/4x3/pl.svg)
}

    .flag-icon-pl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pl.svg)
    }

.flag-icon-pm {
    background-image: url(flag-icons/flags/4x3/pm.svg)
}

    .flag-icon-pm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pm.svg)
    }

.flag-icon-pn {
    background-image: url(flag-icons/flags/4x3/pn.svg)
}

    .flag-icon-pn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pn.svg)
    }

.flag-icon-pr {
    background-image: url(flag-icons/flags/4x3/pr.svg)
}

    .flag-icon-pr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pr.svg)
    }

.flag-icon-ps {
    background-image: url(flag-icons/flags/4x3/ps.svg)
}

    .flag-icon-ps.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ps.svg)
    }

.flag-icon-pt {
    background-image: url(flag-icons/flags/4x3/pt.svg)
}

    .flag-icon-pt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pt.svg)
    }

.flag-icon-pw {
    background-image: url(flag-icons/flags/4x3/pw.svg)
}

    .flag-icon-pw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pw.svg)
    }

.flag-icon-py {
    background-image: url(flag-icons/flags/4x3/py.svg)
}

    .flag-icon-py.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/py.svg)
    }

.flag-icon-qa {
    background-image: url(flag-icons/flags/4x3/qa.svg)
}

    .flag-icon-qa.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/qa.svg)
    }

.flag-icon-re {
    background-image: url(flag-icons/flags/4x3/re.svg)
}

    .flag-icon-re.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/re.svg)
    }

.flag-icon-ro {
    background-image: url(flag-icons/flags/4x3/ro.svg)
}

    .flag-icon-ro.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ro.svg)
    }

.flag-icon-rs {
    background-image: url(flag-icons/flags/4x3/rs.svg)
}

    .flag-icon-rs.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/rs.svg)
    }

.flag-icon-ru {
    background-image: url(flag-icons/flags/4x3/ru.svg)
}

    .flag-icon-ru.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ru.svg)
    }

.flag-icon-rw {
    background-image: url(flag-icons/flags/4x3/rw.svg)
}

    .flag-icon-rw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/rw.svg)
    }

.flag-icon-sa {
    background-image: url(flag-icons/flags/4x3/sa.svg)
}

    .flag-icon-sa.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sa.svg)
    }

.flag-icon-sb {
    background-image: url(flag-icons/flags/4x3/sb.svg)
}

    .flag-icon-sb.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sb.svg)
    }

.flag-icon-sc {
    background-image: url(flag-icons/flags/4x3/sc.svg)
}

    .flag-icon-sc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sc.svg)
    }

.flag-icon-sd {
    background-image: url(flag-icons/flags/4x3/sd.svg)
}

    .flag-icon-sd.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sd.svg)
    }

.flag-icon-se {
    background-image: url(flag-icons/flags/4x3/se.svg)
}

    .flag-icon-se.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/se.svg)
    }

.flag-icon-sg {
    background-image: url(flag-icons/flags/4x3/sg.svg)
}

    .flag-icon-sg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sg.svg)
    }

.flag-icon-sh {
    background-image: url(flag-icons/flags/4x3/sh.svg)
}

    .flag-icon-sh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sh.svg)
    }

.flag-icon-si {
    background-image: url(flag-icons/flags/4x3/si.svg)
}

    .flag-icon-si.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/si.svg)
    }

.flag-icon-sj {
    background-image: url(flag-icons/flags/4x3/sj.svg)
}

    .flag-icon-sj.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sj.svg)
    }

.flag-icon-sk {
    background-image: url(flag-icons/flags/4x3/sk.svg)
}

    .flag-icon-sk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sk.svg)
    }

.flag-icon-sl {
    background-image: url(flag-icons/flags/4x3/sl.svg)
}

    .flag-icon-sl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sl.svg)
    }

.flag-icon-sm {
    background-image: url(flag-icons/flags/4x3/sm.svg)
}

    .flag-icon-sm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sm.svg)
    }

.flag-icon-sn {
    background-image: url(flag-icons/flags/4x3/sn.svg)
}

    .flag-icon-sn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sn.svg)
    }

.flag-icon-so {
    background-image: url(flag-icons/flags/4x3/so.svg)
}

    .flag-icon-so.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/so.svg)
    }

.flag-icon-sr {
    background-image: url(flag-icons/flags/4x3/sr.svg)
}

    .flag-icon-sr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sr.svg)
    }

.flag-icon-ss {
    background-image: url(flag-icons/flags/4x3/ss.svg)
}

    .flag-icon-ss.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ss.svg)
    }

.flag-icon-st {
    background-image: url(flag-icons/flags/4x3/st.svg)
}

    .flag-icon-st.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/st.svg)
    }

.flag-icon-sv {
    background-image: url(flag-icons/flags/4x3/sv.svg)
}

    .flag-icon-sv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sv.svg)
    }

.flag-icon-sx {
    background-image: url(flag-icons/flags/4x3/sx.svg)
}

    .flag-icon-sx.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sx.svg)
    }

.flag-icon-sy {
    background-image: url(flag-icons/flags/4x3/sy.svg)
}

    .flag-icon-sy.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sy.svg)
    }

.flag-icon-sz {
    background-image: url(flag-icons/flags/4x3/sz.svg)
}

    .flag-icon-sz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sz.svg)
    }

.flag-icon-tc {
    background-image: url(flag-icons/flags/4x3/tc.svg)
}

    .flag-icon-tc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tc.svg)
    }

.flag-icon-td {
    background-image: url(flag-icons/flags/4x3/td.svg)
}

    .flag-icon-td.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/td.svg)
    }

.flag-icon-tf {
    background-image: url(flag-icons/flags/4x3/tf.svg)
}

    .flag-icon-tf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tf.svg)
    }

.flag-icon-tg {
    background-image: url(flag-icons/flags/4x3/tg.svg)
}

    .flag-icon-tg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tg.svg)
    }

.flag-icon-th {
    background-image: url(flag-icons/flags/4x3/th.svg)
}

    .flag-icon-th.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/th.svg)
    }

.flag-icon-tj {
    background-image: url(flag-icons/flags/4x3/tj.svg)
}

    .flag-icon-tj.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tj.svg)
    }

.flag-icon-tk {
    background-image: url(flag-icons/flags/4x3/tk.svg)
}

    .flag-icon-tk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tk.svg)
    }

.flag-icon-tl {
    background-image: url(flag-icons/flags/4x3/tl.svg)
}

    .flag-icon-tl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tl.svg)
    }

.flag-icon-tm {
    background-image: url(flag-icons/flags/4x3/tm.svg)
}

    .flag-icon-tm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tm.svg)
    }

.flag-icon-tn {
    background-image: url(flag-icons/flags/4x3/tn.svg)
}

    .flag-icon-tn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tn.svg)
    }

.flag-icon-to {
    background-image: url(flag-icons/flags/4x3/to.svg)
}

    .flag-icon-to.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/to.svg)
    }

.flag-icon-tr {
    background-image: url(flag-icons/flags/4x3/tr.svg)
}

    .flag-icon-tr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tr.svg)
    }

.flag-icon-tt {
    background-image: url(flag-icons/flags/4x3/tt.svg)
}

    .flag-icon-tt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tt.svg)
    }

.flag-icon-tv {
    background-image: url(flag-icons/flags/4x3/tv.svg)
}

    .flag-icon-tv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tv.svg)
    }

.flag-icon-tw {
    background-image: url(flag-icons/flags/4x3/tw.svg)
}

    .flag-icon-tw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tw.svg)
    }

.flag-icon-tz {
    background-image: url(flag-icons/flags/4x3/tz.svg)
}

    .flag-icon-tz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tz.svg)
    }

.flag-icon-ua {
    background-image: url(flag-icons/flags/4x3/ua.svg)
}

    .flag-icon-ua.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ua.svg)
    }

.flag-icon-ug {
    background-image: url(flag-icons/flags/4x3/ug.svg)
}

    .flag-icon-ug.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ug.svg)
    }

.flag-icon-um {
    background-image: url(flag-icons/flags/4x3/um.svg)
}

    .flag-icon-um.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/um.svg)
    }

.flag-icon-us {
    background-image: url(flag-icons/flags/4x3/us.svg)
}

    .flag-icon-us.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/us.svg)
    }

.flag-icon-uy {
    background-image: url(flag-icons/flags/4x3/uy.svg)
}

    .flag-icon-uy.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/uy.svg)
    }

.flag-icon-uz {
    background-image: url(flag-icons/flags/4x3/uz.svg)
}

    .flag-icon-uz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/uz.svg)
    }

.flag-icon-va {
    background-image: url(flag-icons/flags/4x3/va.svg)
}

    .flag-icon-va.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/va.svg)
    }

.flag-icon-vc {
    background-image: url(flag-icons/flags/4x3/vc.svg)
}

    .flag-icon-vc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/vc.svg)
    }

.flag-icon-ve {
    background-image: url(flag-icons/flags/4x3/ve.svg)
}

    .flag-icon-ve.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ve.svg)
    }

.flag-icon-vg {
    background-image: url(flag-icons/flags/4x3/vg.svg)
}

    .flag-icon-vg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/vg.svg)
    }

.flag-icon-vi {
    background-image: url(flag-icons/flags/4x3/vi.svg)
}

    .flag-icon-vi.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/vi.svg)
    }

.flag-icon-vn {
    background-image: url(flag-icons/flags/4x3/vn.svg)
}

    .flag-icon-vn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/vn.svg)
    }

.flag-icon-vu {
    background-image: url(flag-icons/flags/4x3/vu.svg)
}

    .flag-icon-vu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/vu.svg)
    }

.flag-icon-wf {
    background-image: url(flag-icons/flags/4x3/wf.svg)
}

    .flag-icon-wf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/wf.svg)
    }

.flag-icon-ws {
    background-image: url(flag-icons/flags/4x3/ws.svg)
}

    .flag-icon-ws.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ws.svg)
    }

.flag-icon-ye {
    background-image: url(flag-icons/flags/4x3/ye.svg)
}

    .flag-icon-ye.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ye.svg)
    }

.flag-icon-yt {
    background-image: url(flag-icons/flags/4x3/yt.svg)
}

    .flag-icon-yt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/yt.svg)
    }

.flag-icon-za {
    background-image: url(flag-icons/flags/4x3/za.svg)
}

    .flag-icon-za.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/za.svg)
    }

.flag-icon-zm {
    background-image: url(flag-icons/flags/4x3/zm.svg)
}

    .flag-icon-zm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/zm.svg)
    }

.flag-icon-zw {
    background-image: url(flag-icons/flags/4x3/zw.svg)
}

    .flag-icon-zw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/zw.svg)
    }

.flag-icon-eu {
    background-image: url(flag-icons/flags/4x3/eu.svg)
}

    .flag-icon-eu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/eu.svg)
    }

.flag-icon-gb-eng {
    background-image: url(flag-icons/flags/4x3/gb-eng.svg)
}

    .flag-icon-gb-eng.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gb-eng.svg)
    }

.flag-icon-gb-sct {
    background-image: url(flag-icons/flags/4x3/gb-sct.svg)
}

    .flag-icon-gb-sct.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gb-sct.svg)
    }

.flag-icon-gb-wls {
    background-image: url(flag-icons/flags/4x3/gb-wls.svg)
}

    .flag-icon-gb-wls.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gb-wls.svg)
    }

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #ff6275;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px
}
/*!
 * perfect-scrollbar v1.4.0
 * (c) 2018 Hyunje Jun
 * @license MIT
 */

.ps__rail-x, .ps__rail-y {
    display: none;
    opacity: 0;
    position: absolute
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    height: 15px;
    bottom: 0
}

.ps__rail-y {
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x, .ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-x {
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-y {
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .ps {
        overflow: auto !important
    }
}


.apexcharts-canvas {
    position: relative;
    user-select: none;
    /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */
}


    /* scrollbar is not visible by default for legend, hence forcing the visibility */
    .apexcharts-canvas ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 6px;
    }

    .apexcharts-canvas ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        box-shadow: 0 0 1px rgba(255, 255, 255, .5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }


.apexcharts-inner {
    position: relative;
}

.apexcharts-text tspan {
    font-family: inherit;
}

.legend-mouseover-inactive {
    transition: 0.15s ease all;
    opacity: 0.20;
}

.apexcharts-series-collapsed {
    opacity: 0;
}

.apexcharts-tooltip {
    border-radius: 5px;
    box-shadow: 2px 2px 6px -4px #999;
    cursor: default;
    font-size: 14px;
    left: 62px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    white-space: nowrap;
    z-index: 12;
    transition: 0.15s ease all;
}

    .apexcharts-tooltip.apexcharts-active {
        opacity: 1;
        transition: 0.15s ease all;
    }

    .apexcharts-tooltip.apexcharts-theme-light {
        border: 1px solid #e3e3e3;
        background: rgba(255, 255, 255, 0.96);
    }

    .apexcharts-tooltip.apexcharts-theme-dark {
        color: #fff;
        background: rgba(30, 30, 30, 0.8);
    }

    .apexcharts-tooltip * {
        font-family: inherit;
    }


.apexcharts-tooltip-title {
    padding: 6px;
    font-size: 15px;
    margin-bottom: 4px;
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #ECEFF1;
    border-bottom: 1px solid #ddd;
}

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    background: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid #333;
}

.apexcharts-tooltip-text-value,
.apexcharts-tooltip-text-z-value {
    display: inline-block;
    font-weight: 600;
    margin-left: 5px;
}

    .apexcharts-tooltip-text-z-label:empty,
    .apexcharts-tooltip-text-z-value:empty {
        display: none;
    }

.apexcharts-tooltip-text-value,
.apexcharts-tooltip-text-z-value {
    font-weight: 600;
}

.apexcharts-tooltip-marker {
    width: 12px;
    height: 12px;
    position: relative;
    top: 0px;
    margin-right: 10px;
    border-radius: 50%;
}

.apexcharts-tooltip-series-group {
    padding: 0 10px;
    display: none;
    text-align: left;
    justify-content: left;
    align-items: center;
}

    .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
        opacity: 1;
    }

    .apexcharts-tooltip-series-group.apexcharts-active,
    .apexcharts-tooltip-series-group:last-child {
        padding-bottom: 4px;
    }

.apexcharts-tooltip-series-group-hidden {
    opacity: 0;
    height: 0;
    line-height: 0;
    padding: 0 !important;
}

.apexcharts-tooltip-y-group {
    padding: 6px 0 5px;
}

.apexcharts-tooltip-candlestick {
    padding: 4px 8px;
}

    .apexcharts-tooltip-candlestick > div {
        margin: 4px 0;
    }

    .apexcharts-tooltip-candlestick span.value {
        font-weight: bold;
    }

.apexcharts-tooltip-rangebar {
    padding: 5px 8px;
}

    .apexcharts-tooltip-rangebar .category {
        font-weight: 600;
        color: #777;
    }

    .apexcharts-tooltip-rangebar .series-name {
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
    }

.apexcharts-xaxistooltip {
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    color: #373d3f;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    background: #ECEFF1;
    border: 1px solid #90A4AE;
    transition: 0.15s ease all;
}

    .apexcharts-xaxistooltip.apexcharts-theme-dark {
        background: rgba(0, 0, 0, 0.7);
        border: 1px solid rgba(0, 0, 0, 0.5);
        color: #fff;
    }

    .apexcharts-xaxistooltip:after,
    .apexcharts-xaxistooltip:before {
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .apexcharts-xaxistooltip:after {
        border-color: rgba(236, 239, 241, 0);
        border-width: 6px;
        margin-left: -6px;
    }

    .apexcharts-xaxistooltip:before {
        border-color: rgba(144, 164, 174, 0);
        border-width: 7px;
        margin-left: -7px;
    }

.apexcharts-xaxistooltip-bottom:after,
.apexcharts-xaxistooltip-bottom:before {
    bottom: 100%;
}

.apexcharts-xaxistooltip-top:after,
.apexcharts-xaxistooltip-top:before {
    top: 100%;
}

.apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: #ECEFF1;
}

.apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: #90A4AE;
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after {
    border-bottom-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
    border-bottom-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-top:after {
    border-top-color: #ECEFF1
}

.apexcharts-xaxistooltip-top:before {
    border-top-color: #90A4AE;
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after {
    border-top-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
    border-top-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip.apexcharts-active {
    opacity: 1;
    transition: 0.15s ease all;
}

.apexcharts-yaxistooltip {
    opacity: 0;
    padding: 4px 10px;
    pointer-events: none;
    color: #373d3f;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    background: #ECEFF1;
    border: 1px solid #90A4AE;
}

    .apexcharts-yaxistooltip.apexcharts-theme-dark {
        background: rgba(0, 0, 0, 0.7);
        border: 1px solid rgba(0, 0, 0, 0.5);
        color: #fff;
    }

    .apexcharts-yaxistooltip:after,
    .apexcharts-yaxistooltip:before {
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .apexcharts-yaxistooltip:after {
        border-color: rgba(236, 239, 241, 0);
        border-width: 6px;
        margin-top: -6px;
    }

    .apexcharts-yaxistooltip:before {
        border-color: rgba(144, 164, 174, 0);
        border-width: 7px;
        margin-top: -7px;
    }

.apexcharts-yaxistooltip-left:after,
.apexcharts-yaxistooltip-left:before {
    left: 100%;
}

.apexcharts-yaxistooltip-right:after,
.apexcharts-yaxistooltip-right:before {
    right: 100%;
}

.apexcharts-yaxistooltip-left:after {
    border-left-color: #ECEFF1;
}

.apexcharts-yaxistooltip-left:before {
    border-left-color: #90A4AE;
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after {
    border-left-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
    border-left-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-right:after {
    border-right-color: #ECEFF1;
}

.apexcharts-yaxistooltip-right:before {
    border-right-color: #90A4AE;
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after {
    border-right-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
    border-right-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip.apexcharts-active {
    opacity: 1;
}

.apexcharts-yaxistooltip-hidden {
    display: none;
}

.apexcharts-xcrosshairs,
.apexcharts-ycrosshairs {
    pointer-events: none;
    opacity: 0;
    transition: 0.15s ease all;
}

    .apexcharts-xcrosshairs.apexcharts-active,
    .apexcharts-ycrosshairs.apexcharts-active {
        opacity: 1;
        transition: 0.15s ease all;
    }

.apexcharts-ycrosshairs-hidden {
    opacity: 0;
}

.apexcharts-selection-rect {
    cursor: move;
}

.svg_select_boundingRect, .svg_select_points_rot {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.apexcharts-selection-rect + g .svg_select_boundingRect,
.apexcharts-selection-rect + g .svg_select_points_rot {
    opacity: 0;
    visibility: hidden;
}

.apexcharts-selection-rect + g .svg_select_points_l,
.apexcharts-selection-rect + g .svg_select_points_r {
    cursor: ew-resize;
    opacity: 1;
    visibility: visible;
}

.svg_select_points {
    fill: #efefef;
    stroke: #333;
    rx: 2;
}

.apexcharts-svg.apexcharts-zoomable.hovering-zoom {
    cursor: crosshair
}

.apexcharts-svg.apexcharts-zoomable.hovering-pan {
    cursor: move
}

.apexcharts-zoom-icon,
.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon,
.apexcharts-reset-icon,
.apexcharts-pan-icon,
.apexcharts-selection-icon,
.apexcharts-menu-icon,
.apexcharts-toolbar-custom-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 24px;
    color: #6E8192;
    text-align: center;
}

    .apexcharts-zoom-icon svg,
    .apexcharts-zoomin-icon svg,
    .apexcharts-zoomout-icon svg,
    .apexcharts-reset-icon svg,
    .apexcharts-menu-icon svg {
        fill: #6E8192;
    }

    .apexcharts-selection-icon svg {
        fill: #444;
        transform: scale(0.76)
    }

.apexcharts-theme-dark .apexcharts-zoom-icon svg,
.apexcharts-theme-dark .apexcharts-zoomin-icon svg,
.apexcharts-theme-dark .apexcharts-zoomout-icon svg,
.apexcharts-theme-dark .apexcharts-reset-icon svg,
.apexcharts-theme-dark .apexcharts-pan-icon svg,
.apexcharts-theme-dark .apexcharts-selection-icon svg,
.apexcharts-theme-dark .apexcharts-menu-icon svg,
.apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg {
    fill: #f3f4f5;
}

.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg {
    fill: #008FFB;
}

.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,
.apexcharts-theme-light .apexcharts-zoomout-icon:hover svg,
.apexcharts-theme-light .apexcharts-reset-icon:hover svg,
.apexcharts-theme-light .apexcharts-menu-icon:hover svg {
    fill: #333;
}

.apexcharts-selection-icon,
.apexcharts-menu-icon {
    position: relative;
}

.apexcharts-reset-icon {
    margin-left: 5px;
}

.apexcharts-zoom-icon,
.apexcharts-reset-icon,
.apexcharts-menu-icon {
    transform: scale(0.85);
}

.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon {
    transform: scale(0.7)
}

.apexcharts-zoomout-icon {
    margin-right: 3px;
}

.apexcharts-pan-icon {
    transform: scale(0.62);
    position: relative;
    left: 1px;
    top: 0px;
}

    .apexcharts-pan-icon svg {
        fill: #fff;
        stroke: #6E8192;
        stroke-width: 2;
    }

    .apexcharts-pan-icon.apexcharts-selected svg {
        stroke: #008FFB;
    }

    .apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
        stroke: #333;
    }

.apexcharts-toolbar {
    position: absolute;
    z-index: 11;
    max-width: 176px;
    text-align: right;
    border-radius: 3px;
    padding: 0px 6px 2px 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.apexcharts-menu {
    background: #fff;
    position: absolute;
    top: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px;
    right: 10px;
    opacity: 0;
    min-width: 110px;
    transition: 0.15s ease all;
    pointer-events: none;
}

    .apexcharts-menu.apexcharts-menu-open {
        opacity: 1;
        pointer-events: all;
        transition: 0.15s ease all;
    }

.apexcharts-menu-item {
    padding: 6px 7px;
    font-size: 12px;
    cursor: pointer;
}

.apexcharts-theme-light .apexcharts-menu-item:hover {
    background: #eee;
}

.apexcharts-theme-dark .apexcharts-menu {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

@media screen and (min-width: 768px) {
    .apexcharts-canvas:hover .apexcharts-toolbar {
        opacity: 1;
    }
}

.apexcharts-datalabel.apexcharts-element-hidden {
    opacity: 0;
}

.apexcharts-pie-label,
.apexcharts-datalabels,
.apexcharts-datalabel,
.apexcharts-datalabel-label,
.apexcharts-datalabel-value {
    cursor: default;
    pointer-events: none;
}

.apexcharts-pie-label-delay {
    opacity: 0;
    animation-name: opaque;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}

.apexcharts-canvas .apexcharts-element-hidden {
    opacity: 0;
}

.apexcharts-hide .apexcharts-series-points {
    opacity: 0;
}

.apexcharts-gridline,
.apexcharts-annotation-rect,
.apexcharts-tooltip .apexcharts-marker,
.apexcharts-area-series .apexcharts-area,
.apexcharts-line,
.apexcharts-zoom-rect,
.apexcharts-toolbar svg,
.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-radar-series path,
.apexcharts-radar-series polygon {
    pointer-events: none;
}


/* markers */

.apexcharts-marker {
    transition: 0.15s ease all;
}

@keyframes opaque {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* Resize generated styles */

@keyframes resizeanim {
    from {
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

.resize-triggers {
    animation: 1ms resizeanim;
    visibility: hidden;
    opacity: 0;
}

    .resize-triggers,
    .resize-triggers > div,
    .contract-trigger:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

        .resize-triggers > div {
            background: #eee;
            overflow: auto;
        }

.contract-trigger:before {
    width: 200%;
    height: 200%;
}


.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: .8
}

.gu-hide {
    display: none !important
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.gu-transit {
    opacity: .2
}


.white {
    color: #FFF !important
}

.text-light-white {
    color: rgba(255,255,255,.2) !important
}

.bg-white {
    background-color: #FFF !important
}

    .bg-white .card-footer, .bg-white .card-header {
        background-color: transparent
    }

.bg-rgba-white {
    background: rgba(255,255,255,.2) !important
}

    .bg-rgba-white.alert, .bg-rgba-white.alert .alert-link, .bg-rgba-white.alert.alert-dismissible .close {
        color: #FFF
    }

.alert.alert-white {
    background: #FFF !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(255,255,255,.4);
    border: none
}

.border-white {
    border: 1px solid #FFF !important
}

    .border-white.alert, .border-white.alert .alert-link, .border-white.alert.alert-dismissible .close {
        color: #FFF
    }

.border-top-white {
    border-top: 1px solid #FFF
}

.border-bottom-white {
    border-bottom: 1px solid #FFF
}

.border-left-white {
    border-left: 1px solid #FFF
}

.border-right-white {
    border-right: 1px solid #FFF
}

.header-navbar.bg-white .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #FFF !important
}

.badge.badge-white {
    background-color: #FFF
}

.badge.badge-light-white {
    background-color: rgba(255,255,255,.17);
    color: #FFF !important
}

.badge.badge-white.badge-glow, .badge.bg-white.badge-glow, .badge.border-white.badge-glow {
    box-shadow: 0 0 10px #FFF
}

.badge-circle-white {
    background-color: #FFF
}

.badge-circle-light-white {
    background-color: rgba(255,255,255,.17);
    color: #FFF
}

.overlay-white {
    background: #FFF;
    background: rgba(255,255,255,.6)
}

.btn-white {
    background-color: #FFF !important;
    color: #FFF
}

    .btn-white.hover, .btn-white:hover {
        color: #FFF
    }

    .btn-light-white, .btn-light-white.active, .btn-light-white.hover, .btn-light-white:active, .btn-light-white:hover, .btn-outline-white, .btn-outline-white.active, .btn-outline-white.hover, .btn-outline-white:active, .btn-outline-white:hover, .btn-white.active, .btn-white.disabled, .btn-white:active, .btn-white:disabled, .btn-white:focus {
        color: #FFF !important
    }

    .btn-white.hover.glow, .btn-white:hover.glow {
        box-shadow: 0 4px 12px 0 rgba(255,255,255,.6) !important
    }

    .btn-white.glow {
        box-shadow: 0 2px 4px 0 rgba(255,255,255,.5) !important
    }

.btn-outline-white {
    border: 1px solid #FFF;
    background-color: transparent
}

    .btn-outline-white ~ .dropdown-menu .dropdown-item.active, .btn-white ~ .dropdown-menu .dropdown-item.active {
        background-color: #FFF;
        color: #FFF
    }

        .btn-outline-white ~ .dropdown-menu .dropdown-item.active:hover, .btn-white ~ .dropdown-menu .dropdown-item.active:hover, .dropdown.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i {
            color: #FFF
        }

.bullet.bullet-white {
    background-color: #FFF
}

.pagination-white .page-item.active .page-link, .pagination-white .page-item.active .page-link:hover {
    background: #FFF !important;
    color: #FFF
}

.pagination-white .page-item.next .page-link, .pagination-white .page-item.previous .page-link {
    color: #FFF !important
}

    .pagination-white .page-item.next .page-link:hover, .pagination-white .page-item.previous .page-link:hover {
        background: #FFF
    }

    .pagination-white .page-item.next .page-link span, .pagination-white .page-item.previous .page-link span {
        color: #FFF
    }

.progress-bar-white .progress-bar {
    background-color: #FFF;
    box-shadow: 0 2px 6px 0 rgba(255,255,255,.6)
}

.chip-white, input[type=checkbox].bg-white + .custom-control-label:before, input[type=radio].bg-white + .custom-control-label:before {
    background-color: #FFF !important
}

    .chip-white .chip-body {
        color: #FFF !important
    }

.divider.divider-white .divider-text:after, .divider.divider-white .divider-text:before {
    border-color: #FFF !important
}

.timeline li.timeline-item.timeline-icon-white:before {
    background: #FFF !important
}

.checkbox.checkbox-white input:checked ~ label::before, .radio.radio-white input:checked ~ label::after, .radio.radio-white input:checked ~ label::before {
    border-color: #FFF;
    background-color: #FFF
}

.checkbox.checkbox-white input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-white.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(255,255,255,.7)
}

.checkbox.checkbox-white.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-white label:after {
    -webkit-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

.radio.radio-white input:checked ~ label::after {
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.radio.radio-white.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(255,255,255,.7)
}

.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FFF !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-white.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(255,255,255,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-white, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-white {
    box-shadow: 0 0 8px 0 rgba(255,255,255,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=white]:before {
    background-color: #FFF
}

select.select-light-white ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-white ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #FFF !important
}

.black {
    color: #000 !important
}

.text-light-black {
    color: rgba(0,0,0,.2) !important
}

.bg-black {
    background-color: #000 !important
}

    .bg-black .card-footer, .bg-black .card-header, .btn-outline-black {
        background-color: transparent
    }

.bg-rgba-black {
    background: rgba(0,0,0,.2) !important
}

    .bg-rgba-black.alert, .bg-rgba-black.alert .alert-link, .bg-rgba-black.alert.alert-dismissible .close {
        color: #000
    }

.alert.alert-black {
    background: #000 !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.4);
    border: none
}

.border-black {
    border: 1px solid #000 !important
}

    .border-black.alert, .border-black.alert .alert-link, .border-black.alert.alert-dismissible .close {
        color: #000
    }

.border-top-black {
    border-top: 1px solid #000
}

.border-bottom-black {
    border-bottom: 1px solid #000
}

.border-left-black {
    border-left: 1px solid #000
}

.border-right-black {
    border-right: 1px solid #000
}

.header-navbar.bg-black .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #000 !important
}

.badge.badge-black {
    background-color: #000
}

.badge.badge-light-black {
    background-color: rgba(0,0,0,.17);
    color: #000 !important
}

.badge.badge-black.badge-glow, .badge.bg-black.badge-glow, .badge.border-black.badge-glow {
    box-shadow: 0 0 10px #000
}

.badge-circle-black {
    background-color: #000
}

.badge-circle-light-black {
    background-color: rgba(0,0,0,.17);
    color: #000
}

.btn-black, .btn-black.hover, .btn-black:hover {
    color: #FFF
}

.overlay-black {
    background: #000;
    background: rgba(0,0,0,.6)
}

.btn-black {
    background-color: #000 !important
}

    .btn-black.active, .btn-black.disabled, .btn-black:active, .btn-black:disabled, .btn-black:focus {
        color: #FFF !important
    }

    .btn-black.hover.glow, .btn-black:hover.glow {
        box-shadow: 0 4px 12px 0 rgba(0,0,0,.6) !important
    }

    .btn-black.glow {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.5) !important
    }

.btn-light-black {
    color: #000 !important
}

    .btn-light-black.active, .btn-light-black.hover, .btn-light-black:active, .btn-light-black:hover {
        color: #FFF !important
    }

.btn-outline-black {
    border: 1px solid #000;
    color: #000 !important
}

    .btn-outline-black.active, .btn-outline-black.hover, .btn-outline-black:active, .btn-outline-black:hover {
        color: #FFF !important
    }

    .btn-black ~ .dropdown-menu .dropdown-item.active, .btn-outline-black ~ .dropdown-menu .dropdown-item.active {
        background-color: #000;
        color: #FFF
    }

        .btn-black ~ .dropdown-menu .dropdown-item.active:hover, .btn-outline-black ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i {
    color: #000
}

.dropdown.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-black {
    background-color: #000
}

.pagination-black .page-item.active .page-link, .pagination-black .page-item.active .page-link:hover {
    background: #000 !important;
    color: #FFF
}

.pagination-black .page-item.next .page-link, .pagination-black .page-item.previous .page-link {
    color: #000 !important
}

    .pagination-black .page-item.next .page-link:hover, .pagination-black .page-item.previous .page-link:hover {
        background: #000
    }

    .pagination-black .page-item.next .page-link span, .pagination-black .page-item.previous .page-link span {
        color: #000
    }

.progress-bar-black .progress-bar {
    background-color: #000;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.6)
}

.chip-black, input[type=checkbox].bg-black + .custom-control-label:before, input[type=radio].bg-black + .custom-control-label:before {
    background-color: #000 !important
}

.checkbox.checkbox-black.checkbox-glow input:checked ~ label::before, .radio.radio-black.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.7)
}

.chip-black .chip-body {
    color: #FFF !important
}

.divider.divider-black .divider-text:after, .divider.divider-black .divider-text:before {
    border-color: #000 !important
}

.timeline li.timeline-item.timeline-icon-black:before {
    background: #000 !important
}

.checkbox.checkbox-black input:checked ~ label::before {
    background-color: #000;
    border-color: #000
}

.checkbox.checkbox-black input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-black.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-black label:after {
    -webkit-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

.radio.radio-black input:checked ~ label::before {
    background-color: #000;
    border-color: #000
}

.radio.radio-black input:checked ~ label::after {
    border-color: #FFF;
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-black .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #000 !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-black.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-black, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-black {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=black]:before {
    background-color: #000
}

select.select-light-black ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-black ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #000 !important
}

.dark {
    color: #394C62 !important
}

.text-light-dark {
    color: rgba(57,76,98,.2) !important
}

.bg-dark {
    background-color: #394C62 !important
}

    .bg-dark .card-footer, .bg-dark .card-header, .btn-outline-dark {
        background-color: transparent
    }

.bg-rgba-dark {
    background: rgba(57,76,98,.2) !important
}

    .bg-rgba-dark.alert, .bg-rgba-dark.alert .alert-link, .bg-rgba-dark.alert.alert-dismissible .close {
        color: #394C62
    }

.alert.alert-dark {
    background: #394C62 !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(57,76,98,.4);
    border: none
}

.border-dark {
    border: 1px solid #394C62 !important
}

    .border-dark.alert, .border-dark.alert .alert-link, .border-dark.alert.alert-dismissible .close {
        color: #394C62
    }

.border-top-dark {
    border-top: 1px solid #394C62
}

.border-bottom-dark {
    border-bottom: 1px solid #394C62
}

.border-left-dark {
    border-left: 1px solid #394C62
}

.border-right-dark {
    border-right: 1px solid #394C62
}

.header-navbar.bg-dark .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #394C62 !important
}

.badge.badge-dark {
    background-color: #394C62
}

.badge.badge-light-dark {
    background-color: rgba(57,76,98,.17);
    color: #394C62 !important
}

.badge.badge-dark.badge-glow, .badge.bg-dark.badge-glow, .badge.border-dark.badge-glow {
    box-shadow: 0 0 10px #394C62
}

.badge-circle-dark {
    background-color: #394C62
}

.badge-circle-light-dark {
    background-color: rgba(57,76,98,.17);
    color: #394C62
}

.btn-dark, .btn-dark.hover, .btn-dark:hover {
    color: #FFF
}

.overlay-dark {
    background: #394C62;
    background: rgba(57,76,98,.6)
}

.btn-dark {
    background-color: #394C62 !important
}

    .btn-dark.active, .btn-dark.disabled, .btn-dark:active, .btn-dark:disabled, .btn-dark:focus {
        color: #FFF !important
    }

    .btn-dark.hover.glow, .btn-dark:hover.glow {
        box-shadow: 0 4px 12px 0 rgba(57,76,98,.6) !important
    }

    .btn-dark.glow {
        box-shadow: 0 2px 4px 0 rgba(57,76,98,.5) !important
    }

.btn-light-dark {
    color: #394C62 !important
}

    .btn-light-dark.active, .btn-light-dark.hover, .btn-light-dark:active, .btn-light-dark:hover {
        color: #FFF !important
    }

.btn-outline-dark {
    border: 1px solid #394C62;
    color: #394C62 !important
}

    .btn-outline-dark.active, .btn-outline-dark.hover, .btn-outline-dark:active, .btn-outline-dark:hover {
        color: #FFF !important
    }

    .btn-dark ~ .dropdown-menu .dropdown-item.active, .btn-outline-dark ~ .dropdown-menu .dropdown-item.active {
        background-color: #394C62;
        color: #FFF
    }

        .btn-dark ~ .dropdown-menu .dropdown-item.active:hover, .btn-outline-dark ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i {
    color: #394C62
}

.dropdown.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-dark {
    background-color: #394C62
}

.pagination-dark .page-item.active .page-link, .pagination-dark .page-item.active .page-link:hover {
    background: #394C62 !important;
    color: #FFF
}

.pagination-dark .page-item.next .page-link, .pagination-dark .page-item.previous .page-link {
    color: #394C62 !important
}

    .pagination-dark .page-item.next .page-link:hover, .pagination-dark .page-item.previous .page-link:hover {
        background: #394C62
    }

    .pagination-dark .page-item.next .page-link span, .pagination-dark .page-item.previous .page-link span {
        color: #394C62
    }

.progress-bar-dark .progress-bar {
    background-color: #394C62;
    box-shadow: 0 2px 6px 0 rgba(57,76,98,.6)
}

.chip-dark, input[type=checkbox].bg-dark + .custom-control-label:before, input[type=radio].bg-dark + .custom-control-label:before {
    background-color: #394C62 !important
}

.checkbox.checkbox-dark.checkbox-glow input:checked ~ label::before, .radio.radio-dark.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(57,76,98,.7)
}

.chip-dark .chip-body {
    color: #FFF !important
}

.divider.divider-dark .divider-text:after, .divider.divider-dark .divider-text:before {
    border-color: #394C62 !important
}

.timeline li.timeline-item.timeline-icon-dark:before {
    background: #394C62 !important
}

.checkbox.checkbox-dark input:checked ~ label::before {
    background-color: #394C62;
    border-color: #394C62
}

.checkbox.checkbox-dark input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-dark.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-dark label:after {
    -webkit-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

.radio.radio-dark input:checked ~ label::before {
    background-color: #394C62;
    border-color: #394C62
}

.radio.radio-dark input:checked ~ label::after {
    border-color: #FFF;
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #394C62 !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-dark.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(57,76,98,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-dark, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-dark {
    box-shadow: 0 0 8px 0 rgba(57,76,98,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=dark]:before {
    background-color: #394C62
}

select.select-light-dark ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-dark ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #394C62 !important
}

.light {
    color: #A3AFBD !important
}

.text-light-light {
    color: rgba(163,175,189,.2) !important
}

.bg-light {
    background-color: #A3AFBD !important
}

    .bg-light .card-footer, .bg-light .card-header {
        background-color: transparent
    }

.bg-rgba-light {
    background: rgba(163,175,189,.2) !important
}

    .bg-rgba-light.alert, .bg-rgba-light.alert .alert-link, .bg-rgba-light.alert.alert-dismissible .close {
        color: #A3AFBD
    }

.alert.alert-light {
    background: #A3AFBD !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(163,175,189,.4);
    border: none
}

.border-light {
    border: 1px solid #A3AFBD !important
}

    .border-light.alert, .border-light.alert .alert-link, .border-light.alert.alert-dismissible .close {
        color: #A3AFBD
    }

.border-top-light {
    border-top: 1px solid #A3AFBD
}

.border-bottom-light {
    border-bottom: 1px solid #A3AFBD
}

.border-left-light {
    border-left: 1px solid #A3AFBD
}

.border-right-light {
    border-right: 1px solid #A3AFBD
}

.header-navbar.bg-light .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #A3AFBD !important
}

.badge.badge-light {
    background-color: #A3AFBD
}

.badge.badge-light-light {
    background-color: rgba(163,175,189,.17);
    color: #A3AFBD !important
}

.badge.badge-light.badge-glow, .badge.bg-light.badge-glow, .badge.border-light.badge-glow {
    box-shadow: 0 0 10px #A3AFBD
}

.badge-circle-light {
    background-color: #A3AFBD
}

.badge-circle-light-light {
    background-color: rgba(163,175,189,.17);
    color: #A3AFBD
}

.btn-light, .btn-light.hover, .btn-light:hover {
    color: #FFF
}

.overlay-light {
    background: #A3AFBD;
    background: rgba(163,175,189,.6)
}

.btn-light {
    background-color: #A3AFBD !important
}

    .btn-light.active, .btn-light.disabled, .btn-light:active, .btn-light:disabled, .btn-light:focus {
        color: #FFF !important
    }

    .btn-light.hover.glow, .btn-light:hover.glow {
        box-shadow: 0 4px 12px 0 rgba(163,175,189,.6) !important
    }

    .btn-light.glow {
        box-shadow: 0 2px 4px 0 rgba(163,175,189,.5) !important
    }

.btn-light-light {
    color: #A3AFBD !important
}

    .btn-light-light.active, .btn-light-light.hover, .btn-light-light:active, .btn-light-light:hover {
        color: #FFF !important
    }

.btn-outline-light {
    border: 1px solid #A3AFBD;
    background-color: transparent;
    color: #A3AFBD !important
}

    .btn-outline-light.active, .btn-outline-light.hover, .btn-outline-light:active, .btn-outline-light:hover {
        color: #FFF !important
    }

    .btn-light ~ .dropdown-menu .dropdown-item.active, .btn-outline-light ~ .dropdown-menu .dropdown-item.active {
        background-color: #A3AFBD;
        color: #FFF
    }

        .btn-light ~ .dropdown-menu .dropdown-item.active:hover, .btn-outline-light ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i {
    color: #A3AFBD
}

.dropdown.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-light {
    background-color: #A3AFBD
}

.pagination-light .page-item.active .page-link, .pagination-light .page-item.active .page-link:hover {
    background: #A3AFBD !important;
    color: #FFF
}

.pagination-light .page-item.next .page-link, .pagination-light .page-item.previous .page-link {
    color: #A3AFBD !important
}

    .pagination-light .page-item.next .page-link:hover, .pagination-light .page-item.previous .page-link:hover {
        background: #A3AFBD
    }

    .pagination-light .page-item.next .page-link span, .pagination-light .page-item.previous .page-link span {
        color: #A3AFBD
    }

.progress-bar-light .progress-bar {
    background-color: #A3AFBD;
    box-shadow: 0 2px 6px 0 rgba(163,175,189,.6)
}

.chip-light, input[type=checkbox].bg-light + .custom-control-label:before, input[type=radio].bg-light + .custom-control-label:before {
    background-color: #A3AFBD !important
}

.checkbox.checkbox-light.checkbox-glow input:checked ~ label::before, .radio.radio-light.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(163,175,189,.7)
}

.chip-light .chip-body {
    color: #FFF !important
}

.divider.divider-light .divider-text:after, .divider.divider-light .divider-text:before {
    border-color: #A3AFBD !important
}

.timeline li.timeline-item.timeline-icon-light:before {
    background: #A3AFBD !important
}

.checkbox.checkbox-light input:checked ~ label::before {
    background-color: #A3AFBD;
    border-color: #A3AFBD
}

.checkbox.checkbox-light input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-light.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-light label:after {
    -webkit-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

.radio.radio-light input:checked ~ label::before {
    background-color: #A3AFBD;
    border-color: #A3AFBD
}

.radio.radio-light input:checked ~ label::after {
    border-color: #FFF;
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #A3AFBD !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-light.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(163,175,189,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-light, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-light {
    box-shadow: 0 0 8px 0 rgba(163,175,189,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=light]:before {
    background-color: #A3AFBD
}

.bg-primary.bg-lighten-5, .btn-primary.btn-lighten-5 {
    background-color: #CEDDFA !important
}

select.select-light-light ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-light ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #A3AFBD !important
}

.primary.lighten-5 {
    color: #CEDDFA !important
}

.btn-primary.btn-lighten-5 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-lighten-5:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-lighten-5:active, .btn-primary.btn-lighten-5:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-lighten-5 {
    border-color: #CEDDFA !important;
    color: #CEDDFA !important
}

    .btn-outline-primary.btn-outline-lighten-5:hover {
        background-color: #CEDDFA !important
    }

.border-primary.border-lighten-5 {
    border: 1px solid #CEDDFA !important
}

.border-top-primary.border-top-lighten-5 {
    border-top: 1px solid #CEDDFA !important
}

.border-bottom-primary.border-bottom-lighten-5 {
    border-bottom: 1px solid #CEDDFA !important
}

.border-left-primary.border-left-lighten-5 {
    border-left: 1px solid #CEDDFA !important
}

.border-right-primary.border-right-lighten-5 {
    border-right: 1px solid #CEDDFA !important
}

.overlay-primary.overlay-lighten-5 {
    background: #CEDDFA;
    background: rgba(206,221,250,.6)
}

.bg-primary.bg-lighten-4, .btn-primary.btn-lighten-4 {
    background-color: #B6CDF8 !important
}

.primary.lighten-4 {
    color: #B6CDF8 !important
}

.btn-primary.btn-lighten-4 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-lighten-4:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-lighten-4:active, .btn-primary.btn-lighten-4:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-lighten-4 {
    border-color: #B6CDF8 !important;
    color: #B6CDF8 !important
}

    .btn-outline-primary.btn-outline-lighten-4:hover {
        background-color: #B6CDF8 !important
    }

.border-primary.border-lighten-4 {
    border: 1px solid #B6CDF8 !important
}

.border-top-primary.border-top-lighten-4 {
    border-top: 1px solid #B6CDF8 !important
}

.border-bottom-primary.border-bottom-lighten-4 {
    border-bottom: 1px solid #B6CDF8 !important
}

.border-left-primary.border-left-lighten-4 {
    border-left: 1px solid #B6CDF8 !important
}

.border-right-primary.border-right-lighten-4 {
    border-right: 1px solid #B6CDF8 !important
}

.overlay-primary.overlay-lighten-4 {
    background: #B6CDF8;
    background: rgba(182,205,248,.6)
}

.bg-primary.bg-lighten-3, .btn-primary.btn-lighten-3 {
    background-color: #9FBDF5 !important
}

.primary.lighten-3 {
    color: #9FBDF5 !important
}

.btn-primary.btn-lighten-3 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-lighten-3:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-lighten-3:active, .btn-primary.btn-lighten-3:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-lighten-3 {
    border-color: #9FBDF5 !important;
    color: #9FBDF5 !important
}

    .btn-outline-primary.btn-outline-lighten-3:hover {
        background-color: #9FBDF5 !important
    }

.border-primary.border-lighten-3 {
    border: 1px solid #9FBDF5 !important
}

.border-top-primary.border-top-lighten-3 {
    border-top: 1px solid #9FBDF5 !important
}

.border-bottom-primary.border-bottom-lighten-3 {
    border-bottom: 1px solid #9FBDF5 !important
}

.border-left-primary.border-left-lighten-3 {
    border-left: 1px solid #9FBDF5 !important
}

.border-right-primary.border-right-lighten-3 {
    border-right: 1px solid #9FBDF5 !important
}

.overlay-primary.overlay-lighten-3 {
    background: #9FBDF5;
    background: rgba(159,189,245,.6)
}

.bg-primary.bg-lighten-2, .btn-primary.btn-lighten-2 {
    background-color: #88ADF3 !important
}

.primary.lighten-2 {
    color: #88ADF3 !important
}

.btn-primary.btn-lighten-2 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-lighten-2:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-lighten-2:active, .btn-primary.btn-lighten-2:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-lighten-2 {
    border-color: #88ADF3 !important;
    color: #88ADF3 !important
}

    .btn-outline-primary.btn-outline-lighten-2:hover {
        background-color: #88ADF3 !important
    }

.border-primary.border-lighten-2 {
    border: 1px solid #88ADF3 !important
}

.border-top-primary.border-top-lighten-2 {
    border-top: 1px solid #88ADF3 !important
}

.border-bottom-primary.border-bottom-lighten-2 {
    border-bottom: 1px solid #88ADF3 !important
}

.border-left-primary.border-left-lighten-2 {
    border-left: 1px solid #88ADF3 !important
}

.border-right-primary.border-right-lighten-2 {
    border-right: 1px solid #88ADF3 !important
}

.overlay-primary.overlay-lighten-2 {
    background: #88ADF3;
    background: rgba(136,173,243,.6)
}

.bg-primary.bg-lighten-1, .btn-primary.btn-lighten-1 {
    background-color: #719DF0 !important
}

.primary.lighten-1 {
    color: #719DF0 !important
}

.btn-primary.btn-lighten-1 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-lighten-1:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-lighten-1:active, .btn-primary.btn-lighten-1:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-lighten-1 {
    border-color: #719DF0 !important;
    color: #719DF0 !important
}

    .btn-outline-primary.btn-outline-lighten-1:hover {
        background-color: #719DF0 !important
    }

.border-primary.border-lighten-1 {
    border: 1px solid #719DF0 !important
}

.border-top-primary.border-top-lighten-1 {
    border-top: 1px solid #719DF0 !important
}

.border-bottom-primary.border-bottom-lighten-1 {
    border-bottom: 1px solid #719DF0 !important
}

.border-left-primary.border-left-lighten-1 {
    border-left: 1px solid #719DF0 !important
}

.border-right-primary.border-right-lighten-1 {
    border-right: 1px solid #719DF0 !important
}

.overlay-primary.overlay-lighten-1 {
    background: #719DF0;
    background: rgba(113,157,240,.6)
}

.primary {
    color: #5A8DEE !important
}

.text-light-primary {
    color: rgba(90,141,238,.2) !important
}

.bg-primary {
    background-color: #2964D2 !important
}

    .bg-primary .card-footer, .bg-primary .card-header {
        background-color: transparent
    }

.bg-rgba-primary {
    background: rgba(90,141,238,.2) !important
}

    .bg-rgba-primary.alert, .bg-rgba-primary.alert .alert-link, .bg-rgba-primary.alert.alert-dismissible .close {
        color: #5A8DEE
    }

.alert.alert-primary {
    background: #5A8DEE !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(90,141,238,.4);
    border: none
}

.border-primary {
    border: 1px solid #5A8DEE !important
}

    .border-primary .select2-selection__arrow b {
        border-color: #2C6DE9 !important
    }

    .border-primary.alert, .border-primary.alert .alert-link, .border-primary.alert.alert-dismissible .close {
        color: #5A8DEE
    }

.border-top-primary {
    border-top: 1px solid #5A8DEE
}

.border-bottom-primary {
    border-bottom: 1px solid #5A8DEE
}

.border-left-primary {
    border-left: 1px solid #5A8DEE
}

.border-right-primary {
    border-right: 1px solid #5A8DEE
}

.header-navbar.bg-primary .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #5A8DEE !important
}

.badge.badge-primary {
    background-color: #5A8DEE
}

.badge.badge-light-primary {
    background-color: rgba(90,141,238,.17);
    color: #5A8DEE !important
}

.badge.badge-primary.badge-glow, .badge.bg-primary.badge-glow, .badge.border-primary.badge-glow {
    box-shadow: 0 0 10px #5A8DEE
}

.badge-circle-primary {
    background-color: #5A8DEE
}

.badge-circle-light-primary {
    background-color: rgba(90,141,238,.17);
    color: #5A8DEE
}

.overlay-primary {
    background: #5A8DEE;
    background: rgba(90,141,238,.6)
}

.btn-primary {
    border-color: #2964D2 !important;
    background-color: #2964D2 !important;
    color: #FFF;
}

    .btn-primary.hover, .btn-primary:hover {
        background-color: #719DF0 !important;
        color: #FFF
    }

        .btn-primary.hover.glow, .btn-primary:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(90,141,238,.6) !important
        }

    .btn-primary.active, .btn-primary:active, .btn-primary:focus {
        background-color: #437DEC !important;
        color: #FFF !important
    }

    .btn-primary.glow {
        box-shadow: 0 2px 4px 0 rgba(90,141,238,.5) !important
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #FFF !important
    }

.btn-light-primary {
    background-color: rgba(90,141,238,.17);
    color: #5A8DEE !important
}

    .btn-light-primary.hover, .btn-light-primary:hover {
        background-color: #719DF0 !important;
        color: #FFF !important
    }

    .btn-light-primary.active, .btn-light-primary:active {
        background-color: #437DEC !important;
        color: #FFF !important
    }

.btn-outline-primary {
    border: 1px solid #5A8DEE;
    background-color: transparent;
    color: #5A8DEE !important
}

    .btn-outline-primary.hover, .btn-outline-primary:hover {
        background-color: #719DF0 !important;
        color: #FFF !important
    }

    .btn-outline-primary.active, .btn-outline-primary:active {
        background-color: #437DEC !important;
        color: #FFF !important
    }

    .btn-outline-primary ~ .dropdown-menu .dropdown-item.active, .btn-primary ~ .dropdown-menu .dropdown-item.active {
        background-color: #5A8DEE;
        color: #FFF
    }

        .btn-outline-primary ~ .dropdown-menu .dropdown-item.active:hover, .btn-primary ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i {
    color: #5A8DEE
}

.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-primary {
    background-color: #5A8DEE
}

.pagination-primary .page-item.active .page-link, .pagination-primary .page-item.active .page-link:hover {
    background: #5A8DEE !important;
    color: #FFF
}

.pagination-primary .page-item .page-link:hover {
    background-color: rgba(90,141,238,.17) !important
}

.pagination-primary .page-item.next .page-link, .pagination-primary .page-item.previous .page-link {
    color: #5A8DEE !important
}

    .pagination-primary .page-item.next .page-link:hover, .pagination-primary .page-item.previous .page-link:hover {
        background: #5A8DEE
    }

    .pagination-primary .page-item.next .page-link span, .pagination-primary .page-item.previous .page-link span {
        color: #5A8DEE
    }

.progress-bar-primary .progress-bar {
    background-color: #5A8DEE;
    box-shadow: 0 2px 6px 0 rgba(90,141,238,.6)
}

.chip-primary {
    background-color: #5A8DEE !important
}

    .chip-primary .chip-body {
        color: #FFF !important
    }

.divider.divider-primary .divider-text:after, .divider.divider-primary .divider-text:before {
    border-color: #5A8DEE !important
}

.timeline li.timeline-item.timeline-icon-primary:before {
    background: #5A8DEE !important
}

input[type=checkbox].bg-primary + .custom-control-label:before, input[type=radio].bg-primary + .custom-control-label:before {
    background-color: #5A8DEE !important;
    border-color: #2C6DE9 !important
}

.checkbox.checkbox-primary input:checked ~ label::before {
    background-color: #5A8DEE;
    border-color: #5A8DEE
}

.checkbox.checkbox-primary input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-primary.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(90,141,238,.7)
}

.checkbox.checkbox-primary.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-primary label:after {
    -webkit-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

.radio.radio-primary input:checked ~ label::before {
    background-color: #5A8DEE;
    border-color: #5A8DEE
}

.radio.radio-primary input:checked ~ label::after {
    border-color: #FFF;
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.radio.radio-primary.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(90,141,238,.7)
}

.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #5A8DEE !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-primary.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(90,141,238,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-primary, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-primary {
    box-shadow: 0 0 8px 0 rgba(90,141,238,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=primary]:before {
    background-color: #5A8DEE
}

select.select-light-primary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(90,141,238,.17) !important
}

.bg-primary.bg-darken-1, .btn-primary.btn-darken-1 {
    background-color: #437DEC !important
}

select.select-light-primary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-primary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #5A8DEE !important
}

.primary.darken-1 {
    color: #437DEC !important
}

.btn-primary.btn-darken-1 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-darken-1:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-darken-1:active, .btn-primary.btn-darken-1:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-darken-1 {
    border-color: #437DEC !important;
    color: #437DEC !important
}

    .btn-outline-primary.btn-outline-darken-1:hover {
        background-color: #437DEC !important
    }

.border-primary.border-darken-1 {
    border: 1px solid #437DEC !important
}

.border-top-primary.border-top-darken-1 {
    border-top: 1px solid #437DEC !important
}

.border-bottom-primary.border-bottom-darken-1 {
    border-bottom: 1px solid #437DEC !important
}

.border-left-primary.border-left-darken-1 {
    border-left: 1px solid #437DEC !important
}

.border-right-primary.border-right-darken-1 {
    border-right: 1px solid #437DEC !important
}

.overlay-primary.overlay-darken-1 {
    background: #437DEC;
    background: rgba(67,125,236,.6)
}

.bg-primary.bg-darken-2, .btn-primary.btn-darken-2 {
    background-color: #2C6DE9 !important
}

.primary.darken-2 {
    color: #2C6DE9 !important
}

.btn-primary.btn-darken-2 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-darken-2:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-darken-2:active, .btn-primary.btn-darken-2:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-darken-2 {
    border-color: #2C6DE9 !important;
    color: #2C6DE9 !important
}

    .btn-outline-primary.btn-outline-darken-2:hover {
        background-color: #2C6DE9 !important
    }

.border-primary.border-darken-2 {
    border: 1px solid #2C6DE9 !important
}

.border-top-primary.border-top-darken-2 {
    border-top: 1px solid #2C6DE9 !important
}

.border-bottom-primary.border-bottom-darken-2 {
    border-bottom: 1px solid #2C6DE9 !important
}

.border-left-primary.border-left-darken-2 {
    border-left: 1px solid #2C6DE9 !important
}

.border-right-primary.border-right-darken-2 {
    border-right: 1px solid #2C6DE9 !important
}

.overlay-primary.overlay-darken-2 {
    background: #2C6DE9;
    background: rgba(44,109,233,.6)
}

.primary.darken-3 {
    color: #175EE4 !important
}

.bg-primary.bg-darken-3 {
    background-color: #175EE4 !important
}

.btn-primary.btn-darken-3, .btn-primary.btn-darken-3:hover {
    border-color: #2C6DE9 !important;
    background-color: #175EE4 !important
}

    .btn-primary.btn-darken-3:active, .btn-primary.btn-darken-3:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-darken-3 {
    border-color: #175EE4 !important;
    color: #175EE4 !important
}

    .btn-outline-primary.btn-outline-darken-3:hover {
        background-color: #175EE4 !important
    }

.border-primary.border-darken-3 {
    border: 1px solid #175EE4 !important
}

.border-top-primary.border-top-darken-3 {
    border-top: 1px solid #175EE4 !important
}

.border-bottom-primary.border-bottom-darken-3 {
    border-bottom: 1px solid #175EE4 !important
}

.border-left-primary.border-left-darken-3 {
    border-left: 1px solid #175EE4 !important
}

.border-right-primary.border-right-darken-3 {
    border-right: 1px solid #175EE4 !important
}

.overlay-primary.overlay-darken-3 {
    background: #175EE4;
    background: rgba(23,94,228,.6)
}

.bg-primary.bg-darken-4, .btn-primary.btn-darken-4 {
    background-color: #1554CD !important
}

.primary.darken-4 {
    color: #1554CD !important
}

.btn-primary.btn-darken-4 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-darken-4:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-darken-4:active, .btn-primary.btn-darken-4:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-darken-4 {
    border-color: #1554CD !important;
    color: #1554CD !important
}

    .btn-outline-primary.btn-outline-darken-4:hover {
        background-color: #1554CD !important
    }

.border-primary.border-darken-4 {
    border: 1px solid #1554CD !important
}

.border-top-primary.border-top-darken-4 {
    border-top: 1px solid #1554CD !important
}

.border-bottom-primary.border-bottom-darken-4 {
    border-bottom: 1px solid #1554CD !important
}

.border-left-primary.border-left-darken-4 {
    border-left: 1px solid #1554CD !important
}

.border-right-primary.border-right-darken-4 {
    border-right: 1px solid #1554CD !important
}

.overlay-primary.overlay-darken-4 {
    background: #1554CD;
    background: rgba(21,84,205,.6)
}

.bg-primary.bg-accent-1, .btn-primary.btn-accent-1 {
    background-color: #BDFDFF !important
}

.primary.accent-1 {
    color: #BDFDFF !important
}

.btn-primary.btn-accent-1 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-accent-1:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-accent-1:active, .btn-primary.btn-accent-1:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-accent-1 {
    border-color: #BDFDFF !important;
    color: #BDFDFF !important
}

    .btn-outline-primary.btn-outline-accent-1:hover {
        background-color: #BDFDFF !important
    }

.border-primary.border-accent-1 {
    border: 1px solid #BDFDFF !important
}

.border-top-primary.border-top-accent-1 {
    border-top: 1px solid #BDFDFF !important
}

.border-bottom-primary.border-bottom-accent-1 {
    border-bottom: 1px solid #BDFDFF !important
}

.border-left-primary.border-left-accent-1 {
    border-left: 1px solid #BDFDFF !important
}

.border-right-primary.border-right-accent-1 {
    border-right: 1px solid #BDFDFF !important
}

.overlay-primary.overlay-accent-1 {
    background: #BDFDFF;
    background: rgba(189,253,255,.6)
}

.bg-primary.bg-accent-2, .btn-primary.btn-accent-2 {
    background-color: #8AFBFF !important
}

.primary.accent-2 {
    color: #8AFBFF !important
}

.btn-primary.btn-accent-2 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-accent-2:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-accent-2:active, .btn-primary.btn-accent-2:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-accent-2 {
    border-color: #8AFBFF !important;
    color: #8AFBFF !important
}

    .btn-outline-primary.btn-outline-accent-2:hover {
        background-color: #8AFBFF !important
    }

.border-primary.border-accent-2 {
    border: 1px solid #8AFBFF !important
}

.border-top-primary.border-top-accent-2 {
    border-top: 1px solid #8AFBFF !important
}

.border-bottom-primary.border-bottom-accent-2 {
    border-bottom: 1px solid #8AFBFF !important
}

.border-left-primary.border-left-accent-2 {
    border-left: 1px solid #8AFBFF !important
}

.border-right-primary.border-right-accent-2 {
    border-right: 1px solid #8AFBFF !important
}

.overlay-primary.overlay-accent-2 {
    background: #8AFBFF;
    background: rgba(138,251,255,.6)
}

.bg-primary.bg-accent-3, .btn-primary.btn-accent-3 {
    background-color: #57FAFF !important
}

.primary.accent-3 {
    color: #57FAFF !important
}

.btn-primary.btn-accent-3 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-accent-3:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-accent-3:active, .btn-primary.btn-accent-3:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-accent-3 {
    border-color: #57FAFF !important;
    color: #57FAFF !important
}

    .btn-outline-primary.btn-outline-accent-3:hover {
        background-color: #57FAFF !important
    }

.border-primary.border-accent-3 {
    border: 1px solid #57FAFF !important
}

.border-top-primary.border-top-accent-3 {
    border-top: 1px solid #57FAFF !important
}

.border-bottom-primary.border-bottom-accent-3 {
    border-bottom: 1px solid #57FAFF !important
}

.border-left-primary.border-left-accent-3 {
    border-left: 1px solid #57FAFF !important
}

.border-right-primary.border-right-accent-3 {
    border-right: 1px solid #57FAFF !important
}

.overlay-primary.overlay-accent-3 {
    background: #57FAFF;
    background: rgba(87,250,255,.6)
}

.bg-primary.bg-accent-4, .btn-primary.btn-accent-4 {
    background-color: #3DF9FF !important
}

.primary.accent-4 {
    color: #3DF9FF !important
}

.btn-primary.btn-accent-4 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-accent-4:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-accent-4:active, .btn-primary.btn-accent-4:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-accent-4 {
    border-color: #3DF9FF !important;
    color: #3DF9FF !important
}

    .btn-outline-primary.btn-outline-accent-4:hover {
        background-color: #3DF9FF !important
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #3DF9FF !important
}

.border-primary.border-accent-4 {
    border: 1px solid #3DF9FF !important
}

.border-top-primary.border-top-accent-4 {
    border-top: 1px solid #3DF9FF !important
}

.border-bottom-primary.border-bottom-accent-4 {
    border-bottom: 1px solid #3DF9FF !important
}

.border-left-primary.border-left-accent-4 {
    border-left: 1px solid #3DF9FF !important
}

.border-right-primary.border-right-accent-4 {
    border-right: 1px solid #3DF9FF !important
}

.overlay-primary.overlay-accent-4 {
    background: #3DF9FF;
    background: rgba(61,249,255,.6)
}

.bg-secondary.bg-lighten-5, .btn-secondary.btn-lighten-5 {
    background-color: #879FBA !important
}

.secondary.lighten-5 {
    color: #879FBA !important
}

.btn-secondary.btn-lighten-5 {
    border-color: #34465B !important
}

    .btn-secondary.btn-lighten-5:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-lighten-5:active, .btn-secondary.btn-lighten-5:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-lighten-5 {
    border-color: #879FBA !important;
    color: #879FBA !important
}

    .btn-outline-secondary.btn-outline-lighten-5:hover {
        background-color: #879FBA !important
    }

.border-secondary.border-lighten-5 {
    border: 1px solid #879FBA !important
}

.border-top-secondary.border-top-lighten-5 {
    border-top: 1px solid #879FBA !important
}

.border-bottom-secondary.border-bottom-lighten-5 {
    border-bottom: 1px solid #879FBA !important
}

.border-left-secondary.border-left-lighten-5 {
    border-left: 1px solid #879FBA !important
}

.border-right-secondary.border-right-lighten-5 {
    border-right: 1px solid #879FBA !important
}

.overlay-secondary.overlay-lighten-5 {
    background: #879FBA;
    background: rgba(135,159,186,.6)
}

.bg-secondary.bg-lighten-4, .btn-secondary.btn-lighten-4 {
    background-color: #7792B1 !important
}

.secondary.lighten-4 {
    color: #7792B1 !important
}

.btn-secondary.btn-lighten-4 {
    border-color: #34465B !important
}

    .btn-secondary.btn-lighten-4:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-lighten-4:active, .btn-secondary.btn-lighten-4:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-lighten-4 {
    border-color: #7792B1 !important;
    color: #7792B1 !important
}

    .btn-outline-secondary.btn-outline-lighten-4:hover {
        background-color: #7792B1 !important
    }

.border-secondary.border-lighten-4 {
    border: 1px solid #7792B1 !important
}

.border-top-secondary.border-top-lighten-4 {
    border-top: 1px solid #7792B1 !important
}

.border-bottom-secondary.border-bottom-lighten-4 {
    border-bottom: 1px solid #7792B1 !important
}

.border-left-secondary.border-left-lighten-4 {
    border-left: 1px solid #7792B1 !important
}

.border-right-secondary.border-right-lighten-4 {
    border-right: 1px solid #7792B1 !important
}

.overlay-secondary.overlay-lighten-4 {
    background: #7792B1;
    background: rgba(119,146,177,.6)
}

.bg-secondary.bg-lighten-3, .btn-secondary.btn-lighten-3 {
    background-color: #6785A7 !important
}

.secondary.lighten-3 {
    color: #6785A7 !important
}

.btn-secondary.btn-lighten-3 {
    border-color: #34465B !important
}

    .btn-secondary.btn-lighten-3:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-lighten-3:active, .btn-secondary.btn-lighten-3:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-lighten-3 {
    border-color: #6785A7 !important;
    color: #6785A7 !important
}

    .btn-outline-secondary.btn-outline-lighten-3:hover {
        background-color: #6785A7 !important
    }

.border-secondary.border-lighten-3 {
    border: 1px solid #6785A7 !important
}

.border-top-secondary.border-top-lighten-3 {
    border-top: 1px solid #6785A7 !important
}

.border-bottom-secondary.border-bottom-lighten-3 {
    border-bottom: 1px solid #6785A7 !important
}

.border-left-secondary.border-left-lighten-3 {
    border-left: 1px solid #6785A7 !important
}

.border-right-secondary.border-right-lighten-3 {
    border-right: 1px solid #6785A7 !important
}

.overlay-secondary.overlay-lighten-3 {
    background: #6785A7;
    background: rgba(103,133,167,.6)
}

.bg-secondary.bg-lighten-2, .btn-secondary.btn-lighten-2 {
    background-color: #5A789B !important
}

.secondary.lighten-2 {
    color: #5A789B !important
}

.btn-secondary.btn-lighten-2 {
    border-color: #34465B !important
}

    .btn-secondary.btn-lighten-2:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-lighten-2:active, .btn-secondary.btn-lighten-2:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-lighten-2 {
    border-color: #5A789B !important;
    color: #5A789B !important
}

    .btn-outline-secondary.btn-outline-lighten-2:hover {
        background-color: #5A789B !important
    }

.border-secondary.border-lighten-2 {
    border: 1px solid #5A789B !important
}

.border-top-secondary.border-top-lighten-2 {
    border-top: 1px solid #5A789B !important
}

.border-bottom-secondary.border-bottom-lighten-2 {
    border-bottom: 1px solid #5A789B !important
}

.border-left-secondary.border-left-lighten-2 {
    border-left: 1px solid #5A789B !important
}

.border-right-secondary.border-right-lighten-2 {
    border-right: 1px solid #5A789B !important
}

.overlay-secondary.overlay-lighten-2 {
    background: #5A789B;
    background: rgba(90,120,155,.6)
}

.bg-secondary.bg-lighten-1, .btn-secondary.btn-lighten-1 {
    background-color: #506B8B !important
}

.secondary.lighten-1 {
    color: #506B8B !important
}

.btn-secondary.btn-lighten-1 {
    border-color: #34465B !important
}

    .btn-secondary.btn-lighten-1:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-lighten-1:active, .btn-secondary.btn-lighten-1:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-lighten-1 {
    border-color: #506B8B !important;
    color: #506B8B !important
}

    .btn-outline-secondary.btn-outline-lighten-1:hover {
        background-color: #506B8B !important
    }

.border-secondary.border-lighten-1 {
    border: 1px solid #506B8B !important
}

.border-top-secondary.border-top-lighten-1 {
    border-top: 1px solid #506B8B !important
}

.border-bottom-secondary.border-bottom-lighten-1 {
    border-bottom: 1px solid #506B8B !important
}

.border-left-secondary.border-left-lighten-1 {
    border-left: 1px solid #506B8B !important
}

.border-right-secondary.border-right-lighten-1 {
    border-right: 1px solid #506B8B !important
}

.overlay-secondary.overlay-lighten-1 {
    background: #506B8B;
    background: rgba(80,107,139,.6)
}

.secondary {
    color: #475F7B !important
}

.text-light-secondary {
    color: rgba(71,95,123,.2) !important
}

.bg-secondary {
    background-color: #475F7B !important
}

    .bg-secondary .card-footer, .bg-secondary .card-header {
        background-color: transparent
    }

.bg-rgba-secondary {
    background: rgba(71,95,123,.2) !important
}

    .bg-rgba-secondary.alert, .bg-rgba-secondary.alert .alert-link, .bg-rgba-secondary.alert.alert-dismissible .close {
        color: #475F7B
    }

.alert.alert-secondary {
    background: #475F7B !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(71,95,123,.4);
    border: none
}

.border-secondary {
    border: 1px solid #475F7B !important
}

    .border-secondary .select2-selection__arrow b {
        border-color: #34465B !important
    }

    .border-secondary.alert, .border-secondary.alert .alert-link, .border-secondary.alert.alert-dismissible .close {
        color: #475F7B
    }

.border-top-secondary {
    border-top: 1px solid #475F7B
}

.border-bottom-secondary {
    border-bottom: 1px solid #475F7B
}

.border-left-secondary {
    border-left: 1px solid #475F7B
}

.border-right-secondary {
    border-right: 1px solid #475F7B
}

.header-navbar.bg-secondary .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #475F7B !important
}

.badge.badge-secondary {
    background-color: #475F7B
}

.badge.badge-light-secondary {
    background-color: rgba(71,95,123,.17);
    color: #475F7B !important
}

.badge.badge-secondary.badge-glow, .badge.bg-secondary.badge-glow, .badge.border-secondary.badge-glow {
    box-shadow: 0 0 10px #475F7B
}

.badge-circle-secondary {
    background-color: #475F7B
}

.badge-circle-light-secondary {
    background-color: rgba(71,95,123,.17);
    color: #475F7B
}

.overlay-secondary {
    background: #475F7B;
    background: rgba(71,95,123,.6)
}

.btn-secondary {
    border-color: #34465B !important;
    background-color: #475F7B !important;
    color: #FFF
}

    .btn-secondary.hover, .btn-secondary:hover {
        background-color: #506B8B !important;
        color: #FFF
    }

        .btn-secondary.hover.glow, .btn-secondary:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(71,95,123,.6) !important
        }

    .btn-secondary.active, .btn-secondary:active, .btn-secondary:focus {
        background-color: #3E536B !important;
        color: #FFF !important
    }

    .btn-secondary.glow {
        box-shadow: 0 2px 4px 0 rgba(71,95,123,.5) !important
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #FFF !important
    }

.btn-light-secondary {
    background-color: rgba(71,95,123,.17);
    color: #475F7B !important
}

    .btn-light-secondary.hover, .btn-light-secondary:hover {
        background-color: #506B8B !important;
        color: #FFF !important
    }

    .btn-light-secondary.active, .btn-light-secondary:active {
        background-color: #3E536B !important;
        color: #FFF !important
    }

.btn-outline-secondary {
    border: 1px solid #475F7B;
    background-color: transparent;
    color: #475F7B !important
}

    .btn-outline-secondary.hover, .btn-outline-secondary:hover {
        background-color: #506B8B !important;
        color: #FFF !important
    }

    .btn-outline-secondary.active, .btn-outline-secondary:active {
        background-color: #3E536B !important;
        color: #FFF !important
    }

    .btn-outline-secondary ~ .dropdown-menu .dropdown-item.active, .btn-secondary ~ .dropdown-menu .dropdown-item.active {
        background-color: #475F7B;
        color: #FFF
    }

        .btn-outline-secondary ~ .dropdown-menu .dropdown-item.active:hover, .btn-secondary ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i {
    color: #475F7B
}

.dropdown.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-secondary {
    background-color: #475F7B
}

.pagination-secondary .page-item.active .page-link, .pagination-secondary .page-item.active .page-link:hover {
    background: #475F7B !important;
    color: #FFF
}

.pagination-secondary .page-item .page-link:hover {
    background-color: rgba(71,95,123,.17) !important
}

.pagination-secondary .page-item.next .page-link, .pagination-secondary .page-item.previous .page-link {
    color: #475F7B !important
}

    .pagination-secondary .page-item.next .page-link:hover, .pagination-secondary .page-item.previous .page-link:hover {
        background: #475F7B
    }

    .pagination-secondary .page-item.next .page-link span, .pagination-secondary .page-item.previous .page-link span {
        color: #475F7B
    }

.progress-bar-secondary .progress-bar {
    background-color: #475F7B;
    box-shadow: 0 2px 6px 0 rgba(71,95,123,.6)
}

.chip-secondary {
    background-color: #475F7B !important
}

    .chip-secondary .chip-body {
        color: #FFF !important
    }

.divider.divider-secondary .divider-text:after, .divider.divider-secondary .divider-text:before {
    border-color: #475F7B !important
}

.timeline li.timeline-item.timeline-icon-secondary:before {
    background: #475F7B !important
}

input[type=checkbox].bg-secondary + .custom-control-label:before, input[type=radio].bg-secondary + .custom-control-label:before {
    background-color: #475F7B !important;
    border-color: #34465B !important
}

.checkbox.checkbox-secondary input:checked ~ label::before {
    background-color: #475F7B;
    border-color: #475F7B
}

.checkbox.checkbox-secondary input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-secondary.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(71,95,123,.7)
}

.checkbox.checkbox-secondary.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-secondary label:after {
    -webkit-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

.radio.radio-secondary input:checked ~ label::before {
    background-color: #475F7B;
    border-color: #475F7B
}

.radio.radio-secondary input:checked ~ label::after {
    border-color: #FFF;
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.radio.radio-secondary.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(71,95,123,.7)
}

.custom-switch-secondary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #475F7B !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-secondary.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(71,95,123,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-secondary, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-secondary {
    box-shadow: 0 0 8px 0 rgba(71,95,123,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=secondary]:before {
    background-color: #475F7B
}

select.select-light-secondary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(71,95,123,.17) !important
}

.bg-secondary.bg-darken-1, .btn-secondary.btn-darken-1 {
    background-color: #3E536B !important
}

select.select-light-secondary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-secondary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #475F7B !important
}

.secondary.darken-1 {
    color: #3E536B !important
}

.btn-secondary.btn-darken-1 {
    border-color: #34465B !important
}

    .btn-secondary.btn-darken-1:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-darken-1:active, .btn-secondary.btn-darken-1:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-darken-1 {
    border-color: #3E536B !important;
    color: #3E536B !important
}

    .btn-outline-secondary.btn-outline-darken-1:hover {
        background-color: #3E536B !important
    }

.border-secondary.border-darken-1 {
    border: 1px solid #3E536B !important
}

.border-top-secondary.border-top-darken-1 {
    border-top: 1px solid #3E536B !important
}

.border-bottom-secondary.border-bottom-darken-1 {
    border-bottom: 1px solid #3E536B !important
}

.border-left-secondary.border-left-darken-1 {
    border-left: 1px solid #3E536B !important
}

.border-right-secondary.border-right-darken-1 {
    border-right: 1px solid #3E536B !important
}

.overlay-secondary.overlay-darken-1 {
    background: #3E536B;
    background: rgba(62,83,107,.6)
}

.bg-secondary.bg-darken-2, .btn-secondary.btn-darken-2 {
    background-color: #34465B !important
}

.secondary.darken-2 {
    color: #34465B !important
}

.btn-secondary.btn-darken-2 {
    border-color: #34465B !important
}

    .btn-secondary.btn-darken-2:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-darken-2:active, .btn-secondary.btn-darken-2:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-darken-2 {
    border-color: #34465B !important;
    color: #34465B !important
}

    .btn-outline-secondary.btn-outline-darken-2:hover {
        background-color: #34465B !important
    }

.border-secondary.border-darken-2 {
    border: 1px solid #34465B !important
}

.border-top-secondary.border-top-darken-2 {
    border-top: 1px solid #34465B !important
}

.border-bottom-secondary.border-bottom-darken-2 {
    border-bottom: 1px solid #34465B !important
}

.border-left-secondary.border-left-darken-2 {
    border-left: 1px solid #34465B !important
}

.border-right-secondary.border-right-darken-2 {
    border-right: 1px solid #34465B !important
}

.overlay-secondary.overlay-darken-2 {
    background: #34465B;
    background: rgba(52,70,91,.6)
}

.secondary.darken-3 {
    color: #2B3A4A !important
}

.bg-secondary.bg-darken-3 {
    background-color: #2B3A4A !important
}

.btn-secondary.btn-darken-3, .btn-secondary.btn-darken-3:hover {
    border-color: #34465B !important;
    background-color: #2B3A4A !important
}

    .btn-secondary.btn-darken-3:active, .btn-secondary.btn-darken-3:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-darken-3 {
    border-color: #2B3A4A !important;
    color: #2B3A4A !important
}

    .btn-outline-secondary.btn-outline-darken-3:hover {
        background-color: #2B3A4A !important
    }

.border-secondary.border-darken-3 {
    border: 1px solid #2B3A4A !important
}

.border-top-secondary.border-top-darken-3 {
    border-top: 1px solid #2B3A4A !important
}

.border-bottom-secondary.border-bottom-darken-3 {
    border-bottom: 1px solid #2B3A4A !important
}

.border-left-secondary.border-left-darken-3 {
    border-left: 1px solid #2B3A4A !important
}

.border-right-secondary.border-right-darken-3 {
    border-right: 1px solid #2B3A4A !important
}

.overlay-secondary.overlay-darken-3 {
    background: #2B3A4A;
    background: rgba(43,58,74,.6)
}

.bg-secondary.bg-darken-4, .btn-secondary.btn-darken-4 {
    background-color: #222D3A !important
}

.secondary.darken-4 {
    color: #222D3A !important
}

.btn-secondary.btn-darken-4 {
    border-color: #34465B !important
}

    .btn-secondary.btn-darken-4:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-darken-4:active, .btn-secondary.btn-darken-4:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-darken-4 {
    border-color: #222D3A !important;
    color: #222D3A !important
}

    .btn-outline-secondary.btn-outline-darken-4:hover {
        background-color: #222D3A !important
    }

input:focus ~ .bg-secondary {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #222D3A !important
}

.border-secondary.border-darken-4 {
    border: 1px solid #222D3A !important
}

.border-top-secondary.border-top-darken-4 {
    border-top: 1px solid #222D3A !important
}

.border-bottom-secondary.border-bottom-darken-4 {
    border-bottom: 1px solid #222D3A !important
}

.border-left-secondary.border-left-darken-4 {
    border-left: 1px solid #222D3A !important
}

.border-right-secondary.border-right-darken-4 {
    border-right: 1px solid #222D3A !important
}

.overlay-secondary.overlay-darken-4 {
    background: #222D3A;
    background: rgba(34,45,58,.6)
}

.bg-success.bg-lighten-5, .btn-success.btn-lighten-5 {
    background-color: #A4EEC9 !important
}

.success.lighten-5 {
    color: #A4EEC9 !important
}

.btn-success.btn-lighten-5 {
    border-color: #23BD70 !important
}

    .btn-success.btn-lighten-5:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-lighten-5:active, .btn-success.btn-lighten-5:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-lighten-5 {
    border-color: #A4EEC9 !important;
    color: #A4EEC9 !important
}

    .btn-outline-success.btn-outline-lighten-5:hover {
        background-color: #A4EEC9 !important
    }

.border-success.border-lighten-5 {
    border: 1px solid #A4EEC9 !important
}

.border-top-success.border-top-lighten-5 {
    border-top: 1px solid #A4EEC9 !important
}

.border-bottom-success.border-bottom-lighten-5 {
    border-bottom: 1px solid #A4EEC9 !important
}

.border-left-success.border-left-lighten-5 {
    border-left: 1px solid #A4EEC9 !important
}

.border-right-success.border-right-lighten-5 {
    border-right: 1px solid #A4EEC9 !important
}

.overlay-success.overlay-lighten-5 {
    background: #A4EEC9;
    background: rgba(164,238,201,.6)
}

.bg-success.bg-lighten-4, .btn-success.btn-lighten-4 {
    background-color: #8FEABD !important
}

.success.lighten-4 {
    color: #8FEABD !important
}

.btn-success.btn-lighten-4 {
    border-color: #23BD70 !important
}

    .btn-success.btn-lighten-4:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-lighten-4:active, .btn-success.btn-lighten-4:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-lighten-4 {
    border-color: #8FEABD !important;
    color: #8FEABD !important
}

    .btn-outline-success.btn-outline-lighten-4:hover {
        background-color: #8FEABD !important
    }

.border-success.border-lighten-4 {
    border: 1px solid #8FEABD !important
}

.border-top-success.border-top-lighten-4 {
    border-top: 1px solid #8FEABD !important
}

.border-bottom-success.border-bottom-lighten-4 {
    border-bottom: 1px solid #8FEABD !important
}

.border-left-success.border-left-lighten-4 {
    border-left: 1px solid #8FEABD !important
}

.border-right-success.border-right-lighten-4 {
    border-right: 1px solid #8FEABD !important
}

.overlay-success.overlay-lighten-4 {
    background: #8FEABD;
    background: rgba(143,234,189,.6)
}

.bg-success.bg-lighten-3, .btn-success.btn-lighten-3 {
    background-color: #79E6B0 !important
}

.success.lighten-3 {
    color: #79E6B0 !important
}

.btn-success.btn-lighten-3 {
    border-color: #23BD70 !important
}

    .btn-success.btn-lighten-3:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-lighten-3:active, .btn-success.btn-lighten-3:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-lighten-3 {
    border-color: #79E6B0 !important;
    color: #79E6B0 !important
}

    .btn-outline-success.btn-outline-lighten-3:hover {
        background-color: #79E6B0 !important
    }

.border-success.border-lighten-3 {
    border: 1px solid #79E6B0 !important
}

.border-top-success.border-top-lighten-3 {
    border-top: 1px solid #79E6B0 !important
}

.border-bottom-success.border-bottom-lighten-3 {
    border-bottom: 1px solid #79E6B0 !important
}

.border-left-success.border-left-lighten-3 {
    border-left: 1px solid #79E6B0 !important
}

.border-right-success.border-right-lighten-3 {
    border-right: 1px solid #79E6B0 !important
}

.overlay-success.overlay-lighten-3 {
    background: #79E6B0;
    background: rgba(121,230,176,.6)
}

.bg-success.bg-lighten-2, .btn-success.btn-lighten-2 {
    background-color: #64E2A3 !important
}

.success.lighten-2 {
    color: #64E2A3 !important
}

.btn-success.btn-lighten-2 {
    border-color: #23BD70 !important
}

    .btn-success.btn-lighten-2:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-lighten-2:active, .btn-success.btn-lighten-2:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-lighten-2 {
    border-color: #64E2A3 !important;
    color: #64E2A3 !important
}

    .btn-outline-success.btn-outline-lighten-2:hover {
        background-color: #64E2A3 !important
    }

.border-success.border-lighten-2 {
    border: 1px solid #64E2A3 !important
}

.border-top-success.border-top-lighten-2 {
    border-top: 1px solid #64E2A3 !important
}

.border-bottom-success.border-bottom-lighten-2 {
    border-bottom: 1px solid #64E2A3 !important
}

.border-left-success.border-left-lighten-2 {
    border-left: 1px solid #64E2A3 !important
}

.border-right-success.border-right-lighten-2 {
    border-right: 1px solid #64E2A3 !important
}

.overlay-success.overlay-lighten-2 {
    background: #64E2A3;
    background: rgba(100,226,163,.6)
}

.bg-success.bg-lighten-1, .btn-success.btn-lighten-1 {
    background-color: #4EDE97 !important
}

.success.lighten-1 {
    color: #4EDE97 !important
}

.btn-success.btn-lighten-1 {
    border-color: #23BD70 !important
}

    .btn-success.btn-lighten-1:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-lighten-1:active, .btn-success.btn-lighten-1:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-lighten-1 {
    border-color: #4EDE97 !important;
    color: #4EDE97 !important
}

    .btn-outline-success.btn-outline-lighten-1:hover {
        background-color: #4EDE97 !important
    }

.border-success.border-lighten-1 {
    border: 1px solid #4EDE97 !important
}

.border-top-success.border-top-lighten-1 {
    border-top: 1px solid #4EDE97 !important
}

.border-bottom-success.border-bottom-lighten-1 {
    border-bottom: 1px solid #4EDE97 !important
}

.border-left-success.border-left-lighten-1 {
    border-left: 1px solid #4EDE97 !important
}

.border-right-success.border-right-lighten-1 {
    border-right: 1px solid #4EDE97 !important
}

.overlay-success.overlay-lighten-1 {
    background: #4EDE97;
    background: rgba(78,222,151,.6)
}

.success {
    color: #39DA8A !important
}

.text-light-success {
    color: rgba(57,218,138,.2) !important
}

.bg-success {
    background-color: #39DA8A !important
}

    .bg-success .card-footer, .bg-success .card-header {
        background-color: transparent
    }

.bg-rgba-success {
    background: rgba(57,218,138,.2) !important
}

    .bg-rgba-success.alert, .bg-rgba-success.alert .alert-link, .bg-rgba-success.alert.alert-dismissible .close {
        color: #39DA8A
    }

.alert.alert-success {
    background: #39DA8A !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(57,218,138,.4);
    border: none
}

.border-success {
    border: 1px solid #39DA8A !important
}

    .border-success .select2-selection__arrow b {
        border-color: #23BD70 !important
    }

    .border-success.alert, .border-success.alert .alert-link, .border-success.alert.alert-dismissible .close {
        color: #39DA8A
    }

.border-top-success {
    border-top: 1px solid #39DA8A
}

.border-bottom-success {
    border-bottom: 1px solid #39DA8A
}

.border-left-success {
    border-left: 1px solid #39DA8A
}

.border-right-success {
    border-right: 1px solid #39DA8A
}

.header-navbar.bg-success .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #39DA8A !important
}

.badge.badge-success {
    background-color: #39DA8A
}

.badge.badge-light-success {
    background-color: rgba(57,218,138,.17);
    color: #39DA8A !important
}

.badge.badge-success.badge-glow, .badge.bg-success.badge-glow, .badge.border-success.badge-glow {
    box-shadow: 0 0 10px #39DA8A
}

.badge-circle-success {
    background-color: #39DA8A
}

.badge-circle-light-success {
    background-color: rgba(57,218,138,.17);
    color: #39DA8A
}

.overlay-success {
    background: #39DA8A;
    background: rgba(57,218,138,.6)
}

.btn-success {
    border-color: #23BD70 !important;
    background-color: #39DA8A !important;
    color: #FFF
}

    .btn-success.hover, .btn-success:hover {
        background-color: #4EDE97 !important;
        color: #FFF
    }

        .btn-success.hover.glow, .btn-success:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(57,218,138,.6) !important
        }

    .btn-success.active, .btn-success:active, .btn-success:focus {
        background-color: #27D27D !important;
        color: #FFF !important
    }

    .btn-success.glow {
        box-shadow: 0 2px 4px 0 rgba(57,218,138,.5) !important
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #FFF !important
    }

.btn-light-success {
    background-color: rgba(57,218,138,.17);
    color: #39DA8A !important
}

    .btn-light-success.hover, .btn-light-success:hover {
        background-color: #4EDE97 !important;
        color: #FFF !important
    }

    .btn-light-success.active, .btn-light-success:active {
        background-color: #27D27D !important;
        color: #FFF !important
    }

.btn-outline-success {
    border: 1px solid #39DA8A;
    background-color: transparent;
    color: #39DA8A !important
}

    .btn-outline-success.hover, .btn-outline-success:hover {
        background-color: #4EDE97 !important;
        color: #FFF !important
    }

    .btn-outline-success.active, .btn-outline-success:active {
        background-color: #27D27D !important;
        color: #FFF !important
    }

    .btn-outline-success ~ .dropdown-menu .dropdown-item.active, .btn-success ~ .dropdown-menu .dropdown-item.active {
        background-color: #39DA8A;
        color: #FFF
    }

        .btn-outline-success ~ .dropdown-menu .dropdown-item.active:hover, .btn-success ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i {
    color: #39DA8A
}

.dropdown.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-success {
    background-color: #39DA8A
}

.pagination-success .page-item.active .page-link, .pagination-success .page-item.active .page-link:hover {
    background: #39DA8A !important;
    color: #FFF
}

.pagination-success .page-item .page-link:hover {
    background-color: rgba(57,218,138,.17) !important
}

.pagination-success .page-item.next .page-link, .pagination-success .page-item.previous .page-link {
    color: #39DA8A !important
}

    .pagination-success .page-item.next .page-link:hover, .pagination-success .page-item.previous .page-link:hover {
        background: #39DA8A
    }

    .pagination-success .page-item.next .page-link span, .pagination-success .page-item.previous .page-link span {
        color: #39DA8A
    }

.progress-bar-success .progress-bar {
    background-color: #39DA8A;
    box-shadow: 0 2px 6px 0 rgba(57,218,138,.6)
}

.chip-success {
    background-color: #39DA8A !important
}

    .chip-success .chip-body {
        color: #FFF !important
    }

.divider.divider-success .divider-text:after, .divider.divider-success .divider-text:before {
    border-color: #39DA8A !important
}

.timeline li.timeline-item.timeline-icon-success:before {
    background: #39DA8A !important
}

input[type=checkbox].bg-success + .custom-control-label:before, input[type=radio].bg-success + .custom-control-label:before {
    background-color: #39DA8A !important;
    border-color: #23BD70 !important
}

.checkbox.checkbox-success input:checked ~ label::before {
    background-color: #39DA8A;
    border-color: #39DA8A
}

.checkbox.checkbox-success input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-success.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(57,218,138,.7)
}

.checkbox.checkbox-success.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-success label:after {
    -webkit-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

.radio.radio-success input:checked ~ label::before {
    background-color: #39DA8A;
    border-color: #39DA8A
}

.radio.radio-success input:checked ~ label::after {
    border-color: #FFF;
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.radio.radio-success.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(57,218,138,.7)
}

.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #39DA8A !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-success.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(57,218,138,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-success, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-success {
    box-shadow: 0 0 8px 0 rgba(57,218,138,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=success]:before {
    background-color: #39DA8A
}

select.select-light-success ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(57,218,138,.17) !important
}

.bg-success.bg-darken-1, .btn-success.btn-darken-1 {
    background-color: #27D27D !important
}

select.select-light-success ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-success ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #39DA8A !important
}

.success.darken-1 {
    color: #27D27D !important
}

.btn-success.btn-darken-1 {
    border-color: #23BD70 !important
}

    .btn-success.btn-darken-1:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-darken-1:active, .btn-success.btn-darken-1:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-darken-1 {
    border-color: #27D27D !important;
    color: #27D27D !important
}

    .btn-outline-success.btn-outline-darken-1:hover {
        background-color: #27D27D !important
    }

.border-success.border-darken-1 {
    border: 1px solid #27D27D !important
}

.border-top-success.border-top-darken-1 {
    border-top: 1px solid #27D27D !important
}

.border-bottom-success.border-bottom-darken-1 {
    border-bottom: 1px solid #27D27D !important
}

.border-left-success.border-left-darken-1 {
    border-left: 1px solid #27D27D !important
}

.border-right-success.border-right-darken-1 {
    border-right: 1px solid #27D27D !important
}

.overlay-success.overlay-darken-1 {
    background: #27D27D;
    background: rgba(39,210,125,.6)
}

.bg-success.bg-darken-2, .btn-success.btn-darken-2 {
    background-color: #23BD70 !important
}

.success.darken-2 {
    color: #23BD70 !important
}

.btn-success.btn-darken-2 {
    border-color: #23BD70 !important
}

    .btn-success.btn-darken-2:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-darken-2:active, .btn-success.btn-darken-2:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-darken-2 {
    border-color: #23BD70 !important;
    color: #23BD70 !important
}

    .btn-outline-success.btn-outline-darken-2:hover {
        background-color: #23BD70 !important
    }

.border-success.border-darken-2 {
    border: 1px solid #23BD70 !important
}

.border-top-success.border-top-darken-2 {
    border-top: 1px solid #23BD70 !important
}

.border-bottom-success.border-bottom-darken-2 {
    border-bottom: 1px solid #23BD70 !important
}

.border-left-success.border-left-darken-2 {
    border-left: 1px solid #23BD70 !important
}

.border-right-success.border-right-darken-2 {
    border-right: 1px solid #23BD70 !important
}

.overlay-success.overlay-darken-2 {
    background: #23BD70;
    background: rgba(35,189,112,.6)
}

.success.darken-3 {
    color: #1FA764 !important
}

.bg-success.bg-darken-3 {
    background-color: #1FA764 !important
}

.btn-success.btn-darken-3, .btn-success.btn-darken-3:hover {
    border-color: #23BD70 !important;
    background-color: #1FA764 !important
}

    .btn-success.btn-darken-3:active, .btn-success.btn-darken-3:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-darken-3 {
    border-color: #1FA764 !important;
    color: #1FA764 !important
}

    .btn-outline-success.btn-outline-darken-3:hover {
        background-color: #1FA764 !important
    }

.border-success.border-darken-3 {
    border: 1px solid #1FA764 !important
}

.border-top-success.border-top-darken-3 {
    border-top: 1px solid #1FA764 !important
}

.border-bottom-success.border-bottom-darken-3 {
    border-bottom: 1px solid #1FA764 !important
}

.border-left-success.border-left-darken-3 {
    border-left: 1px solid #1FA764 !important
}

.border-right-success.border-right-darken-3 {
    border-right: 1px solid #1FA764 !important
}

.overlay-success.overlay-darken-3 {
    background: #1FA764;
    background: rgba(31,167,100,.6)
}

.bg-success.bg-darken-4, .btn-success.btn-darken-4 {
    background-color: #1B9257 !important
}

.success.darken-4 {
    color: #1B9257 !important
}

.btn-success.btn-darken-4 {
    border-color: #23BD70 !important
}

    .btn-success.btn-darken-4:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-darken-4:active, .btn-success.btn-darken-4:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-darken-4 {
    border-color: #1B9257 !important;
    color: #1B9257 !important
}

    .btn-outline-success.btn-outline-darken-4:hover {
        background-color: #1B9257 !important
    }

.border-success.border-darken-4 {
    border: 1px solid #1B9257 !important
}

.border-top-success.border-top-darken-4 {
    border-top: 1px solid #1B9257 !important
}

.border-bottom-success.border-bottom-darken-4 {
    border-bottom: 1px solid #1B9257 !important
}

.border-left-success.border-left-darken-4 {
    border-left: 1px solid #1B9257 !important
}

.border-right-success.border-right-darken-4 {
    border-right: 1px solid #1B9257 !important
}

.overlay-success.overlay-darken-4 {
    background: #1B9257;
    background: rgba(27,146,87,.6)
}

.bg-success.bg-accent-1, .btn-success.btn-accent-1 {
    background-color: #E1FFF1 !important
}

.success.accent-1 {
    color: #E1FFF1 !important
}

.btn-success.btn-accent-1 {
    border-color: #23BD70 !important
}

    .btn-success.btn-accent-1:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-accent-1:active, .btn-success.btn-accent-1:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-accent-1 {
    border-color: #E1FFF1 !important;
    color: #E1FFF1 !important
}

    .btn-outline-success.btn-outline-accent-1:hover {
        background-color: #E1FFF1 !important
    }

.border-success.border-accent-1 {
    border: 1px solid #E1FFF1 !important
}

.border-top-success.border-top-accent-1 {
    border-top: 1px solid #E1FFF1 !important
}

.border-bottom-success.border-bottom-accent-1 {
    border-bottom: 1px solid #E1FFF1 !important
}

.border-left-success.border-left-accent-1 {
    border-left: 1px solid #E1FFF1 !important
}

.border-right-success.border-right-accent-1 {
    border-right: 1px solid #E1FFF1 !important
}

.overlay-success.overlay-accent-1 {
    background: #E1FFF1;
    background: rgba(225,255,241,.6)
}

.bg-success.bg-accent-2, .btn-success.btn-accent-2 {
    background-color: #AEFFD9 !important
}

.success.accent-2 {
    color: #AEFFD9 !important
}

.btn-success.btn-accent-2 {
    border-color: #23BD70 !important
}

    .btn-success.btn-accent-2:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-accent-2:active, .btn-success.btn-accent-2:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-accent-2 {
    border-color: #AEFFD9 !important;
    color: #AEFFD9 !important
}

    .btn-outline-success.btn-outline-accent-2:hover {
        background-color: #AEFFD9 !important
    }

.border-success.border-accent-2 {
    border: 1px solid #AEFFD9 !important
}

.border-top-success.border-top-accent-2 {
    border-top: 1px solid #AEFFD9 !important
}

.border-bottom-success.border-bottom-accent-2 {
    border-bottom: 1px solid #AEFFD9 !important
}

.border-left-success.border-left-accent-2 {
    border-left: 1px solid #AEFFD9 !important
}

.border-right-success.border-right-accent-2 {
    border-right: 1px solid #AEFFD9 !important
}

.overlay-success.overlay-accent-2 {
    background: #AEFFD9;
    background: rgba(174,255,217,.6)
}

.bg-success.bg-accent-3, .btn-success.btn-accent-3 {
    background-color: #7BFFC1 !important
}

.success.accent-3 {
    color: #7BFFC1 !important
}

.btn-success.btn-accent-3 {
    border-color: #23BD70 !important
}

    .btn-success.btn-accent-3:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-accent-3:active, .btn-success.btn-accent-3:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-accent-3 {
    border-color: #7BFFC1 !important;
    color: #7BFFC1 !important
}

    .btn-outline-success.btn-outline-accent-3:hover {
        background-color: #7BFFC1 !important
    }

.border-success.border-accent-3 {
    border: 1px solid #7BFFC1 !important
}

.border-top-success.border-top-accent-3 {
    border-top: 1px solid #7BFFC1 !important
}

.border-bottom-success.border-bottom-accent-3 {
    border-bottom: 1px solid #7BFFC1 !important
}

.border-left-success.border-left-accent-3 {
    border-left: 1px solid #7BFFC1 !important
}

.border-right-success.border-right-accent-3 {
    border-right: 1px solid #7BFFC1 !important
}

.overlay-success.overlay-accent-3 {
    background: #7BFFC1;
    background: rgba(123,255,193,.6)
}

.bg-success.bg-accent-4, .btn-success.btn-accent-4 {
    background-color: #62FFB5 !important
}

.success.accent-4 {
    color: #62FFB5 !important
}

.btn-success.btn-accent-4 {
    border-color: #23BD70 !important
}

    .btn-success.btn-accent-4:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-accent-4:active, .btn-success.btn-accent-4:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-accent-4 {
    border-color: #62FFB5 !important;
    color: #62FFB5 !important
}

    .btn-outline-success.btn-outline-accent-4:hover {
        background-color: #62FFB5 !important
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #62FFB5 !important
}

.border-success.border-accent-4 {
    border: 1px solid #62FFB5 !important
}

.border-top-success.border-top-accent-4 {
    border-top: 1px solid #62FFB5 !important
}

.border-bottom-success.border-bottom-accent-4 {
    border-bottom: 1px solid #62FFB5 !important
}

.border-left-success.border-left-accent-4 {
    border-left: 1px solid #62FFB5 !important
}

.border-right-success.border-right-accent-4 {
    border-right: 1px solid #62FFB5 !important
}

.btn-info.btn-lighten-5, .btn-info.btn-lighten-5:hover {
    border-color: #009FAA !important
}

.overlay-success.overlay-accent-4 {
    background: #62FFB5;
    background: rgba(98,255,181,.6)
}

.bg-info.bg-lighten-5, .btn-info.btn-lighten-5 {
    background-color: #5EF5FF !important
}

.info.lighten-5 {
    color: #5EF5FF !important
}

.btn-info.btn-lighten-5:hover {
    background-color: #008791 !important
}

.btn-info.btn-lighten-5:active, .btn-info.btn-lighten-5:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-lighten-5 {
    border-color: #5EF5FF !important;
    color: #5EF5FF !important
}

    .btn-outline-info.btn-outline-lighten-5:hover {
        background-color: #5EF5FF !important
    }

.border-info.border-lighten-5 {
    border: 1px solid #5EF5FF !important
}

.border-top-info.border-top-lighten-5 {
    border-top: 1px solid #5EF5FF !important
}

.border-bottom-info.border-bottom-lighten-5 {
    border-bottom: 1px solid #5EF5FF !important
}

.border-left-info.border-left-lighten-5 {
    border-left: 1px solid #5EF5FF !important
}

.border-right-info.border-right-lighten-5 {
    border-right: 1px solid #5EF5FF !important
}

.btn-info.btn-lighten-4, .btn-info.btn-lighten-4:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-lighten-5 {
    background: #5EF5FF;
    background: rgba(94,245,255,.6)
}

.bg-info.bg-lighten-4, .btn-info.btn-lighten-4 {
    background-color: #44F3FF !important
}

.info.lighten-4 {
    color: #44F3FF !important
}

.btn-info.btn-lighten-4:hover {
    background-color: #008791 !important
}

.btn-info.btn-lighten-4:active, .btn-info.btn-lighten-4:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-lighten-4 {
    border-color: #44F3FF !important;
    color: #44F3FF !important
}

    .btn-outline-info.btn-outline-lighten-4:hover {
        background-color: #44F3FF !important
    }

.border-info.border-lighten-4 {
    border: 1px solid #44F3FF !important
}

.border-top-info.border-top-lighten-4 {
    border-top: 1px solid #44F3FF !important
}

.border-bottom-info.border-bottom-lighten-4 {
    border-bottom: 1px solid #44F3FF !important
}

.border-left-info.border-left-lighten-4 {
    border-left: 1px solid #44F3FF !important
}

.border-right-info.border-right-lighten-4 {
    border-right: 1px solid #44F3FF !important
}

.btn-info.btn-lighten-3, .btn-info.btn-lighten-3:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-lighten-4 {
    background: #44F3FF;
    background: rgba(68,243,255,.6)
}

.bg-info.bg-lighten-3, .btn-info.btn-lighten-3 {
    background-color: #2BF2FF !important
}

.info.lighten-3 {
    color: #2BF2FF !important
}

.btn-info.btn-lighten-3:hover {
    background-color: #008791 !important
}

.btn-info.btn-lighten-3:active, .btn-info.btn-lighten-3:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-lighten-3 {
    border-color: #2BF2FF !important;
    color: #2BF2FF !important
}

    .btn-outline-info.btn-outline-lighten-3:hover {
        background-color: #2BF2FF !important
    }

.border-info.border-lighten-3 {
    border: 1px solid #2BF2FF !important
}

.border-top-info.border-top-lighten-3 {
    border-top: 1px solid #2BF2FF !important
}

.border-bottom-info.border-bottom-lighten-3 {
    border-bottom: 1px solid #2BF2FF !important
}

.border-left-info.border-left-lighten-3 {
    border-left: 1px solid #2BF2FF !important
}

.border-right-info.border-right-lighten-3 {
    border-right: 1px solid #2BF2FF !important
}

.btn-info.btn-lighten-2, .btn-info.btn-lighten-2:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-lighten-3 {
    background: #2BF2FF;
    background: rgba(43,242,255,.6)
}

.bg-info.bg-lighten-2, .btn-info.btn-lighten-2 {
    background-color: #11F0FF !important
}

.info.lighten-2 {
    color: #11F0FF !important
}

.btn-info.btn-lighten-2:hover {
    background-color: #008791 !important
}

.btn-info.btn-lighten-2:active, .btn-info.btn-lighten-2:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-lighten-2 {
    border-color: #11F0FF !important;
    color: #11F0FF !important
}

    .btn-outline-info.btn-outline-lighten-2:hover {
        background-color: #11F0FF !important
    }

.border-info.border-lighten-2 {
    border: 1px solid #11F0FF !important
}

.border-top-info.border-top-lighten-2 {
    border-top: 1px solid #11F0FF !important
}

.border-bottom-info.border-bottom-lighten-2 {
    border-bottom: 1px solid #11F0FF !important
}

.border-left-info.border-left-lighten-2 {
    border-left: 1px solid #11F0FF !important
}

.border-right-info.border-right-lighten-2 {
    border-right: 1px solid #11F0FF !important
}

.btn-info.btn-lighten-1, .btn-info.btn-lighten-1:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-lighten-2 {
    background: #11F0FF;
    background: rgba(17,240,255,.6)
}

.bg-info.bg-lighten-1, .btn-info.btn-lighten-1 {
    background-color: #00E7F7 !important
}

.info.lighten-1 {
    color: #00E7F7 !important
}

.btn-info.btn-lighten-1:hover {
    background-color: #008791 !important
}

.btn-info.btn-lighten-1:active, .btn-info.btn-lighten-1:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-lighten-1 {
    border-color: #00E7F7 !important;
    color: #00E7F7 !important
}

    .btn-outline-info.btn-outline-lighten-1:hover {
        background-color: #00E7F7 !important
    }

.border-info.border-lighten-1 {
    border: 1px solid #00E7F7 !important
}

.border-top-info.border-top-lighten-1 {
    border-top: 1px solid #00E7F7 !important
}

.border-bottom-info.border-bottom-lighten-1 {
    border-bottom: 1px solid #00E7F7 !important
}

.border-left-info.border-left-lighten-1 {
    border-left: 1px solid #00E7F7 !important
}

.border-right-info.border-right-lighten-1 {
    border-right: 1px solid #00E7F7 !important
}

.overlay-info.overlay-lighten-1 {
    background: #00E7F7;
    background: rgba(0,231,247,.6)
}

.info {
    color: #00CFDD !important
}

.text-light-info {
    color: rgba(0,207,221,.2) !important
}

.bg-info {
    background-color: #00CFDD !important
}

    .bg-info .card-footer, .bg-info .card-header {
        background-color: transparent
    }

.bg-rgba-info {
    background: rgba(0,207,221,.2) !important
}

    .bg-rgba-info.alert, .bg-rgba-info.alert .alert-link, .bg-rgba-info.alert.alert-dismissible .close {
        color: #00CFDD
    }

.alert.alert-info {
    background: #00CFDD !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(0,207,221,.4);
    border: none
}

.border-info {
    border: 1px solid #00CFDD !important
}

    .border-info .select2-selection__arrow b {
        border-color: #009FAA !important
    }

    .border-info.alert, .border-info.alert .alert-link, .border-info.alert.alert-dismissible .close {
        color: #00CFDD
    }

.border-top-info {
    border-top: 1px solid #00CFDD
}

.border-bottom-info {
    border-bottom: 1px solid #00CFDD
}

.border-left-info {
    border-left: 1px solid #00CFDD
}

.border-right-info {
    border-right: 1px solid #00CFDD
}

.header-navbar.bg-info .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #00CFDD !important
}

.badge.badge-info {
    background-color: #2964D2;
}

.badge.badge-light-info {
    background-color: rgba(0,207,221,.17);
    color: #00CFDD !important
}

.badge.badge-info.badge-glow, .badge.bg-info.badge-glow, .badge.border-info.badge-glow {
    box-shadow: 0 0 10px #00CFDD
}

.badge-circle-info {
    background-color: #00CFDD
}

.badge-circle-light-info {
    background-color: rgba(0,207,221,.17);
    color: #00CFDD
}

.overlay-info {
    background: #00CFDD;
    background: rgba(0,207,221,.6)
}

.btn-info {
    border-color: #009FAA !important;
    background-color: #00CFDD !important;
    color: #FFF
}

    .btn-info.hover, .btn-info:hover {
        background-color: #00E7F7 !important;
        color: #FFF
    }

        .btn-info.hover.glow, .btn-info:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(0,207,221,.6) !important
        }

    .btn-info.active, .btn-info:active, .btn-info:focus {
        background-color: #00B7C4 !important;
        color: #FFF !important
    }

    .btn-info.glow {
        box-shadow: 0 2px 4px 0 rgba(0,207,221,.5) !important
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #FFF !important
    }

.btn-light-info {
    background-color: rgba(0,207,221,.17);
    color: #00CFDD !important
}

    .btn-light-info.hover, .btn-light-info:hover {
        background-color: #00E7F7 !important;
        color: #FFF !important
    }

    .btn-light-info.active, .btn-light-info:active {
        background-color: #00B7C4 !important;
        color: #FFF !important
    }

.btn-outline-info {
    border: 1px solid #00CFDD;
    background-color: transparent;
    color: #00CFDD !important
}

    .btn-outline-info.hover, .btn-outline-info:hover {
        background-color: #00E7F7 !important;
        color: #FFF !important
    }

    .btn-outline-info.active, .btn-outline-info:active {
        background-color: #00B7C4 !important;
        color: #FFF !important
    }

    .btn-info ~ .dropdown-menu .dropdown-item.active, .btn-outline-info ~ .dropdown-menu .dropdown-item.active {
        background-color: #00CFDD;
        color: #FFF
    }

        .btn-info ~ .dropdown-menu .dropdown-item.active:hover, .btn-outline-info ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i {
    color: #00CFDD
}

.dropdown.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-info {
    background-color: #00CFDD
}

.pagination-info .page-item.active .page-link, .pagination-info .page-item.active .page-link:hover {
    background: #00CFDD !important;
    color: #FFF
}

.pagination-info .page-item .page-link:hover {
    background-color: rgba(0,207,221,.17) !important
}

.pagination-info .page-item.next .page-link, .pagination-info .page-item.previous .page-link {
    color: #00CFDD !important
}

    .pagination-info .page-item.next .page-link:hover, .pagination-info .page-item.previous .page-link:hover {
        background: #00CFDD
    }

    .pagination-info .page-item.next .page-link span, .pagination-info .page-item.previous .page-link span {
        color: #00CFDD
    }

.progress-bar-info .progress-bar {
    background-color: #00CFDD;
    box-shadow: 0 2px 6px 0 rgba(0,207,221,.6)
}

.chip-info {
    background-color: #00CFDD !important
}

    .chip-info .chip-body {
        color: #FFF !important
    }

.divider.divider-info .divider-text:after, .divider.divider-info .divider-text:before {
    border-color: #00CFDD !important
}

.timeline li.timeline-item.timeline-icon-info:before {
    background: #00CFDD !important
}

input[type=checkbox].bg-info + .custom-control-label:before, input[type=radio].bg-info + .custom-control-label:before {
    background-color: #00CFDD !important;
    border-color: #009FAA !important
}

.checkbox.checkbox-info input:checked ~ label::before {
    background-color: #00CFDD;
    border-color: #00CFDD
}

.checkbox.checkbox-info input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-info.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(0,207,221,.7)
}

.checkbox.checkbox-info.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-info label:after {
    -webkit-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

.radio.radio-info input:checked ~ label::before {
    background-color: #00CFDD;
    border-color: #00CFDD
}

.radio.radio-info input:checked ~ label::after {
    border-color: #FFF;
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.btn-info.btn-darken-1, .btn-info.btn-darken-1:hover {
    border-color: #009FAA !important
}

.radio.radio-info.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(0,207,221,.7)
}

.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00CFDD !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-info.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(0,207,221,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-info, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-info {
    box-shadow: 0 0 8px 0 rgba(0,207,221,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=info]:before {
    background-color: #00CFDD
}

select.select-light-info ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(0,207,221,.17) !important
}

.bg-info.bg-darken-1, .btn-info.btn-darken-1 {
    background-color: #00B7C4 !important
}

select.select-light-info ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-info ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #00CFDD !important
}

.info.darken-1 {
    color: #00B7C4 !important
}

.btn-info.btn-darken-1:hover {
    background-color: #008791 !important
}

.btn-info.btn-darken-1:active, .btn-info.btn-darken-1:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-darken-1 {
    border-color: #00B7C4 !important;
    color: #00B7C4 !important
}

    .btn-outline-info.btn-outline-darken-1:hover {
        background-color: #00B7C4 !important
    }

.border-info.border-darken-1 {
    border: 1px solid #00B7C4 !important
}

.border-top-info.border-top-darken-1 {
    border-top: 1px solid #00B7C4 !important
}

.border-bottom-info.border-bottom-darken-1 {
    border-bottom: 1px solid #00B7C4 !important
}

.border-left-info.border-left-darken-1 {
    border-left: 1px solid #00B7C4 !important
}

.border-right-info.border-right-darken-1 {
    border-right: 1px solid #00B7C4 !important
}

.btn-info.btn-darken-2, .btn-info.btn-darken-2:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-darken-1 {
    background: #00B7C4;
    background: rgba(0,183,196,.6)
}

.bg-info.bg-darken-2, .btn-info.btn-darken-2 {
    background-color: #009FAA !important
}

.info.darken-2 {
    color: #009FAA !important
}

.btn-info.btn-darken-2:hover {
    background-color: #008791 !important
}

.btn-info.btn-darken-2:active, .btn-info.btn-darken-2:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-darken-2 {
    border-color: #009FAA !important;
    color: #009FAA !important
}

    .btn-outline-info.btn-outline-darken-2:hover {
        background-color: #009FAA !important
    }

.border-info.border-darken-2 {
    border: 1px solid #009FAA !important
}

.border-top-info.border-top-darken-2 {
    border-top: 1px solid #009FAA !important
}

.border-bottom-info.border-bottom-darken-2 {
    border-bottom: 1px solid #009FAA !important
}

.border-left-info.border-left-darken-2 {
    border-left: 1px solid #009FAA !important
}

.border-right-info.border-right-darken-2 {
    border-right: 1px solid #009FAA !important
}

.overlay-info.overlay-darken-2 {
    background: #009FAA;
    background: rgba(0,159,170,.6)
}

.info.darken-3 {
    color: #008791 !important
}

.bg-info.bg-darken-3 {
    background-color: #008791 !important
}

.btn-info.btn-darken-3, .btn-info.btn-darken-3:hover {
    border-color: #009FAA !important;
    background-color: #008791 !important
}

    .btn-info.btn-darken-3:active, .btn-info.btn-darken-3:focus {
        border-color: #008791 !important;
        background-color: #006F77 !important
    }

.btn-outline-info.btn-outline-darken-3 {
    border-color: #008791 !important;
    color: #008791 !important
}

    .btn-outline-info.btn-outline-darken-3:hover {
        background-color: #008791 !important
    }

.border-info.border-darken-3 {
    border: 1px solid #008791 !important
}

.border-top-info.border-top-darken-3 {
    border-top: 1px solid #008791 !important
}

.border-bottom-info.border-bottom-darken-3 {
    border-bottom: 1px solid #008791 !important
}

.border-left-info.border-left-darken-3 {
    border-left: 1px solid #008791 !important
}

.border-right-info.border-right-darken-3 {
    border-right: 1px solid #008791 !important
}

.btn-info.btn-darken-4, .btn-info.btn-darken-4:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-darken-3 {
    background: #008791;
    background: rgba(0,135,145,.6)
}

.bg-info.bg-darken-4, .btn-info.btn-darken-4 {
    background-color: #006F77 !important
}

.info.darken-4 {
    color: #006F77 !important
}

.btn-info.btn-darken-4:hover {
    background-color: #008791 !important
}

.btn-info.btn-darken-4:active, .btn-info.btn-darken-4:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-darken-4 {
    border-color: #006F77 !important;
    color: #006F77 !important
}

    .btn-outline-info.btn-outline-darken-4:hover {
        background-color: #006F77 !important
    }

.border-info.border-darken-4 {
    border: 1px solid #006F77 !important
}

.border-top-info.border-top-darken-4 {
    border-top: 1px solid #006F77 !important
}

.border-bottom-info.border-bottom-darken-4 {
    border-bottom: 1px solid #006F77 !important
}

.border-left-info.border-left-darken-4 {
    border-left: 1px solid #006F77 !important
}

.border-right-info.border-right-darken-4 {
    border-right: 1px solid #006F77 !important
}

.btn-info.btn-accent-1, .btn-info.btn-accent-1:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-darken-4 {
    background: #006F77;
    background: rgba(0,111,119,.6)
}

.bg-info.bg-accent-1, .btn-info.btn-accent-1 {
    background-color: #FEFFFF !important
}

.info.accent-1 {
    color: #FEFFFF !important
}

.btn-info.btn-accent-1:hover {
    background-color: #008791 !important
}

.btn-info.btn-accent-1:active, .btn-info.btn-accent-1:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-accent-1 {
    border-color: #FEFFFF !important;
    color: #FEFFFF !important
}

    .btn-outline-info.btn-outline-accent-1:hover {
        background-color: #FEFFFF !important
    }

.border-info.border-accent-1 {
    border: 1px solid #FEFFFF !important
}

.border-top-info.border-top-accent-1 {
    border-top: 1px solid #FEFFFF !important
}

.border-bottom-info.border-bottom-accent-1 {
    border-bottom: 1px solid #FEFFFF !important
}

.border-left-info.border-left-accent-1 {
    border-left: 1px solid #FEFFFF !important
}

.border-right-info.border-right-accent-1 {
    border-right: 1px solid #FEFFFF !important
}

.btn-info.btn-accent-2, .btn-info.btn-accent-2:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-accent-1 {
    background: #FEFFFF;
    background: rgba(254,255,255,.6)
}

.bg-info.bg-accent-2, .btn-info.btn-accent-2 {
    background-color: #CBF5FF !important
}

.info.accent-2 {
    color: #CBF5FF !important
}

.btn-info.btn-accent-2:hover {
    background-color: #008791 !important
}

.btn-info.btn-accent-2:active, .btn-info.btn-accent-2:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-accent-2 {
    border-color: #CBF5FF !important;
    color: #CBF5FF !important
}

    .btn-outline-info.btn-outline-accent-2:hover {
        background-color: #CBF5FF !important
    }

.border-info.border-accent-2 {
    border: 1px solid #CBF5FF !important
}

.border-top-info.border-top-accent-2 {
    border-top: 1px solid #CBF5FF !important
}

.border-bottom-info.border-bottom-accent-2 {
    border-bottom: 1px solid #CBF5FF !important
}

.border-left-info.border-left-accent-2 {
    border-left: 1px solid #CBF5FF !important
}

.border-right-info.border-right-accent-2 {
    border-right: 1px solid #CBF5FF !important
}

.btn-info.btn-accent-3, .btn-info.btn-accent-3:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-accent-2 {
    background: #CBF5FF;
    background: rgba(203,245,255,.6)
}

.bg-info.bg-accent-3, .btn-info.btn-accent-3 {
    background-color: #98ECFF !important
}

.info.accent-3 {
    color: #98ECFF !important
}

.btn-info.btn-accent-3:hover {
    background-color: #008791 !important
}

.btn-info.btn-accent-3:active, .btn-info.btn-accent-3:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-accent-3 {
    border-color: #98ECFF !important;
    color: #98ECFF !important
}

    .btn-outline-info.btn-outline-accent-3:hover {
        background-color: #98ECFF !important
    }

.border-info.border-accent-3 {
    border: 1px solid #98ECFF !important
}

.border-top-info.border-top-accent-3 {
    border-top: 1px solid #98ECFF !important
}

.border-bottom-info.border-bottom-accent-3 {
    border-bottom: 1px solid #98ECFF !important
}

.border-left-info.border-left-accent-3 {
    border-left: 1px solid #98ECFF !important
}

.border-right-info.border-right-accent-3 {
    border-right: 1px solid #98ECFF !important
}

.btn-info.btn-accent-4, .btn-info.btn-accent-4:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-accent-3 {
    background: #98ECFF;
    background: rgba(152,236,255,.6)
}

.bg-info.bg-accent-4, .btn-info.btn-accent-4 {
    background-color: #7FE7FF !important
}

.info.accent-4 {
    color: #7FE7FF !important
}

.btn-info.btn-accent-4:hover {
    background-color: #008791 !important
}

.btn-info.btn-accent-4:active, .btn-info.btn-accent-4:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-accent-4 {
    border-color: #7FE7FF !important;
    color: #7FE7FF !important
}

    .btn-outline-info.btn-outline-accent-4:hover {
        background-color: #7FE7FF !important
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #7FE7FF !important
}

.border-info.border-accent-4 {
    border: 1px solid #7FE7FF !important
}

.border-top-info.border-top-accent-4 {
    border-top: 1px solid #7FE7FF !important
}

.border-bottom-info.border-bottom-accent-4 {
    border-bottom: 1px solid #7FE7FF !important
}

.border-left-info.border-left-accent-4 {
    border-left: 1px solid #7FE7FF !important
}

.border-right-info.border-right-accent-4 {
    border-right: 1px solid #7FE7FF !important
}

.overlay-info.overlay-accent-4 {
    background: #7FE7FF;
    background: rgba(127,231,255,.6)
}

.bg-warning.bg-lighten-5, .btn-warning.btn-lighten-5 {
    background-color: #FEE3BF !important
}

.warning.lighten-5 {
    color: #FEE3BF !important
}

.btn-warning.btn-lighten-5 {
    border-color: #FC960F !important
}

    .btn-warning.btn-lighten-5:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-lighten-5:active, .btn-warning.btn-lighten-5:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-lighten-5 {
    border-color: #FEE3BF !important;
    color: #FEE3BF !important
}

    .btn-outline-warning.btn-outline-lighten-5:hover {
        background-color: #FEE3BF !important
    }

.border-warning.border-lighten-5 {
    border: 1px solid #FEE3BF !important
}

.border-top-warning.border-top-lighten-5 {
    border-top: 1px solid #FEE3BF !important
}

.border-bottom-warning.border-bottom-lighten-5 {
    border-bottom: 1px solid #FEE3BF !important
}

.border-left-warning.border-left-lighten-5 {
    border-left: 1px solid #FEE3BF !important
}

.border-right-warning.border-right-lighten-5 {
    border-right: 1px solid #FEE3BF !important
}

.overlay-warning.overlay-lighten-5 {
    background: #FEE3BF;
    background: rgba(254,227,191,.6)
}

.bg-warning.bg-lighten-4, .btn-warning.btn-lighten-4 {
    background-color: #FED8A6 !important
}

.warning.lighten-4 {
    color: #FED8A6 !important
}

.btn-warning.btn-lighten-4 {
    border-color: #FC960F !important
}

    .btn-warning.btn-lighten-4:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-lighten-4:active, .btn-warning.btn-lighten-4:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-lighten-4 {
    border-color: #FED8A6 !important;
    color: #FED8A6 !important
}

    .btn-outline-warning.btn-outline-lighten-4:hover {
        background-color: #FED8A6 !important
    }

.border-warning.border-lighten-4 {
    border: 1px solid #FED8A6 !important
}

.border-top-warning.border-top-lighten-4 {
    border-top: 1px solid #FED8A6 !important
}

.border-bottom-warning.border-bottom-lighten-4 {
    border-bottom: 1px solid #FED8A6 !important
}

.border-left-warning.border-left-lighten-4 {
    border-left: 1px solid #FED8A6 !important
}

.border-right-warning.border-right-lighten-4 {
    border-right: 1px solid #FED8A6 !important
}

.overlay-warning.overlay-lighten-4 {
    background: #FED8A6;
    background: rgba(254,216,166,.6)
}

.bg-warning.bg-lighten-3, .btn-warning.btn-lighten-3 {
    background-color: #FECD8D !important
}

.warning.lighten-3 {
    color: #FECD8D !important
}

.btn-warning.btn-lighten-3 {
    border-color: #FC960F !important
}

    .btn-warning.btn-lighten-3:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-lighten-3:active, .btn-warning.btn-lighten-3:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-lighten-3 {
    border-color: #FECD8D !important;
    color: #FECD8D !important
}

    .btn-outline-warning.btn-outline-lighten-3:hover {
        background-color: #FECD8D !important
    }

.border-warning.border-lighten-3 {
    border: 1px solid #FECD8D !important
}

.border-top-warning.border-top-lighten-3 {
    border-top: 1px solid #FECD8D !important
}

.border-bottom-warning.border-bottom-lighten-3 {
    border-bottom: 1px solid #FECD8D !important
}

.border-left-warning.border-left-lighten-3 {
    border-left: 1px solid #FECD8D !important
}

.border-right-warning.border-right-lighten-3 {
    border-right: 1px solid #FECD8D !important
}

.overlay-warning.overlay-lighten-3 {
    background: #FECD8D;
    background: rgba(254,205,141,.6)
}

.bg-warning.bg-lighten-2, .btn-warning.btn-lighten-2 {
    background-color: #FEC273 !important
}

.warning.lighten-2 {
    color: #FEC273 !important
}

.btn-warning.btn-lighten-2 {
    border-color: #FC960F !important
}

    .btn-warning.btn-lighten-2:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-lighten-2:active, .btn-warning.btn-lighten-2:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-lighten-2 {
    border-color: #FEC273 !important;
    color: #FEC273 !important
}

    .btn-outline-warning.btn-outline-lighten-2:hover {
        background-color: #FEC273 !important
    }

.border-warning.border-lighten-2 {
    border: 1px solid #FEC273 !important
}

.border-top-warning.border-top-lighten-2 {
    border-top: 1px solid #FEC273 !important
}

.border-bottom-warning.border-bottom-lighten-2 {
    border-bottom: 1px solid #FEC273 !important
}

.border-left-warning.border-left-lighten-2 {
    border-left: 1px solid #FEC273 !important
}

.border-right-warning.border-right-lighten-2 {
    border-right: 1px solid #FEC273 !important
}

.overlay-warning.overlay-lighten-2 {
    background: #FEC273;
    background: rgba(254,194,115,.6)
}

.bg-warning.bg-lighten-1, .btn-warning.btn-lighten-1 {
    background-color: #FDB75A !important
}

.warning.lighten-1 {
    color: #FDB75A !important
}

.btn-warning.btn-lighten-1 {
    border-color: #FC960F !important
}

    .btn-warning.btn-lighten-1:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-lighten-1:active, .btn-warning.btn-lighten-1:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-lighten-1 {
    border-color: #FDB75A !important;
    color: #FDB75A !important
}

    .btn-outline-warning.btn-outline-lighten-1:hover {
        background-color: #FDB75A !important
    }

.border-warning.border-lighten-1 {
    border: 1px solid #FDB75A !important
}

.border-top-warning.border-top-lighten-1 {
    border-top: 1px solid #FDB75A !important
}

.border-bottom-warning.border-bottom-lighten-1 {
    border-bottom: 1px solid #FDB75A !important
}

.border-left-warning.border-left-lighten-1 {
    border-left: 1px solid #FDB75A !important
}

.border-right-warning.border-right-lighten-1 {
    border-right: 1px solid #FDB75A !important
}

.overlay-warning.overlay-lighten-1 {
    background: #FDB75A;
    background: rgba(253,183,90,.6)
}

.warning {
    color: #FDAC41 !important
}

.text-light-warning {
    color: rgba(253,172,65,.2) !important
}

.bg-warning {
    background-color: #FDAC41 !important
}

    .bg-warning .card-footer, .bg-warning .card-header {
        background-color: transparent
    }

.bg-rgba-warning {
    background: rgba(253,172,65,.2) !important
}

    .bg-rgba-warning.alert, .bg-rgba-warning.alert .alert-link, .bg-rgba-warning.alert.alert-dismissible .close {
        color: #FDAC41
    }

.alert.alert-warning {
    background: #FDAC41 !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(253,172,65,.4);
    border: none
}

.border-warning {
    border: 1px solid #FDAC41 !important
}

    .border-warning .select2-selection__arrow b {
        border-color: #FC960F !important
    }

    .border-warning.alert, .border-warning.alert .alert-link, .border-warning.alert.alert-dismissible .close {
        color: #FDAC41
    }

.border-top-warning {
    border-top: 1px solid #FDAC41
}

.border-bottom-warning {
    border-bottom: 1px solid #FDAC41
}

.border-left-warning {
    border-left: 1px solid #FDAC41
}

.border-right-warning {
    border-right: 1px solid #FDAC41
}

.header-navbar.bg-warning .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #FDAC41 !important
}

.badge.badge-warning {
    background-color: #FDAC41
}

.badge.badge-light-warning {
    background-color: rgba(253,172,65,.17);
    color: #FDAC41 !important
}

.badge.badge-warning.badge-glow, .badge.bg-warning.badge-glow, .badge.border-warning.badge-glow {
    box-shadow: 0 0 10px #FDAC41
}

.badge-circle-warning {
    background-color: #FDAC41
}

.badge-circle-light-warning {
    background-color: rgba(253,172,65,.17);
    color: #FDAC41
}

.overlay-warning {
    background: #FDAC41;
    background: rgba(253,172,65,.6)
}

.btn-warning {
    border-color: #FC960F !important;
    background-color: #FDAC41 !important;
    color: #FFF
}

    .btn-warning.hover, .btn-warning:hover {
        background-color: #FDB75A !important;
        color: #FFF
    }

        .btn-warning.hover.glow, .btn-warning:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(253,172,65,.6) !important
        }

    .btn-warning.active, .btn-warning:active, .btn-warning:focus {
        background-color: #FDA128 !important;
        color: #FFF !important
    }

    .btn-warning.glow {
        box-shadow: 0 2px 4px 0 rgba(253,172,65,.5) !important
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #FFF !important
    }

.btn-light-warning {
    background-color: rgba(253,172,65,.17);
    color: #FDAC41 !important
}

    .btn-light-warning.hover, .btn-light-warning:hover {
        background-color: #FDB75A !important;
        color: #FFF !important
    }

    .btn-light-warning.active, .btn-light-warning:active {
        background-color: #FDA128 !important;
        color: #FFF !important
    }

.btn-outline-warning {
    border: 1px solid #FDAC41;
    background-color: transparent;
    color: #FDAC41 !important
}

    .btn-outline-warning.hover, .btn-outline-warning:hover {
        background-color: #FDB75A !important;
        color: #FFF !important
    }

    .btn-outline-warning.active, .btn-outline-warning:active {
        background-color: #FDA128 !important;
        color: #FFF !important
    }

    .btn-outline-warning ~ .dropdown-menu .dropdown-item.active, .btn-warning ~ .dropdown-menu .dropdown-item.active {
        background-color: #FDAC41;
        color: #FFF
    }

        .btn-outline-warning ~ .dropdown-menu .dropdown-item.active:hover, .btn-warning ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i {
    color: #FDAC41
}

.dropdown.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-warning {
    background-color: #FDAC41
}

.pagination-warning .page-item.active .page-link, .pagination-warning .page-item.active .page-link:hover {
    background: #FDAC41 !important;
    color: #FFF
}

.pagination-warning .page-item .page-link:hover {
    background-color: rgba(253,172,65,.17) !important
}

.pagination-warning .page-item.next .page-link, .pagination-warning .page-item.previous .page-link {
    color: #FDAC41 !important
}

    .pagination-warning .page-item.next .page-link:hover, .pagination-warning .page-item.previous .page-link:hover {
        background: #FDAC41
    }

    .pagination-warning .page-item.next .page-link span, .pagination-warning .page-item.previous .page-link span {
        color: #FDAC41
    }

.progress-bar-warning .progress-bar {
    background-color: #FDAC41;
    box-shadow: 0 2px 6px 0 rgba(253,172,65,.6)
}

.chip-warning {
    background-color: #FDAC41 !important
}

    .chip-warning .chip-body {
        color: #FFF !important
    }

.divider.divider-warning .divider-text:after, .divider.divider-warning .divider-text:before {
    border-color: #FDAC41 !important
}

.timeline li.timeline-item.timeline-icon-warning:before {
    background: #FDAC41 !important
}

input[type=checkbox].bg-warning + .custom-control-label:before, input[type=radio].bg-warning + .custom-control-label:before {
    background-color: #FDAC41 !important;
    border-color: #FC960F !important
}

.checkbox.checkbox-warning input:checked ~ label::before {
    background-color: #FDAC41;
    border-color: #FDAC41
}

.checkbox.checkbox-warning input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-warning.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(253,172,65,.7)
}

.checkbox.checkbox-warning.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-warning label:after {
    -webkit-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

.radio.radio-warning input:checked ~ label::before {
    background-color: #FDAC41;
    border-color: #FDAC41
}

.radio.radio-warning input:checked ~ label::after {
    border-color: #FFF;
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.radio.radio-warning.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(253,172,65,.7)
}

.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FDAC41 !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-warning.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(253,172,65,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-warning, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-warning {
    box-shadow: 0 0 8px 0 rgba(253,172,65,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=warning]:before {
    background-color: #FDAC41
}

select.select-light-warning ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(253,172,65,.17) !important
}

.bg-warning.bg-darken-1, .btn-warning.btn-darken-1 {
    background-color: #FDA128 !important
}

select.select-light-warning ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-warning ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #FDAC41 !important
}

.warning.darken-1 {
    color: #FDA128 !important
}

.btn-warning.btn-darken-1 {
    border-color: #FC960F !important
}

    .btn-warning.btn-darken-1:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-darken-1:active, .btn-warning.btn-darken-1:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-darken-1 {
    border-color: #FDA128 !important;
    color: #FDA128 !important
}

    .btn-outline-warning.btn-outline-darken-1:hover {
        background-color: #FDA128 !important
    }

.border-warning.border-darken-1 {
    border: 1px solid #FDA128 !important
}

.border-top-warning.border-top-darken-1 {
    border-top: 1px solid #FDA128 !important
}

.border-bottom-warning.border-bottom-darken-1 {
    border-bottom: 1px solid #FDA128 !important
}

.border-left-warning.border-left-darken-1 {
    border-left: 1px solid #FDA128 !important
}

.border-right-warning.border-right-darken-1 {
    border-right: 1px solid #FDA128 !important
}

.overlay-warning.overlay-darken-1 {
    background: #FDA128;
    background: rgba(253,161,40,.6)
}

.bg-warning.bg-darken-2, .btn-warning.btn-darken-2 {
    background-color: #FC960F !important
}

.warning.darken-2 {
    color: #FC960F !important
}

.btn-warning.btn-darken-2 {
    border-color: #FC960F !important
}

    .btn-warning.btn-darken-2:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-darken-2:active, .btn-warning.btn-darken-2:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-darken-2 {
    border-color: #FC960F !important;
    color: #FC960F !important
}

    .btn-outline-warning.btn-outline-darken-2:hover {
        background-color: #FC960F !important
    }

.border-warning.border-darken-2 {
    border: 1px solid #FC960F !important
}

.border-top-warning.border-top-darken-2 {
    border-top: 1px solid #FC960F !important
}

.border-bottom-warning.border-bottom-darken-2 {
    border-bottom: 1px solid #FC960F !important
}

.border-left-warning.border-left-darken-2 {
    border-left: 1px solid #FC960F !important
}

.border-right-warning.border-right-darken-2 {
    border-right: 1px solid #FC960F !important
}

.overlay-warning.overlay-darken-2 {
    background: #FC960F;
    background: rgba(252,150,15,.6)
}

.warning.darken-3 {
    color: #EF8903 !important
}

.bg-warning.bg-darken-3 {
    background-color: #EF8903 !important
}

.btn-warning.btn-darken-3, .btn-warning.btn-darken-3:hover {
    border-color: #FC960F !important;
    background-color: #EF8903 !important
}

    .btn-warning.btn-darken-3:active, .btn-warning.btn-darken-3:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-darken-3 {
    border-color: #EF8903 !important;
    color: #EF8903 !important
}

    .btn-outline-warning.btn-outline-darken-3:hover {
        background-color: #EF8903 !important
    }

.border-warning.border-darken-3 {
    border: 1px solid #EF8903 !important
}

.border-top-warning.border-top-darken-3 {
    border-top: 1px solid #EF8903 !important
}

.border-bottom-warning.border-bottom-darken-3 {
    border-bottom: 1px solid #EF8903 !important
}

.border-left-warning.border-left-darken-3 {
    border-left: 1px solid #EF8903 !important
}

.border-right-warning.border-right-darken-3 {
    border-right: 1px solid #EF8903 !important
}

.overlay-warning.overlay-darken-3 {
    background: #EF8903;
    background: rgba(239,137,3,.6)
}

.bg-warning.bg-darken-4, .btn-warning.btn-darken-4 {
    background-color: #D67B02 !important
}

.warning.darken-4 {
    color: #D67B02 !important
}

.btn-warning.btn-darken-4 {
    border-color: #FC960F !important
}

    .btn-warning.btn-darken-4:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-darken-4:active, .btn-warning.btn-darken-4:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-darken-4 {
    border-color: #D67B02 !important;
    color: #D67B02 !important
}

    .btn-outline-warning.btn-outline-darken-4:hover {
        background-color: #D67B02 !important
    }

.border-warning.border-darken-4 {
    border: 1px solid #D67B02 !important
}

.border-top-warning.border-top-darken-4 {
    border-top: 1px solid #D67B02 !important
}

.border-bottom-warning.border-bottom-darken-4 {
    border-bottom: 1px solid #D67B02 !important
}

.border-left-warning.border-left-darken-4 {
    border-left: 1px solid #D67B02 !important
}

.border-right-warning.border-right-darken-4 {
    border-right: 1px solid #D67B02 !important
}

.overlay-warning.overlay-darken-4 {
    background: #D67B02;
    background: rgba(214,123,2,.6)
}

.bg-warning.bg-accent-1, .btn-warning.btn-accent-1 {
    background-color: #FFF5EF !important
}

.warning.accent-1 {
    color: #FFF5EF !important
}

.btn-warning.btn-accent-1 {
    border-color: #FC960F !important
}

    .btn-warning.btn-accent-1:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-accent-1:active, .btn-warning.btn-accent-1:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-accent-1 {
    border-color: #FFF5EF !important;
    color: #FFF5EF !important
}

    .btn-outline-warning.btn-outline-accent-1:hover {
        background-color: #FFF5EF !important
    }

.border-warning.border-accent-1 {
    border: 1px solid #FFF5EF !important
}

.border-top-warning.border-top-accent-1 {
    border-top: 1px solid #FFF5EF !important
}

.border-bottom-warning.border-bottom-accent-1 {
    border-bottom: 1px solid #FFF5EF !important
}

.border-left-warning.border-left-accent-1 {
    border-left: 1px solid #FFF5EF !important
}

.border-right-warning.border-right-accent-1 {
    border-right: 1px solid #FFF5EF !important
}

.overlay-warning.overlay-accent-1 {
    background: #FFF5EF;
    background: rgba(255,245,239,.6)
}

.bg-warning.bg-accent-2, .btn-warning.btn-accent-2 {
    background-color: #FFE5D8 !important
}

.warning.accent-2 {
    color: #FFE5D8 !important
}

.btn-warning.btn-accent-2 {
    border-color: #FC960F !important
}

    .btn-warning.btn-accent-2:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-accent-2:active, .btn-warning.btn-accent-2:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-accent-2 {
    border-color: #FFE5D8 !important;
    color: #FFE5D8 !important
}

    .btn-outline-warning.btn-outline-accent-2:hover {
        background-color: #FFE5D8 !important
    }

.border-warning.border-accent-2 {
    border: 1px solid #FFE5D8 !important
}

.border-top-warning.border-top-accent-2 {
    border-top: 1px solid #FFE5D8 !important
}

.border-bottom-warning.border-bottom-accent-2 {
    border-bottom: 1px solid #FFE5D8 !important
}

.border-left-warning.border-left-accent-2 {
    border-left: 1px solid #FFE5D8 !important
}

.border-right-warning.border-right-accent-2 {
    border-right: 1px solid #FFE5D8 !important
}

.overlay-warning.overlay-accent-2 {
    background: #FFE5D8;
    background: rgba(255,229,216,.6)
}

.bg-warning.bg-accent-3, .btn-warning.btn-accent-3 {
    background-color: #FFF6F3 !important
}

.warning.accent-3 {
    color: #FFF6F3 !important
}

.btn-warning.btn-accent-3 {
    border-color: #FC960F !important
}

    .btn-warning.btn-accent-3:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-accent-3:active, .btn-warning.btn-accent-3:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-accent-3 {
    border-color: #FFF6F3 !important;
    color: #FFF6F3 !important
}

    .btn-outline-warning.btn-outline-accent-3:hover {
        background-color: #FFF6F3 !important
    }

.border-warning.border-accent-3 {
    border: 1px solid #FFF6F3 !important
}

.border-top-warning.border-top-accent-3 {
    border-top: 1px solid #FFF6F3 !important
}

.border-bottom-warning.border-bottom-accent-3 {
    border-bottom: 1px solid #FFF6F3 !important
}

.border-left-warning.border-left-accent-3 {
    border-left: 1px solid #FFF6F3 !important
}

.border-right-warning.border-right-accent-3 {
    border-right: 1px solid #FFF6F3 !important
}

.overlay-warning.overlay-accent-3 {
    background: #FFF6F3;
    background: rgba(255,246,243,.6)
}

.bg-warning.bg-accent-4, .btn-warning.btn-accent-4 {
    background-color: #FFE3DA !important
}

.warning.accent-4 {
    color: #FFE3DA !important
}

.btn-warning.btn-accent-4 {
    border-color: #FC960F !important
}

    .btn-warning.btn-accent-4:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-accent-4:active, .btn-warning.btn-accent-4:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-accent-4 {
    border-color: #FFE3DA !important;
    color: #FFE3DA !important
}

    .btn-outline-warning.btn-outline-accent-4:hover {
        background-color: #FFE3DA !important
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #FFE3DA !important
}

.border-warning.border-accent-4 {
    border: 1px solid #FFE3DA !important
}

.border-top-warning.border-top-accent-4 {
    border-top: 1px solid #FFE3DA !important
}

.border-bottom-warning.border-bottom-accent-4 {
    border-bottom: 1px solid #FFE3DA !important
}

.border-left-warning.border-left-accent-4 {
    border-left: 1px solid #FFE3DA !important
}

.border-right-warning.border-right-accent-4 {
    border-right: 1px solid #FFE3DA !important
}

.overlay-warning.overlay-accent-4 {
    background: #FFE3DA;
    background: rgba(255,227,218,.6)
}

.bg-danger.bg-lighten-5, .btn-danger.btn-lighten-5 {
    background-color: #FFDBDB !important
}

.danger.lighten-5 {
    color: #FFDBDB !important
}

.btn-danger.btn-lighten-5 {
    border-color: #FF2829 !important
}

    .btn-danger.btn-lighten-5:hover {
        border-color: #FF2829 !important;
        background-color: #FF0F10 !important
    }

    .btn-danger.btn-lighten-5:active, .btn-danger.btn-lighten-5:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-lighten-5 {
    border-color: #FFDBDB !important;
    color: #FFDBDB !important
}

    .btn-outline-danger.btn-outline-lighten-5:hover {
        background-color: #FFDBDB !important
    }

.border-danger.border-lighten-5 {
    border: 1px solid #FFDBDB !important
}

.border-top-danger.border-top-lighten-5 {
    border-top: 1px solid #FFDBDB !important
}

.border-bottom-danger.border-bottom-lighten-5 {
    border-bottom: 1px solid #FFDBDB !important
}

.border-left-danger.border-left-lighten-5 {
    border-left: 1px solid #FFDBDB !important
}

.border-right-danger.border-right-lighten-5 {
    border-right: 1px solid #FFDBDB !important
}

.overlay-danger.overlay-lighten-5 {
    background: #FFDBDB;
    background: rgba(255,219,219,.6)
}

.bg-danger.bg-lighten-4, .btn-danger.btn-lighten-4 {
    background-color: #FFC1C1 !important
}

.danger.lighten-4 {
    color: #FFC1C1 !important
}

.btn-danger.btn-lighten-4 {
    border-color: #FF2829 !important
}

    .btn-danger.btn-lighten-4:hover {
        border-color: #FF2829 !important;
        background-color: #FF0F10 !important
    }

    .btn-danger.btn-lighten-4:active, .btn-danger.btn-lighten-4:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-lighten-4 {
    border-color: #FFC1C1 !important;
    color: #FFC1C1 !important
}

    .btn-outline-danger.btn-outline-lighten-4:hover {
        background-color: #FFC1C1 !important
    }

.border-danger.border-lighten-4 {
    border: 1px solid #FFC1C1 !important
}

.border-top-danger.border-top-lighten-4 {
    border-top: 1px solid #FFC1C1 !important
}

.border-bottom-danger.border-bottom-lighten-4 {
    border-bottom: 1px solid #FFC1C1 !important
}

.border-left-danger.border-left-lighten-4 {
    border-left: 1px solid #FFC1C1 !important
}

.border-right-danger.border-right-lighten-4 {
    border-right: 1px solid #FFC1C1 !important
}

.overlay-danger.overlay-lighten-4 {
    background: #FFC1C1;
    background: rgba(255,193,193,.6)
}

.bg-danger.bg-lighten-3, .btn-danger.btn-lighten-3 {
    background-color: #FFA8A8 !important
}

.danger.lighten-3 {
    color: #FFA8A8 !important
}

.btn-danger.btn-lighten-3 {
    border-color: #FF2829 !important
}

    .btn-danger.btn-lighten-3:hover {
        border-color: #FF2829 !important;
        background-color: #FF0F10 !important
    }

    .btn-danger.btn-lighten-3:active, .btn-danger.btn-lighten-3:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-lighten-3 {
    border-color: #FFA8A8 !important;
    color: #FFA8A8 !important
}

    .btn-outline-danger.btn-outline-lighten-3:hover {
        background-color: #FFA8A8 !important
    }

.border-danger.border-lighten-3 {
    border: 1px solid #FFA8A8 !important
}

.border-top-danger.border-top-lighten-3 {
    border-top: 1px solid #FFA8A8 !important
}

.border-bottom-danger.border-bottom-lighten-3 {
    border-bottom: 1px solid #FFA8A8 !important
}

.border-left-danger.border-left-lighten-3 {
    border-left: 1px solid #FFA8A8 !important
}

.border-right-danger.border-right-lighten-3 {
    border-right: 1px solid #FFA8A8 !important
}

.overlay-danger.overlay-lighten-3 {
    background: #FFA8A8;
    background: rgba(255,168,168,.6)
}

.bg-danger.bg-lighten-2, .btn-danger.btn-lighten-2 {
    background-color: #FF8E8F !important
}

.danger.lighten-2 {
    color: #FF8E8F !important
}

.btn-danger.btn-lighten-2 {
    border-color: #FF2829 !important
}

    .btn-danger.btn-lighten-2:hover {
        border-color: #FF2829 !important;
        background-color: #FF0F10 !important
    }

    .btn-danger.btn-lighten-2:active, .btn-danger.btn-lighten-2:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-lighten-2 {
    border-color: #FF8E8F !important;
    color: #FF8E8F !important
}

    .btn-outline-danger.btn-outline-lighten-2:hover {
        background-color: #FF8E8F !important
    }

.border-danger.border-lighten-2 {
    border: 1px solid #FF8E8F !important
}

.border-top-danger.border-top-lighten-2 {
    border-top: 1px solid #FF8E8F !important
}

.border-bottom-danger.border-bottom-lighten-2 {
    border-bottom: 1px solid #FF8E8F !important
}

.border-left-danger.border-left-lighten-2 {
    border-left: 1px solid #FF8E8F !important
}

.border-right-danger.border-right-lighten-2 {
    border-right: 1px solid #FF8E8F !important
}

.overlay-danger.overlay-lighten-2 {
    background: #FF8E8F;
    background: rgba(255,142,143,.6)
}

.bg-danger.bg-lighten-1, .btn-danger.btn-lighten-1 {
    background-color: #FF7575 !important
}

.danger.lighten-1 {
    color: #FF7575 !important
}

.btn-danger.btn-lighten-1 {
    border-color: #FF2829 !important
}

    .btn-danger.btn-lighten-1:hover {
        border-color: #FF2829 !important;
        background-color: #FF0F10 !important
    }

    .btn-danger.btn-lighten-1:active, .btn-danger.btn-lighten-1:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-lighten-1 {
    border-color: #FF7575 !important;
    color: #FF7575 !important
}

    .btn-outline-danger.btn-outline-lighten-1:hover {
        background-color: #FF7575 !important
    }

.border-danger.border-lighten-1 {
    border: 1px solid #FF7575 !important
}

.border-top-danger.border-top-lighten-1 {
    border-top: 1px solid #FF7575 !important
}

.border-bottom-danger.border-bottom-lighten-1 {
    border-bottom: 1px solid #FF7575 !important
}

.border-left-danger.border-left-lighten-1 {
    border-left: 1px solid #FF7575 !important
}

.border-right-danger.border-right-lighten-1 {
    border-right: 1px solid #FF7575 !important
}

.overlay-danger.overlay-lighten-1 {
    background: #FF7575;
    background: rgba(255,117,117,.6)
}

.danger {
    color: #FF5B5C !important
}

.text-light-danger {
    color: rgba(255,91,92,.2) !important
}

.bg-danger {
    background-color: #FF5B5C !important
}

    .bg-danger .card-footer, .bg-danger .card-header {
        background-color: transparent
    }

.bg-rgba-danger {
    background: rgba(255,91,92,.2) !important
}

    .bg-rgba-danger.alert, .bg-rgba-danger.alert .alert-link, .bg-rgba-danger.alert.alert-dismissible .close {
        color: #FF5B5C
    }

.alert.alert-danger {
    background: #FF5B5C !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(255,91,92,.4);
    border: none
}

.border-danger {
    border: 1px solid #FF5B5C !important
}

    .border-danger .select2-selection__arrow b {
        border-color: #FF2829 !important
    }

    .border-danger.alert, .border-danger.alert .alert-link, .border-danger.alert.alert-dismissible .close {
        color: #FF5B5C
    }

.border-top-danger {
    border-top: 1px solid #FF5B5C
}

.border-bottom-danger {
    border-bottom: 1px solid #FF5B5C
}

.border-left-danger {
    border-left: 1px solid #FF5B5C
}

.border-right-danger {
    border-right: 1px solid #FF5B5C
}

.header-navbar.bg-danger .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #FF5B5C !important
}

.badge.badge-danger {
    background-color: #FF5B5C
}

.badge.badge-light-danger {
    background-color: rgba(255,91,92,.17);
    color: #FF5B5C !important
}

.badge.badge-danger.badge-glow, .badge.bg-danger.badge-glow, .badge.border-danger.badge-glow {
    box-shadow: 0 0 10px #FF5B5C
}

.badge-circle-danger {
    background-color: #FF5B5C
}

.badge-circle-light-danger {
    background-color: rgba(255,91,92,.17);
    color: #FF5B5C
}

.overlay-danger {
    background: #FF5B5C;
    background: rgba(255,91,92,.6)
}

.btn-danger {
    border-color: #FF2829 !important;
    background-color: #FF5B5C !important;
    color: #FFF
}

    .btn-danger.hover, .btn-danger:hover {
        background-color: #FF7575 !important;
        color: #FFF
    }

        .btn-danger.hover.glow, .btn-danger:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(255,91,92,.6) !important
        }

    .btn-danger.active, .btn-danger:active, .btn-danger:focus {
        background-color: #FF4243 !important;
        color: #FFF !important
    }

    .btn-danger.glow {
        box-shadow: 0 2px 4px 0 rgba(255,91,92,.5) !important
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #FFF !important
    }

.btn-light-danger {
    background-color: rgba(255,91,92,.17);
    color: #FF5B5C !important
}

    .btn-light-danger.hover, .btn-light-danger:hover {
        background-color: #FF7575 !important;
        color: #FFF !important
    }

    .btn-light-danger.active, .btn-light-danger:active {
        background-color: #FF4243 !important;
        color: #FFF !important
    }

.btn-outline-danger {
    border: 1px solid #FF5B5C;
    background-color: transparent;
    color: #FF5B5C !important
}

    .btn-outline-danger.hover, .btn-outline-danger:hover {
        background-color: #FF7575 !important;
        color: #FFF !important
    }

    .btn-outline-danger.active, .btn-outline-danger:active {
        background-color: #FF4243 !important;
        color: #FFF !important
    }

    .btn-danger ~ .dropdown-menu .dropdown-item.active, .btn-outline-danger ~ .dropdown-menu .dropdown-item.active {
        background-color: #FF5B5C;
        color: #FFF
    }

        .btn-danger ~ .dropdown-menu .dropdown-item.active:hover, .btn-outline-danger ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i {
    color: #FF5B5C
}

.dropdown.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-danger {
    background-color: #FF5B5C
}

.pagination-danger .page-item.active .page-link, .pagination-danger .page-item.active .page-link:hover {
    background: #FF5B5C !important;
    color: #FFF
}

.pagination-danger .page-item .page-link:hover {
    background-color: rgba(255,91,92,.17) !important
}

.pagination-danger .page-item.next .page-link, .pagination-danger .page-item.previous .page-link {
    color: #FF5B5C !important
}

    .pagination-danger .page-item.next .page-link:hover, .pagination-danger .page-item.previous .page-link:hover {
        background: #FF5B5C
    }

    .pagination-danger .page-item.next .page-link span, .pagination-danger .page-item.previous .page-link span {
        color: #FF5B5C
    }

.progress-bar-danger .progress-bar {
    background-color: #FF5B5C;
    box-shadow: 0 2px 6px 0 rgba(255,91,92,.6)
}

.chip-danger {
    background-color: #FF5B5C !important
}

    .chip-danger .chip-body {
        color: #FFF !important
    }

.divider.divider-danger .divider-text:after, .divider.divider-danger .divider-text:before {
    border-color: #FF5B5C !important
}

.timeline li.timeline-item.timeline-icon-danger:before {
    background: #FF5B5C !important
}

input[type=checkbox].bg-danger + .custom-control-label:before, input[type=radio].bg-danger + .custom-control-label:before {
    background-color: #FF5B5C !important;
    border-color: #FF2829 !important
}

.checkbox.checkbox-danger input:checked ~ label::before {
    background-color: #FF5B5C;
    border-color: #FF5B5C
}

.checkbox.checkbox-danger input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-danger.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(255,91,92,.7)
}

.checkbox.checkbox-danger.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-danger label:after {
    -webkit-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

.radio.radio-danger input:checked ~ label::before {
    background-color: #FF5B5C;
    border-color: #FF5B5C
}

.radio.radio-danger input:checked ~ label::after {
    border-color: #FFF;
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.btn-danger.btn-darken-1, .btn-danger.btn-darken-1:hover {
    border-color: #FF2829 !important
}

.radio.radio-danger.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(255,91,92,.7)
}

.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF5B5C !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-danger.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(255,91,92,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-danger, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-danger {
    box-shadow: 0 0 8px 0 rgba(255,91,92,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=danger]:before {
    background-color: #FF5B5C
}

select.select-light-danger ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(255,91,92,.17) !important
}

.bg-danger.bg-darken-1, .btn-danger.btn-darken-1 {
    background-color: #FF4243 !important
}

select.select-light-danger ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-danger ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #FF5B5C !important
}

.danger.darken-1 {
    color: #FF4243 !important
}

.btn-danger.btn-darken-1:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-darken-1:active, .btn-danger.btn-darken-1:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-darken-1 {
    border-color: #FF4243 !important;
    color: #FF4243 !important
}

    .btn-outline-danger.btn-outline-darken-1:hover {
        background-color: #FF4243 !important
    }

.border-danger.border-darken-1 {
    border: 1px solid #FF4243 !important
}

.border-top-danger.border-top-darken-1 {
    border-top: 1px solid #FF4243 !important
}

.border-bottom-danger.border-bottom-darken-1 {
    border-bottom: 1px solid #FF4243 !important
}

.border-left-danger.border-left-darken-1 {
    border-left: 1px solid #FF4243 !important
}

.border-right-danger.border-right-darken-1 {
    border-right: 1px solid #FF4243 !important
}

.btn-danger.btn-darken-2, .btn-danger.btn-darken-2:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-darken-1 {
    background: #FF4243;
    background: rgba(255,66,67,.6)
}

.bg-danger.bg-darken-2, .btn-danger.btn-darken-2 {
    background-color: #FF2829 !important
}

.danger.darken-2 {
    color: #FF2829 !important
}

.btn-danger.btn-darken-2:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-darken-2:active, .btn-danger.btn-darken-2:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-darken-2 {
    border-color: #FF2829 !important;
    color: #FF2829 !important
}

    .btn-outline-danger.btn-outline-darken-2:hover {
        background-color: #FF2829 !important
    }

.border-danger.border-darken-2 {
    border: 1px solid #FF2829 !important
}

.border-top-danger.border-top-darken-2 {
    border-top: 1px solid #FF2829 !important
}

.border-bottom-danger.border-bottom-darken-2 {
    border-bottom: 1px solid #FF2829 !important
}

.border-left-danger.border-left-darken-2 {
    border-left: 1px solid #FF2829 !important
}

.border-right-danger.border-right-darken-2 {
    border-right: 1px solid #FF2829 !important
}

.overlay-danger.overlay-darken-2 {
    background: #FF2829;
    background: rgba(255,40,41,.6)
}

.danger.darken-3 {
    color: #FF0F10 !important
}

.bg-danger.bg-darken-3 {
    background-color: #FF0F10 !important
}

.btn-danger.btn-darken-3, .btn-danger.btn-darken-3:hover {
    border-color: #FF2829 !important;
    background-color: #FF0F10 !important
}

    .btn-danger.btn-darken-3:active, .btn-danger.btn-darken-3:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-darken-3 {
    border-color: #FF0F10 !important;
    color: #FF0F10 !important
}

    .btn-outline-danger.btn-outline-darken-3:hover {
        background-color: #FF0F10 !important
    }

.border-danger.border-darken-3 {
    border: 1px solid #FF0F10 !important
}

.border-top-danger.border-top-darken-3 {
    border-top: 1px solid #FF0F10 !important
}

.border-bottom-danger.border-bottom-darken-3 {
    border-bottom: 1px solid #FF0F10 !important
}

.border-left-danger.border-left-darken-3 {
    border-left: 1px solid #FF0F10 !important
}

.border-right-danger.border-right-darken-3 {
    border-right: 1px solid #FF0F10 !important
}

.btn-danger.btn-darken-4, .btn-danger.btn-darken-4:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-darken-3 {
    background: #FF0F10;
    background: rgba(255,15,16,.6)
}

.bg-danger.bg-darken-4, .btn-danger.btn-darken-4 {
    background-color: #F40001 !important
}

.danger.darken-4 {
    color: #F40001 !important
}

.btn-danger.btn-darken-4:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-darken-4:active, .btn-danger.btn-darken-4:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-darken-4 {
    border-color: #F40001 !important;
    color: #F40001 !important
}

    .btn-outline-danger.btn-outline-darken-4:hover {
        background-color: #F40001 !important
    }

.border-danger.border-darken-4 {
    border: 1px solid #F40001 !important
}

.border-top-danger.border-top-darken-4 {
    border-top: 1px solid #F40001 !important
}

.border-bottom-danger.border-bottom-darken-4 {
    border-bottom: 1px solid #F40001 !important
}

.border-left-danger.border-left-darken-4 {
    border-left: 1px solid #F40001 !important
}

.border-right-danger.border-right-darken-4 {
    border-right: 1px solid #F40001 !important
}

.btn-danger.btn-accent-1, .btn-danger.btn-accent-1:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-darken-4 {
    background: #F40001;
    background: rgba(244,0,1,.6)
}

.bg-danger.bg-accent-1, .btn-danger.btn-accent-1 {
    background-color: #FFEEF1 !important
}

.danger.accent-1 {
    color: #FFEEF1 !important
}

.btn-danger.btn-accent-1:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-accent-1:active, .btn-danger.btn-accent-1:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-accent-1 {
    border-color: #FFEEF1 !important;
    color: #FFEEF1 !important
}

    .btn-outline-danger.btn-outline-accent-1:hover {
        background-color: #FFEEF1 !important
    }

.border-danger.border-accent-1 {
    border: 1px solid #FFEEF1 !important
}

.border-top-danger.border-top-accent-1 {
    border-top: 1px solid #FFEEF1 !important
}

.border-bottom-danger.border-bottom-accent-1 {
    border-bottom: 1px solid #FFEEF1 !important
}

.border-left-danger.border-left-accent-1 {
    border-left: 1px solid #FFEEF1 !important
}

.border-right-danger.border-right-accent-1 {
    border-right: 1px solid #FFEEF1 !important
}

.btn-danger.btn-accent-2, .btn-danger.btn-accent-2:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-accent-1 {
    background: #FFEEF1;
    background: rgba(255,238,241,.6)
}

.bg-danger.bg-accent-2, .btn-danger.btn-accent-2 {
    background-color: #FFD6DB !important
}

.danger.accent-2 {
    color: #FFD6DB !important
}

.btn-danger.btn-accent-2:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-accent-2:active, .btn-danger.btn-accent-2:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-accent-2 {
    border-color: #FFD6DB !important;
    color: #FFD6DB !important
}

    .btn-outline-danger.btn-outline-accent-2:hover {
        background-color: #FFD6DB !important
    }

.border-danger.border-accent-2 {
    border: 1px solid #FFD6DB !important
}

.border-top-danger.border-top-accent-2 {
    border-top: 1px solid #FFD6DB !important
}

.border-bottom-danger.border-bottom-accent-2 {
    border-bottom: 1px solid #FFD6DB !important
}

.border-left-danger.border-left-accent-2 {
    border-left: 1px solid #FFD6DB !important
}

.border-right-danger.border-right-accent-2 {
    border-right: 1px solid #FFD6DB !important
}

.btn-danger.btn-accent-3, .btn-danger.btn-accent-3:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-accent-2 {
    background: #FFD6DB;
    background: rgba(255,214,219,.6)
}

.bg-danger.bg-accent-3, .btn-danger.btn-accent-3 {
    background-color: #FFECEE !important
}

.danger.accent-3 {
    color: #FFECEE !important
}

.btn-danger.btn-accent-3:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-accent-3:active, .btn-danger.btn-accent-3:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-accent-3 {
    border-color: #FFECEE !important;
    color: #FFECEE !important
}

    .btn-outline-danger.btn-outline-accent-3:hover {
        background-color: #FFECEE !important
    }

.border-danger.border-accent-3 {
    border: 1px solid #FFECEE !important
}

.border-top-danger.border-top-accent-3 {
    border-top: 1px solid #FFECEE !important
}

.border-bottom-danger.border-bottom-accent-3 {
    border-bottom: 1px solid #FFECEE !important
}

.border-left-danger.border-left-accent-3 {
    border-left: 1px solid #FFECEE !important
}

.border-right-danger.border-right-accent-3 {
    border-right: 1px solid #FFECEE !important
}

.btn-danger.btn-accent-4, .btn-danger.btn-accent-4:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-accent-3 {
    background: #FFECEE;
    background: rgba(255,236,238,.6)
}

.bg-danger.bg-accent-4, .btn-danger.btn-accent-4 {
    background-color: #FFD3D7 !important
}

.danger.accent-4 {
    color: #FFD3D7 !important
}

.btn-danger.btn-accent-4:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-accent-4:active, .btn-danger.btn-accent-4:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-accent-4 {
    border-color: #FFD3D7 !important;
    color: #FFD3D7 !important
}

    .btn-outline-danger.btn-outline-accent-4:hover {
        background-color: #FFD3D7 !important
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #FFD3D7 !important
}

.border-danger.border-accent-4 {
    border: 1px solid #FFD3D7 !important
}

.border-top-danger.border-top-accent-4 {
    border-top: 1px solid #FFD3D7 !important
}

.border-bottom-danger.border-bottom-accent-4 {
    border-bottom: 1px solid #FFD3D7 !important
}

.border-left-danger.border-left-accent-4 {
    border-left: 1px solid #FFD3D7 !important
}

.border-right-danger.border-right-accent-4 {
    border-right: 1px solid #FFD3D7 !important
}

.overlay-danger.overlay-accent-4 {
    background: #FFD3D7;
    background: rgba(255,211,215,.6)
}


.customizer, html .content {
    -webkit-backface-visibility: hidden
}

html {
    font-size: 15px;
    height: 100%;
    letter-spacing: .01rem
}

    html body {
        height: 100%;
        background-color: #F2F4F4;
        direction: ltr
    }

    html .content {
        padding: 0;
        position: relative;
        -webkit-transition: .3s ease all;
        transition: .3s ease all;
        backface-visibility: hidden;
        min-height: calc(100% - 3.5rem);
        margin-left: 260px
    }

        html .content.app-content {
            overflow: hidden
        }

            html .content.app-content.show-overlay .content-overlay {
                z-index: 10;
                opacity: 1
            }

                html .content.app-content.show-overlay .content-overlay ~ .header-navbar-shadow {
                    background: -webkit-linear-gradient(top,rgba(44,48,60,.9) 44%,rgba(44,48,60,.43) 73%,rgba(44,48,60,0));
                    background: linear-gradient(180deg,rgba(44,48,60,.9) 44%,rgba(44,48,60,.43) 73%,rgba(44,48,60,0))
                }

            html .content.app-content .content-overlay {
                position: fixed;
                opacity: 0;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0,0,0,.5);
                cursor: pointer;
                -webkit-transition: all .7s;
                transition: all .7s;
                z-index: -1
            }

            html .content.app-content .content-area-wrapper {
                height: calc(100% - 5rem);
                margin: calc(5rem) 2.2rem 0;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                position: relative
            }

                html .content.app-content .content-area-wrapper .content-wrapper {
                    margin-top: 0;
                    height: calc(100vh - 9rem)
                }

        html .content .content-wrapper {
            padding: calc(2.2rem - .4rem) 2.2rem 0;
            margin-top: 0
        }

            html .content .content-wrapper .content-header-title {
                color: #475F7B
            }

            html .content .content-wrapper .breadcrumb-wrapper .breadcrumb {
                border-left: 1px solid #828D99;
                border-radius: 0
            }

                html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a, html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a i {
                    color: #828D99
                }

                    html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a i:hover, html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover {
                        color: #5A8DEE
                    }

                html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item {
                    padding-left: 9px
                }

                    html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
                        color: #828D99;
                        padding-right: 9px
                    }

    html .navbar-hidden .app-content .content-wrapper {
        padding: 2.2rem 2.2rem 0;
        margin-top: 0
    }

    html .navbar-hidden .app-content .content-area-wrapper {
        padding: 0;
        margin-top: 2.5rem
    }

    html .navbar-static .app-content .navbar-container {
        padding-left: 2.2rem;
        padding-right: 1.2rem
    }

    html .navbar-static .app-content .content-wrapper {
        padding: 1.8rem 2.2rem 0;
        margin-top: 3px
    }

    html .navbar-static .app-content .content-area-wrapper {
        margin-top: 1rem
    }

    html .navbar-static .content {
        min-height: calc(100% - 12.5rem)
    }

    html .navbar-sticky.navbar-scrolled:not(.horizontal-layout) .header-navbar {
        background-color: #FFF;
        box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13)
    }

    html .navbar-sticky .app-content .navbar-container {
        padding-left: 1.8rem;
        padding-right: 1rem
    }

        html .navbar-sticky .app-content .navbar-container .search-input .search-list.show {
            width: 98%;
            left: 1%
        }

    html .navbar-sticky .app-content .content-wrapper {
        padding: 1.8rem 2.2rem 0;
        margin-top: 3rem
    }

    html .navbar-static .navbar-container, html .navbar-sticky .navbar-container {
        padding-left: 1.8rem;
        padding-right: 1rem
    }

        html .navbar-static .navbar-container .search-input .search-list.show, html .navbar-sticky .navbar-container .search-input .search-list.show {
            width: 98%;
            left: 1%
        }

    html .fixed-footer .content.app-content {
        padding-bottom: 3.5rem
    }

    html p {
        line-height: 1.5rem
    }

    html .bg-full-screen-image {
        background: url(/img/auth-bg.jpg) center center no-repeat;
        background-size: cover
    }

    html .blank-page .content {
        margin-left: 0
    }

        html .blank-page .content.app-content {
            overflow: scroll;
            overflow-x: hidden
        }

    html .blank-page .content-wrapper {
        padding: 0 !important;
        margin-top: 0 !important
    }

        html .blank-page .content-wrapper .flexbox-container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            height: 100vh;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }

    html [data-col='1-column'] .content, html [data-col='1-column'] .footer {
        margin-left: 0 !important
    }

    html [data-col='1-column'] .header-navbar.fixed-top {
        left: 0 !important
    }

    html .horizontal-layout.vertical-overlay-menu .navbar-container.main-menu-content {
        padding: 0
    }

    html .pace .pace-progress {
        background: #5A8DEE
    }

.app-content.center-layout {
    overflow: hidden
}

i.livicon-evo, span.livicon-evo {
    display: inline-block
}

@media (min-width:992px) {
    body .content-right {
        width: calc(100% - 260px);
        float: right
    }

    body .content-left {
        width: calc(100% - 260px);
        float: left
    }

    body .content-detached {
        width: 100%
    }

        body .content-detached.content-right {
            float: right;
            margin-left: -260px
        }

            body .content-detached.content-right .content-body {
                margin-left: calc(260px + 2.2rem)
            }

        body .content-detached.content-left {
            float: left;
            margin-right: -260px
        }

            body .content-detached.content-left .content-body {
                margin-right: calc(260px + 2.2rem)
            }

    .sidebar-right.sidebar-sticky {
        float: right !important;
        margin-left: -260px;
        width: 260px !important;
        margin-top: 6rem
    }

    [data-col=content-left-sidebar] .sticky-wrapper {
        float: left
    }

    .sidebar {
        vertical-align: top
    }
}

.truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

@media (max-width:575.98px) {
    html body .content .content-wrapper {
        padding: calc(2.2rem - .4rem) calc(2.2rem - 1rem) 0
    }

    .navbar-static .app-content .header-navbar .navbar-container, .navbar-sticky .app-content .header-navbar .navbar-container {
        padding-left: 1rem;
        padding-right: .5rem
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    html.full-screen {
        width: 100%
    }

        html.full-screen .content.app-content {
            height: 100%;
            overflow: scroll;
            overflow-x: hidden
        }
}

.sidebar {
    position: relative;
    width: 100%
}

.sidebar-fixed {
    position: fixed;
    height: 100%;
    overflow: scroll
}

.sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120vh;
    background-color: rgba(0,0,0,.5);
    z-index: 997;
    display: none
}

.drag-target {
    height: 100%;
    width: 30px;
    position: fixed;
    top: 0;
    left: -10px;
    z-index: 1036
}

@media (min-width:992px) {
    .sidebar-left {
        float: left
    }

    .sidebar-right {
        float: right
    }
}

footer.footer {
    padding: 1rem 2.2rem
}

    footer.footer a {
        margin-left: .3rem;
        color: #727E8C
    }

    footer.footer span i {
        color: #FF5B5C;
        position: relative;
        top: 1px
    }

.fixed-footer footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

    .fixed-footer footer.footer-light {
        background: #FFF;
        box-shadow: 0 8px 12px 12px rgba(25,42,70,.12)
    }

.footer-hidden footer {
    display: none
}

.scroll-top {
    position: fixed;
    bottom: 5%;
    padding: .5rem .83rem !important;
    right: 30px;
    display: none;
    z-index: 99
}

.main-menu {
    z-index: 1031;
    position: absolute;
    display: table-cell;
    height: 100%;
    overflow: hidden
}

    .main-menu .ps__thumb-y {
        background-color: #D1D7DE
    }

    .main-menu.menu-light {
        color: #727E8C;
        background: #F2F4F4;
        border: #DFE3E7
    }

        .main-menu.menu-light .navigation {
            background: #F2F4F4
        }

            .main-menu.menu-light .navigation .navigation-header {
                color: #BAC0C7;
                margin: calc(2.2rem - .5rem) 1.8rem .5rem;
                padding: 0;
                letter-spacing: 1px
            }

            .main-menu.menu-light .navigation li.has-sub ul {
                padding: 7px 0 0;
                margin: -7px 0 0
            }

                .main-menu.menu-light .navigation li.has-sub ul li.has-sub ul.menu-content > li a {
                    padding: 10px 20px !important;
                    -webkit-transition: all .35s ease !important;
                    transition: all .35s ease !important
                }

                    .main-menu.menu-light .navigation li.has-sub ul li.has-sub ul.menu-content > li a:hover {
                        padding-left: 25px !important
                    }

            .main-menu.menu-light .navigation li a {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                color: #8494A7;
                padding: 10px 1.5rem 10px 12px
            }

            .main-menu.menu-light .navigation > li ul .has-sub:not(.open) > ul, .main-menu.menu-light .navigation > li:not(.open) > ul {
                display: none
            }

            .main-menu.menu-light .navigation > li {
                margin: 0 1rem;
                -webkit-transition: background-color .5s ease;
                transition: background-color .5s ease
            }

                .main-menu.menu-light .navigation > li.nav-item:not(.has-sub) a {
                    padding: 10px 1.5rem 10px 12px
                }

                .main-menu.menu-light .navigation > li.open.sidebar-group-active > a {
                    padding: 10px 15px
                }

                .main-menu.menu-light .navigation > li.nav-item.open > a, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active > a {
                    margin: 0 11px;
                    padding: 9px 10px 9px 0;
                    transition: transform .25s ease 0s,-webkit-transform .25s ease 0s
                }

                    .main-menu.menu-light .navigation > li.nav-item.open > a i, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active > a i {
                        color: #5A8DEE !important
                    }

                .main-menu.menu-light .navigation > li.nav-item.open.has-sub.open, .main-menu.menu-light .navigation > li.nav-item.open.has-sub.sidebar-group-active, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active.has-sub.open, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active.has-sub.sidebar-group-active {
                    border-radius: .267rem;
                    border: 1px solid #DFE3E7;
                    background-color: #FAFBFB;
                    -webkit-transition: none;
                    transition: none
                }

                .main-menu.menu-light .navigation > li.nav-item.open.has-sub > a:not(.mm-next):after, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active.has-sub > a:not(.mm-next):after {
                    right: 7px !important
                }

                .main-menu.menu-light .navigation > li.nav-item.open .menu-content li a, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active .menu-content li a {
                    padding: 10px 18px
                }

                .main-menu.menu-light .navigation > li.nav-item.open .menu-content li > a:hover, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active .menu-content li > a:hover {
                    padding-left: 15px !important
                }

                .main-menu.menu-light .navigation > li.active:not(.sidebar-group-active) > a {
                    background: rgba(90,141,238,.15);
                    color: #5A8DEE;
                    border-radius: .267rem
                }

                .main-menu.menu-light .navigation > li .active > a {
                    margin-bottom: 0
                }

                .main-menu.menu-light .navigation > li .active .hover {
                    background: #E7EBEB
                }

                .main-menu.menu-light .navigation > li ul li > a {
                    padding: 10px 9px !important;
                    margin: 0 11px
                }

                .main-menu.menu-light .navigation > li ul .open > a, .main-menu.menu-light .navigation > li ul .sidebar-group-active > a {
                    color: #727E8C
                }

                .main-menu.menu-light .navigation > li ul .open > ul, .main-menu.menu-light .navigation > li ul .open > ul .open > ul, .main-menu.menu-light .navigation > li ul .sidebar-group-active > ul, .main-menu.menu-light .navigation > li ul .sidebar-group-active > ul .open > ul {
                    display: block
                }

                .main-menu.menu-light .navigation > li ul .open.active, .main-menu.menu-light .navigation > li ul .sidebar-group-active.active {
                    background-color: inherit
                }

                .main-menu.menu-light .navigation > li ul .active {
                    background: rgba(90,141,238,.15)
                }

                    .main-menu.menu-light .navigation > li ul .active > a {
                        color: #5A8DEE
                    }

                .main-menu.menu-light .navigation > li > ul > li:first-child > a {
                    border-top: 1px solid #DFE3E7
                }

                .main-menu.menu-light .navigation > li > ul > li.active:first-child > a {
                    border-top: none
                }

    .main-menu.menu-dark {
        color: #8A99B5;
        background: #1A233A;
        border: #464D5C
    }

        .main-menu.menu-dark .navigation {
            background: #1A233A
        }

            .main-menu.menu-dark .navigation .navigation-header {
                color: #BAC0C7;
                margin: calc(2.2rem - .5rem) 1.8rem .5rem;
                padding: 0;
                letter-spacing: 1px
            }

            .main-menu.menu-dark .navigation li.has-sub ul {
                padding: 7px 0 0;
                margin: -7px 0 0
            }

                .main-menu.menu-dark .navigation li.has-sub ul li.has-sub ul.menu-content > li a {
                    padding: 10px 20px !important;
                    -webkit-transition: all .35s ease !important;
                    transition: all .35s ease !important
                }

                    .main-menu.menu-dark .navigation li.has-sub ul li.has-sub ul.menu-content > li a:hover {
                        padding-left: 25px !important
                    }

            .main-menu.menu-dark .navigation li a {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                color: #8494A7;
                padding: 10px 1.5rem 10px 12px
            }

            .main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul, .main-menu.menu-dark .navigation > li:not(.open) > ul {
                display: none
            }

            .main-menu.menu-dark .navigation > li {
                margin: 0 1rem;
                -webkit-transition: background-color .5s ease;
                transition: background-color .5s ease
            }

                .main-menu.menu-dark .navigation > li.nav-item:not(.has-sub) a {
                    padding: 10px 1.5rem 10px 12px
                }

                .main-menu.menu-dark .navigation > li.open.sidebar-group-active > a {
                    padding: 10px 15px
                }

                .main-menu.menu-dark .navigation > li.nav-item.open > a, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active > a {
                    margin: 0 11px;
                    padding: 9px 10px 9px 0;
                    transition: transform .25s ease 0s,-webkit-transform .25s ease 0s
                }

                    .main-menu.menu-dark .navigation > li.nav-item.open > a i, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active > a i {
                        color: #5A8DEE !important
                    }

                .main-menu.menu-dark .navigation > li.nav-item.open.has-sub.open, .main-menu.menu-dark .navigation > li.nav-item.open.has-sub.sidebar-group-active, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub.open, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub.sidebar-group-active {
                    border-radius: .267rem;
                    border: 1px solid #464D5C;
                    background-color: #1A233A;
                    -webkit-transition: none;
                    transition: none
                }

                .main-menu.menu-dark .navigation > li.nav-item.open.has-sub > a:not(.mm-next):after, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub > a:not(.mm-next):after {
                    right: 7px !important
                }

                .main-menu.menu-dark .navigation > li.nav-item.open .menu-content li a, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active .menu-content li a {
                    padding: 10px 18px
                }

                .main-menu.menu-dark .navigation > li.nav-item.open .menu-content li > a:hover, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active .menu-content li > a:hover {
                    padding-left: 15px !important
                }

                .main-menu.menu-dark .navigation > li.active:not(.sidebar-group-active) > a {
                    background: rgba(90,141,238,.15);
                    color: #5A8DEE;
                    border-radius: .267rem
                }

                .main-menu.menu-dark .navigation > li .active > a {
                    margin-bottom: 0
                }

                .main-menu.menu-dark .navigation > li .active .hover {
                    background: #141B2C
                }

                .main-menu.menu-dark .navigation > li ul li > a {
                    padding: 10px 9px !important;
                    margin: 0 11px
                }

                .main-menu.menu-dark .navigation > li ul .open > a, .main-menu.menu-dark .navigation > li ul .sidebar-group-active > a {
                    color: #8A99B5
                }

                .main-menu.menu-dark .navigation > li ul .open > ul, .main-menu.menu-dark .navigation > li ul .open > ul .open > ul, .main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul, .main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul .open > ul {
                    display: block
                }

                .main-menu.menu-dark .navigation > li ul .open.active, .main-menu.menu-dark .navigation > li ul .sidebar-group-active.active {
                    background-color: inherit
                }

                .main-menu.menu-dark .navigation > li ul .active {
                    background: rgba(90,141,238,.15)
                }

                    .main-menu.menu-dark .navigation > li ul .active > a {
                        color: #5A8DEE
                    }

                .main-menu.menu-dark .navigation > li > ul > li:first-child > a {
                    border-top: 1px solid #464D5C
                }

                .main-menu.menu-dark .navigation > li > ul > li.active:first-child > a {
                    border-top: none
                }

    .main-menu.menu-fixed {
        position: fixed;
        top: 0
    }

    .main-menu.menu-static {
        height: auto;
        top: 0;
        padding-bottom: calc(100% - 40rem)
    }

        .main-menu.menu-static .main-menu-content {
            height: unset !important
        }

    .main-menu .shadow-bottom {
        display: none;
        position: absolute;
        z-index: 2;
        height: 60px;
        width: 100%;
        pointer-events: none;
        margin-top: -1.3rem;
        -webkit-filter: blur(5px);
        filter: blur(5px);
        background: -webkit-linear-gradient(#F2F4F4 41%,rgba(255,255,255,.11) 95%,rgba(255,255,255,0));
        background: linear-gradient(#F2F4F4 41%,rgba(255,255,255,.11) 95%,rgba(255,255,255,0))
    }

    .main-menu .navbar-header {
        width: 260px;
        height: 4.6rem;
        position: relative;
        padding: .35rem 1.45rem .3rem 1.3rem;
        -webkit-transition: .3s ease all,background 0s;
        transition: .3s ease all,background 0s;
        cursor: pointer;
        z-index: 3
    }

        .main-menu .navbar-header .navbar-brand {
            margin-top: .75rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .main-menu .navbar-header .navbar-brand .brand-logo {
                height: 27px;
                width: 35px;
                float: left;
                margin-top: .2rem;
                margin-left: 3px
            }

                .main-menu .navbar-header .navbar-brand .brand-logo .logo {
                    height: 26px;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    position: relative;
                    left: 6px
                }

            .main-menu .navbar-header .navbar-brand .brand-text {
                color: #5A8DEE;
                padding-left: .7rem;
                font-weight: 500;
                letter-spacing: .04rem;
                font-size: 1.5rem;
                float: left;
                -webkit-animation: .3s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 fadein;
                animation: .3s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 fadein
            }

        .main-menu .navbar-header .modern-nav-toggle {
            -webkit-animation: .3s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 fadein;
            animation: .3s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 fadein;
            margin: .75rem 0 0
        }

    .main-menu .main-menu-content {
        height: calc(100% - 6rem) !important;
        position: relative
    }

    .main-menu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .main-menu ul.navigation-main {
            overflow-x: hidden
        }

.navigation {
    font-family: Rubik,Helvetica,Arial,serif;
    overflow-y: hidden;
    padding-bottom: 20px
}

    .navigation .navigation-header {
        padding: 12px 22px;
        font-size: .8rem;
        text-transform: uppercase
    }

    .navigation li {
        position: relative;
        white-space: nowrap
    }

        .navigation li a {
            display: block;
            text-overflow: ellipsis;
            overflow: hidden
        }

        .navigation li.disabled a {
            cursor: not-allowed
        }

.dropdown-notification {
    padding: 13px 0
}

    .dropdown-notification .nav-link-label {
        position: relative
    }

    .dropdown-notification .media-heading {
        margin-bottom: .2rem;
        font-size: .8rem
    }

    .dropdown-notification .notification-text {
        margin-bottom: .5rem;
        font-size: smaller;
        color: #828D99
    }

    .avatar, .dropdown-notification .dropdown-menu-header .dropdown-header {
        color: #FFF
    }

    .dropdown-notification .notification-tag {
        position: relative;
        top: -4px
    }

    .dropdown-notification .dropdown-menu.dropdown-menu-right {
        right: -2px;
        padding: 0
    }

        .dropdown-notification .dropdown-menu.dropdown-menu-right::before {
            background: #5A8DEE;
            border-color: #5A8DEE
        }

        .dropdown-notification .dropdown-menu.dropdown-menu-right .scrollable-container .read-notification {
            background-color: #F2F4F4
        }

    .dropdown-notification .dropdown-menu-header {
        border-top-left-radius: .267rem;
        border-top-right-radius: .267rem;
        background: #5A8DEE
    }

.menu-collapsed .menu-static {
    padding-bottom: calc(100% - 14rem)
}

@media (max-width:767.98px) {
    .menu-hide .main-menu, .menu-open .main-menu {
        -webkit-transition: top .35s,height .35s,-webkit-transform .25s;
        transition: top .35s,height .35s,-webkit-transform .25s;
        transition: transform .25s,top .35s,height .35s;
        transition: transform .25s,top .35s,height .35s,-webkit-transform .25s
    }

    .main-menu {
        -webkit-transform: translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    .menu-open .main-menu {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@media (min-width:768px) {
    .drag-target {
        z-index: 0
    }
}

.fixed-footer .main-menu.menu-fixed {
    height: 100%
}

@media (max-width:992px) {
    body .main-menu.menu-static {
        padding-bottom: 100%
    }
}

.display-inline {
    display: inline !important
}

.display-block {
    display: block !important
}

.display-inline-block {
    display: inline-block !important
}

.display-hidden {
    display: none !important
}

.display-table-cell {
    display: table-cell !important
}

.position-top-0 {
    top: 0
}

.position-right-0 {
    right: 0
}

.position-bottom-0 {
    bottom: 0
}

.position-left-0 {
    left: 0
}

.zindex-1 {
    z-index: 1 !important
}

.zindex-2 {
    z-index: 2 !important
}

.zindex-3 {
    z-index: 3 !important
}

.zindex-4 {
    z-index: 4 !important
}

.zindex-0 {
    z-index: 0 !important
}

.zindex-minus-1 {
    z-index: -1 !important
}

.zindex-minus-2 {
    z-index: -2 !important
}

.zindex-minus-3 {
    z-index: -3 !important
}

.zindex-minus-4 {
    z-index: -4 !important
}

.no-edge-top {
    top: 0 !important
}

.no-edge-bottom {
    bottom: 0 !important
}

.no-edge-left {
    left: 0 !important
}

.no-edge-right {
    right: 0 !important
}

.cursor-pointer {
    cursor: pointer
}

.cursor-move {
    cursor: move
}

.cursor-default {
    cursor: default
}

.cursor-progress {
    cursor: progress
}

.cursor-not-allowed {
    cursor: not-allowed
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-auto {
    overflow: auto
}

.overflow-scroll, .overflow-x-scroll, .overflow-y-scroll {
    overflow: scroll
}

.bullets-inside {
    list-style: inside
}

.list-style-circle {
    list-style: circle
}

.list-style-square {
    list-style: square
}

.list-style-icons {
    padding-left: 10px;
    margin-left: 0;
    list-style: none
}

    .list-style-icons > li i {
        float: left;
        width: 1em;
        margin: 0 6px 0 0
    }

.border {
    border: 1px solid
}

.no-border-top-left-radius, .no-border-top-radius {
    border-top-left-radius: 0 !important
}

.no-border-top-radius, .no-border-top-right-radius {
    border-top-right-radius: 0 !important
}

.no-border-bottom-left-radius, .no-border-bottom-radius {
    border-bottom-left-radius: 0 !important
}

.no-border-bottom-radius, .no-border-bottom-right-radius {
    border-bottom-right-radius: 0 !important
}

.border-top {
    border-top: 1px solid
}

.border-bottom {
    border-bottom: 1px solid
}

.border-left {
    border-left: 1px solid
}

.border-right {
    border-right: 1px solid
}

.border-2 {
    border-width: 2px !important
}

.border-top-2 {
    border-top-width: 2px !important
}

.border-bottom-2 {
    border-bottom-width: 2px !important
}

.border-left-2 {
    border-left-width: 2px !important
}

.border-right-2 {
    border-right-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-top-3 {
    border-top-width: 3px !important
}

.border-bottom-3 {
    border-bottom-width: 3px !important
}

.border-left-3 {
    border-left-width: 3px !important
}

.border-right-3 {
    border-right-width: 3px !important
}

.box-shadow-0 {
    box-shadow: none !important
}

.box-shadow-1 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.box-shadow-2 {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}

.box-shadow-3 {
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)
}

.box-shadow-4 {
    box-shadow: 0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)
}

.box-shadow-5 {
    box-shadow: 0 27px 24px 0 rgba(0,0,0,.2),0 40px 77px 0 rgba(0,0,0,.22)
}

.box-shadow-6 {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)
}

.fit {
    max-width: 100% !important
}

.half-width {
    width: 50% !important
}

.full-width {
    width: 100% !important
}

.full-height {
    height: 100% !important
}

.width-50 {
    width: 50px !important
}

.width-100 {
    width: 100px !important
}

.width-150 {
    width: 150px !important
}

.width-200 {
    width: 200px !important
}

.width-250 {
    width: 250px !important
}

.width-300 {
    width: 300px !important
}

.width-350 {
    width: 350px !important
}

.width-400 {
    width: 400px !important
}

.width-450 {
    width: 450px !important
}

.width-500 {
    width: 500px !important
}

.width-550 {
    width: 550px !important
}

.width-600 {
    width: 600px !important
}

.width-650 {
    width: 650px !important
}

.width-700 {
    width: 700px !important
}

.width-750 {
    width: 750px !important
}

.width-800 {
    width: 800px !important
}

.width-5-per {
    width: 5% !important
}

.width-10-per {
    width: 10% !important
}

.width-15-per {
    width: 15% !important
}

.width-20-per {
    width: 20% !important
}

.width-25-per {
    width: 25% !important
}

.width-30-per {
    width: 30% !important
}

.width-35-per {
    width: 35% !important
}

.width-40-per {
    width: 40% !important
}

.width-45-per {
    width: 45% !important
}

.width-50-per {
    width: 50% !important
}

.width-55-per {
    width: 55% !important
}

.width-60-per {
    width: 60% !important
}

.width-65-per {
    width: 65% !important
}

.width-70-per {
    width: 70% !important
}

.width-75-per {
    width: 75% !important
}

.width-80-per {
    width: 80% !important
}

.width-90-per {
    width: 90% !important
}

.width-95-per {
    width: 95% !important
}

.height-50 {
    height: 50px !important
}

.height-75 {
    height: 75px !important
}

.height-100 {
    height: 100px !important
}

.height-150 {
    height: 150px !important
}

.height-200 {
    height: 200px !important
}

.height-250 {
    height: 250px !important
}

.height-300 {
    height: 300px !important
}

.height-350 {
    height: 350px !important
}

.height-400 {
    height: 400px !important
}

.height-450 {
    height: 450px !important
}

.height-500 {
    height: 500px !important
}

.height-550 {
    height: 550px !important
}

.height-600 {
    height: 600px !important
}

.height-650 {
    height: 650px !important
}

.height-700 {
    height: 700px !important
}

.height-750 {
    height: 750px !important
}

.height-800 {
    height: 800px !important
}

.height-5-per {
    height: 5% !important
}

.height-10-per {
    height: 10% !important
}

.height-15-per {
    height: 15% !important
}

.height-20-per {
    height: 20% !important
}

.height-25-per {
    height: 25% !important
}

.height-30-per {
    height: 30% !important
}

.height-35-per {
    height: 35% !important
}

.height-40-per {
    height: 40% !important
}

.height-45-per {
    height: 45% !important
}

.height-50-per {
    height: 50% !important
}

.height-55-per {
    height: 55% !important
}

.height-60-per {
    height: 60% !important
}

.height-65-per {
    height: 65% !important
}

.height-70-per {
    height: 70% !important
}

.height-75-per {
    height: 75% !important
}

.height-80-per {
    height: 80% !important
}

.full-height-vh-with-nav {
    height: calc(100vh - 5rem - 4rem)
}

.full-height-vh {
    height: 100vh
}

.line-height-1 {
    line-height: 1 !important
}

.line-height-2 {
    line-height: 2 !important
}

.rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rotate-45-inverse {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-90-inverse {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate-180-inverse {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.pull-up {
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

    .pull-up:hover {
        -webkit-transform: translateY(-4px) scale(1.02);
        -ms-transform: translateY(-4px) scale(1.02);
        transform: translateY(-4px) scale(1.02);
        box-shadow: 0 14px 24px rgba(62,57,107,.2);
        z-index: 30
    }

.bg-cover {
    background-size: cover !important
}

.background-repeat {
    background-repeat: repeat !important
}

.background-no-repeat {
    background-repeat: no-repeat !important
}

.img-xl {
    width: 64px !important;
    height: 64px !important
}

.img-lg {
    width: 44px !important;
    height: 44px !important
}

.img-sm {
    width: 36px !important;
    height: 36px !important
}

.img-xs {
    width: 32px !important;
    height: 32px !important
}

.bullet {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block
}

.avatar, .chip {
    display: -ms-inline-flexbox;
    vertical-align: middle
}

.bullet.bullet-xs {
    width: 8px;
    height: 8px;
    position: relative;
    top: -1px
}

.bullet.bullet-sm {
    width: 10px;
    height: 10px
}

.bullet.bullet-lg {
    width: 18px;
    height: 18rem
}

.font-size-large {
    font-size: 1.2rem
}

.font-size-base {
    font-size: 1rem
}

.font-size-small {
    font-size: .8rem
}

.font-size-xsmall {
    font-size: .75rem
}

.avatar {
    white-space: nowrap;
    background-color: #C3C3C3;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: .8rem;
    text-align: center;
    margin: 5px
}

    .avatar .avatar-content {
        width: 32px;
        height: 32px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .avatar .avatar-content .avatar-icon {
            font-size: 1.2rem
        }

    .avatar [class*=avatar-status-] {
        border-radius: 50%;
        width: 11px;
        height: 11px;
        position: absolute;
        right: 0;
        bottom: 0;
        border: 1px solid #FFF
    }

        .avatar [class*=avatar-status-].avatar-status-lg {
            width: 17px;
            height: 17px;
            border-width: 2px
        }

    .avatar.avatar-xl .avatar-content, .avatar.avatar-xl img {
        height: 70px;
        width: 70px
    }

    .avatar .avatar-status-online {
        background-color: #39DA8A
    }

    .avatar .avatar-status-busy {
        background-color: #FF5B5C
    }

    .avatar .avatar-status-away {
        background-color: #FDAC41
    }

    .avatar .avatar-status-offline {
        background-color: #475F7B
    }

    .avatar img {
        border-radius: 50%
    }

    .avatar.avatar-xl {
        font-size: 1.5rem
    }

        .avatar.avatar-xl .avatar-content .avatar-icon {
            font-size: 3rem
        }

    .avatar.avatar-lg {
        font-size: 1.2rem
    }

        .avatar.avatar-lg .avatar-content, .avatar.avatar-lg img {
            width: 50px;
            height: 50px
        }

            .avatar.avatar-lg .avatar-content .avatar-icon {
                font-size: 2rem
            }

    .avatar.avatar-sm .avatar-content {
        width: 24px;
        height: 24px
    }

        .avatar.avatar-sm .avatar-content .avatar-icon {
            font-size: 1rem
        }

    .avatar.avatar-sm img {
        width: 24px;
        height: 24px
    }

.navbar-container a.nav-link-search {
    float: left
}

.navbar-container .search-input {
    float: left;
    width: 0
}

    .navbar-container .search-input input {
        width: 0;
        border: none;
        background: 0 0;
        line-height: 16px;
        padding: 1.7rem 3.6rem
    }

    .navbar-container .search-input.open {
        position: absolute;
        left: 0;
        background: #FFF;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1001;
        margin-top: -1px;
        box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13)
    }

        .navbar-container .search-input.open .search-input-close, .navbar-container .search-input.open .search-input-icon {
            display: block
        }

        .navbar-container .search-input.open input {
            width: 100%;
            outline: 0;
            background: 0 0
        }

    .navbar-container .search-input .search-list {
        position: absolute;
        top: 100%;
        left: 0;
        background: #FFF;
        width: 100%;
        margin-top: .5rem;
        padding-left: 0;
        border-radius: .267rem;
        display: none
    }

        .navbar-container .search-input .search-list.show {
            display: block
        }

        .navbar-container .search-input .search-list li a {
            padding: .9rem 1rem;
            color: #727E8C
        }

            .navbar-container .search-input .search-list li a span[class*='bx bx-'] {
                font-size: 1.25rem
            }

        .navbar-container .search-input .search-list li:first-child {
            border-top-left-radius: .267rem;
            border-top-right-radius: .267rem
        }

        .navbar-container .search-input .search-list li:last-child {
            border-bottom-left-radius: .267rem;
            border-bottom-right-radius: .267rem
        }

        .navbar-container .search-input .search-list li.current_item, .navbar-container .search-input .search-list li:hover {
            background-color: #F2F4F4
        }

    .navbar-container .search-input .search-input-icon {
        z-index: 2;
        z-index: 1002;
        display: none;
        position: absolute;
        left: 1.5rem;
        top: 37%;
        cursor: pointer
    }

        .navbar-container .search-input .search-input-icon i {
            font-size: 1.25rem
        }

    .navbar-container .search-input .search-input-close {
        z-index: 1001;
        display: none;
        position: absolute;
        right: 2rem;
        top: 32%;
        cursor: pointer
    }

        .navbar-container .search-input .search-input-close i {
            font-size: 1.75rem
        }

.navbar-container .bookmark-input {
    position: absolute;
    width: 25%;
    display: none
}

    .navbar-container .bookmark-input.show {
        display: block
    }

    .navbar-container .bookmark-input .bookmark-input-icon {
        position: absolute;
        z-index: 1001;
        top: .65rem;
        left: 1rem
    }

    .navbar-container .bookmark-input input {
        padding: .7rem .7rem .7rem 2.5rem;
        width: 100%;
        background: #FFF;
        border: 1px solid rgba(0,0,0,.2)
    }

        .navbar-container .bookmark-input input:focus {
            border: 1px solid #5A8DEE
        }

    .navbar-container .bookmark-input .search-list {
        box-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)
    }

.navbar-container .bookmark-icon {
    cursor: pointer
}

.navbar-container .dropdown.bookmark-dropdown {
    padding: 1.4rem .5rem 1.35rem
}

    .navbar-container .dropdown.bookmark-dropdown .dropdown-toggle:after {
        display: none
    }

.navbar-dark .search-input .input, .navbar-semi-light .search-input .input {
    color: #F5F7FA;
    border-radius: .5rem
}

.navbar-dark .search-input.open .input, .navbar-semi-light .search-input.open .input {
    color: #F5F7FA;
    border: 1px solid #F5F7FA
}

@media (max-width:767.98px) {
    #navbar-mobile .search-input.open .input {
        color: #475F7B
    }
}

.navbar-static .navbar-container .search-input.open {
    border-radius: 0
}

.apexcharts-canvas .apexcharts-tooltip {
    color: #727E8C !important
}

    .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark, .apexcharts-canvas .apexcharts-tooltip.dark {
        color: #FFF !important
    }

.apexcharts-canvas .apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item {
    color: #727E8C
}

.apexcharts-xaxistooltip {
    color: #727E8C !important
}

#client-retention-chart .apexcharts-canvas .apexcharts-legend {
    left: -14px !important
}

.btn-social, .btn-social-icon {
    position: relative;
    padding-left: 3rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .btn-social-icon > :first-child, .btn-social > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3rem;
        line-height: 2.5rem;
        font-size: 1rem;
        text-align: center;
        border-right: 1px solid rgba(0,0,0,.2)
    }

.btn-social-icon {
    height: 3rem;
    width: 3rem;
    padding: 0
}

    .btn-social-icon > :first-child {
        border: none;
        text-align: center;
        width: 100% !important
    }

.btn-adn {
    color: #FFF;
    background-color: #D87A68;
    border-color: #FFF
}

    .btn-adn.focus, .btn-adn:focus, .btn-adn:hover {
        border-color: #D87A68;
        color: #FFF;
        background-color: #D87A68
    }

    .btn-adn.focus, .btn-adn:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-adn.disabled, .btn-adn:disabled {
        color: #FFF;
        background-color: #D87A68;
        border-color: #FFF
    }

    .btn-adn:not(:disabled):not(.disabled).active, .btn-adn:not(:disabled):not(.disabled):active, .show > .btn-adn.dropdown-toggle {
        color: #FFF;
        background-color: #CE563F;
        border-color: #DFDFDF
    }

        .btn-adn:not(:disabled):not(.disabled).active:focus, .btn-adn:not(:disabled):not(.disabled):active:focus, .show > .btn-adn.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
        }

.btn-bitbucket {
    color: #FFF;
    background-color: #205081;
    border-color: #FFF
}

    .btn-bitbucket.focus, .btn-bitbucket:focus, .btn-bitbucket:hover {
        border-color: #205081;
        background-color: #205081;
        color: #FFF
    }

    .btn-bitbucket.focus, .btn-bitbucket:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-bitbucket.disabled, .btn-bitbucket:disabled {
        color: #FFF;
        background-color: #205081;
        border-color: #FFF
    }

    .btn-bitbucket:not(:disabled):not(.disabled).active, .btn-bitbucket:not(:disabled):not(.disabled):active, .show > .btn-bitbucket.dropdown-toggle {
        color: #FFF;
        background-color: #163758;
        border-color: #DFDFDF
    }

        .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 .2rem rgba(255,255,255,.5)
        }

.btn-dropbox {
    color: #FFF;
    background-color: #1087DD;
    border-color: #FFF
}

    .btn-dropbox.focus, .btn-dropbox:focus, .btn-dropbox:hover {
        border-color: #1087DD;
        background-color: #1087DD;
        color: #FFF
    }

    .btn-dropbox.focus, .btn-dropbox:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-dropbox.disabled, .btn-dropbox:disabled {
        color: #FFF;
        background-color: #1087DD;
        border-color: #FFF
    }

    .btn-dropbox:not(:disabled):not(.disabled).active, .btn-dropbox:not(:disabled):not(.disabled):active, .show > .btn-dropbox.dropdown-toggle {
        color: #FFF;
        background-color: #0D6AAD;
        border-color: #DFDFDF
    }

        .btn-dropbox:not(:disabled):not(.disabled).active:focus, .btn-dropbox:not(:disabled):not(.disabled):active:focus, .show > .btn-dropbox.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
        }

.btn-facebook {
    color: #FFF;
    background-color: #3B5998;
    border-color: #FFF
}

    .btn-facebook.focus, .btn-facebook:focus, .btn-facebook:hover {
        border-color: #3B5998;
        background-color: #3B5998;
        color: #FFF
    }

    .btn-facebook.focus, .btn-facebook:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-facebook.disabled, .btn-facebook:disabled {
        color: #FFF;
        background-color: #3B5998;
        border-color: #FFF
    }

    .btn-facebook:not(:disabled):not(.disabled).active, .btn-facebook:not(:disabled):not(.disabled):active, .show > .btn-facebook.dropdown-toggle {
        color: #FFF;
        background-color: #2D4373;
        border-color: #DFDFDF
    }

        .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 .2rem rgba(255,255,255,.5)
        }

.btn-flickr {
    color: #FFF;
    background-color: #FF0084;
    border-color: #FFF
}

    .btn-flickr.focus, .btn-flickr:focus, .btn-flickr:hover {
        border-color: #FF0084;
        background-color: #FF0084;
        color: #FFF
    }

    .btn-flickr.focus, .btn-flickr:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-flickr.disabled, .btn-flickr:disabled {
        color: #FFF;
        background-color: #FF0084;
        border-color: #FFF
    }

    .btn-flickr:not(:disabled):not(.disabled).active, .btn-flickr:not(:disabled):not(.disabled):active, .show > .btn-flickr.dropdown-toggle {
        color: #FFF;
        background-color: #CC006A;
        border-color: #DFDFDF
    }

        .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 .2rem rgba(255,255,255,.5)
        }

.btn-foursquare {
    color: #FFF;
    background-color: #F94877;
    border-color: #FFF
}

    .btn-foursquare.focus, .btn-foursquare:focus, .btn-foursquare:hover {
        border-color: #F94877;
        background-color: #F94877;
        color: #FFF
    }

    .btn-foursquare.focus, .btn-foursquare:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-foursquare.disabled, .btn-foursquare:disabled {
        color: #FFF;
        background-color: #F94877;
        border-color: #FFF
    }

    .btn-foursquare:not(:disabled):not(.disabled).active, .btn-foursquare:not(:disabled):not(.disabled):active, .show > .btn-foursquare.dropdown-toggle {
        color: #FFF;
        background-color: #F71752;
        border-color: #DFDFDF
    }

        .btn-foursquare:not(:disabled):not(.disabled).active:focus, .btn-foursquare:not(:disabled):not(.disabled):active:focus, .show > .btn-foursquare.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
        }

.btn-github {
    color: #FFF;
    background-color: #444;
    border-color: #FFF
}

    .btn-github.focus, .btn-github:focus, .btn-github:hover {
        border-color: #444;
        background-color: #444;
        color: #FFF
    }

    .btn-github.focus, .btn-github:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-github.disabled, .btn-github:disabled {
        color: #FFF;
        background-color: #444;
        border-color: #FFF
    }

    .btn-github:not(:disabled):not(.disabled).active, .btn-github:not(:disabled):not(.disabled):active, .show > .btn-github.dropdown-toggle {
        color: #FFF;
        background-color: #2B2B2B;
        border-color: #DFDFDF
    }

        .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 .2rem rgba(255,255,255,.5)
        }

.btn-google {
    color: #FFF;
    background-color: #DD4B39;
    border-color: #FFF
}

    .btn-google.focus, .btn-google:focus, .btn-google:hover {
        border-color: #DD4B39;
        background-color: #DD4B39;
        color: #FFF
    }

    .btn-google.focus, .btn-google:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-google.disabled, .btn-google:disabled {
        color: #FFF;
        background-color: #DD4B39;
        border-color: #FFF
    }

    .btn-google:not(:disabled):not(.disabled).active, .btn-google:not(:disabled):not(.disabled):active, .show > .btn-google.dropdown-toggle {
        color: #FFF;
        background-color: #C23321;
        border-color: #DFDFDF
    }

        .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 .2rem rgba(255,255,255,.5)
        }

.btn-instagram {
    color: #FFF;
    background-color: #3F729B;
    border-color: #FFF
}

    .btn-instagram.focus, .btn-instagram:focus, .btn-instagram:hover {
        border-color: #3F729B;
        background-color: #3F729B;
        color: #FFF
    }

    .btn-instagram.focus, .btn-instagram:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-instagram.disabled, .btn-instagram:disabled {
        color: #FFF;
        background-color: #3F729B;
        border-color: #FFF
    }

    .btn-instagram:not(:disabled):not(.disabled).active, .btn-instagram:not(:disabled):not(.disabled):active, .show > .btn-instagram.dropdown-toggle {
        color: #FFF;
        background-color: #305777;
        border-color: #DFDFDF
    }

        .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 .2rem rgba(255,255,255,.5)
        }

.btn-linkedin {
    color: #FFF;
    background-color: #007BB6;
    border-color: #FFF
}

    .btn-linkedin.focus, .btn-linkedin:focus, .btn-linkedin:hover {
        border-color: #007BB6;
        background-color: #007BB6;
        color: #FFF
    }

    .btn-linkedin.focus, .btn-linkedin:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-linkedin.disabled, .btn-linkedin:disabled {
        color: #FFF;
        background-color: #007BB6;
        border-color: #FFF
    }

    .btn-linkedin:not(:disabled):not(.disabled).active, .btn-linkedin:not(:disabled):not(.disabled):active, .show > .btn-linkedin.dropdown-toggle {
        color: #FFF;
        background-color: #005983;
        border-color: #DFDFDF
    }

        .btn-linkedin:not(:disabled):not(.disabled).active:focus, .btn-linkedin:not(:disabled):not(.disabled):active:focus, .show > .btn-linkedin.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
        }

.btn-microsoft {
    color: #FFF;
    background-color: #2672EC;
    border-color: #FFF
}

    .btn-microsoft.focus, .btn-microsoft:focus, .btn-microsoft:hover {
        border-color: #2672EC;
        background-color: #2672EC;
        color: #FFF
    }

    .btn-microsoft.focus, .btn-microsoft:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-microsoft.disabled, .btn-microsoft:disabled {
        color: #FFF;
        background-color: #2672EC;
        border-color: #FFF
    }

    .btn-microsoft:not(:disabled):not(.disabled).active, .btn-microsoft:not(:disabled):not(.disabled):active, .show > .btn-microsoft.dropdown-toggle {
        color: #FFF;
        background-color: #125ACD;
        border-color: #DFDFDF
    }

        .btn-microsoft:not(:disabled):not(.disabled).active:focus, .btn-microsoft:not(:disabled):not(.disabled):active:focus, .show > .btn-microsoft.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
        }

.btn-odnoklassniki {
    color: #FFF;
    background-color: #F4731C;
    border-color: #FFF
}

    .btn-odnoklassniki.focus, .btn-odnoklassniki:focus, .btn-odnoklassniki:hover {
        border-color: #F4731C;
        background-color: #F4731C;
        color: #FFF
    }

    .btn-odnoklassniki.focus, .btn-odnoklassniki:focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
    }

    .btn-odnoklassniki.disabled, .btn-odnoklassniki:disabled {
        color: #FFF;
        background-color: #F4731C;
        border-color: #FFF
    }

    .btn-odnoklassniki:not(:disabled):not(.disabled).active, .btn-odnoklassniki:not(:disabled):not(.disabled):active, .show > .btn-odnoklassniki.dropdown-toggle {
        color: #FFF;
        background-color: #D35B0A;
        border-color: #DFDFDF
    }

        .btn-odnoklassniki:not(:disabled):not(.disabled).active:focus, .btn-odnoklassniki:not(:disabled):not(.disabled):active:focus, .show > .btn-odnoklassniki.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
        }

.btn-openid {
    color: #324356;
    background-color: #F7931E;
    border-color: #FFF
}

    .btn-openid.focus, .btn-openid:focus, .btn-openid:hover {
        border-color: #F7931E;
        background-color: #F7931E;
        color: #324356
    }

    .btn-openid.focus, .btn-openid:focus {
        box-shadow: 0 0 0 .2rem rgba(224,227,230,.5)
    }

    .btn-openid.disabled, .btn-openid:disabled {
        color: #324356;
        background-color: #F7931E;
        border-color: #FFF
    }

    .btn-openid:not(:disabled):not(.disabled).active, .btn-openid:not(:disabled):not(.disabled):active, .show > .btn-openid.dropdown-toggle {
        color: #FFF;
        background-color: #DA7908;
        border-color: #DFDFDF
    }

        .btn-openid:not(:disabled):not(.disabled).active:focus, .btn-openid:not(:disabled):not(.disabled):active:focus, .show > .btn-openid.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(224,227,230,.5)
        }

.btn-pinterest.focus, .btn-pinterest:focus, .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 .2rem rgba(255,255,255,.5)
}

.btn-pinterest {
    color: #FFF;
    background-color: #CB2027;
    border-color: #FFF
}

    .btn-pinterest.focus, .btn-pinterest:focus, .btn-pinterest:hover {
        border-color: #CB2027;
        background-color: #CB2027;
        color: #FFF
    }

    .btn-pinterest.disabled, .btn-pinterest:disabled {
        color: #FFF;
        background-color: #CB2027;
        border-color: #FFF
    }

    .btn-pinterest:not(:disabled):not(.disabled).active, .btn-pinterest:not(:disabled):not(.disabled):active, .show > .btn-pinterest.dropdown-toggle {
        color: #FFF;
        background-color: #9F191F;
        border-color: #DFDFDF
    }

.btn-youtube.focus, .btn-youtube:focus, .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 .2rem rgba(8,10,13,.5)
}

.btn-youtube {
    color: #324356;
    background-color: #EFF7FF;
    border-color: #000
}

    .btn-youtube.focus, .btn-youtube:focus, .btn-youtube:hover {
        background-color: #000;
        border-color: #000;
        color: #FFF
    }

    .btn-youtube.disabled, .btn-youtube:disabled {
        color: #324356;
        background-color: #EFF7FF;
        border-color: #000
    }

    .btn-youtube:not(:disabled):not(.disabled).active, .btn-youtube:not(:disabled):not(.disabled):active, .show > .btn-youtube.dropdown-toggle {
        color: #324356;
        background-color: #BCDEFF;
        border-color: #000
    }

.btn-soundcloud.focus, .btn-soundcloud:focus, .btn-soundcloud:not(:disabled):not(.disabled).active:focus, .btn-soundcloud:not(:disabled):not(.disabled):active:focus, .btn-tumblr.focus, .btn-tumblr:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus, .btn-tumblr:not(:disabled):not(.disabled):active:focus, .show > .btn-soundcloud.dropdown-toggle:focus, .show > .btn-tumblr.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
}

.btn-soundcloud {
    color: #FFF;
    background-color: #F50;
    border-color: #FFF
}

    .btn-soundcloud.focus, .btn-soundcloud:focus, .btn-soundcloud:hover {
        border-color: #F50;
        background-color: #F50;
        color: #FFF
    }

    .btn-soundcloud.disabled, .btn-soundcloud:disabled {
        color: #FFF;
        background-color: #F50;
        border-color: #FFF
    }

    .btn-soundcloud:not(:disabled):not(.disabled).active, .btn-soundcloud:not(:disabled):not(.disabled):active, .show > .btn-soundcloud.dropdown-toggle {
        color: #FFF;
        background-color: #C40;
        border-color: #DFDFDF
    }

.btn-tumblr {
    color: #FFF;
    background-color: #2C4762;
    border-color: #FFF
}

    .btn-tumblr.focus, .btn-tumblr:focus, .btn-tumblr:hover {
        border-color: #2C4762;
        background-color: #2C4762;
        color: #FFF
    }

    .btn-tumblr.disabled, .btn-tumblr:disabled {
        color: #FFF;
        background-color: #2C4762;
        border-color: #FFF
    }

    .btn-tumblr:not(:disabled):not(.disabled).active, .btn-tumblr:not(:disabled):not(.disabled):active, .show > .btn-tumblr.dropdown-toggle {
        color: #FFF;
        background-color: #1C2E3F;
        border-color: #DFDFDF
    }

.btn-twitter.focus, .btn-twitter:focus, .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 .2rem rgba(224,227,230,.5)
}

.btn-twitter {
    color: #324356;
    background-color: #55ACEE;
    border-color: #FFF
}

    .btn-twitter.focus, .btn-twitter:focus, .btn-twitter:hover {
        border-color: #55ACEE;
        color: #324356;
        background-color: #55ACEE
    }

    .btn-twitter.disabled, .btn-twitter:disabled {
        color: #324356;
        background-color: #55ACEE;
        border-color: #FFF
    }

    .btn-twitter:not(:disabled):not(.disabled).active, .btn-twitter:not(:disabled):not(.disabled):active, .show > .btn-twitter.dropdown-toggle {
        color: #FFF;
        background-color: #2795E9;
        border-color: #DFDFDF
    }

.btn-vimeo.focus, .btn-vimeo:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus, .btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vk.focus, .btn-vk:focus, .btn-vk:not(:disabled):not(.disabled).active:focus, .btn-vk:not(:disabled):not(.disabled):active:focus, .btn-yahoo.focus, .btn-yahoo:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus, .btn-yahoo:not(:disabled):not(.disabled):active:focus, .show > .btn-vimeo.dropdown-toggle:focus, .show > .btn-vk.dropdown-toggle:focus, .show > .btn-yahoo.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
}

.btn-vimeo {
    color: #FFF;
    background-color: #1AB7EA;
    border-color: #FFF
}

    .btn-vimeo.focus, .btn-vimeo:focus, .btn-vimeo:hover {
        border-color: #1AB7EA;
        background-color: #1AB7EA;
        color: #FFF
    }

    .btn-vimeo.disabled, .btn-vimeo:disabled {
        color: #FFF;
        background-color: #1AB7EA;
        border-color: #FFF
    }

    .btn-vimeo:not(:disabled):not(.disabled).active, .btn-vimeo:not(:disabled):not(.disabled):active, .show > .btn-vimeo.dropdown-toggle {
        color: #FFF;
        background-color: #1295BF;
        border-color: #DFDFDF
    }

.btn-vk {
    color: #FFF;
    background-color: #587EA3;
    border-color: #FFF
}

    .btn-vk.focus, .btn-vk:focus, .btn-vk:hover {
        border-color: #587EA3;
        background-color: #587EA3;
        color: #FFF
    }

    .btn-vk.disabled, .btn-vk:disabled {
        color: #FFF;
        background-color: #587EA3;
        border-color: #FFF
    }

    .btn-vk:not(:disabled):not(.disabled).active, .btn-vk:not(:disabled):not(.disabled):active, .show > .btn-vk.dropdown-toggle {
        color: #FFF;
        background-color: #466482;
        border-color: #DFDFDF
    }

.btn-yahoo {
    color: #FFF;
    background-color: #720E9E;
    border-color: #FFF
}

    .btn-yahoo.focus, .btn-yahoo:focus, .btn-yahoo:hover {
        border-color: #720E9E;
        background-color: #720E9E;
        color: #FFF
    }

    .btn-yahoo.disabled, .btn-yahoo:disabled {
        color: #FFF;
        background-color: #720E9E;
        border-color: #FFF
    }

    .btn-yahoo:not(:disabled):not(.disabled).active, .btn-yahoo:not(:disabled):not(.disabled):active, .show > .btn-yahoo.dropdown-toggle {
        color: #FFF;
        background-color: #500A6F;
        border-color: #DFDFDF
    }

.btn-outline-adn {
    border: 1px solid #D87A68 !important;
    color: #D87A68
}

.btn-outline-bitbucket {
    border: 1px solid #205081 !important;
    color: #205081
}

.btn-outline-dropbox {
    border: 1px solid #1087DD !important;
    color: #1087DD
}

.btn-outline-facebook {
    border: 1px solid #3B5998 !important;
    color: #3B5998
}

.btn-outline-flickr {
    border: 1px solid #FF0084 !important;
    color: #FF0084
}

.btn-outline-foursquare {
    border: 1px solid #F94877 !important;
    color: #F94877
}

.btn-outline-github {
    border: 1px solid #444 !important;
    color: #444
}

.btn-outline-google {
    border: 1px solid #DD4B39 !important;
    color: #DD4B39
}

.btn-outline-instagram {
    border: 1px solid #3F729B !important;
    color: #3F729B
}

.btn-outline-linkedin {
    border: 1px solid #007BB6 !important;
    color: #007BB6
}

.btn-outline-microsoft {
    border: 1px solid #2672EC !important;
    color: #2672EC
}

.btn-outline-odnoklassniki {
    border: 1px solid #F4731C !important;
    color: #F4731C
}

.btn-outline-openid {
    border: 1px solid #F7931E !important;
    color: #F7931E
}

.btn-outline-pinterest {
    border: 1px solid #CB2027 !important;
    color: #CB2027
}

.btn-outline-youtube {
    border: 1px solid #FF4500 !important;
    color: #FF4500
}

.btn-outline-soundcloud {
    border: 1px solid #F50 !important;
    color: #F50
}

.btn-outline-tumblr {
    border: 1px solid #2C4762 !important;
    color: #2C4762
}

.btn-outline-twitter {
    border: 1px solid #55ACEE !important;
    color: #55ACEE
}

.btn-outline-vimeo {
    border: 1px solid #1AB7EA !important;
    color: #1AB7EA
}

.btn-outline-vk {
    border: 1px solid #587EA3 !important;
    color: #587EA3
}

.btn-outline-yahoo {
    border: 1px solid #720E9E !important;
    color: #720E9E
}

.btn-outline-adn:hover {
    color: #AD412D;
    border: 1px solid #AD412D !important
}

.btn-outline-bitbucket:hover {
    color: #0C1D2F;
    border: 1px solid #0C1D2F !important
}

.btn-outline-dropbox:hover {
    color: #094D7E;
    border: 1px solid #094D7E !important
}

.btn-outline-facebook:hover {
    color: #1E2E4F;
    border: 1px solid #1E2E4F !important
}

.btn-outline-flickr:hover {
    color: #99004F;
    border: 1px solid #99004F !important
}

.btn-outline-foursquare:hover {
    color: #D4073D;
    border: 1px solid #D4073D !important
}

.btn-outline-github:hover {
    color: #111;
    border: 1px solid #111 !important
}

.btn-outline-google:hover {
    color: #96271A;
    border: 1px solid #96271A !important
}

.btn-outline-instagram:hover {
    color: #223D52;
    border: 1px solid #223D52 !important
}

.btn-outline-linkedin:hover {
    color: #003650;
    border: 1px solid #003650 !important
}

.btn-outline-microsoft:hover {
    color: #0E459E;
    border: 1px solid #0E459E !important
}

.btn-outline-odnoklassniki:hover {
    color: #A24608;
    border: 1px solid #A24608 !important
}

.btn-outline-openid:hover {
    color: #A95E06;
    border: 1px solid #A95E06 !important
}

.btn-outline-pinterest:hover {
    color: #731216;
    border: 1px solid #731216 !important
}

.btn-outline-youtube:hover {
    color: #992900;
    border: 1px solid #992900 !important
}

.btn-outline-soundcloud:hover {
    color: #930;
    border: 1px solid #930 !important
}

.btn-outline-tumblr:hover {
    color: #0C141C;
    border: 1px solid #0C141C !important
}

.btn-outline-twitter:hover {
    color: #147BC9;
    border: 1px solid #147BC9 !important
}

.btn-outline-vimeo:hover {
    color: #0D7091;
    border: 1px solid #0D7091 !important
}

.btn-outline-vk:hover {
    color: #344B61;
    border: 1px solid #344B61 !important
}

.btn-outline-yahoo:hover {
    color: #2E0640;
    border: 1px solid #2E0640 !important
}

.bg-adn {
    background-color: #D87A68
}

.bg-bitbucket {
    background-color: #205081
}

.bg-dropbox {
    background-color: #1087DD
}

.bg-facebook {
    background-color: #3B5998
}

.bg-flickr {
    background-color: #FF0084
}

.bg-foursquare {
    background-color: #F94877
}

.bg-github {
    background-color: #444
}

.bg-google {
    background-color: #DD4B39
}

.bg-instagram {
    background-color: #3F729B
}

.bg-linkedin {
    background-color: #007BB6
}

.bg-microsoft {
    background-color: #2672EC
}

.bg-odnoklassniki {
    background-color: #F4731C
}

.bg-openid {
    background-color: #F7931E
}

.bg-pinterest {
    background-color: #CB2027
}

.bg-youtube {
    background-color: #FF4500
}

.bg-soundcloud {
    background-color: #F50
}

.bg-tumblr {
    background-color: #2C4762
}

.bg-twitter {
    background-color: #55ACEE
}

.bg-vimeo {
    background-color: #1AB7EA
}

.bg-vk {
    background-color: #587EA3
}

.bg-yahoo {
    background-color: #720E9E
}

.adn {
    color: #D87A68
}

.bitbucket {
    color: #205081
}

.dropbox {
    color: #1087DD
}

.facebook {
    color: #3B5998
}

.flickr {
    color: #FF0084
}

.foursquare {
    color: #F94877
}

.github {
    color: #444
}

.google {
    color: #DD4B39
}

.instagram {
    color: #3F729B
}

.linkedin {
    color: #007BB6
}

.microsoft {
    color: #2672EC
}

.odnoklassniki {
    color: #F4731C
}

.openid {
    color: #F7931E
}

.pinterest {
    color: #CB2027
}

.youtube {
    color: #FF4500
}

.soundcloud {
    color: #F50
}

.tumblr {
    color: #2C4762
}

.twitter {
    color: #55ACEE
}

.vimeo {
    color: #1AB7EA
}

.vk {
    color: #587EA3
}

.yahoo {
    color: #720E9E
}

.fonticon-container > .fonticon-wrap {
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
    margin-bottom: 1rem
}

    .fonticon-container > .fonticon-wrap > i {
        font-size: 2.28rem;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

.fonticon-container:hover i {
    color: #5A8DEE;
    font-size: 2.9rem;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.fonticon-container > .fonticon-classname, .fonticon-container > .fonticon-unit {
    display: block;
    font-size: 1.2rem;
    text-transform: lowercase;
    margin-top: .3rem;
    font-weight: 400
}

.font-animated .fonticon-classname {
    text-transform: lowercase;
    font-weight: 400
}

.browser {
    background: #E0E0E0;
    border: 4px solid #E0E0E0;
    width: 100%;
    height: 12rem;
    padding-top: 20px;
    margin: 0 0 10px;
    box-sizing: border-box
}

    .browser iframe {
        border: 0;
        background: #FFF;
        height: 100%;
        width: 100%
    }

.loader-wrapper {
    height: 8em
}

.maintenance-icon {
    font-size: 4rem
}

.animation-icon {
    right: 30px;
    bottom: 10px
}

.header-navbar.navbar-demo {
    background-color: #F2F4F4
}

.customizer {
    width: 400px;
    right: -400px;
    padding: 0;
    background-color: #FFF;
    z-index: 1051;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
    -webkit-transition: right .4s cubic-bezier(.05,.74,.2,.99);
    transition: right .4s cubic-bezier(.05,.74,.2,.99);
    backface-visibility: hidden;
    border-left: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)
}

    .customizer.open {
        right: 0
    }

    .customizer .customizer-content {
        position: relative;
        height: 100%
    }

    .customizer .customizer-close {
        position: absolute;
        right: 30px;
        top: 20px;
        padding: 7px;
        width: auto;
        z-index: 10;
        color: #727E8C
    }

        .customizer .customizer-close i {
            font-size: 1.71rem
        }

    .customizer .customizer-toggle {
        background: #5A8DEE;
        color: #FFF;
        display: block;
        box-shadow: -3px 0 8px rgba(0,0,0,.1);
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        position: absolute;
        top: 50%;
        width: 38px;
        height: 38px;
        left: -39px;
        text-align: center;
        line-height: 44px;
        cursor: pointer
    }

    .customizer .color-box {
        height: 35px;
        width: 35px;
        margin: .5rem;
        border-radius: .5rem;
        cursor: pointer
    }

        .customizer .color-box.selected {
            box-shadow: 0 0 0 3px rgba(52,144,220,.5)
        }

.buy-now {
    position: fixed;
    bottom: 5%;
    right: 142px;
    z-index: 1031
}

    .buy-now .btn {
        box-shadow: 0 1px 20px 1px #FF5B5C !important
    }

        .buy-now .btn:hover {
            box-shadow: none !important
        }

.chip {
    background-color: #F0F0F0;
    font-size: .8rem;
    border-radius: 1.428rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    padding: 0 10px;
    margin-bottom: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .chip .chip-body {
        color: rgba(0,0,0,.7);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 1.857rem;
        min-width: 1.857rem
    }

        .chip .chip-body .avatar {
            background-color: #C3C3C3;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 24px;
            height: 24px;
            margin: 2px 0;
            border-radius: 50%;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            color: #FFF;
            -webkit-transform: translate(-8px);
            -ms-transform: translate(-8px);
            transform: translate(-8px)
        }

            .chip .chip-body .avatar .avatar-content {
                top: 0
            }

            .chip .chip-body .avatar img {
                border-radius: 50%;
                height: 24px;
                width: 24px
            }

        .chip .chip-body .chip-text {
            vertical-align: middle;
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center
        }

        .chip .chip-body i {
            font-size: 1rem
        }

        .chip .chip-body .chip-closeable {
            min-height: 24px;
            min-width: 24px;
            margin: 0 4px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center;
            border-radius: 50%;
            background: rgba(0,0,0,.15);
            color: #FFF;
            -webkit-transform: translate(10px);
            -ms-transform: translate(10px);
            transform: translate(10px);
            cursor: pointer
        }

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .chip .chip-closeable i {
        position: relative;
        top: 3px
    }
}

.divider {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    margin: 1rem 0
}

    .divider .divider-text {
        position: relative;
        display: inline-block;
        font-size: 1rem;
        padding: 0 1rem
    }

    .divider.divider-left .divider-text:before, .divider.divider-right .divider-text:after {
        display: none
    }

    .divider .divider-text i {
        font-size: 1rem
    }

    .divider .divider-text:after, .divider .divider-text:before {
        content: '';
        position: absolute;
        top: 50%;
        width: 9999px;
        border-top: 1px solid #DFE3E7
    }

    .divider .divider-text:before {
        right: 100%
    }

    .divider .divider-text:after {
        left: 100%
    }

    .divider.divider-left .divider-text {
        float: left;
        padding-left: 0
    }

    .divider.divider-left-center .divider-text {
        left: -25%
    }

    .divider.divider-right .divider-text {
        float: right;
        padding-right: 0
    }

    .divider.divider-right-center .divider-text {
        right: -25%
    }

    .divider.divider-dotted .divider-text:after, .divider.divider-dotted .divider-text:before {
        border-style: dotted;
        border-width: 0 1px 1px;
        border-color: #DFE3E7
    }

    .divider.divider-dashed .divider-text:after, .divider.divider-dashed .divider-text:before {
        border-style: dashed;
        border-width: 0 1px 1px;
        border-color: #DFE3E7
    }

.error-title {
    font-size: 3rem
}

@media only screen and (max-width:575px) {
    .error-title {
        font-size: 2rem
    }
}

.widget-chat .widget-chat-container {
    position: relative;
    height: 420px;
    text-align: center;
    padding: 1.4rem
}

.widget-chat .chat-content .chat-body {
    overflow: hidden !important;
    margin: .67rem 0 0 !important
}

    .widget-chat .chat-content .chat-body .chat-message {
        position: relative !important;
        float: right !important;
        text-align: left;
        padding: .75rem 1rem !important;
        margin: .2rem .2rem 1.8rem 0 !important;
        max-width: calc(100% - 5rem) !important;
        clear: both !important;
        word-break: break-word !important;
        color: #FFF !important;
        background: #5A8DEE !important;
        border-radius: .267rem !important;
        box-shadow: 0 2px 4px 0 rgba(90,141,238,.6) !important
    }

        .widget-chat .chat-content .chat-body .chat-message p {
            margin-bottom: 0 !important
        }

        .widget-chat .chat-content .chat-body .chat-message .chat-time {
            position: absolute !important;
            bottom: -20px !important;
            right: 0 !important;
            color: #828D99 !important;
            font-size: .8rem !important;
            white-space: nowrap !important
        }

.widget-chat .chat-content .chat-left .chat-message {
    float: left !important;
    margin: .2rem 0 1.8rem .2rem !important;
    color: #727E8C !important;
    background-color: #FAFBFB !important;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.3) !important
}

.widget-chat.widget-chat-demo {
    position: fixed;
    z-index: 1031;
    bottom: 11.5%;
    right: 80px;
    width: 350px
}

    .widget-chat.widget-chat-demo .widget-chat-container {
        height: 27rem
    }

    .widget-chat.widget-chat-demo .chat-content .chat-message {
        max-width: calc(100% - 3rem)
    }

    .widget-chat.widget-chat-demo .card {
        box-shadow: 0 0 22px 0 rgba(25,42,70,.25)
    }

.chat-demo-button {
    position: fixed;
    bottom: 5%;
    right: 80px;
    z-index: 1031
}

    .chat-demo-button i {
        top: 0
    }

@media (max-width:575.98px) {
    .widget-chat.widget-chat-demo {
        right: 0;
        padding: 0 1.2rem;
        width: 100%
    }

        .widget-chat.widget-chat-demo .widget-chat-container {
            height: 21rem
        }
}

.timeline li {
    padding: 1.1rem 0;
    list-style: none;
    position: relative
}

    .timeline li.timeline-item:before {
        position: absolute;
        content: '';
        left: -37px;
        top: 17px;
        border: 3px solid #FFF;
        box-shadow: 1px 2px 6px 0 rgba(25,42,70,.3);
        border-radius: 50%;
        background: #5A8DEE;
        height: 13px;
        width: 13px;
        z-index: 2
    }

    .timeline li.timeline-item.active:not(:last-child):after {
        position: absolute;
        content: '';
        width: 1px;
        background: #DFE3E7;
        left: -31px;
        top: 22px;
        height: 100%;
        z-index: 1
    }

    .timeline li.timeline-item .timeline-content {
        padding: .5rem 1rem;
        border-radius: .267rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .timeline li .timeline-time {
        float: right;
        color: #828D99;
        font-size: .9rem
    }

    .timeline li .timeline-title {
        margin-bottom: .25rem
    }

    .timeline li .timeline-text {
        margin-bottom: .5rem
    }

@media screen and (min-width:0) {
    head {
        font-family: 'xs 0px'
    }

    body:after {
        content: 'xs - min-width: 0px'
    }
}

@media screen and (min-width:544px) {
    head {
        font-family: 'sm 544px'
    }

    body:after {
        content: 'sm - min-width: 544px'
    }
}

@media screen and (min-width:768px) {
    head {
        font-family: 'md 768px'
    }

    body:after {
        content: 'md - min-width: 768px'
    }
}

@media screen and (min-width:992px) {
    head {
        font-family: 'lg 992px'
    }

    body:after {
        content: 'lg - min-width: 992px'
    }
}

@media screen and (min-width:1200px) {
    head {
        font-family: 'xl 1200px'
    }

    body:after {
        content: 'xl - min-width: 1200px'
    }
}

head {
    clear: both
}

    head title {
        font-family: 'xs 0px, sm 544px, md 768px, lg 992px, xl 1200px'
    }

[data-usn-if], body:after {
    display: none
}

.select2-container--classic .select2-selection--single {
    min-height: 40px !important
}

    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
        margin-left: -4px !important;
        border-color: #828D99 !important
    }

.select2-container--classic .select2-search--dropdown .select2-search__field:focus, .select2-container--classic:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus, .select2-container--default:focus {
    outline: 0
}

.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
    min-height: 38px;
    padding: 5px;
    border: 1px solid #DFE3E7
}

    .select2-container--classic .select2-selection--single:focus, .select2-container--default .select2-selection--single:focus {
        border-color: #5A8DEE !important;
        box-shadow: 0 3px 8px 0 rgba(0,0,0,.1) !important;
        outline: 0
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered i, .select2-container--default .select2-selection--single .select2-selection__rendered i {
        margin-right: .5rem;
        position: relative;
        top: 2px
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow {
        min-height: 38px
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b {
            width: 6px;
            height: 6px;
            margin-left: -10px;
            margin-top: -5px;
            border-width: 0 2px 2px 0;
            border-color: #B3C0CE;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

.select2-container--classic.select2-container--open .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #5A8DEE !important;
    outline: 0
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width: 2px 0 0 2px;
        border-color: #B3C0CE transparent transparent #B3C0CE;
        margin-top: -2px
    }

    .select2-container--classic.select2-container--open .select2-selection--single.select-lg .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single.select-lg .select2-selection__arrow b {
        margin-top: 0
    }

.select2-container--classic.select2-container--focus, .select2-container--default.select2-container--focus {
    outline: 0
}

    .select2-container--classic.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: #5A8DEE !important;
        outline: 0
    }

.select2-container--classic .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
    min-height: 38px !important;
    border: 1px solid #DFE3E7
}

    .select2-container--classic .select2-selection--multiple:focus, .select2-container--default .select2-selection--multiple:focus {
        outline: 0;
        border-color: #5A8DEE !important;
        box-shadow: 0 3px 8px 0 rgba(0,0,0,.1) !important
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        margin-right: 0;
        color: #FFF !important;
        float: right;
        margin-left: .3rem
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #5A8DEE !important;
        border-color: transparent !important;
        color: #FFF !important;
        padding: .2rem .6rem
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
        margin-top: 6px;
        padding-left: 8px
    }

    .select2-container--classic .select2-selection--multiple i, .select2-container--default .select2-selection--multiple i {
        position: relative;
        top: 1px;
        margin-right: .5rem;
        padding-left: 1px
    }

    .select2-container--classic .select2-selection--multiple[class*=bg-] .select2-selection__choice, .select2-container--default .select2-selection--multiple[class*=bg-] .select2-selection__choice {
        background-color: rgba(0,0,0,.15) !important;
        border-color: rgba(0,0,0,.2) !important
    }

.select2-container--classic .select2-results__options .select2-results__option i, .select2-container--default .select2-results__options .select2-results__option i {
    margin-right: .5rem;
    position: relative;
    top: 2px
}

.select2-container--classic .select2-result-repository__avatar img, .select2-container--default .select2-result-repository__avatar img {
    width: 50px
}

.select2-container--classic .select-lg, .select2-container--default .select-lg {
    min-height: calc(1.4em + 1.334rem + 3.7px) !important;
    font-size: 1.2rem;
    margin-bottom: 0 !important;
    padding: .6rem .7rem
}

    .select2-container--classic .select-lg.select2-selection--single .select2-selection__rendered, .select2-container--default .select-lg.select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        padding-right: 0
    }

    .select2-container--classic .select-lg.select2-selection--single .select2-selection__arrow, .select2-container--default .select-lg.select2-selection--single .select2-selection__arrow {
        min-height: calc(1.4em + 1.334rem + 3.7px) !important
    }

    .select2-container--classic .select-lg.select2-selection--multiple, .select2-container--default .select-lg.select2-selection--multiple {
        padding: 0 .2rem
    }

        .select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered, .select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered {
            padding-top: 0 !important
        }

            .select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered li, .select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered li {
                font-size: 1.2rem
            }

            .select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice, .select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
                margin-top: 6.5px
            }

.select2-container--classic .select-sm, .select2-container--default .select-sm {
    min-height: 1.58rem !important;
    padding: 0 .2rem;
    font-size: .75rem;
    margin-bottom: 0 !important;
    line-height: 1.5
}

    .select2-container--classic .select-sm.select2-selection--single .select2-selection__arrow, .select2-container--default .select-sm.select2-selection--single .select2-selection__arrow {
        top: -.3rem !important
    }

    .select2-container--classic .select-sm.select2-selection--multiple, .select2-container--default .select-sm.select2-selection--multiple {
        line-height: 1.2
    }

        .select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered, .select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered {
            padding: 3px
        }

            .select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered li, .select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered li {
                font-size: .75rem;
                margin-top: 2px
            }

        .select2-container--classic .select-sm.select2-selection--multiple .select2-selection__choice, .select2-container--default .select-sm.select2-selection--multiple .select2-selection__choice {
            padding: .2rem .3rem
        }

        .select2-container--classic .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--default .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
            margin-top: 3px
        }

.select2 .form-control:focus {
    border-color: #5A8DEE !important
}

.table.dataTable {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 2px
}

    .table.dataTable thead .sorting:after, .table.dataTable thead .sorting:before, .table.dataTable thead .sorting_asc:after, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting_desc:before {
        top: 8px;
        right: 3px;
        left: auto
    }

    .table.dataTable thead .sorting:after, .table.dataTable thead .sorting:before, .table.dataTable thead .sorting_asc:after, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting_desc:before, .table.dataTable thead .sorting_desc_disabled:after, .table.dataTable thead .sorting_desc_disabled:before {
        font-family: boxicons;
        color: #475F7B
    }

    .table.dataTable thead .sorting:before, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_desc:before, .table.dataTable thead .sorting_desc_disabled:before {
        content: '\e9b9';
        font-size: 1.1rem
    }

    .table.dataTable thead .sorting:after, .table.dataTable thead .sorting_asc:after, .table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting_desc_disabled:after {
        content: '\e9ac';
        padding-top: 1em;
        font-size: 1.1rem
    }

div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_length {
    margin: 1rem 0
}

    div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length select {
        background-position: calc(100% - 4px) 7px,calc(100% - 20px) 13px,100% 0 !important;
        padding: 0 .8rem
    }

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-top: 1rem
}

@media only screen and (max-width:768px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:576px) {
    div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left
    }

        div.dataTables_wrapper div.dataTables_info ul.pagination, div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            -webkit-box-pack: left;
            -webkit-justify-content: left;
            -ms-flex-pack: left;
            justify-content: left
        }
}

.picker__input.form-control {
    background-color: #FFF
}

.picker {
    z-index: 10
}

    .picker.picker--opened:before {
        content: '';
        position: absolute;
        top: 8px;
        left: 1.5rem;
        width: .75rem;
        height: .75rem;
        display: block;
        background: #FFF;
        -webkit-transform: rotate(45deg) translate(-7px);
        -ms-transform: rotate(45deg) translate(-7px);
        transform: rotate(45deg) translate(-7px);
        z-index: 10;
        box-sizing: border-box;
        border-top: 1px solid #DDD;
        border-left: 1px solid #DDD
    }

#inlineDatePicker-container .picker.picker--opened:before, .inlineDatePicker {
    display: none
}

.daterangepicker td.active, .daterangepicker td.active:hover, .picker .picker--focused .picker__day--highlighted, .picker .picker__day--highlighted, .picker .picker__day--highlighted:hover {
    background-color: #5A8DEE
}

.picker .picker__holder {
    margin-top: .6rem;
    border-radius: .267rem;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,.2)
}

.picker .picker__day--highlighted, .picker .picker__day--infocus:hover, .picker .picker__day--outfocus:hover, .picker .picker__day--selected, .picker .picker__day--today {
    border-radius: 50%
}

    .picker .picker__button--today:before, .picker .picker__day--today:before {
        border-top-color: #5A8DEE
    }

.picker .picker__nav--next:before, .picker .picker__nav--prev:before {
    font-family: boxicons
}

.picker .picker__nav--next:before {
    content: '\eb43'
}

.picker .picker__nav--prev:before {
    content: '\ea95'
}

.picker .picker__button--close:before {
    font-family: boxicons;
    content: '\ebe9'
}

#inlineDatePicker-container .picker {
    height: 370px;
    width: 280px;
    position: relative;
    z-index: 9
}

#inlineDatePicker-container .picker__holder {
    max-height: 480px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    display: block
}

.daterangepicker td.in-range {
    background-color: rgba(90,141,238,.2);
    color: #000
}

.daterangepicker .ranges li.active {
    background-color: #5A8DEE
}

.daterangepicker-container .daterangepicker {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    float: left
}

body.dark-layout, body.dark-layout pre {
    background-color: #1A233A
}

    body.dark-layout .h1, body.dark-layout .h2, body.dark-layout .h3, body.dark-layout .h4, body.dark-layout .h5, body.dark-layout .h6, body.dark-layout h1, body.dark-layout h2, body.dark-layout h3, body.dark-layout h4, body.dark-layout h5, body.dark-layout h6 {
        color: #BDD1F8
    }

        body.dark-layout .h1 i, body.dark-layout .h2 i, body.dark-layout .h3 i, body.dark-layout .h4 i, body.dark-layout .h5 i, body.dark-layout .h6 i, body.dark-layout h1 i, body.dark-layout h2 i, body.dark-layout h3 i, body.dark-layout h4 i, body.dark-layout h5 i, body.dark-layout h6 i {
            color: #8A99B5
        }

    body.dark-layout ul li {
        color: #8A99B5 !important
    }

    body.dark-layout .border, body.dark-layout .border-bottom, body.dark-layout .border-left, body.dark-layout .border-right, body.dark-layout .border-top {
        border-color: #464D5C !important
    }

    body.dark-layout a:hover {
        color: #5A8DEE
    }

    body.dark-layout .close, body.dark-layout .text-dark, body.dark-layout pre code[class*=language-] {
        color: #8A99B5 !important
    }

    body.dark-layout hr {
        border-color: #464D5C
    }

    body.dark-layout pre {
        border: 0
    }

        body.dark-layout pre code {
            background-color: inherit;
            text-shadow: none
        }

            body.dark-layout code, body.dark-layout kbd, body.dark-layout pre code .operator, body.dark-layout pre code .url {
                background-color: #1A233A
            }

        body.dark-layout pre .line-highlight:after, body.dark-layout pre .line-highlight:before {
            box-shadow: none !important
        }

    body.dark-layout .close {
        text-shadow: none
    }

    body.dark-layout .language-javascript code, body.dark-layout .prism-show-language code {
        color: #8A99B5
    }

    body.dark-layout .help-block ul li {
        color: #FF5B5C !important
    }

    body.dark-layout.bg-full-screen-image {
        background: url(../../images/pages/auth-bg-dark.jpg) center center no-repeat;
        background-size: cover
    }

    body.dark-layout .ps__rail-y, body.dark-layout .ps__rail-y:focus {
        background-color: #EEE0D !important;
        width: 10px !important
    }

        body.dark-layout .ps__rail-y .ps__thumb-y, body.dark-layout .ps__rail-y:focus .ps__thumb-y {
            width: 6px !important;
            background-color: #D1D7DE !important
        }

    body.dark-layout.navbar-sticky.navbar-scrolled .header-navbar {
        background-color: #272E48;
        box-shadow: rgba(26,35,59,.7) -8px 12px 18px 0
    }

    body.dark-layout .header-navbar.fixed-top {
        background-color: transparent
    }

    body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link {
        color: #8A99B5;
        background-color: transparent
    }

    body.dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input .form-control, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open {
        background-color: #272E48
    }

    body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link i {
        color: #8A99B5
    }

    body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input {
        border-color: transparent
    }

        body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::-webkit-input-placeholder {
            color: #8A99B5
        }

        body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::-moz-placeholder {
            color: #8A99B5
        }

        body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input:-ms-input-placeholder {
            color: #8A99B5
        }

        body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::-ms-input-placeholder {
            color: #8A99B5
        }

        body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::placeholder, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
            color: #8A99B5
        }

    body.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list {
        background-color: #1A233A
    }

        body.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list .current_item {
            background-color: #272E48
        }

    body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media {
        overflow: hidden
    }

        body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media {
            border-color: #464D5C
        }

            body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-body .notification-text, body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-meta {
                color: #8A99B5
            }

            body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media:hover {
                background-color: #304256
            }

        body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer, body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover {
            background-color: #272E48
        }

        body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-header {
            border-color: #464D5C !important
        }

            body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-header .dropdown-header span {
                color: #FFF !important
            }

        body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item {
            color: #8A99B5;
            border-color: #464D5C
        }

        body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .read-notification {
            background-color: #272E48 !important
        }

        body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .border-left {
            border-color: #464D5C !important
        }

    body.dark-layout .header-navbar .navbar-container ul.nav li i.ficon {
        -webkit-text-stroke: inherit
    }

    body.dark-layout .header-navbar[class*=bg-] .navbar-nav .nav-item .nav-link {
        background-color: inherit
    }

    body.dark-layout .header-navbar.navbar-demo {
        background-color: transparent !important
    }

    body.dark-layout .header-navbar .user-name {
        color: #BDD1F8 !important
    }

    body.dark-layout .main-menu {
        background-color: #1A233A !important
    }

        body.dark-layout .main-menu .shadow-bottom {
            background: -webkit-linear-gradient(top,#1A233AF0 44%,#1A233ABF 73%,#2C303C00);
            background: linear-gradient(180deg,#1A233AF0 44%,#1A233ABF 73%,#2C303C00)
        }

        body.dark-layout .main-menu .navbar-header {
            z-index: 3
        }

            body.dark-layout .main-menu .navbar-header .modern-nav-toggle {
                background-color: transparent !important
            }

    body.dark-layout.horizontal-menu .header-navbar {
        background-color: transparent;
        border-color: #464D5C !important
    }

        body.dark-layout.horizontal-menu .header-navbar.navbar-horizontal {
            background-color: #272E48 !important;
            border-color: #464D5C !important
        }

            body.dark-layout.horizontal-menu .header-navbar.navbar-horizontal .navbar-container li.nav-item.sidebar-group-active.active a.nav-link {
                background-color: #353D52 !important
            }

    body.dark-layout.horizontal-menu .navbar-nav .dropdown .dropdown-menu {
        border-color: #464D5C !important
    }

        body.dark-layout.horizontal-menu .navbar-nav .dropdown .dropdown-menu li.dropdown-submenu.active > a {
            background-color: #343B53 !important
        }

        body.dark-layout.horizontal-menu .navbar-nav .dropdown .dropdown-menu li.dropdown-submenu .dropdown-item:hover {
            background-color: #304256 !important
        }

        body.dark-layout.horizontal-menu .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-toggle:after, body.dark-layout.horizontal-menu .navbar-nav .dropdown .dropdown-toggle:after {
            color: #8A99B5 !important
        }

    body.dark-layout.horizontal-menu .navbar-nav > li li.sidebar-group-active .dropdown-menu li:not(.sidebar-group-active).active a {
        background-color: #353D52 !important
    }

    body.dark-layout .main-menu-content .navigation-main {
        background-color: transparent
    }

        body.dark-layout .main-menu-content .navigation-main .nav-item a:after, body.dark-layout .main-menu-content .navigation-main .nav-item i {
            color: #8A99B5
        }

        body.dark-layout .main-menu-content .navigation-main .active .menu-title, body.dark-layout .main-menu-content .navigation-main .active i, body.dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
            color: #5A8DEE
        }

        body.dark-layout .main-menu-content .navigation-main .sidebar-group-active {
            background: #272E48 !important;
            border-color: #464D5C !important
        }

            body.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
                background-color: #343B53
            }

    body.dark-layout .widget-todo .widget-todo-list-wrapper .widget-todo-item:hover {
        background-color: #304256
    }

    body.dark-layout .timeline li.timeline-item.active:not(:last-child):after {
        background: #464D5C
    }

    body.dark-layout .widget-chat .chat-content .chat-body .chat-message p, body.dark-layout .widget-chat .chat-content .chat-body .chat-message span {
        color: inherit !important
    }

    body.dark-layout .widget-chat .chat-content .chat-body .chat-message .chat-time, body.dark-layout .widget-chat .chat-content .chat.chat-left .chat-body .chat-message p, body.dark-layout .widget-chat .chat-content .chat.chat-left .chat-body .chat-message span {
        color: #8A99B5 !important
    }

    body.dark-layout .widget-chat .chat-content .chat.chat-left .chat-body .chat-message {
        background-color: #1A233A !important
    }

    body.dark-layout .overlay-image-card .btn-white {
        background-color: #394C62 !important
    }

    body.dark-layout .bd-example .d-flex, body.dark-layout .bd-example .row {
        background-color: #1A233A;
        color: #BDD1F8
    }

        body.dark-layout .bd-example .d-flex .bd-highlight, body.dark-layout .bd-example .d-flex .col, body.dark-layout .bd-example .d-flex [class*=col-], body.dark-layout .bd-example .row .bd-highlight, body.dark-layout .bd-example .row .col, body.dark-layout .bd-example .row [class*=col-] {
            background-color: #1A233A;
            border-color: #464D5C
        }

    body.dark-layout .bd-example .height-example, body.dark-layout .bd-example .height-example-wrapper, body.dark-layout .bd-example .width-example {
        background-color: #1A233A !important
    }

    body.dark-layout .colors-container span {
        color: #FFF !important
    }

    body.dark-layout.no-card-shadow .card {
        box-shadow: none !important
    }

    body.dark-layout .card {
        background-color: #272E48;
        box-shadow: -8px 12px 20px 0 rgba(11,26,51,.63) !important
    }

        body.dark-layout .accordion .card, body.dark-layout .card .card, body.dark-layout .card.shadow-none, body.dark-layout .collapsible .card, body.dark-layout .faq-bg {
            box-shadow: none !important
        }

        body.dark-layout .card .card-body, body.dark-layout .card .card-footer, body.dark-layout .card .card-header {
            color: #8A99B5;
            background-color: #272E48;
            border-color: #464D5C !important
        }

            body.dark-layout .card .card-header .heading-elements.visible ul li {
                background-color: #272E48
            }

        body.dark-layout .card .card-img-overlay h4, body.dark-layout .card .card-img-overlay p, body.dark-layout .card .card-img-overlay small, body.dark-layout .card .card-img-overlay span {
            color: #FFF !important
        }

        body.dark-layout .card.bg-transparent .card-footer, body.dark-layout .card.bg-transparent .card-header, body.dark-layout .card.bg-transparent > .card-body, body.dark-layout .card.bg-transparent > .card-content > .card-body {
            background-color: transparent !important
        }

    body.dark-layout .alert .alert-heading, body.dark-layout .alert p, body.dark-layout .alert span {
        color: inherit !important
    }

    body.dark-layout .btn.btn-outline-dark {
        border-color: #40566F !important
    }

    body.dark-layout .btn.btn-outline-dark, body.dark-layout .btn.btn-outline-secondary {
        color: #FFF !important
    }

    body.dark-layout .btn.btn-white {
        color: #727E8C
    }

    body.dark-layout .btn span {
        color: inherit !important
    }

    body.dark-layout .btn.btn-light-primary {
        background-color: rgba(90,141,238,.3)
    }

    body.dark-layout .btn.btn-light-success {
        background-color: rgba(57,218,138,.3)
    }

    body.dark-layout .btn.btn-light-danger {
        background-color: rgba(255,91,92,.3)
    }

    body.dark-layout .btn.btn-light-warning {
        background-color: rgba(253,172,65,.3)
    }

    body.dark-layout .btn.btn-light-info {
        background-color: rgba(0,207,221,.3)
    }

    body.dark-layout .btn.btn-light-secondary {
        background-color: rgba(71,95,123,.3)
    }

    body.dark-layout .btn-group-toggle .btn, body.dark-layout .btn[class*=btn-light-] {
        color: #FFF !important
    }

    body.dark-layout .breadcrumb {
        background-color: #1A233A
    }

        body.dark-layout .breadcrumb .breadcrumb-item a {
            color: #8A99B5 !important
        }

        body.dark-layout .breadcrumb .breadcrumb-item:before {
            color: #8A99B5
        }

        body.dark-layout .breadcrumb .breadcrumb-item:not(.active) a:hover {
            color: #5A8DEE
        }

        body.dark-layout .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
            color: #8A99B5 !important
        }

    body.dark-layout .accordion .card .card-header, body.dark-layout .collapsible .card .card-header {
        border: 1px solid #464D5C;
        background-color: #272E48 !important
    }

    body.dark-layout .accordion .card.open, body.dark-layout .collapsible .card.open {
        box-shadow: 0 0 20px 0 rgba(11,26,51,.63) !important
    }

        body.dark-layout .accordion .card.open .card-header, body.dark-layout .collapsible .card.open .card-header {
            border-bottom: 1px solid #464D5C !important;
            border-top: 0;
            border-left: 0;
            border-right: 0
        }

    body.dark-layout .dropdown-menu {
        background-color: #1A233A;
        border: 1px solid #464D5C
    }

        body.dark-layout .dropdown-menu .dropdown-item:focus, body.dark-layout .dropdown-menu .dropdown-item:hover {
            background: #304256
        }

        body.dark-layout .dropdown-menu .dropdown-item {
            color: #8A99B5
        }

            body.dark-layout .dropdown-menu .dropdown-item.active, body.dark-layout .dropdown-menu .dropdown-item:active {
                background-color: #5A8DEE;
                color: #FFF
            }

            body.dark-layout .dropdown-menu .dropdown-item i {
                color: #8A99B5 !important
            }

        body.dark-layout .dropdown-menu .dropdown-divider {
            border-color: #464D5C
        }

    body.dark-layout .dropleft.dropdown-icon-wrapper .dropdown-menu .dropdown-item i, body.dark-layout .dropright.dropdown-icon-wrapper .dropdown-menu .dropdown-item i, body.dark-layout .dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item i {
        color: #8A99B5
    }

    body.dark-layout .list-group .list-group-item.list-group-item-action, body.dark-layout .list-group .list-group-item:not([class*=list-group-item-]) {
        background-color: #272E48;
        border-color: #464D5C;
        color: #8A99B5
    }

    body.dark-layout .list-group .list-group-item.active {
        background-color: #5A8DEE !important;
        color: #FFF !important
    }

        body.dark-layout .list-group .list-group-item.active h4, body.dark-layout .list-group .list-group-item.active h5, body.dark-layout .list-group .list-group-item.active h6, body.dark-layout .list-group .list-group-item.active p, body.dark-layout .list-group .list-group-item.active small, body.dark-layout .list-group .list-group-item.active span {
            color: #FFF !important
        }

    body.dark-layout .list-group .list-group-item.disabled {
        background-color: #1A233A
    }

    body.dark-layout .list-group .list-group-item.list-group-item-action:hover {
        background-color: #304256
    }

    body.dark-layout .modal .modal-header {
        background-color: #272E48;
        border-bottom: 1px solid #304256
    }

    body.dark-layout .modal .modal-body, body.dark-layout .modal .modal-content, body.dark-layout .modal .modal-footer, body.dark-layout .pagination .page-item.next.disabled .page-link, body.dark-layout .pagination .page-item.previous.disabled .page-link {
        background-color: #1A233A
    }

    body.dark-layout .modal .modal-footer {
        border-top: 1px solid #304256
    }

        body.dark-layout .modal .modal-footer span {
            color: inherit
        }

    body.dark-layout .pagination .page-item:first-child .page-link {
        border-left: 1px solid #464D5C
    }

    body.dark-layout .pagination .page-item:last-child .page-link {
        border-right: 1px solid #464D5C
    }

    body.dark-layout .pagination .page-item .page-link {
        border: 1px solid #464D5C;
        border-right: 0;
        border-left: 0;
        color: #8A99B5
    }

    body.dark-layout .pagination .page-item.next .page-link, body.dark-layout .pagination .page-item.previous .page-link {
        border: 1px solid #464D5C
    }

    body.dark-layout .pagination .page-item.active .page-link {
        color: #FFF
    }

    body.dark-layout .pagination .page-item.previous ~ .page-item:nth-child(2) .page-link {
        border-left: 1px solid #464D5C
    }

    body.dark-layout .pagination .page-item.previous ~ .page-item:nth-last-child(-n+2) .page-link {
        border-right: 1px solid #464D5C
    }

    body.dark-layout .pagination.pagination-borderless .page-item.next .page-link, body.dark-layout .pagination.pagination-borderless .page-item.previous .page-link {
        background-color: #464D5C
    }

        body.dark-layout .pagination.pagination-borderless .page-item.next .page-link:hover, body.dark-layout .pagination.pagination-borderless .page-item.previous .page-link:hover {
            background-color: #304256 !important
        }

    body.dark-layout .nav .nav-item .nav-link, body.dark-layout .nav-tabs .nav-item .nav-link, body.dark-layout .pagination.pagination-borderless .page-item.next.disabled .page-link, body.dark-layout .pagination.pagination-borderless .page-item.previous.disabled .page-link, body.dark-layout .pills-stacked .nav-item .nav-link {
        background-color: #1A233A
    }

    body.dark-layout .nav .nav-item .nav-link {
        color: #8A99B5
    }

    body.dark-layout .nav.nav-tabs, body.dark-layout .nav.nav-tabs .nav-link.active:before {
        border-bottom-color: #464D5C
    }

        body.dark-layout .nav.nav-tabs .nav-link.active:after {
            border-bottom-color: #1A233A
        }

    body.dark-layout .card .nav.nav-tabs .nav-link.active:after {
        border-bottom-color: #272E48
    }

    body.dark-layout .nav .nav-item .nav-link.active, body.dark-layout .nav-tabs .nav-item .nav-link.active, body.dark-layout .pills-stacked .nav-item .nav-link.active {
        background-color: #5A8DEE;
        color: #FFF
    }

        body.dark-layout .nav .nav-item .nav-link.active span, body.dark-layout .nav-tabs .nav-item .nav-link.active span, body.dark-layout .pills-stacked .nav-item .nav-link.active span {
            color: #FFF !important
        }

    body.dark-layout .nav .nav-item .nav-link.disabled, body.dark-layout .nav-tabs .nav-item .nav-link.disabled, body.dark-layout .pills-stacked .nav-item .nav-link.disabled {
        opacity: .5
    }

    body.dark-layout .nav .tab-content, body.dark-layout .nav-tabs .tab-content, body.dark-layout .nav-tabs ~ .tab-content, body.dark-layout .nav ~ .tab-content, body.dark-layout .pills-stacked .tab-content, body.dark-layout .pills-stacked ~ .tab-content {
        background-color: #272E48;
        color: #8A99B5
    }

    body.dark-layout #basic-pills .card-header, body.dark-layout #filled-pills .card-header, body.dark-layout #stacked-pill .card-header {
        background-color: transparent !important
    }

    body.dark-layout .progress {
        background-color: #464D5C !important
    }

        body.dark-layout .progress .progress-bar:before {
            color: #8A99B5
        }

    body.dark-layout .media-bordered .media {
        border-color: #464D5C
    }

    body.dark-layout .spinner-border {
        border-color: currentColor transparent currentColor currentColor !important
    }

    body.dark-layout .badge span, body.dark-layout .badge-pill span, body.dark-layout .badge.badge-up {
        color: #FFF !important
    }

    body.dark-layout .popover {
        border: 1px solid #464D5C
    }

        body.dark-layout .popover[x-placement=top] .arrow:after {
            border-top-color: #1A233A
        }

        body.dark-layout .popover[x-placement=top] .arrow:before {
            border-top-color: #464D5C
        }

        body.dark-layout .popover[x-placement=bottom] .arrow:after {
            border-bottom-color: #1A233A
        }

        body.dark-layout .popover[x-placement=bottom] .arrow:before {
            border-bottom-color: #464D5C
        }

        body.dark-layout .popover[x-placement=left] .arrow:after {
            border-left-color: #1A233A
        }

        body.dark-layout .popover[x-placement=left] .arrow:before {
            border-left-color: #464D5C
        }

        body.dark-layout .popover[x-placement=right] .arrow:after {
            border-right-color: #1A233A
        }

        body.dark-layout .popover[x-placement=right] .arrow:before {
            border-right-color: #464D5C
        }

        body.dark-layout .popover .popover-header {
            background-color: #272E48;
            border-bottom: 1px solid #464D5C;
            border-top-left-radius: inherit;
            border-top-right-radius: inherit
        }

        body.dark-layout .avatar, body.dark-layout .chip, body.dark-layout .popover .popover-body, body.dark-layout .toast {
            background-color: #1A233A
        }

        body.dark-layout .popover .popover-body {
            color: #8A99B5
        }

    body.dark-layout .toast {
        box-shadow: -5px 5px 5px 0 rgba(0,0,0,.3);
        border: 1px solid #464D5C
    }

        body.dark-layout .avatar [class*=avatar-status-], body.dark-layout .divider .divider-text::after, body.dark-layout .divider .divider-text::before, body.dark-layout .toast .toast-header {
            border-color: #464D5C
        }

        body.dark-layout .toast .toast-header {
            color: #FFF
        }

            body.dark-layout .toast .toast-header .toast-title, body.dark-layout .toast .toast-header i, body.dark-layout .toast .toast-header small {
                color: #FFF !important
            }

            body.dark-layout .toast .toast-header button i {
                color: #8A99B5 !important
            }

        body.dark-layout .toast .toast-body, body.dark-layout .toast.toast-light .toast-header {
            color: #8A99B5
        }

            body.dark-layout .toast.toast-light .toast-header .toast-title {
                color: #BDD1F8 !important
            }

            body.dark-layout .toast.toast-light .toast-header i, body.dark-layout .toast.toast-light .toast-header small {
                color: #8A99B5 !important
            }

    body.dark-layout .avatar .avatar-content, body.dark-layout .chip .chip-body .chip-text, body.dark-layout .chip .chip-body span {
        color: #FFF !important
    }

    body.dark-layout .chip .avatar {
        background-color: #272E48
    }

    body.dark-layout .divider .divider-text {
        color: #8A99B5
    }

    body.dark-layout .divider.divider-dark .divider-text::after, body.dark-layout .divider.divider-dark .divider-text::before {
        border-color: #40566F !important
    }

    body.dark-layout .custom-file-label, body.dark-layout input.form-control, body.dark-layout textarea.form-control {
        background-color: #1A233A;
        color: #8A99B5
    }

        body.dark-layout .custom-file-label:not(:focus), body.dark-layout input.form-control:not(:focus), body.dark-layout textarea.form-control:not(:focus) {
            border-color: #464D5C
        }

        body.dark-layout .custom-file-label::-webkit-input-placeholder, body.dark-layout input.form-control::-webkit-input-placeholder, body.dark-layout textarea.form-control::-webkit-input-placeholder {
            color: #585D67
        }

        body.dark-layout .custom-file-label::-moz-placeholder, body.dark-layout input.form-control::-moz-placeholder, body.dark-layout textarea.form-control::-moz-placeholder {
            color: #585D67
        }

        body.dark-layout .custom-file-label:-ms-input-placeholder, body.dark-layout input.form-control:-ms-input-placeholder, body.dark-layout textarea.form-control:-ms-input-placeholder {
            color: #585D67
        }

        body.dark-layout .custom-file-label::-ms-input-placeholder, body.dark-layout input.form-control::-ms-input-placeholder, body.dark-layout textarea.form-control::-ms-input-placeholder {
            color: #585D67
        }

        body.dark-layout .custom-file-label::placeholder, body.dark-layout input.form-control::placeholder, body.dark-layout textarea.form-control::placeholder {
            color: #585D67
        }

        body.dark-layout .custom-file-label ~ .form-control-position i, body.dark-layout input.form-control ~ .form-control-position i, body.dark-layout textarea.form-control ~ .form-control-position i {
            color: #8A99B5
        }

        body.dark-layout .custom-file-label:focus ~ .form-control-position i, body.dark-layout input.form-control:focus ~ .form-control-position i, body.dark-layout textarea.form-control:focus ~ .form-control-position i {
            color: #5A8DEE
        }

        body.dark-layout .custom-file-label:disabled, body.dark-layout .custom-file-label[readonly=readonly], body.dark-layout input.form-control:disabled, body.dark-layout input.form-control[readonly=readonly], body.dark-layout textarea.form-control:disabled, body.dark-layout textarea.form-control[readonly=readonly] {
            opacity: .5
        }

    body.dark-layout .has-icon-left.input-divider-left .form-control-position i {
        border-right-color: #464D5C
    }

    body.dark-layout .has-icon-left.input-divider-right .form-control-position i {
        border-left-color: #464D5C
    }

    body.dark-layout .bootstrap-touchspin .form-control {
        background-color: #1A233A
    }

    body.dark-layout .bootstrap-touchspin .bootstrap-touchspin-injected .disabled-max-min, body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down, body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up, body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .disabled-max-min {
        background-color: #475F7B !important;
        opacity: 1
    }

    body.dark-layout .bootstrap-touchspin.disabled-touchspin input {
        border: 1px solid #464D5C !important
    }

    body.dark-layout .custom-select, body.dark-layout select.form-control {
        background-color: #1A233A;
        color: #8A99B5;
        border-color: #464D5C
    }

        body.dark-layout .custom-select option:checked, body.dark-layout select.form-control option:checked {
            background-color: #272E48
        }

    body.dark-layout .select2-container .select2-selection {
        background: #1A233A;
        border-color: #464D5C
    }

        body.dark-layout .select2-container .select2-selection .select2-selection__rendered {
            color: #8A99B5
        }

            body.dark-layout .select2-container .select2-selection .select2-selection__rendered .select2-search__field {
                color: #FFF
            }

        body.dark-layout .select2-container .select2-selection .select2-selection__arrow b {
            border-top-color: #464D5C
        }

    body.dark-layout .select2-container .select2-dropdown {
        background-color: #272E48
    }

        body.dark-layout .select2-container .select2-dropdown .select2-search__field {
            background-color: #1A233A;
            color: #8A99B5;
            border-color: #464D5C
        }

        body.dark-layout .select2-container .select2-dropdown.bg-info .select2-results__options .select2-results__option {
            color: #FFF
        }

        body.dark-layout .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true] {
            background-color: #5A8DEE;
            color: #FFF !important
        }

    body.dark-layout .select2-container.select2-container--classic .selection .select2-selection__arrow {
        background-image: none;
        background-color: #1A233A;
        border-color: rgba(255,255,255,.1)
    }

    body.dark-layout .checkbox label:after, body.dark-layout .checkbox label:before, body.dark-layout .custom-radio label:before, body.dark-layout .radio label:before, body.dark-layout .select2-dropdown {
        border: 1px solid #464D5C
    }

    body.dark-layout .select2-container--default .select2-results__option--highlighted[aria-selected] {
        color: #FFF !important
    }

    body.dark-layout .custom-radio input[type=radio]:disabled ~ label:before, body.dark-layout .radio input[type=radio]:disabled ~ label:before {
        background-color: #304256 !important
    }

    body.dark-layout .checkbox label:before {
        background-color: #304256
    }

    body.dark-layout .checkbox input:checked ~ label:after {
        border-top-style: none;
        border-right-style: none;
        border-color: #5A8DEE;
        border-radius: 0;
        border-width: 2px
    }

    body.dark-layout .checkbox input:disabled ~ label:before {
        background-color: #1A233A !important;
        border: 1px solid #1A233A !important
    }

    body.dark-layout .checkbox input:disabled ~ label:after {
        border-color: #5A627D !important
    }

    body.dark-layout .checkbox[class*=checkbox-] input:checked ~ label:after {
        border-color: #FFF
    }

    body.dark-layout .checkbox.checkbox-icon input[type=checkbox]:not(:checked) ~ label i {
        color: #304256 !important
    }

    body.dark-layout .custom-checkbox input:not([class*=bg-]) + .custom-control-label:before {
        background-color: #304256 !important;
        border-color: #5A627D !important
    }

    body.dark-layout .custom-checkbox input:not([class*=bg-]).custom-control-input:checked ~ .custom-control-label:after {
        background-color: #5A8DEE !important;
        border-radius: .267rem
    }

    body.dark-layout .custom-switch .custom-control-input[disabled] ~ .custom-control-label {
        opacity: .5
    }

    body.dark-layout .custom-switch .custom-control-input:checked ~ .custom-control-label::before, body.dark-layout .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        background-color: #5A8DEE
    }

    body.dark-layout .custom-switch .custom-control-label:before {
        background-color: #353D52
    }

    body.dark-layout .custom-switch .custom-control-label:after {
        background-color: #D6E3FB !important
    }

    body.dark-layout .custom-switch .switch-icon-left {
        color: #FFF !important
    }

    body.dark-layout .form-control.is-invalid, body.dark-layout .was-validated .form-control:invalid {
        border-color: #FF5B5C !important
    }

    body.dark-layout .form-control.is-valid, body.dark-layout .was-validated .form-control:valid {
        border-color: #39DA8A !important
    }

    body.dark-layout .ql-container, body.dark-layout .ql-toolbar, body.dark-layout .quill-toolbar {
        border-color: #464D5C
    }

    body.dark-layout .char-textarea.active {
        color: #8A99B5 !important
    }

    body.dark-layout .char-textarea.max-limit {
        color: #FF5B5C !important
    }

    body.dark-layout .counter-value, body.dark-layout .counter-value span {
        color: #FFF !important
    }

    body.dark-layout .ql-toolbar .ql-picker-label, body.dark-layout .quill-toolbar .ql-picker-label {
        color: #8A99B5
    }

    body.dark-layout .ql-toolbar .ql-stroke, body.dark-layout .quill-toolbar .ql-stroke {
        stroke: #8A99B5
    }

    body.dark-layout .apexcharts-canvas .apexcharts-gridlines-horizontal .apexcharts-gridline, body.dark-layout .apexcharts-canvas .apexcharts-radialbar-track path {
        stroke: #464D5C
    }

    body.dark-layout .ql-toolbar .ql-fill, body.dark-layout .quill-toolbar .ql-fill {
        fill: #8A99B5
    }

    body.dark-layout .ql-toolbar .ql-picker-options, body.dark-layout .quill-toolbar .ql-picker-options {
        background-color: #272E48
    }

    body.dark-layout .dropzone, body.dark-layout .ql-editor .ql-syntax {
        background-color: #1A233A
    }

    body.dark-layout .ql-toolbar .ql-picker-options span:not(:hover), body.dark-layout .quill-toolbar .ql-picker-options span:not(:hover) {
        color: #8A99B5
    }

    body.dark-layout .ql-editor.ql-blank:before {
        color: #8A99B5
    }

    body.dark-layout .picker.picker--opened:before {
        background: #1A233A;
        border-top: 1px solid #464D5C;
        border-left: 1px solid #464D5C
    }

    body.dark-layout .picker__input {
        background-color: #1A233A !important
    }

    body.dark-layout .picker__holder {
        background-color: #1A233A;
        border: 1px solid #464D5C
    }

        body.dark-layout .picker__holder .picker__header .picker__month, body.dark-layout .picker__holder .picker__header .picker__year {
            color: #8A99B5
        }

        body.dark-layout .picker__holder .picker__header .picker__select--month, body.dark-layout .picker__holder .picker__header .picker__select--year {
            color: #8A99B5;
            background-color: #1A233A;
            border-color: #464D5C
        }

        body.dark-layout .picker__holder .picker__header .picker__nav--next:hover, body.dark-layout .picker__holder .picker__header .picker__nav--prev:hover {
            background-color: #272E48
        }

        body.dark-layout .picker__holder .picker__table tbody tr td .picker__day, body.dark-layout .picker__holder .picker__table thead tr .picker__weekday {
            color: #8A99B5
        }

            body.dark-layout .picker__holder .picker__table tbody tr td .picker__day:hover {
                background-color: #304256;
                color: #8A99B5
            }

            body.dark-layout .picker__holder .picker__table tbody tr td .picker__day.picker__day--disabled {
                color: #8A99B5;
                opacity: .5;
                background: #272E48
            }

        body.dark-layout .picker__holder .picker__table tbody tr td .picker__day--today {
            background-color: #272E48
        }

        body.dark-layout .picker__holder .picker__footer .picker__button--clear, body.dark-layout .picker__holder .picker__footer .picker__button--close, body.dark-layout .picker__holder .picker__footer .picker__button--today {
            background-color: #1A233A;
            color: #8A99B5
        }

    body.dark-layout .picker--time .picker__holder .picker__list {
        background-color: #1A233A
    }

        body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item.picker__list-item--selected, body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item:hover {
            background-color: #272E48
        }

        body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item.picker__list-item--disabled {
            background-color: #272E48;
            color: #475F7B;
            opacity: .5
        }

        body.dark-layout .picker--time .picker__holder .picker__list .picker__button--clear {
            background-color: #1A233A;
            color: #8A99B5
        }

    body.dark-layout .daterangepicker, body.dark-layout .daterangepicker .calendar-table {
        background-color: #1A233A;
        border-color: #464D5C
    }

        body.dark-layout .daterangepicker .calendar-table .next span, body.dark-layout .daterangepicker .calendar-table .prev span {
            border-color: #8A99B5 !important
        }

        body.dark-layout .daterangepicker .calendar-table .next:hover span, body.dark-layout .daterangepicker .calendar-table .prev:hover span {
            border-color: #FFF !important
        }

        body.dark-layout .daterangepicker .off {
            background-color: #1A233A
        }

        body.dark-layout .daterangepicker .drp-buttons {
            border-color: #464D5C
        }

            body.dark-layout .daterangepicker .drp-buttons .cancelBtn {
                color: #8A99B5
            }

                body.dark-layout .daterangepicker .drp-buttons .cancelBtn.btn-danger {
                    color: #FFF
                }

        body.dark-layout .daterangepicker:after {
            border-bottom: 6px solid #1A233A
        }

        body.dark-layout .daterangepicker:before {
            border-bottom: 7px solid #464D5C
        }

        body.dark-layout .daterangepicker .drp-calendar.left, body.dark-layout .wizard.vertical .content {
            border-color: #464D5C !important
        }

        body.dark-layout .daterangepicker td.available:hover, body.dark-layout .daterangepicker th.available:hover {
            background-color: #5A8DEE;
            color: #FFF
        }

        body.dark-layout .daterangepicker td.in-range.available, body.dark-layout .daterangepicker th.in-range.available {
            color: #FFF
        }

        body.dark-layout .daterangepicker td.off, body.dark-layout .daterangepicker th.off {
            color: #8A99B5 !important
        }

        body.dark-layout .daterangepicker .ranges li:hover {
            background-color: #304256 !important
        }

        body.dark-layout .daterangepicker .ranges li.active {
            color: #FFF !important;
            background-color: #5A8DEE !important
        }

    body.dark-layout .wizard .steps ul li a .step, body.dark-layout .wizard .steps ul li.current:after, body.dark-layout .wizard .steps ul li.current ~ li:after, body.dark-layout .wizard .steps ul li.current ~ li:before, body.dark-layout .wizard.vertical .steps ul li.current {
        background-color: #353D52 !important
    }

    body.dark-layout .wizard .steps ul li.done a span {
        color: #39DA8A !important
    }

    body.dark-layout .input-group .input-group-append .input-group-text, body.dark-layout .input-group .input-group-prepend .input-group-text {
        background-color: #304256;
        border: 1px solid #464D5C
    }

    body.dark-layout .input-group .form-control ~ .input-group-append, body.dark-layout .input-group .input-group-prepend ~ .form-control {
        border-left: 1px solid #464D5C
    }

    body.dark-layout .custom-file-label:after {
        background-color: #304256;
        border-left: 1px solid #464D5C;
        color: #8A99B5
    }

    body.dark-layout .form-label-group > input:not(:focus):not(:placeholder-shown) ~ label, body.dark-layout .form-label-group > textarea:not(:focus):not(:placeholder-shown) ~ label {
        color: #8A99B5 !important
    }

    body.dark-layout .table thead th {
        border-color: #464D5C;
        color: #BDD1F8
    }

        body.dark-layout .table thead th span {
            color: #BDD1F8 !important
        }

    body.dark-layout .table tbody td, body.dark-layout .table tbody th {
        border-color: #464D5C;
        color: #8A99B5
    }

        body.dark-layout .table tbody td .badge-circle-light-secondary, body.dark-layout .table tbody th .badge-circle-light-secondary {
            background-color: #1A233A;
            color: #BDD1F8
        }

        body.dark-layout .table tbody td a i, body.dark-layout .table tbody th a i {
            color: #8A99B5 !important
        }

    body.dark-layout .table tbody tr.group {
        background-color: #1A233A
    }

    body.dark-layout .table tfoot tr th {
        border-color: #464D5C
    }

    body.dark-layout .table.table-striped tbody tr:nth-of-type(odd) {
        background-color: #1A233A
    }

    body.dark-layout .table.table-hover tbody tr:hover {
        background-color: #304256
    }

    body.dark-layout .table.table-borderless thead tr {
        border-color: #464D5C
    }

    body.dark-layout .table.table-light th {
        color: inherit
    }

    body.dark-layout .table.table-bordered th {
        border-color: #464D5C !important;
        color: #BDD1F8
    }

    body.dark-layout .kb-search #searchbar, body.dark-layout .search-bar #searchbar {
        border: 1px solid #464D5C
    }

    body.dark-layout .kb-search .kb-header input.form-control, body.dark-layout .search-bar .kb-header input.form-control {
        background-color: #272E48
    }

    body.dark-layout .faq-bg .card-body .card-text {
        color: #BDD1F8 !important
    }

    body.dark-layout .faq-bg input.form-control {
        background-color: #272E48 !important
    }

    body.dark-layout .faq-bg.card.bg-transparent .card-body {
        background-color: transparent !important
    }

    body.dark-layout .users-list li img {
        border-color: #464D5C !important
    }

    body.dark-layout .users-view h6, body.dark-layout .users-view span {
        color: #5A8DEE !important
    }

    body.dark-layout .users-list-filter {
        background-color: #272E48
    }

    body.dark-layout .bg-authentication {
        background-color: #1A233A
    }

    body.dark-layout .getting-started .clockCard p {
        color: #8A99B5 !important
    }

    body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light, body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip, body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip {
        background-color: #212744;
        border-color: #1A233A
    }

        body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-text, body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-title, body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-tooltip-text, body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-tooltip-title, body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-tooltip-text, body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-tooltip-title {
            background-color: #212744;
            color: #8A99B5
        }

    body.dark-layout .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-text .apexcharts-tooltip-text-label, body.dark-layout .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-text .apexcharts-tooltip-text-value {
        color: #FFF
    }

    body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
        border-bottom-color: transparent
    }

    body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:after {
        border-bottom-color: #1A233A
    }

    body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:before {
        border-left-color: transparent
    }

    body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:after {
        border-left-color: #1A233A
    }

    body.dark-layout .apexcharts-canvas text {
        fill: #FFF !important
    }

    body.dark-layout .apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text {
        color: #8A99B5 !important
    }

    body.dark-layout .apexcharts-canvas .apexcharts-inner polygon {
        stroke: #212744 !important;
        fill: #1A233A !important
    }

    body.dark-layout .apexcharts-canvas .apexcharts-pie-series path {
        stroke: #1A233A
    }

    body.dark-layout .apexcharts-canvas .apexcharts-menu {
        background-color: #1A233A;
        border: 0
    }

        body.dark-layout .apexcharts-canvas .apexcharts-menu .apexcharts-menu-item {
            color: #8A99B5
        }

            body.dark-layout .apexcharts-canvas .apexcharts-menu .apexcharts-menu-item:hover {
                background-color: #304256
            }

    body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-menu-icon:hover svg, body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-reset-zoom-icon:hover svg, body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-icon:hover svg, body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-in-icon:hover svg, body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-out-icon:hover svg {
        fill: #8A99B5
    }

    body.dark-layout.email-application .content-area-wrapper {
        border-color: #464D5C !important
    }

        body.dark-layout.email-application .content-area-wrapper .content-right {
            background-color: #1A233A
        }

            body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details {
                background-color: #272E48
            }

                body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header {
                    background-color: #1A233A;
                    border-color: #464D5C
                }

                    body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .email-detail-title {
                        color: #BDD1F8
                    }

                    body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .btn i {
                        border-color: #464D5C !important
                    }

                body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details.show {
                    border-color: #464D5C
                }

                body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .email-detail-head .collapse-header .card-header {
                    background-color: #1A233A;
                    border-color: #464D5C
                }

                body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .quill-wrapper {
                    background-color: #1A233A
                }

                body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .collapse-header.open .card-header, body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .collapse-header.open .card-header ~ .collapse.show .card-body {
                    background-color: #1A233A !important
                }

                    body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .collapse-header.open .card-header ~ .collapse.show .card-footer {
                        border-color: #464D5C !important;
                        background: #1A233A
                    }

        body.dark-layout.email-application .content-area-wrapper .sidebar .email-app-sidebar {
            border-color: #464D5C
        }

            body.dark-layout.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu {
                background-color: #1A233A
            }

                body.dark-layout.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .list-group .list-group-item .badge {
                    color: inherit !important
                }

                body.dark-layout.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .list-group .list-group-item.active {
                    color: #5A8DEE !important;
                    background-color: transparent !important
                }

    body.dark-layout.email-application .email-action .btn-icon.email-pagination-next, body.dark-layout.email-application .email-action .btn-icon.email-pagination-prev, body.dark-layout.email-application .users-list-wrapper .user-action .favorite {
        color: #8A99B5 !important
    }

    body.dark-layout.email-application .content-area-wrapper .sidebar .compose-new-mail-sidebar {
        background-color: #272E48
    }

        body.dark-layout.email-application .content-area-wrapper .sidebar .compose-new-mail-sidebar .snow-container {
            background-color: #1A233A
        }

    body.dark-layout.email-application .content-area-wrapper .action-icon {
        border-color: #464D5C !important
    }

    body.dark-layout.email-application .content-area-wrapper .app-content-overlay.show {
        background-color: rgba(0,0,0,.5) !important
    }

    body.dark-layout.email-application .email-action {
        background-color: #1A233A;
        border-color: #464D5C !important
    }

        body.dark-layout.email-application .email-action .action-icon, body.dark-layout.email-application .email-action .action-right .email-fixed-search input, body.dark-layout.email-application .email-action .action-right .email-pagination-next, body.dark-layout.email-application .email-action .action-right .email-pagination-prev {
            border-color: #464D5C !important
        }

    body.dark-layout.email-application .users-list-wrapper li.media {
        background-color: #272E48 !important;
        border-color: #464D5C !important
    }

        body.dark-layout.email-application .users-list-wrapper li.media.mail-read {
            background-color: #1A233A !important
        }

        body.dark-layout.email-application .users-list-wrapper li.media:hover {
            box-shadow: 0 0 16px 0 rgba(16,16,16,.45) !important
        }

        body.dark-layout.email-application .users-list-wrapper li.media.selected-row-bg {
            background-color: #353D52 !important
        }

    body.dark-layout.email-application .users-list-wrapper li .avatar img {
        border: 2px solid #464D5C !important
    }

    body.dark-layout.chat-application .chat-window-wrapper .chat-icon-favorite.warning i, body.dark-layout.email-application .users-list-wrapper .user-action .favorite.warning {
        color: #FDAC41 !important
    }

    body.dark-layout.chat-application .content-area-wrapper {
        border: 1px solid #464D5C
    }

    body.dark-layout.chat-application .chat-user-profile {
        background-color: #272E48
    }

    body.dark-layout.chat-application .chat-sidebar {
        border-right: 1px solid #464D5C;
        box-shadow: none !important
    }

        body.dark-layout.chat-application .chat-sidebar .chat-sidebar-search {
            border-bottom: 1px solid #464D5C
        }

        body.dark-layout .calendar-wrapper, body.dark-layout .calendar-wrapper .calendar-view, body.dark-layout .calendar-wrapper .calendar-view .calendar-action .btn-action, body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-layout .tui-full-calendar-weekday-grid-line, body.dark-layout.chat-application .chat-sidebar .chat-sidebar-list-wrapper li img, body.dark-layout.todo-application .content-area-wrapper, body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper, body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .todo-task-list .todo-task-list-wrapper .todo-item, body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-fixed-search, body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-fixed-search .todo-sort .sorting, body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .date-picker .pickadate:focus, body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .select-box .select2-container .select2-selection--single:hover {
            border-color: #464D5C !important
        }

        body.dark-layout.chat-application .chat-sidebar .chat-sidebar-list-wrapper li:hover {
            background: #162239
        }

        body.dark-layout.chat-application .chat-sidebar .chat-sidebar-list-wrapper li.active {
            background-color: #343B53 !important
        }

    body.dark-layout.chat-application .chat-overlay.show {
        background-color: rgba(0,0,0,.4)
    }

    body.dark-layout.chat-application .chat-content .chat-left .chat-message, body.dark-layout.chat-application .chat-profile, body.dark-layout.chat-application .chat-window-wrapper .chat-start .chat-start-icon {
        background-color: #272E48
    }

    body.dark-layout.chat-application .chat-content .chat-body .chat-message p {
        color: #FFF !important
    }

    body.dark-layout.chat-application .chat-content .chat-left .chat-message p {
        color: #8A99B5 !important
    }

    body.dark-layout.chat-application .chat-footer span {
        color: #FFF
    }

    body.dark-layout.chat-application .chat-container, body.dark-layout.chat-application .chat-start {
        background-color: #18223C !important
    }

    body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-fixed-search {
        background-color: #1A233A
    }

    body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .todo-task-list .todo-task-list-wrapper, body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar {
        background-color: #272E48
    }

        body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .todo-task-list .todo-task-list-wrapper .todo-item .todo-item-delete, body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .todo-task-list .todo-task-list-wrapper .todo-item .todo-item-favorite, body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .todo-task-list .todo-task-list-wrapper .todo-item .todo-title {
            color: #8A99B5
        }

    body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .sorting i, body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .sorting span {
        color: #8A99B5 !important
    }

    body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .snow-container {
        background-color: #1A233A
    }

    body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .form-control, body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .select-box .select2-container .select2-selection {
        background-color: transparent !important
    }

    body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .avatar {
        background-color: #1A233A
    }

        body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .avatar .avatar-content {
            color: #8A99B5
        }

    body.dark-layout.todo-application .content-area-wrapper .sidebar-left .todo-sidebar {
        background-color: #1A233A !important
    }

        body.dark-layout.todo-application .content-area-wrapper .sidebar-left .todo-sidebar .sidebar-menu-list .list-group .list-group-item.active {
            background-color: transparent !important
        }

            body.dark-layout.todo-application .content-area-wrapper .sidebar-left .todo-sidebar .sidebar-menu-list .list-group .list-group-item.active span {
                color: #5A8DEE !important
            }

    body.dark-layout .calendar-wrapper .calendar-view {
        background-color: #1A233A
    }

        body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-layout {
            background-color: #272E48 !important
        }

        body.dark-layout .calendar-wrapper .calendar-view .calendar-action .btn-action {
            color: #8A99B5 !important
        }

        body.dark-layout .calendar-wrapper .calendar-view .calendar-action span {
            color: #8A99B5
        }

        body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container {
            background-color: #353D52
        }

            body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-content {
                background-color: transparent;
                color: #8A99B5 !important
            }

            body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-button, body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-popup-section-item {
                background-color: #1A233A;
                border-color: #464D5C !important
            }

        body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-dropdown-menu, body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-timegrid-timezone {
            background-color: #272E48 !important;
            border-color: #464D5C !important
        }

        body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-popup-delete span, body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-popup-edit span, body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-popup-save span {
            color: #FFF !important
        }

        body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-dayname-container, body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-month-dayname, body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-splitter {
            border-color: #464D5C !important
        }

        body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-left {
            border-color: #464D5C !important
        }

    body.dark-layout .calendar-wrapper .sidebar {
        background-color: #1A233A !important
    }

    body.dark-layout .kanban-container .kanban-board {
        background-color: #272E48
    }

        body.dark-layout .kanban-container .kanban-board .kanban-item {
            background: #353D52;
            color: #8A99B5
        }

        body.dark-layout .kanban-container .kanban-board .kanban-board-header {
            color: #BDD1F8
        }

            body.dark-layout .invoice-edit-wrapper .invoice-item-title, body.dark-layout .invoice-edit-wrapper .invoice-subtotal-title, body.dark-layout .invoice-edit-wrapper .invoice-subtotal-value, body.dark-layout .invoice-view-wrapper .invoice-value, body.dark-layout .kanban-container .kanban-board .kanban-board-header .kanban-title-button {
                color: #8A99B5 !important
            }

    body.dark-layout .invoice-edit-wrapper .invoice-payment {
        border-color: #464D5C
    }

    body.dark-layout .invoice-list-wrapper .invoice-data-table, body.dark-layout .invoice-list-wrapper .top {
        border-color: #464D5C !important;
        background-color: #272E48
    }

        body.dark-layout .invoice-list-wrapper .invoice-data-table .dt-checkboxes-cell input:before, body.dark-layout .invoice-list-wrapper .top .dt-checkboxes-cell input:before {
            background-color: #304256;
            border-color: #464D5C !important
        }

        body.dark-layout .invoice-list-wrapper .invoice-data-table .dt-checkboxes-cell input:after, body.dark-layout .invoice-list-wrapper .top .dt-checkboxes-cell input:after {
            border-color: #464D5C !important
        }

        body.dark-layout .invoice-list-wrapper .invoice-data-table .dt-checkboxes-cell input:checked:after, body.dark-layout .invoice-list-wrapper .top .dt-checkboxes-cell input:checked:after {
            border-color: #FFF !important
        }

        body.dark-layout .invoice-list-wrapper .invoice-data-table .selected-row-bg, body.dark-layout .invoice-list-wrapper .top .selected-row-bg {
            background-color: #353D52 !important
        }

    body.dark-layout.file-manager-application .app-file-area .app-file-header {
        background-color: #272E48;
        border-color: #464D5C !important
    }

    body.dark-layout.file-manager-application .app-file-area .app-file-content {
        background-color: #272E48
    }

        body.dark-layout.file-manager-application .app-file-area .app-file-content .app-file-content-logo {
            background-color: #353D52 !important;
            border-color: #464D5C !important
        }

    body.dark-layout.file-manager-application .app-file-sidebar {
        border-color: #464D5C !important
    }

        body.dark-layout.file-manager-application .app-file-sidebar .app-file-sidebar-content .list-group .list-group-item.active {
            color: #5A8DEE !important;
            background-color: transparent !important
        }

        body.dark-layout.file-manager-application .app-file-sidebar .app-file-sidebar-left {
            background-color: #1A233A !important
        }

    body.dark-layout.file-manager-application .content-area-wrapper {
        border-color: #464D5C !important
    }

        body.dark-layout.file-manager-application .content-area-wrapper .app-file-sidebar-info {
            background-color: #272E48
        }

    body.dark-layout .swal2-container .swal2-modal {
        background-color: #1A233A
    }

        body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-title {
            color: #8A99B5
        }

        body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-icon-text {
            color: inherit
        }

        body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-animate-success-icon, body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-left, body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-right, body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-fix {
            background-color: #1A233A !important
        }

        body.dark-layout .swal2-container .swal2-modal .swal2-content {
            color: #8A99B5
        }

            body.dark-layout .swal2-container .swal2-modal .swal2-content .swal2-input, body.dark-layout .swal2-container .swal2-modal .swal2-content code, body.dark-layout .swal2-container .swal2-modal .swal2-content pre {
                background-color: #272E48
            }

            body.dark-layout .swal2-container .swal2-modal .swal2-content .swal2-input {
                color: #FFF
            }

    body.dark-layout .toast-container .toast.toast-info {
        background-color: #00CFDD
    }

    body.dark-layout .toast-container .toast.toast-success {
        background-color: #39DA8A
    }

    body.dark-layout .toast-container .toast.toast-error {
        background-color: #FF5B5C
    }

    body.dark-layout .toast-container .toast.toast-warning {
        background-color: #FDAC41
    }

    body.dark-layout .noUi-target {
        background-color: #464D5C
    }

        body.dark-layout .noUi-target .noUi-tooltip {
            background-color: #1A233A;
            color: #FFF;
            border: 1px solid #464D5C
        }

    body.dark-layout .gu-mirror:not(.badge):not([class*=col-]) {
        background-color: #272E48;
        border-color: #464D5C
    }

    body.dark-layout .shepherd-content .shepherd-text p {
        color: #FFF !important
    }

    body.dark-layout .swiper-container .swiper-slide {
        background-color: rgba(0,0,0,.2) !important
    }

        body.dark-layout .swiper-container .swiper-slide .swiper-text p, body.dark-layout .swiper-container .swiper-slide .swiper-text small, body.dark-layout .swiper-container .swiper-slide .swiper-text span {
            color: inherit !important
        }

    body.dark-layout .swiper-container.swiper-parallax div, body.dark-layout .swiper-container.swiper-parallax p, body.dark-layout .swiper-container.swiper-parallax span {
        color: #FFF !important
    }

    body.dark-layout .blockOverlay {
        background-color: rgba(0,0,0,.7) !important
    }

    body.dark-layout .blockMsg .icon-spin {
        color: #FFF
    }

    body.dark-layout .plyr--audio .plyr__controls {
        background: inherit
    }

        body.dark-layout .plyr--audio .plyr__controls .plyr__control, body.dark-layout .plyr--audio .plyr__controls div {
            color: #8A99B5 !important
        }

    body.dark-layout .context-menu-list {
        background-color: #1A233A;
        border: 1px solid #464D5C !important
    }

        body.dark-layout .context-menu-list .context-menu-item {
            background-color: #1A233A
        }

            body.dark-layout .context-menu-list .context-menu-item:hover {
                background-color: #304256
            }

            body.dark-layout .context-menu-list .context-menu-item:not(:last-child) {
                border-bottom: 1px solid #304256
            }

    body.dark-layout .customizer {
        background-color: #272E48
    }

        body.dark-layout .customizer .customizer-close i {
            color: #8A99B5
        }

    body.dark-layout.fixed-footer .footer {
        background-color: #272E48;
        box-shadow: 0 8px 12px 12px rgba(25,42,70,.7)
    }

    body.dark-layout #dashboard-analytics .growth-card .dropdown-toggle, body.dark-layout #dashboard-analytics .timeline .timeline-content {
        color: #8A99B5 !important
    }

    body.dark-layout #dashboard-ecommerce .table-marketing-campaigns tr {
        border-color: #464D5C !important
    }

    body.dark-layout #dashboard-ecommerce .statistics span {
        color: #BDD1F8 !important
    }

    body.dark-layout label, body.dark-layout p, body.dark-layout small, body.dark-layout span:not(.badge):not(.token) {
        color: #8A99B5
    }

        body.dark-layout label .text-primary, body.dark-layout label.primary, body.dark-layout p .text-primary, body.dark-layout p.primary, body.dark-layout small .text-primary, body.dark-layout small.primary, body.dark-layout span:not(.badge):not(.token) .text-primary, body.dark-layout span:not(.badge):not(.token).primary {
            color: #5A8DEE !important
        }

        body.dark-layout label .text-warning, body.dark-layout label.warning, body.dark-layout p .text-warning, body.dark-layout p.warning, body.dark-layout small .text-warning, body.dark-layout small.warning, body.dark-layout span:not(.badge):not(.token) .text-warning, body.dark-layout span:not(.badge):not(.token).warning {
            color: #FDAC41 !important
        }

        body.dark-layout label .text-success, body.dark-layout label.success, body.dark-layout p .text-success, body.dark-layout p.success, body.dark-layout small .text-success, body.dark-layout small.success, body.dark-layout span:not(.badge):not(.token) .text-success, body.dark-layout span:not(.badge):not(.token).success {
            color: #39DA8A !important
        }

        body.dark-layout label .text-info, body.dark-layout label.info, body.dark-layout p .text-info, body.dark-layout p.info, body.dark-layout small .text-info, body.dark-layout small.info, body.dark-layout span:not(.badge):not(.token) .text-info, body.dark-layout span:not(.badge):not(.token).info {
            color: #00CFDD !important
        }

        body.dark-layout label .text-secondary, body.dark-layout label.secondary, body.dark-layout p .text-secondary, body.dark-layout p.secondary, body.dark-layout small .text-secondary, body.dark-layout small.secondary, body.dark-layout span:not(.badge):not(.token) .text-secondary, body.dark-layout span:not(.badge):not(.token).secondary {
            color: #475F7B !important
        }

        body.dark-layout label .text-danger, body.dark-layout label.danger, body.dark-layout p .text-danger, body.dark-layout p.danger, body.dark-layout small .text-danger, body.dark-layout small.danger, body.dark-layout span:not(.badge):not(.token) .text-danger, body.dark-layout span:not(.badge):not(.token).danger {
            color: #FF5B5C !important
        }

        body.dark-layout .node-selected, body.dark-layout .node-selected .icon, body.dark-layout label .text-white, body.dark-layout label.white, body.dark-layout p .text-white, body.dark-layout p.white, body.dark-layout small .text-white, body.dark-layout small.white, body.dark-layout span:not(.badge):not(.token) .text-white, body.dark-layout span:not(.badge):not(.token).white {
            color: #FFF !important
        }

    body.dark-layout .border-warning {
        border-color: #FDAC41 !important
    }

    body.dark-layout .border-primary {
        border-color: #5A8DEE !important
    }

    body.dark-layout .border-success {
        border-color: #39DA8A !important
    }

    body.dark-layout .border-info {
        border-color: #00CFDD !important
    }

    body.dark-layout .border-secondary {
        border-color: #475F7B !important
    }

    body.dark-layout .border-danger {
        border-color: #FF5B5C !important
    }

    body.dark-layout .border-white {
        border-color: #FFF !important
    }

    body.dark-layout .kb-sidebar {
        background-color: #1A233A
    }

body.semi-dark-layout .main-menu {
    background-color: #1A233A !important
}

    body.semi-dark-layout .main-menu .shadow-bottom {
        background: -webkit-linear-gradient(top,#1A233AF0 44%,#1A233ABF 73%,#2C303C00);
        background: linear-gradient(180deg,#1A233AF0 44%,#1A233ABF 73%,#2C303C00)
    }

    body.semi-dark-layout .main-menu .navbar-header {
        z-index: 3
    }

        body.semi-dark-layout .main-menu .navbar-header .modern-nav-toggle {
            background-color: transparent !important
        }

body.semi-dark-layout .main-menu-content .navigation-main {
    background-color: transparent
}

    body.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after, body.semi-dark-layout .main-menu-content .navigation-main .nav-item i {
        color: #8A99B5
    }

    body.semi-dark-layout .main-menu-content .navigation-main .active .menu-title, body.semi-dark-layout .main-menu-content .navigation-main .active i, body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
        color: #5A8DEE
    }

    body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active {
        background: #272E48 !important;
        border-color: #464D5C !important
    }

        body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
            background-color: #343B53
        }

.horizontal-menu .content, .vertical-overlay-menu .content {
    margin-left: 0
}

.horizontal-menu .is-sticky .header-navbar {
    box-shadow: 0 4px 12px 0 rgba(25,42,70,.13)
}

.horizontal-menu.navbar-sticky {
    top: 0
}

    .horizontal-menu.navbar-sticky .header-navbar {
        position: fixed;
        width: 100%
    }

    .horizontal-menu.navbar-sticky .content > .content-wrapper {
        margin-top: 8.75rem !important
    }

.horizontal-menu.navbar-static .header-navbar.navbar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.horizontal-menu.navbar-static .content > .content-wrapper {
    margin-top: 0
}

.horizontal-menu.navbar-static.navbar-scrolled .header-navbar.navbar-sticky {
    position: fixed
}

.horizontal-menu .header-navbar {
    background-color: #F2F4F4;
    border-bottom: 1px solid #DFE3E7;
    z-index: 999 !important;
    left: 0 !important
}

    .horizontal-menu .header-navbar .navbar-container {
        padding-left: 1.5rem !important;
        padding-right: 1.3rem !important
    }

        .horizontal-menu .header-navbar .navbar-container .bookmark-wrapper .menu-toggle {
            top: 2px
        }

        .horizontal-menu .header-navbar .navbar-container a.nav-link-expand {
            padding: 1.2rem .75rem 1.15rem !important
        }

    .horizontal-menu .header-navbar .navbar-wrapper {
        margin-left: 0 !important
    }

        .horizontal-menu .header-navbar .navbar-wrapper .nav-search .search-input input {
            padding: 1.75rem 3.6rem !important
        }

    .horizontal-menu .header-navbar.navbar-horizontal {
        top: 68px;
        position: fixed;
        width: 100%;
        z-index: 99 !important
    }

        .horizontal-menu .header-navbar.navbar-horizontal.navbar-static-top {
            position: absolute !important
        }

    .horizontal-menu .header-navbar.navbar-brand-center .navbar-header {
        position: absolute;
        left: 50%;
        margin-left: -65px;
        padding: 0;
        z-index: 1000
    }

        .horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 0
        }

            .horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-logo {
                height: 45px;
                width: 30px
            }

                .horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-logo .logo {
                    height: 50px
                }

            .horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-text {
                color: #FFF;
                padding-left: 1rem;
                letter-spacing: .01rem;
                font-size: 1.57rem
            }

    .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu {
        position: relative
    }

        .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu.openLeft .dropdown-menu {
            left: auto !important;
            right: 100%
        }

.horizontal-menu .navbar-expand-lg .navbar-nav .dropdown-menu {
    z-index: 100
}

.horizontal-menu .navbar-expand-sm .navbar-nav .dropdown-menu li a {
    -webkit-transition: all .35s ease !important;
    transition: all .35s ease !important
}

    .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown-menu li a i {
        margin-right: .7rem;
        font-size: 1rem
    }

.horizontal-menu .navbar-expand-sm .navbar-nav .dropdown-menu li:hover > a {
    padding-left: 25px
}

.horizontal-menu .navbar-expand-sm .navbar-nav .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.horizontal-menu .navbar-expand-sm .navbar-nav li i {
    width: 12px !important;
    margin-right: .4rem
}

.horizontal-menu .navbar-expand-sm .navbar-nav > li {
    padding: 10px 0
}

    .horizontal-menu .navbar-expand-sm .navbar-nav > li.active > a, .horizontal-menu .navbar-expand-sm .navbar-nav > li.sidebar-group-active > a {
        background-color: #E9ECEC;
        border-radius: 4px
    }

    .horizontal-menu .navbar-expand-sm .navbar-nav > li .nav-link {
        padding-right: 6px;
        padding-left: 1px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .horizontal-menu .navbar-expand-sm .navbar-nav > li .nav-link:after {
            left: 1px;
        }

    .horizontal-menu .navbar-expand-sm .navbar-nav > li li:not(.sidebar-group-active).active a {
        background: rgba(90,141,238,.2) !important;
        color: #5A8DEE !important;
        border-left: 4px solid #5A8DEE;
        padding-left: 1rem !important
    }

        .horizontal-menu .navbar-expand-sm .navbar-nav > li li:not(.sidebar-group-active).active a i {
            color: #5A8DEE
        }

    .horizontal-menu .navbar-expand-sm .navbar-nav > li li.sidebar-group-active {
        background-color: #F2F4F4
    }

        .horizontal-menu .navbar-expand-sm .navbar-nav > li li.sidebar-group-active > a > i {
            color: #5A8DEE !important
        }

        .horizontal-menu .navbar-expand-sm .navbar-nav > li li.sidebar-group-active .dropdown-menu li:not(.sidebar-group-active).active a {
            background: rgba(90,141,238,.2);
            color: #5A8DEE;
            border-left: 4px solid #5A8DEE;
            padding-left: 1.4rem
        }

            .horizontal-menu .navbar-expand-sm .navbar-nav > li li.sidebar-group-active .dropdown-menu li:not(.sidebar-group-active).active a i {
                color: #5A8DEE
            }

.horizontal-menu .navbar-expand-sm .navbar-nav .dropdown.show > .dropdown-menu {
    -webkit-animation: .8s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 fadein;
    animation: .8s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 fadein
}

.horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-menu {
    min-width: 270px;
    border: 1px solid #DFE3E7;
    padding: 7px 0px 0px 0px;
}

    .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-menu:before {
        border: none;
        background-color: transparent
    }

    .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-menu .dropdown-submenu.show > .dropdown-menu {
        display: block;
        top: 0 !important;
        left: 100%;
        margin-top: 4px;
        margin-left: 1px;
        -webkit-animation: .8s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 fadeout;
        animation: .8s cubic-bezier(.25,.8,.25,1) 0s normal forwards 1 fadeout;
        min-height: 4rem
    }

    .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
        content: '\e9b2' !important;
        font-family: boxicons;
        font-size: 1rem;
        color: #8494A7;
        display: inline-block;
        right: 18px;
        top: 11px;
        left: auto;
        position: absolute
    }

    .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-menu .dropdown-submenu ul li a i {
        margin-right: 0;
        font-size: 1rem
    }

.horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-item {
    text-transform: capitalize;
    font-size: 13px;
    padding: 6px 10px;
    border-bottom: 1px solid #ddd;
}

    .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-item:active, .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-item:focus, .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-item:hover {
        background-color: transparent;
        color: inherit
    }

        .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-item:active i, .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-item:focus i, .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-item:hover i {
            color: inherit
        }

.horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-toggle:after {
    content: '\e9b9';
    font-family: boxicons;
    font-size: 1.2rem;
    color: #8494A7;
    display: inline-block;
    right: 15px
}

.horizontal-menu.menu-collapsed #main-menu-navigation > li .nav-link {
    padding-top: .6rem;
    padding-bottom: .6rem
}

    .horizontal-menu.menu-collapsed #main-menu-navigation > li .nav-link span, .horizontal-menu.menu-collapsed #main-menu-navigation > li .nav-link:after {
        display: none
    }

    .horizontal-menu.menu-collapsed #main-menu-navigation > li .nav-link i {
        margin-right: 0
    }

.horizontal-menu.chat-application .content .content-wrapper, .horizontal-menu.email-application .content .content-wrapper, .horizontal-menu.file-manager-application .content .content-wrapper, .horizontal-menu.todo-application .content .content-wrapper {
    height: calc(100vh - 15rem) !important
}

.horizontal-menu.navbar-sticky .content .content-area-wrapper {
    padding-top: 0;
    margin-top: 10rem !important
}

.horizontal-menu.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list {
    height: calc(100vh - 19.67rem)
}

.horizontal-menu.email-application .content-area-wrapper .email-app-sidebar .email-app-menu .form-group-compose {
    margin-bottom: 0 !important
}

.horizontal-menu.email-application .content-area-wrapper .sidebar .email-app-sidebar {
    height: calc(100vh - 15rem)
}

    .horizontal-menu.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .sidebar-menu-list {
        height: calc(100% - 6.4rem)
    }

.horizontal-menu.chat-application .chat-profile, .horizontal-menu.chat-application .chat-sidebar, .horizontal-menu.chat-application .chat-user-profile, .horizontal-menu.email-application .content-area-wrapper .sidebar .compose-new-mail-sidebar {
    height: calc(100vh - 15rem)
}

.horizontal-menu.email-application .content-area-wrapper .content-right .email-app-details .email-scroll-area .email-detail-head .collapse-header .card-header .information .dropdown-menu {
    -webkit-transform: translate3d(11px,1px,0) !important;
    transform: translate3d(11px,1px,0) !important
}

.horizontal-menu.chat-application .chat-profile .chat-profile-content, .horizontal-menu.chat-application .chat-profile .chat-user-profile-scroll, .horizontal-menu.chat-application .chat-sidebar .chat-profile-content, .horizontal-menu.chat-application .chat-sidebar .chat-user-profile-scroll, .horizontal-menu.chat-application .chat-user-profile .chat-profile-content, .horizontal-menu.chat-application .chat-user-profile .chat-user-profile-scroll {
    height: calc(100vh - 28.5rem) !important
}

.horizontal-menu.chat-application .chat-profile {
    bottom: 5rem
}

.horizontal-menu.chat-application .chat-window-wrapper .chat-container {
    height: calc(100vh - 23.6rem)
}

.horizontal-menu.chat-application .chat-window-wrapper .chat-start {
    height: calc(100vh - 15rem)
}

.horizontal-menu.todo-application .content-area-wrapper .todo-new-task-sidebar {
    height: calc(100vh - 15rem);
    bottom: 5rem
}

.horizontal-menu.todo-application .content-area-wrapper .sidebar .todo-sidebar {
    height: calc(100vh - 15rem)
}

.horizontal-menu.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .todo-task-list {
    height: calc(100vh - 18.7rem)
}

.horizontal-menu.file-manager-application .content-area-wrapper .sidebar .app-file-sidebar {
    height: calc(100vh - 14rem)
}

.horizontal-menu.file-manager-application .content-area-wrapper .content-right .app-file-area .app-file-content {
    height: calc(100vh - 17.85rem)
}

.horizontal-menu.file-manager-application .content-area-wrapper .sidebar .app-file-sidebar-info {
    height: calc(100vh - 14rem);
    bottom: 4rem
}

@-webkit-keyframes fadein {
    from {
        -webkit-transform: translate3d(0,6px,0);
        transform: translate3d(0,6px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes fadein {
    from {
        -webkit-transform: translate3d(0,6px,0);
        transform: translate3d(0,6px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        -webkit-transform: translate3d(0,-6px,0);
        transform: translate3d(0,-6px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes fadeout {
    from {
        -webkit-transform: translate3d(0,-6px,0);
        transform: translate3d(0,-6px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@media (max-width:1199.98px) {
    .horizontal-layout .header-navbar .navbar-container {
        padding-left: 1.5rem !important;
        padding-right: 1rem !important
    }

        .horizontal-layout .header-navbar .navbar-container .bookmark-wrapper .menu-toggle {
            top: 2px
        }

        .horizontal-layout .header-navbar .navbar-container a.nav-link-expand {
            padding: 1.2rem .75rem 1.15rem !important
        }

    .horizontal-layout.vertical-overlay-menu .app-content .content-wrapper {
        margin-top: 3.5rem
    }
}

@media (max-width:991.98px) {
    .horizontal-layout .header-navbar .navbar-container {
        padding-left: 1.8rem !important
    }
}

@media (max-width:576px) {
    .horizontal-layout .header-navbar .navbar-container {
        padding-left: 1rem !important;
        padding-right: .2rem !important
    }
}

.vertical-overlay-menu .navbar .navbar-header {
    float: left;
    width: 260px
}

.vertical-overlay-menu .navbar[data-nav=brand-center] .navbar-header {
    padding: 0
}

    .vertical-overlay-menu .navbar[data-nav=brand-center] .navbar-header .navbar-brand {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 0
    }

        .vertical-overlay-menu .navbar[data-nav=brand-center] .navbar-header .navbar-brand .brand-logo {
            height: 27px;
            width: 35px
        }

            .vertical-overlay-menu .navbar[data-nav=brand-center] .navbar-header .navbar-brand .brand-logo .logo {
                height: 27px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                position: relative;
                left: 6px
            }

        .vertical-overlay-menu .navbar[data-nav=brand-center] .navbar-header .navbar-brand .brand-text {
            color: #FFF;
            padding-left: 1rem;
            letter-spacing: .01rem;
            font-size: 1.57rem
        }

.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,transform .25s;
    transition: width .25s,opacity .25s,transform .25s,-webkit-transform .25s;
    width: 260px;
    left: -260px
}

    .vertical-overlay-menu .main-menu .navigation > li > a > i {
        margin-right: 14px;
        float: left;
        width: 1.6rem !important
    }

    .vertical-overlay-menu .main-menu .navigation > li ul li > a {
        -webkit-transition: all .35s ease !important;
        transition: all .35s ease !important
    }

        .vertical-overlay-menu .main-menu .navigation > li ul li > a > i {
            margin-right: 1.25rem
        }

    .vertical-overlay-menu .main-menu .navigation > li ul li:hover a {
        padding-left: 35px
    }

    .vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
        content: '\e9b9';
        font-family: boxicons;
        font-size: 1.2rem;
        color: #8494A7;
        display: inline-block;
        position: absolute;
        right: 7px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        transition: -webkit-transform .4s ease-in-out
    }

    .vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.vertical-overlay-menu.menu-open .main-menu {
    opacity: 1;
    -webkit-transform: translate3d(260px,0,0);
    transform: translate3d(260px,0,0);
    -webkit-transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,-webkit-transform .25s;
    transition: width .25s,opacity .25s,transform .25s;
    transition: width .25s,opacity .25s,transform .25s,-webkit-transform .25s;
    top: 0
}


.widget-todo .dropdown .dropdown-toggle:after {
    left: .1rem;
    color: #828D99
}

.widget-todo .widget-todo-list-wrapper {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

    .widget-todo .widget-todo-list-wrapper .widget-todo-item {
        padding: .5rem 1.5rem .1rem .5rem
    }

        .widget-todo .widget-todo-list-wrapper .widget-todo-item .widget-todo-title-area i {
            visibility: hidden;
            color: #828D99
        }

        .widget-todo .widget-todo-list-wrapper .widget-todo-item:hover {
            background-color: #F2F4F4
        }

            .widget-todo .widget-todo-list-wrapper .widget-todo-item:hover .widget-todo-title-area i {
                visibility: visible
            }

        .widget-todo .widget-todo-list-wrapper .widget-todo-item.completed .widget-todo-title {
            text-decoration: line-through
        }

.widget-overlay .widget-overlay-card .overlay-primary {
    background: rgba(90,141,238,.9);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.widget-overlay .widget-overlay-card .dropdown a {
    color: inherit
}

    .widget-overlay .widget-overlay-card .dropdown a:active {
        color: #FFF !important
    }

.widget-overlay .widget-overlay-card .widget-overlay-card-title {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -85px;
    margin-top: -27px;
    color: #FFF
}

.widget-followers .widget-followers-heading-right i, .widget-order-activity .badge-circle i {
    top: 4px;
    position: relative
}

.widget-overlay .widget-overlay-content .inclusive-btn {
    margin-top: -24px
}

.widget-overlay .widget-overlay-content .table-responsive {
    position: relative
}

.widget-img-top .card-footer {
    background-color: #F2F4F4
}

.widget-order-activity .widget-order-activity-footer h1, .widget-order-activity .widget-order-activity-footer h2, .widget-order-activity .widget-order-activity-footer h3, .widget-order-activity .widget-order-activity-footer h4, .widget-order-activity .widget-order-activity-footer h5, .widget-order-activity .widget-order-activity-footer h6 {
    color: #475F7B
}

.widget-notification .list-group-item .readable-mark-icon {
    cursor: pointer
}

.widget-notification .list-group-item:last-child {
    border-bottom-right-radius: .267rem;
    border-bottom-left-radius: .267rem
}

.widget-notification .list-group-item.list-group-item-action:active {
    color: inherit;
    background-color: inherit
}

.widget-user-details .table-responsive {
    position: relative
}

.widget-state-multi-radial .nav-item .nav-link:after, .widget-state-multi-radial .nav-item .nav-link:before, .widget-state-multi-radial .nav-item.current:after, .widget-state-multi-radial .nav-item.current:before, .widget-state-multi-radial .nav.nav-tabs {
    border: 0 !important
}

#donut-chart-spending .apexcharts-canvas, #donut-chart-statistics .apexcharts-canvas {
    margin: 0 auto
}

.timeline {
    position: relative;
    padding-right: 1rem
}

.widget-earnings-scroll {
    position: relative
}

    .widget-earnings-scroll .widget-earnings-width {
        min-width: 390px
    }

#widget-earnings .widget-earnings-swiper.swiper-container .swiper-slide {
    font-weight: 500;
    background-color: #F2F4F4;
    height: auto;
    width: auto !important;
    color: #828D99;
    cursor: pointer
}

    #widget-earnings .widget-earnings-swiper.swiper-container .swiper-slide.swiper-slide-active {
        color: #FFF;
        background-color: #5A8DEE !important;
        box-shadow: 0 3px 6px 0 rgba(90,141,238,.5) !important
    }

#widget-earnings .wrapper-content {
    display: none
}

    #widget-earnings .wrapper-content.active {
        display: block
    }

.negative-bar-chart .apexcharts-series[rel='2'] {
    -webkit-transform: scaleY(1.08);
    -ms-transform: scaleY(1.08);
    transform: scaleY(1.08)
}

@media screen and (max-width:600px) {
    .widget-todo-list-wrapper .widget-todo-title-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .widget-todo-list-wrapper .widget-todo-title-wrapper .widget-todo-title-area {
            margin-right: auto
        }

        .widget-todo-list-wrapper .widget-todo-title-wrapper .widget-todo-item-action {
            margin-left: auto
        }
}

@media (max-width:991.98px) {
    .widget-radial-charts .widget-card-details {
        padding-bottom: 0 !important
    }
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    .widget-img-top .content-post {
        display: none !important
    }

    .widget-state-multi-radial .card-header {
        display: block !important
    }
}

@media screen and (max-width:1300px) and (min-width:900px) {
    .overlay-image-card, .progress-card {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .user-details-card, .weather-card {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .earnings-card, .img-top-card, .timline-card, .user-profile-card, .weather, .widget-chat-card {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .widget-radial-charts .widget-card-details {
        display: block !important
    }
}

#donut-chart .apexcharts-canvas {
    margin: 0 auto
}

.icon-light {
    color: #B3C0CE
}

.show > .btn-outline-secondary.dropdown-toggle {
    color: #FFF !important
}

.activity-content {
    margin-bottom: 2.13rem
}

.sales-info-content h1, .sales-info-content h2, .sales-info-content h3, .sales-info-content h4, .sales-info-content h5, .sales-info-content h6 {
    line-height: .7
}

.widget-todo .dropdown .dropdown-toggle:after {
    left: .1rem;
    color: #B3C0CE
}

.timeline {
    padding-right: 0
}

    .timeline .timeline-text {
        color: #828D99;
        font-size: 13px
    }

    .timeline .timeline-content {
        color: #304156;
        font-size: 13px;
        font-weight: 500;
        padding-left: 0 !important
    }

    .timeline .timeline-time {
        font-size: .8rem !important
    }

@media screen and (max-width:1280px) and (min-width:960px) {
    .activity-card, .growth-card, .profit-report-card, .sales-card {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 50%
    }
}

@media screen and (max-width:1320px) and (min-width:1200px) {
    .dashboard-referral-impression .donut-chart-wrapper ul li {
        font-size: .8rem
    }

    #primary-line-chart, #warning-line-chart {
        display: none
    }
}