@charset "UTF-8"; /*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */

.animate__animated, .animated {
    -webkit-animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both
}

    .animate__animated.animate__infinite, .animated.infinite, .dotPulse {
        -webkit-animation-iteration-count: infinite
    }

.animate__bounce, .bounce {
    -webkit-animation-name: bounce
}

.colorpicker, .dropdown-menu, .form-control {
    background-clip: padding-box
}

    .colorpicker, .colorpicker div, .dropzone {
        position: relative
    }

.animate__animated {
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

    .animate__animated.animate__infinite {
        animation-iteration-count: infinite
    }

    .animate__animated.animate__repeat-1 {
        -webkit-animation-iteration-count: var(--animate-repeat);
        animation-iteration-count: var(--animate-repeat)
    }

    .animate__animated.animate__repeat-2 {
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
        animation-iteration-count: calc(var(--animate-repeat) * 2)
    }

    .animate__animated.animate__repeat-3 {
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
        animation-iteration-count: calc(var(--animate-repeat) * 3)
    }

    .animate__animated.animate__delay-1s {
        -webkit-animation-delay: var(--animate-delay);
        animation-delay: var(--animate-delay)
    }

    .animate__animated.animate__delay-2s {
        -webkit-animation-delay: calc(var(--animate-delay) * 2);
        animation-delay: calc(var(--animate-delay) * 2)
    }

    .animate__animated.animate__delay-3s {
        -webkit-animation-delay: calc(var(--animate-delay) * 3);
        animation-delay: calc(var(--animate-delay) * 3)
    }

    .animate__animated.animate__delay-4s {
        -webkit-animation-delay: calc(var(--animate-delay) * 4);
        animation-delay: calc(var(--animate-delay) * 4)
    }

    .animate__animated.animate__delay-5s {
        -webkit-animation-delay: calc(var(--animate-delay) * 5);
        animation-delay: calc(var(--animate-delay) * 5)
    }

    .animate__animated.animate__faster {
        -webkit-animation-duration: calc(var(--animate-duration)/ 2);
        animation-duration: calc(var(--animate-duration)/ 2)
    }

    .animate__animated.animate__fast {
        -webkit-animation-duration: calc(var(--animate-duration) * .8);
        animation-duration: calc(var(--animate-duration) * .8)
    }

    .animate__animated.animate__slow {
        -webkit-animation-duration: calc(var(--animate-duration) * 2);
        animation-duration: calc(var(--animate-duration) * 2)
    }

    .animate__animated.animate__slower {
        -webkit-animation-duration: calc(var(--animate-duration) * 3);
        animation-duration: calc(var(--animate-duration) * 3)
    }

@media print,(prefers-reduced-motion:reduce) {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

        .animate__animated[class*=Out] {
            opacity: 0
        }
}

@-webkit-keyframes bounce {
    20%,53%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0) scaleY(.95);
        transform: translate3d(0,0,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    20%,53%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0) scaleY(.95);
        transform: translate3d(0,0,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%,from,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    50%,from,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

@keyframes pulse {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

@keyframes rubberBand {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

.animate__heartBeat, .pulse {
    -webkit-animation-timing-function: ease-in-out
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

@keyframes tada {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

@keyframes wobble {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%,from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    11.1%,from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.animate__bounceOut, .animate__flipOutX {
    -webkit-animation-duration: calc(var(--animate-duration) * .75)
}

@-webkit-keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

.animate__bounceOut {
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInTopLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInTopRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInBottomRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.animate__flipInY, .animate__flipOutX {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

.animate__flipOutY, .flipInX {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    from {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes lightSpeedInRight {
    from {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes lightSpeedInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.dropzone .dz-preview {
    width: 120px
}

    .dropzone .dz-preview .dz-progress {
        display: block;
        border: 1px solid #aaa
    }

        .dropzone .dz-preview .dz-progress .dz-upload {
            display: block;
            height: 100%
        }

    .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-success .dz-success-mark {
        display: block
    }

    .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
        width: 54px;
        height: 58px
    }
/*!
 * Bootstrap Colorpicker - Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.
 * @package bootstrap-colorpicker
 * @version v3.2.0
 * @license MIT
 * @link https://itsjavi.com/bootstrap-colorpicker/
 * @link https://github.com/itsjavi/bootstrap-colorpicker.git
 */

.colorpicker {
    display: none;
    font-size: inherit;
    color: inherit;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    padding: .75rem;
    border-radius: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

    .colorpicker.colorpicker-disabled, .colorpicker.colorpicker-disabled * {
        cursor: default !important
    }

.colorpicker-popup {
    position: absolute;
    top: 100%;
    left: 0;
    float: left;
    margin-top: 1px;
    z-index: 1060
}

    .colorpicker-popup.colorpicker-bs-popover-content {
        position: relative;
        top: auto;
        left: auto;
        float: none;
        margin: 0;
        z-index: initial;
        border: none;
        padding: .25rem 0;
        border-radius: 0;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.colorpicker:after, .colorpicker:before {
    clear: both;
    line-height: 0
}

.colorpicker-clear {
    clear: both;
    display: block
}

.colorpicker:after, .colorpicker:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: auto
}

.colorpicker:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0,0,0,.2);
    top: -7px;
    right: 6px
}

.colorpicker:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    right: 7px
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
    display: block
}

.colorpicker-saturation {
    position: relative;
    width: 126px;
    height: 126px;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black)),-webkit-gradient(linear,left top,right top,from(white),to(rgba(255,255,255,0)));
    background: linear-gradient(to bottom,transparent 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
    cursor: crosshair;
    float: left;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    margin-bottom: 6px
}

    .colorpicker-saturation .colorpicker-guide {
        display: block;
        height: 6px;
        width: 6px;
        border-radius: 6px;
        border: 1px solid #000;
        -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.8);
        box-shadow: 0 0 0 1px rgba(255,255,255,.8);
        position: absolute;
        top: 0;
        left: 0;
        margin: -3px 0 0 -3px
    }

.colorpicker-alpha, .colorpicker-hue {
    position: relative;
    width: 16px;
    height: 126px;
    float: left;
    cursor: row-resize;
    margin-left: 6px;
    margin-bottom: 6px
}

.colorpicker-alpha-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.colorpicker-alpha-color, .colorpicker-hue {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,.2)
}

    .colorpicker-alpha .colorpicker-guide, .colorpicker-hue .colorpicker-guide {
        display: block;
        height: 4px;
        background: rgba(255,255,255,.8);
        border: 1px solid rgba(0,0,0,.4);
        position: absolute;
        top: 0;
        left: 0;
        margin-left: -2px;
        margin-top: -2px;
        right: -2px;
        z-index: 1
    }

.colorpicker-hue {
    background: -webkit-gradient(linear,left bottom,left top,from(red),color-stop(8%,#ff8000),color-stop(17%,#ff0),color-stop(25%,#80ff00),color-stop(33%,#0f0),color-stop(42%,#00ff80),color-stop(50%,#0ff),color-stop(58%,#0080ff),color-stop(67%,#00f),color-stop(75%,#8000ff),color-stop(83%,#ff00ff),color-stop(92%,#ff0080),to(red));
    background: linear-gradient(to top,red 0,#ff8000 8%,#ff0 17%,#80ff00 25%,#0f0 33%,#00ff80 42%,#0ff 50%,#0080ff 58%,#00f 67%,#8000ff 75%,#ff00ff 83%,#ff0080 92%,red 100%)
}

.colorpicker-alpha {
    background: linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),#fff;
    background-size: 10px 10px;
    background-position: 0 0,5px 5px;
    display: none
}

.colorpicker-bar {
    min-height: 16px;
    margin: 6px 0 0;
    clear: both;
    text-align: center;
    font-size: 10px;
    line-height: normal;
    max-width: 100%;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,.2)
}

    .colorpicker-bar:before {
        content: "";
        display: table;
        clear: both
    }

    .colorpicker-bar.colorpicker-bar-horizontal {
        height: 126px;
        width: 16px;
        margin: 0 0 6px;
        float: left
    }

.colorpicker-input-addon i, .colorpicker-input-addon:before {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    display: inline-block
}

.colorpicker-input-addon {
    position: relative
}

    .colorpicker-input-addon i {
        cursor: pointer;
        position: relative
    }

    .colorpicker-input-addon:before {
        content: "";
        position: absolute;
        background: linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),#fff;
        background-size: 10px 10px;
        background-position: 0 0,5px 5px
    }

.colorpicker.colorpicker-inline {
    position: relative;
    display: inline-block;
    float: none;
    z-index: auto;
    vertical-align: text-bottom
}

.colorpicker.colorpicker-horizontal {
    height: auto
}

    .colorpicker.colorpicker-horizontal .colorpicker-saturation {
        float: none;
        margin-bottom: 0
    }

    .colorpicker.colorpicker-horizontal .colorpicker-alpha, .colorpicker.colorpicker-horizontal .colorpicker-hue {
        float: none;
        width: 126px;
        height: 16px;
        cursor: col-resize;
        margin-left: 0;
        margin-top: 6px;
        margin-bottom: 0
    }

        .colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide, .colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide {
            position: absolute;
            display: block;
            bottom: -2px;
            left: 0;
            right: auto;
            height: auto;
            width: 4px
        }

    .colorpicker.colorpicker-horizontal .colorpicker-hue {
        background: -webkit-gradient(linear,right top,left top,from(red),color-stop(8%,#ff8000),color-stop(17%,#ff0),color-stop(25%,#80ff00),color-stop(33%,#0f0),color-stop(42%,#00ff80),color-stop(50%,#0ff),color-stop(58%,#0080ff),color-stop(67%,#00f),color-stop(75%,#8000ff),color-stop(83%,#ff00ff),color-stop(92%,#ff0080),to(red));
        background: linear-gradient(to left,red 0,#ff8000 8%,#ff0 17%,#80ff00 25%,#0f0 33%,#00ff80 42%,#0ff 50%,#0080ff 58%,#00f 67%,#8000ff 75%,#ff00ff 83%,#ff0080 92%,red 100%)
    }

    .colorpicker-preview, .colorpicker.colorpicker-horizontal .colorpicker-alpha {
        background: linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),#fff
    }

    .colorpicker.colorpicker-horizontal .colorpicker-alpha {
        background-size: 10px 10px;
        background-position: 0 0,5px 5px
    }

.colorpicker-inline:after, .colorpicker-inline:before, .colorpicker-no-arrow:after, .colorpicker-no-arrow:before, .colorpicker-popup.colorpicker-bs-popover-content:after, .colorpicker-popup.colorpicker-bs-popover-content:before {
    content: none;
    display: none
}

.cm-tab-wrap-hack:after, .colorpicker.colorpicker-disabled:after {
    content: ''
}

.colorpicker-alpha, .colorpicker-hue, .colorpicker-saturation {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .colorpicker-alpha.colorpicker-visible, .colorpicker-bar.colorpicker-visible, .colorpicker-hue.colorpicker-visible, .colorpicker-saturation.colorpicker-visible, .colorpicker.colorpicker-visible {
        display: block
    }

    .colorpicker-alpha.colorpicker-hidden, .colorpicker-bar.colorpicker-hidden, .colorpicker-hue.colorpicker-hidden, .colorpicker-saturation.colorpicker-hidden, .colorpicker.colorpicker-hidden {
        display: none
    }

.colorpicker-inline.colorpicker-visible {
    display: inline-block
}

.colorpicker.colorpicker-disabled:after {
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(233,236,239,.33);
    top: 0;
    left: 0;
    right: auto;
    z-index: 2;
    position: absolute
}

.colorpicker.colorpicker-disabled .colorpicker-guide {
    display: none
}

.colorpicker-preview {
    background-size: 10px 10px;
    background-position: 0 0,5px 5px
}

    .colorpicker-preview > div {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

.colorpicker-bar.colorpicker-swatches {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto
}

.colorpicker-swatches--inner {
    clear: both;
    margin-top: -6px
}

.colorpicker-swatch {
    position: relative;
    cursor: pointer;
    float: left;
    height: 16px;
    width: 16px;
    margin-right: 6px;
    margin-top: 6px;
    margin-left: 0;
    display: block;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    background: linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),#fff;
    background-size: 10px 10px;
    background-position: 0 0,5px 5px
}

.colorpicker-swatch--inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.colorpicker-swatch:nth-of-type(7n+0) {
    margin-right: 0
}

.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(7n+0) {
    margin-right: 6px
}

.colorpicker-horizontal .colorpicker-swatch:nth-of-type(6n+0), .colorpicker-with-alpha .colorpicker-swatch:nth-of-type(8n+0) {
    margin-right: 0
}

.colorpicker-horizontal .colorpicker-swatch:nth-of-type(7n+0), .colorpicker-horizontal .colorpicker-swatch:nth-of-type(8n+0) {
    margin-right: 6px
}

.colorpicker-swatch:last-of-type:after {
    content: "";
    display: table;
    clear: both
}

.colorpicker-element input[dir=rtl], .colorpicker-element[dir=rtl] input, [dir=rtl] .colorpicker-element input {
    direction: ltr;
    text-align: right
}

.md-editor {
    display: block;
    border: 1px solid #ddd
}

    .md-editor .md-footer, .md-editor > .md-header {
        display: block;
        padding: 6px 4px;
        background: #f5f5f5
    }

    .md-editor > .md-header {
        margin: 0
    }

    .md-editor > .md-preview {
        border-top: 1px dashed #ddd;
        min-height: 10px;
        overflow: auto
    }

    .md-editor > textarea {
        font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
        font-size: 14px;
        margin: 0;
        display: block;
        border: 0;
        border-top: 1px dashed #ddd;
        box-shadow: none
    }

        .md-editor > textarea:focus {
            box-shadow: none;
            background: #fff
        }

    .md-editor.active {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

    .md-editor .md-controls {
        float: right;
        padding: 3px
    }

        .md-editor .md-controls .md-control {
            right: 5px;
            color: #bebebe;
            padding: 3px 3px 3px 10px
        }

            .md-editor .md-controls .md-control:hover {
                color: #333
            }

    .md-editor.md-fullscreen-mode {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        padding: 60px 30px 15px;
        background: #fff !important;
        border: 0 !important
    }

        .md-editor.md-fullscreen-mode .md-footer {
            display: none
        }

        .md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview {
            margin: 0 auto !important;
            height: 100% !important;
            font-size: 20px !important;
            padding: 20px !important;
            color: #999;
            line-height: 1.6em !important;
            resize: none !important;
            box-shadow: none !important;
            background: #fff !important;
            border: 0 !important
        }

        .md-editor.md-fullscreen-mode .md-preview {
            color: #333;
            overflow: auto
        }

        .md-editor.md-fullscreen-mode .md-input:focus, .md-editor.md-fullscreen-mode .md-input:hover {
            color: #333;
            background: #fff !important
        }

        .md-editor.md-fullscreen-mode .md-header {
            background: 0 0;
            text-align: center;
            position: fixed;
            width: 100%;
            top: 20px
        }

        .md-editor.md-fullscreen-mode .btn-group {
            float: none
        }

        .md-editor.md-fullscreen-mode .btn {
            border: 0;
            background: 0 0;
            color: #b3b3b3
        }

            .md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn:hover {
                box-shadow: none;
                color: #333
            }

        .md-editor.md-fullscreen-mode .md-fullscreen-controls {
            position: absolute;
            top: 20px;
            right: 20px;
            text-align: right;
            z-index: 1002;
            display: block
        }

            .md-editor.md-fullscreen-mode .md-fullscreen-controls a {
                color: #b3b3b3;
                clear: right;
                margin: 10px;
                width: 30px;
                height: 30px;
                text-align: center
            }

                .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
                    color: #333;
                    text-decoration: none
                }

        .md-editor.md-fullscreen-mode .md-editor {
            height: 100% !important;
            position: relative
        }

    .md-editor .md-fullscreen-controls {
        display: none
    }

.md-nooverflow {
    overflow: hidden;
    position: fixed;
    width: 100%
}

span.multiselect-native-select {
    position: relative
}

    span.multiselect-native-select select {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px -1px -1px -3px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
        left: 50%;
        top: 30px
    }

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .multiselect-container .input-group {
        margin: 5px
    }

    .multiselect-container .multiselect-reset .input-group {
        width: 93%
    }

    .multiselect-container > li {
        padding: 0
    }

        .multiselect-container > li > a.multiselect-all label {
            font-weight: 700
        }

        .multiselect-container > li.multiselect-group label {
            margin: 0;
            height: 100%;
            font-weight: 700
        }

        .multiselect-container > li.multiselect-group-clickable label {
            cursor: pointer
        }

        .multiselect-container > li > a {
            padding: 0
        }

            .multiselect-container > li > a > label {
                margin: 0;
                height: 100%;
                cursor: pointer;
                font-weight: 400
            }

                .multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
                    margin: 0
                }

                .multiselect-container > li > a > label > input[type=checkbox] {
                    margin-bottom: 5px
                }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    display: inline-block;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    line-height: 22px;
    cursor: text
}

    .bootstrap-tagsinput input, .bootstrap-tagsinput input:focus {
        border: none;
        box-shadow: none
    }

    .bootstrap-tagsinput input {
        outline: 0;
        background-color: transparent;
        padding: 0 6px;
        margin: 0;
        width: auto;
        max-width: inherit
    }

    .bootstrap-tagsinput.form-control input::-moz-placeholder {
        color: #777;
        opacity: 1
    }

    .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
        color: #777
    }

    .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
        color: #777
    }

    .bootstrap-tagsinput .badge {
        margin-right: 2px;
        color: #fff;
        background-color: #0275d8;
        padding: 5px 8px;
        border-radius: 3px
    }

        .bootstrap-tagsinput .badge [data-role=remove] {
            margin-left: 8px;
            cursor: pointer
        }

            .bootstrap-tagsinput .badge [data-role=remove]:after {
                content: "×";
                padding: 0 4px;
                background-color: rgba(0,0,0,.1);
                border-radius: 50%;
                font-size: 13px
            }

            .bootstrap-tagsinput .badge [data-role=remove]:hover:after {
                background-color: rgba(0,0,0,.62)
            }

            .bootstrap-tagsinput .badge [data-role=remove]:hover:active {
                box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
            }
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

.bootstrap-timepicker {
    position: relative
}

    .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
        left: auto;
        right: 0
    }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
            left: auto;
            right: 12px
        }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
            left: auto;
            right: 13px
        }

    .bootstrap-timepicker .input-group-addon {
        cursor: pointer
    }

        .bootstrap-timepicker .input-group-addon i {
            display: inline-block;
            width: 16px;
            height: 16px
        }

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px
}

    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: inline-block
    }

    .bootstrap-timepicker-widget.dropdown-menu:before {
        border-bottom: 7px solid rgba(0,0,0,.2);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        position: absolute
    }

    .bootstrap-timepicker-widget.dropdown-menu:after, .dropzone .dz-preview .dz-error-message:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: ""
    }

    .bootstrap-timepicker-widget.dropdown-menu:after {
        border-bottom: 6px solid #fff;
        display: inline-block;
        position: absolute
    }

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input {
    border-radius: 4px
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0
}

    .bootstrap-timepicker-widget table td {
        text-align: center;
        height: 30px;
        margin: 0;
        padding: 2px
    }

.CodeMirror, .owl-carousel .item-video {
    height: 300px
}

.bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px
}

.bootstrap-timepicker-widget table td span {
    width: 100%
}

.bootstrap-timepicker-widget table td a {
    border: 1px solid transparent;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    outline: 0;
    color: #333
}

    .bootstrap-timepicker-widget table td a:hover {
        text-decoration: none;
        background-color: #eee;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border-color: #ddd
    }

    .bootstrap-timepicker-widget table td a i {
        margin-top: 2px;
        font-size: 18px
    }

.bootstrap-timepicker-widget table td input {
    margin: 0;
    text-align: center
}

.bootstrap-timepicker-widget .modal-content {
    padding: 4px
}

@media(min-width:767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px
    }
}

@media(max-width:767px) {
    .bootstrap-timepicker, .bootstrap-timepicker .dropdown-menu {
        width: 100%
    }
}

.CodeMirror {
    font-family: monospace;
    color: #000;
    direction: ltr
}

.CodeMirror-rtl pre, .datepicker-rtl, .ui-datepicker-rtl {
    direction: rtl
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    padding: 0 4px
}

.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
    background-color: #fff
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: #000
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror-cursor {
    border-left: 1px solid #000;
    border-right: none;
    width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-fat-cursor-mark {
    background-color: rgba(20,255,20,.5);
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7
}

@-moz-keyframes blink {
    50% {
        background-color: transparent
    }
}

@-webkit-keyframes blink {
    50% {
        background-color: transparent
    }
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.cm-link, .cm-s-monokai .CodeMirror-matchingbracket, .dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: #00f
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header, .cm-strong {
    font-weight: 700
}

.cm-em {
    font-style: italic
}

.cm-strikethrough, .product-price .regular-price.on-sale, ul.widget-todo-list li label.line-through span {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-type, .cm-s-default .cm-variable-3 {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-invalidchar, .cm-s-default .cm-error {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22
}

.CodeMirror-matchingtag {
    background: rgba(255,150,0,.3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff
}

.CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -50px;
    margin-right: -50px;
    padding-bottom: 50px;
    height: 100%;
    outline: 0;
    position: relative
}

.CodeMirror-sizer {
    position: relative;
    border-right: 50px solid transparent
}

.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none;
    outline: 0
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -50px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: 0 0 !important;
    border: none !important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual
}

.CodeMirror-selected, .ui-slider .ui-slider-handle, .ui-slider .ui-slider-range {
    background: #d9d9d9
}

.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: .1px
}

.CodeMirror-code {
    outline: 0
}

.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

.CodeMirror-focused div.CodeMirror-cursors, div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255,255,0,.4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

span.CodeMirror-selectedtext {
    background: 0 0
}
/*! Bootstrap 5 integration for DataTables
 *
 * ©2020 SpryMedia Ltd, all rights reserved.
 * License: MIT datatables.net/license/mit
 */

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0
}

    table.dataTable td, table.dataTable th {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
            text-align: center
        }

div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
    text-align: left;
    font-weight: 400;
    white-space: nowrap
}

table.dataTable.nowrap td, table.dataTable.nowrap th {
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .5em;
    display: inline-block;
    width: auto
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .85em
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        justify-content: flex-end
    }

div.dataTables_scrollBody table, div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0
}

div.dataTables_scrollBody table, div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
    margin-top: 0 !important;
    border-top: none
}

table.dataTable > thead > tr > td:active, table.dataTable > thead > tr > th:active {
    outline: 0
}

table.dataTable > thead > tr > td:not(.sorting_disabled), table.dataTable > thead > tr > th:not(.sorting_disabled) {
    padding-right: 30px
}

table.dataTable > thead .sorting, table.dataTable > thead .sorting_asc, table.dataTable > thead .sorting_asc_disabled, table.dataTable > thead .sorting_desc, table.dataTable > thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

    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_asc_disabled:after, table.dataTable > thead .sorting_asc_disabled: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 {
        position: absolute;
        bottom: .5em;
        display: block;
        opacity: .3
    }

    table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc_disabled:before {
        right: 1em;
        content: "↑"
    }

    table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_desc_disabled:after {
        right: .5em;
        content: "↓"
    }

    table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:after {
        opacity: 1
    }

    table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:after {
        opacity: 0
    }

div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:after, div.dataTables_scrollBody table thead .sorting_desc:before {
    display: none
}

div.dataTables_scrollBody table tbody tr:first-child td, div.dataTables_scrollBody table tbody tr:first-child th {
    border-top: none
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box
}

.dropzone, .dropzone *, .ui-button-icon-only, .ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

@media screen and (max-width:767px) {
    div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            justify-content: center !important
        }
}

table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
    padding-right: 20px
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: .85em
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: 5px
}

table.table-bordered.dataTable {
    border-right-width: 0
}

    table.table-bordered.dataTable thead tr:first-child td, table.table-bordered.dataTable thead tr:first-child th {
        border-top-width: 1px
    }

    table.table-bordered.dataTable td, table.table-bordered.dataTable th {
        border-left-width: 0;
        border-bottom-width: 1px
    }

        table.table-bordered.dataTable td:first-child, table.table-bordered.dataTable th:first-child {
            border-left-width: 1px
        }

        table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable th:last-child {
            border-right-width: 1px
        }

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0
}

.form-check-inline .form-check-input ~ .invalid-feedback, .form-check-inline .form-check-input ~ .valid-feedback, div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
    margin-left: .5em
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
    padding-left: 0
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
    padding-right: 0
}

table.dataTable tbody td.dt-checkboxes-cell, table.dataTable thead th.dt-checkboxes-select-all, table.dataTable.dt-checkboxes-select tbody tr {
    cursor: pointer
}

table.dataTable tbody td.dt-checkboxes-cell, table.dataTable thead th.dt-checkboxes-select-all {
    text-align: center
}

@media screen and (max-width:640px) {
    div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
        margin-left: 0;
        display: block
    }
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.btn-close, .dropzone.dz-drag-hover .dz-message, .emojionearea .emojionearea-button.placeholder img, .form-check-input:disabled, .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity: .5
}

@-webkit-keyframes pulse {
    0%,20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-moz-keyframes pulse {
    0%,20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pulse {
    0%,20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.dropzone.dz-clickable {
    cursor: pointer
}

    .dropzone.dz-clickable * {
        cursor: default
    }

    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
        cursor: pointer
    }

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone .dz-preview.dz-file-preview .dz-details, .dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0
}

    .dropzone .dz-message .dz-button {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0;
        font: inherit;
        cursor: pointer;
        outline: inherit
    }

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

    .dropzone .dz-preview:hover {
        z-index: 1000
    }

    .dropzone .dz-preview.dz-file-preview .dz-image {
        border-radius: 20px;
        background: #999;
        background: linear-gradient(to bottom,#eee,#ddd)
    }

    .dropzone .dz-preview.dz-image-preview {
        background: #fff
    }

        .dropzone .dz-preview.dz-image-preview .dz-details {
            -webkit-transition: opacity .2s linear;
            -moz-transition: opacity .2s linear;
            -ms-transition: opacity .2s linear;
            -o-transition: opacity .2s linear;
            transition: opacity .2s linear
        }

    .dropzone .dz-preview .dz-remove {
        font-size: 14px;
        text-align: center;
        display: block;
        cursor: pointer;
        border: none
    }

    .dropzone .dz-preview .dz-details {
        z-index: 20;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        font-size: 13px;
        min-width: 100%;
        max-width: 100%;
        padding: 2em 1em;
        text-align: center;
        color: rgba(0,0,0,.9);
        line-height: 150%
    }

        .dropzone .dz-preview .dz-details .dz-size {
            margin-bottom: 1em;
            font-size: 16px
        }

        .dropzone .dz-preview .dz-details .dz-filename {
            white-space: nowrap
        }

            .dropzone .dz-preview .dz-details .dz-filename:hover span {
                border: 1px solid rgba(200,200,200,.8);
                background-color: rgba(255,255,255,.8)
            }

            .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                overflow: hidden;
                text-overflow: ellipsis
            }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                    border: 1px solid transparent
                }

            .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
                background-color: rgba(255,255,255,.4);
                padding: 0 .4em;
                border-radius: 3px
            }

    .dropzone .dz-preview:hover .dz-image img {
        -webkit-transform: scale(1.05,1.05);
        -moz-transform: scale(1.05,1.05);
        -ms-transform: scale(1.05,1.05);
        -o-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05);
        -webkit-filter: blur(8px);
        filter: blur(8px)
    }

    .dropzone .dz-preview .dz-image {
        border-radius: 20px;
        overflow: hidden;
        width: 120px;
        height: 120px;
        position: relative;
        display: block;
        z-index: 10
    }

        .dropzone .dz-preview .dz-image img {
            display: block
        }

    .dropzone .dz-preview.dz-success .dz-success-mark {
        -webkit-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
        -moz-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
        -ms-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
        -o-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
        animation: passing-through 3s cubic-bezier(.77,0,.175,1)
    }

    .dropzone .dz-preview.dz-error .dz-error-mark {
        opacity: 1;
        -webkit-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
        -moz-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
        -ms-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
        -o-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
        animation: slide-in 3s cubic-bezier(.77,0,.175,1)
    }

    .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
        pointer-events: none;
        opacity: 0;
        z-index: 500;
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        margin-left: -27px;
        margin-top: -27px
    }

        .dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg {
            display: block;
            width: 54px;
            height: 54px
        }

    .dropzone .dz-preview.dz-processing .dz-progress {
        opacity: 1;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
    }

    .dropzone .dz-preview.dz-complete .dz-progress {
        opacity: 0;
        -webkit-transition: opacity .4s ease-in;
        -moz-transition: opacity .4s ease-in;
        -ms-transition: opacity .4s ease-in;
        -o-transition: opacity .4s ease-in;
        transition: opacity .4s ease-in
    }

    .dropzone .dz-preview:not(.dz-processing) .dz-progress {
        -webkit-animation: pulse 6s ease infinite;
        -moz-animation: pulse 6s ease infinite;
        -ms-animation: pulse 6s ease infinite;
        -o-animation: pulse 6s ease infinite;
        animation: pulse 6s ease infinite
    }

    .dropzone .dz-preview .dz-progress {
        opacity: 1;
        z-index: 1000;
        pointer-events: none;
        position: absolute;
        height: 16px;
        left: 50%;
        top: 50%;
        margin-top: -8px;
        width: 80px;
        margin-left: -40px;
        background: rgba(255,255,255,.9);
        -webkit-transform: scale(1);
        border-radius: 8px;
        overflow: hidden
    }

        .dropzone .dz-preview .dz-progress .dz-upload {
            background: #333;
            background: linear-gradient(to bottom,#666,#444);
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 0;
            -webkit-transition: width .3s ease-in-out;
            -moz-transition: width .3s ease-in-out;
            -ms-transition: width .3s ease-in-out;
            -o-transition: width .3s ease-in-out;
            transition: width .3s ease-in-out
        }

    .dropzone .dz-preview.dz-error .dz-error-message {
        display: block
    }

    .dropzone .dz-preview.dz-error:hover .dz-error-message {
        opacity: 1;
        pointer-events: auto
    }

    .dropzone .dz-preview .dz-error-message {
        pointer-events: none;
        z-index: 1000;
        position: absolute;
        display: block;
        display: none;
        opacity: 0;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        -ms-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease;
        border-radius: 8px;
        font-size: 13px;
        top: 130px;
        left: -10px;
        width: 140px;
        background: #be2626;
        background: linear-gradient(to bottom,#be2626,#a92222);
        padding: .5em 1.2em;
        color: #fff
    }

.emojionearea, .emojionearea.form-control, .form-control {
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.dropzone .dz-preview .dz-error-message:after {
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #be2626
}

.emojionearea, .emojionearea.form-control {
    display: block;
    position: relative !important;
    width: 100%;
    height: auto;
    padding: 0;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .emojionearea.focused {
        border-color: #66afe9;
        outline: 0;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

    .emojionearea .emojionearea-editor {
        display: block;
        height: auto;
        min-height: 8em;
        max-height: 15em;
        overflow: auto;
        padding: 6px 12px;
        line-height: 1.42857143;
        font-size: inherit;
        color: #555;
        background-color: transparent;
        border: 0;
        cursor: text;
        margin-right: 1px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .emojionearea .emojionearea-editor:empty:before {
            content: attr(placeholder);
            display: block
        }

        .emojionearea .emojionearea-editor:focus {
            outline: 0;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .emojionearea .emojionearea-editor .emojione, .emojionearea .emojionearea-editor [class*=emojione-] {
            font-size: inherit;
            height: 2ex;
            width: 2.1ex;
            min-height: 20px;
            min-width: 20px;
            display: inline-block;
            margin: -.2ex .15em .2ex;
            line-height: normal;
            vertical-align: middle;
            max-width: 100%;
            top: 0
        }

    .emojionearea .emojionearea-filters {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #e5e5e5;
        width: 100%;
        height: 46px;
        position: relative;
        overflow: hidden
    }

        .emojionearea .emojionearea-filters .emojionearea-filter {
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            top: 0 !important;
            margin: 0;
            width: 28px;
            height: 28px;
            display: inline-block;
            background-color: #e5e5e5;
            border: 9px solid #e5e5e5;
            border-left-width: 14px;
            border-right-width: 14px;
            filter: alpha(Opacity=70);
            opacity: .7
        }

            .emojionearea .emojionearea-filters .emojionearea-filter i, .emojionearea .emojionearea-filters .emojionearea-filter img {
                display: block;
                width: 28px;
                height: 28px;
                top: 0;
                margin: 0
            }

            .emojionearea .emojionearea-filters .emojionearea-filter:hover {
                background-color: #f2f2f2;
                border-color: #f2f2f2;
                filter: alpha(Opacity=90);
                opacity: .9
            }

            .emojionearea .emojionearea-filters .emojionearea-filter.active {
                background-color: #f9f9f9;
                border-color: #f9f9f9;
                filter: alpha(enabled=false);
                opacity: 1
            }

        .emojionearea .emojionearea-filters .emojionearea-filters-scroll {
            height: 46px;
            overflow: hidden;
            width: 10000%;
            display: block;
            left: 0;
            margin: 0;
            position: absolute;
            background: #e5e5e5;
            -moz-transition: left .25s ease-in-out;
            -o-transition: left .25s ease-in-out;
            -webkit-transition: left .25s ease-in-out;
            transition: left .25s ease-in-out
        }

.focused.emojionearea .emojionearea-filters .emojionearea-filters-scroll {
    z-index: 91
}

.emojionearea .emojionearea-filters .emojionearea-filter-arrow-left, .emojionearea .emojionearea-filters .emojionearea-filter-arrow-right {
    display: block;
    width: 22px;
    height: 46px;
    position: absolute;
    top: 0;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    background: #e5e5e5;
    z-index: 1
}

.emojionearea .emojionearea-filters .emojionearea-filter-arrow-right, .focused.emojionearea .emojionearea-filters .emojionearea-filter-arrow-left {
    z-index: 92
}

    .emojionearea .emojionearea-filters .emojionearea-filter-arrow-left:hover, .emojionearea .emojionearea-filters .emojionearea-filter-arrow-right:hover {
        background: #f2f2f2
    }

    .emojionearea .emojionearea-filters .emojionearea-filter-arrow-left:after, .emojionearea .emojionearea-filters .emojionearea-filter-arrow-right:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0;
        border-color: transparent;
        position: absolute;
        top: 18px
    }

    .emojionearea .emojionearea-filters .emojionearea-filter-arrow-left.disabled, .emojionearea .emojionearea-filters .emojionearea-filter-arrow-right.disabled {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.emojionearea .emojionearea-filters .emojionearea-filter-arrow-left {
    -moz-transition: left .15s ease-in-out;
    -o-transition: left .15s ease-in-out;
    -webkit-transition: left .15s ease-in-out;
    transition: left .15s ease-in-out;
    left: -30px;
    border-right: 1px solid #c9c9c9
}

    .emojionearea .emojionearea-filters .emojionearea-filter-arrow-left:after {
        left: 6px;
        border-right: 8px solid #333
    }

    .emojionearea .emojionearea-filters .emojionearea-filter-arrow-left.disabled:after {
        border-right-color: #aaa
    }

.focused.emojionearea .emojionearea-filters .emojionearea-filter-arrow-left.active {
    left: 0
}

.emojionearea .emojionearea-filters .emojionearea-filter-arrow-right {
    -moz-transition: right .15s ease-in-out;
    -o-transition: right .15s ease-in-out;
    -webkit-transition: right .15s ease-in-out;
    transition: right .15s ease-in-out;
    right: -30px;
    border-left: 1px solid #c9c9c9
}

    .emojionearea .emojionearea-filters .emojionearea-filter-arrow-right:after {
        right: 6px;
        border-left: 8px solid #333
    }

    .emojionearea .emojionearea-filters .emojionearea-filter-arrow-right.disabled:after {
        border-left-color: #aaa
    }

.focused.emojionearea .emojionearea-filters .emojionearea-filter-arrow-right.active {
    right: 0
}

.emojionearea .emojionearea-tabs {
    position: absolute;
    left: -1px;
    right: -1px;
    border: 1px solid #ccc;
    border-top: 0 !important;
    padding: 1px 0 2px;
    margin-top: -1px;
    background: #f9f9f9;
    height: 138px;
    z-index: 90;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.focused.emojionearea .emojionearea-tabs {
    border-color: inherit;
    -moz-box-shadow: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}

.emojionearea .emojionearea-tabs [class*=emojione-] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0;
    width: 24px;
    height: 24px;
    top: 0
}

.emojionearea .emojionearea-tabs .emojionearea-tab {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    padding: 4px 4px 4px 10px;
    height: 136px;
    overflow: auto
}

    .emojionearea .emojionearea-tabs .emojionearea-tab .emojibtn {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        width: 24px;
        height: 24px;
        float: left;
        display: block;
        margin: 1px;
        padding: 3px
    }

        .emojionearea .emojionearea-tabs .emojionearea-tab .emojibtn:hover {
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            background-color: #e4e4e4;
            cursor: pointer
        }

        .emojionearea .emojionearea-tabs .emojionearea-tab .emojibtn i, .emojionearea .emojionearea-tabs .emojionearea-tab .emojibtn img {
            float: left;
            display: block;
            width: 24px;
            height: 24px
        }

.emojionearea .emojionearea-filters, .emojionearea .emojionearea-tabs {
    overflow: hidden;
    filter: alpha(enabled=false);
    opacity: 1
}

    .emojionearea .emojionearea-filters.ea-hidden, .emojionearea .emojionearea-tabs.ea-hidden {
        height: 0;
        filter: alpha(Opacity=0);
        opacity: 0
    }

.emojionearea .emojionearea-tab {
    filter: alpha(enabled=false);
    opacity: 1;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

    .emojionearea .emojionearea-tab.ea-hidden {
        filter: alpha(Opacity=0);
        opacity: 0;
        z-index: -1
    }

.emojionearea .emojionearea-editor, .emojionearea .emojionearea-filters, .emojionearea .emojionearea-tabs {
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

    .emojionearea .emojionearea-editor + .emojionearea-filters, .emojionearea .emojionearea-editor + .emojionearea-tabs, .emojionearea .emojionearea-filters + .emojionearea-editor, .emojionearea .emojionearea-tabs + .emojionearea-editor {
        border-top: 1px solid #cfcfcf
    }

.emojionearea.has-button {
    border: 0;
    background: 0 0;
    box-shadow: none;
    display: inline-block;
    width: auto
}

    .emojionearea.has-button .emojionearea-filters, .emojionearea.has-button .emojionearea-tabs {
        width: 306px;
        transition: none
    }

    .emojionearea.has-button .emojionearea-filters {
        border: 1px solid #ccc;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        position: absolute;
        top: 44px;
        left: 0;
        z-index: 90
    }

    .emojionearea.has-button .emojionearea-tabs {
        top: 90px;
        left: 0;
        right: 0
    }

    .emojionearea.has-button .emojionearea-filter-arrow-left.active {
        left: 0
    }

    .emojionearea.has-button .emojionearea-filter-arrow-right.active {
        right: 0
    }

.emojionearea .emojionearea-button {
    margin-bottom: 10px;
    background-color: #e5e5e5;
    cursor: pointer;
    width: auto;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    user-select: none;
    -webkit-user-select: none;
    position: relative;
    padding: 6px 55px 6px 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAOVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8dlA9AAAAEnRSTlMABREVGC51gIiKra69zNHW1+vNhZpxAAAAhUlEQVR4Ae3RywpCMQyE4R7rpfXuvP/DCtNNkIBhVgrz778hkPbjOeecOxxb0jZ71b8wEn/BY1/1wEg8uFDzYSH42sIVq9OnZ7N9bXfDaiT+vDVhIfHVBc3HBc3HBc3HBcGzfsfqqflwg+i5IPpkgV5foNcXdM8F1Ydv6p71Se+cc+5PegM/oA+TVIN/2wAAAABJRU5ErkJggg==);
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: 88% center
}

    .emojionearea .emojionearea-button:hover {
        background-color: #f2f2f2
    }

    .emojionearea .emojionearea-button::after {
        content: "";
        position: absolute;
        top: 4px;
        left: 50%;
        bottom: 4px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #f0f0f0
    }

    .emojionearea .emojionearea-button.placeholder::before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 2px;
        left: 27px;
        display: block;
        width: 14px;
        height: 14px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA2CAMAAAC/bkrSAAAARVBMVEUAAAC/v7+fn5+ZmZmenp6Xl5ebm5uampqYmJibm5uampqYmJiYmJiYmJiYmJiXl5eYmJiYmJiXl5eYmJiZmZmampqbm5sJERIjAAAAEnRSTlMABAgPFSAzNUNFVnl8hvX4+fpxC8StAAAAbklEQVR42u3WuRKAIAxF0bhvuBHl/z9VZmzgpUBpLMxtk1OGgUSbhWpKt+Sh0wUpUvRT1EPDimjElZKsCJCs8YgxF8bYjdy7WJGiT9GBRachph7l3ZOZ4syOaMaNSt89RYoeIw5Lovw/bNtBBWEX3ut8mHtBARQAAAAASUVORK5CYII=)
    }

    .emojionearea .emojionearea-button.placeholder:hover img {
        opacity: .7
    }

    .emojionearea .emojionearea-button img {
        display: block;
        width: 25px;
        height: auto;
        top: 0
    }
/*! Image Uploader - v1.2.3 - 26/11/2019
 * Copyright (c) 2019 Christian Bayer; Licensed MIT */

@font-face {
    font-family: 'Image Uploader Icons';
    src: url(../fonts/iu.eot);
    src: url(../fonts/iu.eot) format('embedded-opentype'),url(../fonts/iu.ttf) format('truetype'),url(../fonts/iu.woff) format('woff'),url(../fonts/iu.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=iui-], [class^=iui-] {
    font-family: 'Image Uploader Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iui-close:before {
    content: "\e900"
}

.iui-cloud-upload:before {
    content: "\e901"
}

.image-uploader {
    min-height: 10rem;
    border: 1px solid #d9d9d9;
    position: relative
}

    .image-uploader.drag-over {
        background-color: #f3f3f3
    }

    .image-uploader input[type=file] {
        width: 0;
        height: 0;
        position: absolute;
        z-index: -1;
        opacity: 0
    }

    .image-uploader .upload-text {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

        .image-uploader .upload-text i {
            display: block;
            font-size: 3rem;
            margin-bottom: .5rem
        }

        .image-uploader .upload-text span {
            display: block
        }

    .image-uploader.has-files .upload-text {
        display: none
    }

    .image-uploader .uploaded {
        padding: .5rem;
        line-height: 0
    }

        .image-uploader .uploaded .uploaded-image {
            display: inline-block;
            width: calc(16.6666667% - 1rem);
            padding-bottom: calc(16.6666667% - 1rem);
            height: 0;
            position: relative;
            margin: .5rem;
            background: #f3f3f3;
            cursor: default
        }

.ui-datepicker .ui-icon, .ui-icon {
    text-indent: -99999px;
    background-repeat: no-repeat
}

.image-uploader .uploaded .uploaded-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute
}

.image-uploader .uploaded .uploaded-image .delete-image {
    display: none;
    cursor: pointer;
    position: absolute;
    top: .2rem;
    right: .2rem;
    border-radius: 50%;
    padding: .3rem;
    line-height: 1;
    background-color: rgba(0,0,0,.5);
    -webkit-appearance: none;
    border: none
}

.ui-state-disabled, table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child {
    cursor: default !important
}

.image-uploader .uploaded .uploaded-image:hover .delete-image {
    display: block
}

.image-uploader .uploaded .uploaded-image .delete-image i {
    display: block;
    color: #fff;
    width: 1.4rem;
    height: 1.4rem;
    font-size: 1.4rem;
    line-height: 1.4rem
}

@media screen and (max-width:1366px) {
    .image-uploader .uploaded .uploaded-image {
        width: calc(20% - 1rem);
        padding-bottom: calc(20% - 1rem)
    }
}

@media screen and (max-width:992px) {
    .image-uploader .uploaded {
        padding: .4rem
    }

        .image-uploader .uploaded .uploaded-image {
            width: calc(25% - .8rem);
            padding-bottom: calc(25% - .4rem);
            margin: .4rem
        }
}

@media screen and (max-width:786px) {
    .image-uploader .uploaded {
        padding: .3rem
    }

        .image-uploader .uploaded .uploaded-image {
            width: calc(33.3333333333% - .6rem);
            padding-bottom: calc(33.3333333333% - .3rem);
            margin: .3rem
        }
}

@media screen and (max-width:450px) {
    .image-uploader .uploaded {
        padding: .2rem
    }

        .image-uploader .uploaded .uploaded-image {
            width: calc(50% - .4rem);
            padding-bottom: calc(50% - .4rem);
            margin: .2rem
        }
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    overflow: hidden
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-autocomplete, .ui-menu .ui-icon, .ui-menu .ui-menu {
    position: absolute
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-button, .ui-controlgroup {
    display: inline-block;
    vertical-align: middle
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em
    }

.ui-menu .ui-icon {
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

    .ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
        text-decoration: none
    }

.ui-button-icon-only {
    width: 2em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

    .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus {
        z-index: 9999
    }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker td a, .ui-datepicker td span {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
            float: right
        }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    overflow: hidden;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0;
        padding: 1px;
        height: 20px
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: 0 0;
        overflow: auto
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0
    }

    .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
        width: 7px;
        height: 7px
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
        height: 100%;
        filter: alpha(opacity=25);
        opacity: .25
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: 700;
            line-height: 1.5;
            padding: 2px .4em;
            margin: .5em 0 0;
            height: auto;
            border: 0
        }

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    height: 100px
}

    .ui-slider-vertical .ui-slider-handle {
        margin-left: 0;
        margin-bottom: -.6em
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: .222em 0;
    margin: .2em 2em .2em .4em;
    vertical-align: middle
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px
        }

            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
 */

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5
    }

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

    .ui-widget-content a {
        color: #333
    }

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

    .ui-widget-header a {
        color: #333
    }

    .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: 400;
        color: #454545
    }

        .ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
            color: #454545;
            text-decoration: none
        }

            .ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
                border: 1px solid #ccc;
                background: #ededed;
                font-weight: 400;
                color: #2b2b2b
            }

                .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
                    color: #2b2b2b;
                    text-decoration: none
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

    .ui-icon-background, .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #fff
    }

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #fff;
        text-decoration: none
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

    .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
        color: #5f3f3f
    }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35)
    }

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first, .ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .003;
    filter: Alpha(Opacity=.3)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

.cm-s-monokai.CodeMirror {
    background: #272822;
    color: #f8f8f2
}

.cm-s-monokai div.CodeMirror-selected {
    background: #49483E
}

.cm-s-monokai .CodeMirror-line::selection, .cm-s-monokai .CodeMirror-line > span::selection, .cm-s-monokai .CodeMirror-line > span > span::selection {
    background: rgba(73,72,62,.99)
}

.cm-s-monokai .CodeMirror-line::-moz-selection, .cm-s-monokai .CodeMirror-line > span::-moz-selection, .cm-s-monokai .CodeMirror-line > span > span::-moz-selection {
    background: rgba(73,72,62,.99)
}

.cm-s-monokai .CodeMirror-gutters {
    background: #272822;
    border-right: 0
}

.cm-s-monokai .CodeMirror-guttermarker {
    color: #fff
}

.cm-s-monokai .CodeMirror-guttermarker-subtle, .cm-s-monokai .CodeMirror-linenumber {
    color: #d0d0d0
}

.cm-s-monokai .CodeMirror-cursor {
    border-left: 1px solid #f8f8f0
}

.cm-s-monokai span.cm-comment {
    color: #75715e
}

.cm-s-monokai span.cm-atom, .cm-s-monokai span.cm-number {
    color: #ae81ff
}

.cm-s-monokai span.cm-comment.cm-attribute {
    color: #97b757
}

.cm-s-monokai span.cm-comment.cm-def {
    color: #bc9262
}

.cm-s-monokai span.cm-comment.cm-tag {
    color: #bc6283
}

.cm-s-monokai span.cm-comment.cm-type {
    color: #5998a6
}

.cm-s-monokai span.cm-attribute, .cm-s-monokai span.cm-property {
    color: #a6e22e
}

.cm-s-monokai span.cm-keyword {
    color: #f92672
}

.cm-s-monokai span.cm-builtin {
    color: #66d9ef
}

.cm-s-monokai span.cm-string {
    color: #e6db74
}

.cm-s-monokai span.cm-variable {
    color: #f8f8f2
}

.cm-s-monokai span.cm-variable-2 {
    color: #9effff
}

.cm-s-monokai span.cm-type, .cm-s-monokai span.cm-variable-3 {
    color: #66d9ef
}

.cm-s-monokai span.cm-def {
    color: #fd971f
}

.cm-s-monokai span.cm-bracket {
    color: #f8f8f2
}

.cm-s-monokai span.cm-tag {
    color: #f92672
}

.cm-s-monokai span.cm-header, .cm-s-monokai span.cm-link {
    color: #ae81ff
}

.cm-s-monokai span.cm-error {
    background: #f92672;
    color: #f8f8f0
}

.cm-s-monokai .CodeMirror-activeline-background {
    background: #373831
}

.cm-s-monokai .CodeMirror-matchingbracket {
    color: #fff !important
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before {
    display: none !important
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

    table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
        top: 9px;
        left: 4px;
        height: 14px;
        width: 14px;
        display: block;
        position: absolute;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        font-family: 'Courier New',Courier,monospace;
        line-height: 14px;
        content: '+';
        background-color: #31b131
    }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';
    background-color: #d33333
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px
}

    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
        top: 5px;
        left: 4px;
        height: 14px;
        width: 14px;
        border-radius: 14px;
        line-height: 14px;
        text-indent: 3px
    }

table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer
}

    table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
        top: 50%;
        left: 50%;
        height: 16px;
        width: 16px;
        margin-top: -10px;
        margin-left: -10px;
        display: block;
        position: absolute;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        font-family: 'Courier New',Courier,monospace;
        line-height: 14px;
        content: '+';
        background-color: #31b131
    }

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';
    background-color: #d33333
}

table.dataTable > tbody > tr.child {
    padding: .5em 1em
}

    table.dataTable > tbody > tr.child:hover {
        background: 0 0 !important
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        table.dataTable > tbody > tr.child ul.dtr-details > li {
            border-bottom: 1px solid #efefef;
            padding: .5em 0
        }

            table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
                padding-top: 0
            }

            table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
                border-bottom: none
            }

    table.dataTable > tbody > tr.child span.dtr-title {
        display: inline-block;
        min-width: 75px;
        font-weight: 700
    }

div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

    div.dtr-modal div.dtr-modal-display {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 50%;
        margin: auto;
        z-index: 102;
        overflow: auto;
        background-color: #f5f5f7;
        border: 1px solid #000;
        border-radius: .5em;
        box-shadow: 0 12px 30px rgba(0,0,0,.6)
    }

    div.dtr-modal div.dtr-modal-content {
        position: relative;
        padding: 1em
    }

    div.dtr-modal div.dtr-modal-close {
        position: absolute;
        top: 6px;
        right: 6px;
        width: 22px;
        height: 22px;
        border: 1px solid #eaeaea;
        background-color: #f9f9f9;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        z-index: 12
    }

        div.dtr-modal div.dtr-modal-close:hover {
            background-color: #eaeaea
        }

    div.dtr-modal div.dtr-modal-background {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 101;
        background: rgba(0,0,0,.6)
    }

@media screen and (max-width:767px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%
    }
}
/*!
 * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)
 * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
 * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
 */

.select2-container--bootstrap {
    display: block
}

    .select2-container--bootstrap .select2-selection {
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555;
        font-size: 14px;
        outline: 0
    }

        .select2-container--bootstrap .select2-selection.form-control {
            border-radius: 4px
        }

    .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555;
        font-size: 14px
    }

    .select2-container--bootstrap .select2-search__field {
        outline: 0
    }

        .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
            color: #999
        }

        .select2-container--bootstrap .select2-search__field:-moz-placeholder {
            color: #999
        }

        .select2-container--bootstrap .select2-search__field::-moz-placeholder {
            color: #999;
            opacity: 1
        }

        .select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
            color: #999
        }

    .select2-container--bootstrap .select2-results__option {
        padding: 6px 12px
    }

        .select2-container--bootstrap .select2-results__option[role=group] {
            padding: 0
        }

        .select2-container--bootstrap .select2-results__option[aria-disabled=true] {
            color: #777;
            cursor: not-allowed
        }

        .select2-container--bootstrap .select2-results__option[aria-selected=true] {
            background-color: #f5f5f5;
            color: #262626
        }

    .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
        background-color: #337ab7;
        color: #fff
    }

    .select2-container--bootstrap .select2-results__option .select2-results__option {
        padding: 6px 12px
    }

        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
            padding-left: 0
        }

        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -12px;
            padding-left: 24px
        }

            .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -24px;
                padding-left: 36px
            }

                .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -36px;
                    padding-left: 48px
                }

                    .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -48px;
                        padding-left: 60px
                    }

                        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                            margin-left: -60px;
                            padding-left: 72px
                        }

    .select2-container--bootstrap .select2-results__group {
        color: #777;
        display: block;
        padding: 6px 12px;
        font-size: 12px;
        line-height: 1.42857143;
        white-space: nowrap
    }

    .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        border-color: #66afe9
    }

        .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
            border-color: transparent transparent #999;
            border-width: 0 4px 4px
        }

    .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-color: transparent
    }

    .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-top-color: transparent
    }

    .select2-container--bootstrap .select2-selection__clear {
        color: #999;
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-right: 10px
    }

        .select2-container--bootstrap .select2-selection__clear:hover {
            color: #333
        }

    .select2-container--bootstrap.select2-container--disabled .select2-selection {
        border-color: #ccc;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .select2-container--bootstrap.select2-container--disabled .select2-search__field, .select2-container--bootstrap.select2-container--disabled .select2-selection {
        cursor: not-allowed
    }

    .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
        background-color: #eee
    }

    .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--disabled .select2-selection__clear {
        display: none
    }

    .select2-container--bootstrap .select2-dropdown {
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        border-color: #66afe9;
        overflow-x: hidden;
        margin-top: -1px
    }

    .select2-container--bootstrap .select2-dropdown--above {
        -webkit-box-shadow: 0 -6px 12px rgba(0,0,0,.175);
        box-shadow: 0 -6px 12px rgba(0,0,0,.175);
        margin-top: 1px
    }

    .select2-container--bootstrap .select2-results > .select2-results__options {
        max-height: 200px;
        overflow-y: auto
    }

    .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
        position: absolute;
        bottom: 0;
        right: 12px;
        top: 0;
        width: 4px
    }

        .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
            border-color: #999 transparent transparent;
            border-style: solid;
            border-width: 4px 4px 0;
            height: 0;
            left: 0;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

    .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
        color: #555;
        padding: 0
    }

    .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--bootstrap .select2-selection--multiple {
        min-height: 34px
    }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            list-style: none;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
            color: #999;
            float: left;
            margin-top: 5px
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
            color: #555;
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 4px;
            cursor: default;
            float: left;
            margin: 5px 0 0 6px;
            padding: 0 6px
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
            background: 0 0;
            padding: 0 12px;
            height: 32px;
            line-height: 1.42857143;
            margin-top: 0;
            min-width: 5em
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
            color: #999;
            cursor: pointer;
            display: inline-block;
            font-weight: 700;
            margin-right: 3px
        }

            .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: #333
            }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
            margin-top: 6px
        }

    .form-group-sm .select2-container--bootstrap .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .select2-container--bootstrap .select2-selection--single.input-sm {
        border-radius: 3px;
        font-size: 12px;
        height: 30px;
        line-height: 1.5;
        padding: 5px 22px 5px 10px
    }

        .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b {
            margin-left: -5px
        }

    .form-group-sm .select2-container--bootstrap .select2-selection--multiple, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .select2-container--bootstrap .select2-selection--multiple.input-sm {
        min-height: 30px;
        border-radius: 3px
    }

        .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice {
            font-size: 12px;
            line-height: 1.5;
            margin: 4px 0 0 5px;
            padding: 0 5px
        }

        .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field {
            padding: 0 10px;
            font-size: 12px;
            height: 28px;
            line-height: 1.5
        }

        .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear {
            margin-top: 5px
        }

    .form-group-lg .select2-container--bootstrap .select2-selection--single, .input-group-lg .select2-container--bootstrap .select2-selection--single, .select2-container--bootstrap .select2-selection--single.input-lg {
        border-radius: 6px;
        font-size: 18px;
        height: 46px;
        line-height: 1.3333333;
        padding: 10px 31px 10px 16px
    }

        .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow {
            width: 5px
        }

            .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b {
                border-width: 5px 5px 0;
                margin-left: -10px;
                margin-top: -2.5px
            }

    .form-group-lg .select2-container--bootstrap .select2-selection--multiple, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .select2-container--bootstrap .select2-selection--multiple.input-lg {
        min-height: 46px;
        border-radius: 6px
    }

        .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice {
            font-size: 18px;
            line-height: 1.3333333;
            border-radius: 4px;
            margin: 9px 0 0 8px;
            padding: 0 10px
        }

        .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field {
            padding: 0 16px;
            font-size: 18px;
            height: 44px;
            line-height: 1.3333333
        }

        .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear {
            margin-top: 10px
        }

    .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #999;
        border-width: 0 5px 5px
    }

    .select2-container--bootstrap[dir=rtl] .select2-selection--single {
        padding-left: 24px;
        padding-right: 12px
    }

        .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered {
            padding-right: 0;
            padding-left: 0;
            text-align: right
        }

        .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear {
            float: left
        }

        .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow {
            left: 12px;
            right: auto
        }

            .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b {
                margin-left: 0
            }

    .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
        float: right
    }

    .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice {
        margin-left: 0;
        margin-right: 6px
    }

    .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
        margin-left: 2px;
        margin-right: auto
    }

.has-warning .select2-dropdown, .has-warning .select2-selection {
    border-color: #8a6d3b
}

.has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    border-color: #66512c
}

.has-warning.select2-drop-active {
    border-color: #66512c
}

    .has-warning.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #66512c
    }

.has-error .select2-dropdown, .has-error .select2-selection {
    border-color: #a94442
}

.has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    border-color: #843534
}

.has-error.select2-drop-active {
    border-color: #843534
}

    .has-error.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #843534
    }

.has-success .select2-dropdown, .has-success .select2-selection {
    border-color: #3c763d
}

.has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    border-color: #2b542c
}

.has-success.select2-drop-active {
    border-color: #2b542c
}

    .has-success.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #2b542c
    }

.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection, .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
    border-radius: 0
}

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group > .select2-container--bootstrap {
    display: table;
    table-layout: fixed;
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 0
}

    .input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
        float: none
    }

    .input-group > .select2-container--bootstrap.select2-container--focus, .input-group > .select2-container--bootstrap.select2-container--open {
        z-index: 3
    }

    .input-group > .select2-container--bootstrap, .input-group > .select2-container--bootstrap .input-group-btn, .input-group > .select2-container--bootstrap .input-group-btn .btn {
        vertical-align: top
    }

.form-control.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important
}

@media (min-width:768px) {
    .form-inline .select2-container--bootstrap {
        display: inline-block
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative
        }

    .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .select2-container .select2-search--inline {
        float: left
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

    .select2-results__option[aria-selected] {
        cursor: pointer
    }

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--classic .select2-results > .select2-results__options, .select2-container--default .select2-results > .select2-results__options {
    overflow-y: auto;
    max-height: 200px
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none
        }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-top: 5px;
        margin-right: 10px;
        padding: 1px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333
        }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-right: 10px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.note-btn-group, .note-dropdown {
    position: relative
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: 0 0;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888;
            border-width: 0 4px 5px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff 0,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555
        }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}
/*!
 * 
 * Super simple WYSIWYG editor v0.8.20
 * https://summernote.org
 *
 *
 * Copyright 2013- Alan Hong and contributors
 * Summernote may be freely distributed under the MIT license.
 *
 * Date: 2021-10-14T21:15Z
 *
 */

[class*=" note-icon"]:before, [class^=note-icon]:before {
    display: inline-block;
    font-family: summernote;
    font-style: normal;
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
    vertical-align: middle;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none
}

.note-icon-fw {
    text-align: center;
    width: 1.25em
}

.note-icon-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.note-icon-pull-left {
    float: left
}

.close, .note-icon-pull-right {
    float: right
}

.note-icon.note-icon-pull-left {
    margin-right: .3em
}

.note-icon.note-icon-pull-right {
    margin-left: .3em
}

.note-icon-align::before {
    content: "\ea01"
}

.note-icon-align-center::before {
    content: "\ea02"
}

.note-icon-align-indent::before {
    content: "\ea03"
}

.note-icon-align-justify::before {
    content: "\ea04"
}

.note-icon-align-left::before {
    content: "\ea05"
}

.note-icon-align-outdent::before {
    content: "\ea06"
}

.note-icon-align-right::before {
    content: "\ea07"
}

.note-icon-arrow-circle-down::before {
    content: "\ea08"
}

.note-icon-arrow-circle-left::before {
    content: "\ea09"
}

.note-icon-arrow-circle-right::before {
    content: "\ea0a"
}

.note-icon-arrow-circle-up::before {
    content: "\ea0b"
}

.note-icon-arrows-alt::before {
    content: "\ea0c"
}

.note-icon-arrows-h::before {
    content: "\ea0d"
}

.note-icon-arrows-v::before {
    content: "\ea0e"
}

.note-icon-bold::before {
    content: "\ea0f"
}

.note-icon-caret::before {
    content: "\ea10"
}

.note-icon-chain-broken::before {
    content: "\ea11"
}

.note-icon-circle::before {
    content: "\ea12"
}

.note-icon-close::before {
    content: "\ea13"
}

.note-icon-code::before {
    content: "\ea14"
}

.note-icon-col-after::before {
    content: "\ea15"
}

.note-icon-col-before::before {
    content: "\ea16"
}

.note-icon-col-remove::before {
    content: "\ea17"
}

.note-icon-eraser::before {
    content: "\ea18"
}

.note-icon-float-left::before {
    content: "\ea19"
}

.note-icon-float-none::before {
    content: "\ea1a"
}

.note-icon-float-right::before {
    content: "\ea1b"
}

.note-icon-font::before {
    content: "\ea1c"
}

.note-icon-frame::before {
    content: "\ea1d"
}

.note-icon-italic::before {
    content: "\ea1e"
}

.note-icon-link::before {
    content: "\ea1f"
}

.note-icon-magic::before {
    content: "\ea20"
}

.note-icon-menu-check::before {
    content: "\ea21"
}

.note-icon-minus::before {
    content: "\ea22"
}

.note-icon-orderedlist::before {
    content: "\ea23"
}

.note-icon-pencil::before {
    content: "\ea24"
}

.note-icon-picture::before {
    content: "\ea25"
}

.note-icon-question::before {
    content: "\ea26"
}

.note-icon-redo::before {
    content: "\ea27"
}

.note-icon-rollback::before {
    content: "\ea28"
}

.note-icon-row-above::before {
    content: "\ea29"
}

.note-icon-row-below::before {
    content: "\ea2a"
}

.note-icon-row-remove::before {
    content: "\ea2b"
}

.note-icon-special-character::before {
    content: "\ea2c"
}

.note-icon-square::before {
    content: "\ea2d"
}

.note-icon-strikethrough::before {
    content: "\ea2e"
}

.note-icon-subscript::before {
    content: "\ea2f"
}

.note-icon-summernote::before {
    content: "\ea30"
}

.note-icon-superscript::before {
    content: "\ea31"
}

.note-icon-table::before {
    content: "\ea32"
}

.note-icon-text-height::before {
    content: "\ea33"
}

.note-icon-trash::before {
    content: "\ea34"
}

.note-icon-underline::before {
    content: "\ea35"
}

.note-icon-undo::before {
    content: "\ea36"
}

.note-icon-unorderedlist::before {
    content: "\ea37"
}

.note-icon-video::before {
    content: "\ea38"
}

.note-frame {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-family: sans-serif;
    border-radius: 4px
}

.note-toolbar {
    padding: 10px 5px;
    border-bottom: 1px solid #e2e2e2;
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.note-btn-group {
    display: inline-block;
    margin-right: 8px
}

    .note-btn-group > .note-btn-group, .note-dropdown-menu > :last-child {
        margin-right: 0
    }

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

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

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

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

    .note-btn-group.open > .note-dropdown {
        display: block
    }

.note-btn {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #dae0e5;
    white-space: nowrap;
    outline: 0;
    color: #333;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .note-btn.disabled.focus, .note-btn.disabled:focus, .note-btn[disabled].focus, .note-btn[disabled]:focus, fieldset[disabled] .note-btn.focus, fieldset[disabled] .note-btn:focus {
        background-color: #fff;
        border-color: #dae0e5
    }

    .note-btn.focus, .note-btn:focus, .note-btn:hover {
        color: #333;
        text-decoration: none;
        border: 1px solid #dae0e5;
        background-color: #ebebeb;
        outline: 0;
        border-radius: 1px
    }

    .note-btn.active, .note-btn:active {
        background-image: none;
        color: #333;
        text-decoration: none;
        border: 1px solid #dae0e5;
        background-color: #ebebeb;
        outline: 0;
        border-radius: 1px;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .note-btn.disabled, .note-btn[disabled], fieldset[disabled] .note-btn {
        cursor: not-allowed;
        -webkit-opacity: .65;
        -khtml-opacity: .65;
        -moz-opacity: .65;
        opacity: .65;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
        filter: alpha(opacity=65);
        box-shadow: none
    }

.close, html.dark .dropdown-menu .dropdown-divider {
    opacity: .2
}

.note-btn > span.note-icon-caret:first-child {
    margin-left: -1px
}

.note-btn > span.note-icon-caret:nth-child(2) {
    padding-left: 3px;
    margin-right: -5px
}

.note-btn-primary {
    background: #fa6362;
    color: #fff
}

    .note-btn-primary.focus, .note-btn-primary:focus, .note-btn-primary:hover {
        color: #fff;
        text-decoration: none;
        border: 1px solid #dae0e5;
        background-color: #fa6362;
        border-radius: 1px
    }

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

    .note-btn-block + .note-btn-block {
        margin-top: 5px
    }

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

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

.close {
    font-size: 21px;
    line-height: 1;
    color: #000
}

    .close:hover, .note-modal {
        -webkit-opacity: 1;
        -khtml-opacity: 1
    }

    .close:hover {
        -moz-opacity: 1;
        -ms-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
        opacity: 1
    }

.note-color .dropdown-toggle {
    width: 30px;
    padding-left: 5px
}

.note-dropdown-menu {
    display: none;
    min-width: 100px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    text-align: left;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 5px;
    background-clip: padding-box;
    box-shadow: 0 1px 1px rgba(0,0,0,.06)
}

.note-btn-group.open .note-dropdown-menu, .note-dropdown-item {
    display: block
}

    .note-dropdown-item:hover {
        background-color: #ebebeb
    }

a.note-dropdown-item, a.note-dropdown-item:hover {
    margin: 5px 0;
    color: #000;
    text-decoration: none
}

.note-modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1050;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    display: none
}

    .note-modal.open {
        display: block
    }

.note-modal-content {
    position: relative;
    width: auto;
    margin: 30px 20px;
    border: 1px solid rgba(0,0,0,.2);
    background: #fff;
    background-clip: border-box;
    outline: 0;
    border-radius: 5px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.note-modal-header {
    padding: 10px 20px;
    border: 1px solid #ededef
}

.note-modal-body {
    position: relative;
    padding: 20px 30px
}

    .note-modal-body kbd {
        border-radius: 2px;
        background-color: #000;
        color: #fff;
        padding: 3px 5px;
        font-weight: 700;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

.note-modal-footer {
    height: 40px;
    padding: 10px;
    text-align: center
}

    .note-modal-footer a {
        color: #337ab7;
        text-decoration: none
    }

        .note-modal-footer a:focus, .note-modal-footer a:hover {
            color: #23527c;
            text-decoration: underline
        }

    .note-modal-footer .note-btn {
        float: right
    }

.note-modal-title {
    font-size: 20px;
    color: #42515f;
    margin: 0;
    line-height: 1.4
}

.note-modal-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1040;
    background: #000;
    -webkit-opacity: .5;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
    display: none
}

    .note-modal-backdrop.open {
        display: block
    }

@media (min-width:768px) {
    .note-modal-content {
        width: 600px;
        margin: 30px auto
    }
}

@media (min-width:992px) {
    .note-modal-content-large {
        width: 900px
    }
}

.note-modal .note-help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

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

.note-modal .note-nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    .note-modal .note-nav-link:focus, .note-modal .note-nav-link:hover {
        color: #0056b3;
        text-decoration: none
    }

    .note-modal .note-nav-link.disabled {
        color: #868e96
    }

.note-modal .note-nav-tabs {
    border-bottom: 1px solid #ddd
}

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

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

        .note-modal .note-nav-tabs .note-nav-link:focus, .note-modal .note-nav-tabs .note-nav-link:hover {
            border-color: #e9ecef #e9ecef #ddd
        }

        .note-modal .note-nav-tabs .note-nav-link.disabled {
            color: #868e96;
            background-color: transparent;
            border-color: transparent
        }

    .note-modal .note-nav-tabs .note-nav-item.show .note-nav-link {
        color: #495057;
        background-color: #fff;
        border-color: #ddd #ddd #fff
    }

.note-modal .note-tab-content {
    margin: 15px auto
}

.btn-icon i, .note-editor .note-editing-area .note-editable img.note-float-left {
    margin-right: 10px
}

.note-modal .note-tab-content > .note-tab-pane, .note-modal .note-tab-content > .note-tab-pane:target ~ .note-tab-pane:last-child {
    display: none
}

    .note-modal .note-tab-content > .note-tab-pane:target, .note-modal .note-tab-content > :last-child {
        display: block
    }

.note-form-group {
    padding-bottom: 20px
}

    .note-form-group:last-child {
        padding-bottom: 0
    }

.note-form-label {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #42515f;
    margin-bottom: 10px;
    font-weight: 700
}

.note-input {
    width: 100%;
    display: block;
    border: 1px solid #ededef;
    background: #fff;
    outline: 0;
    padding: 6px 4px;
    font-size: 14px;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.note-popover, .note-tooltip {
    font-size: 13px;
    position: absolute
}

.note-input::-webkit-input-placeholder {
    color: #eee
}

.note-input:-moz-placeholder {
    color: #eee
}

.note-input::-moz-placeholder {
    color: #eee
}

.note-input:-ms-input-placeholder {
    color: #eee
}

.note-tooltip {
    z-index: 1070;
    display: block;
    transition: opacity .15s;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0)
}

    .note-tooltip.in {
        -webkit-opacity: .9;
        -khtml-opacity: .9;
        -moz-opacity: .9;
        opacity: .9;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
        filter: alpha(opacity=90)
    }

    .note-tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .note-tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .note-tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .note-tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

    .note-tooltip.bottom .note-tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

    .note-tooltip.top .note-tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .note-tooltip.right .note-tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #000
    }

    .note-tooltip.left .note-tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #000
    }

.note-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.note-tooltip-content {
    max-width: 200px;
    font-family: sans-serif;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000
}

.note-popover {
    z-index: 1060;
    font-family: sans-serif;
    display: none;
    background: #fff;
    border: 1px solid #ccc
}

    .note-popover.in {
        display: block
    }

    .note-popover.top {
        margin-top: -10px;
        padding: 5px 0
    }

    .note-popover.right {
        margin-left: 10px;
        padding: 0 5px
    }

    .note-popover.bottom {
        margin-top: 10px;
        padding: 5px 0
    }

    .note-popover.left {
        margin-left: -10px;
        padding: 0 5px
    }

    .note-popover.bottom .note-popover-arrow {
        top: -11px;
        left: 20px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0,0,0,.25)
    }

        .note-popover.bottom .note-popover-arrow::after {
            top: 1px;
            margin-left: -10px;
            content: "\0020";
            border-top-width: 0;
            border-bottom-color: #fff
        }

    .note-popover.top .note-popover-arrow {
        bottom: -11px;
        left: 20px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #999;
        border-top-color: rgba(0,0,0,.25)
    }

        .note-popover.top .note-popover-arrow::after {
            bottom: 1px;
            margin-left: -10px;
            content: "\0020";
            border-bottom-width: 0;
            border-top-color: #fff
        }

    .note-popover.right .note-popover-arrow {
        top: 50%;
        left: -11px;
        margin-top: -10px;
        border-left-width: 0;
        border-right-color: #999;
        border-right-color: rgba(0,0,0,.25)
    }

        .note-popover.right .note-popover-arrow::after {
            left: 1px;
            margin-top: -10px;
            content: "\0020";
            border-left-width: 0;
            border-right-color: #fff
        }

    .note-popover.left .note-popover-arrow {
        top: 50%;
        right: -11px;
        margin-top: -10px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0,0,0,.25)
    }

        .note-popover.left .note-popover-arrow::after {
            right: 1px;
            margin-top: -10px;
            content: "\0020";
            border-right-width: 0;
            border-left-color: #fff
        }

.note-popover-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 11px solid transparent
}

    .note-popover-arrow::after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        content: "\0020";
        border-width: 10px
    }

.note-popover-content {
    padding: 3px 8px;
    color: #000;
    text-align: center;
    background-color: #fff;
    min-width: 100px;
    min-height: 30px
}

.note-editor {
    position: relative
}

    .note-editor .note-dropzone {
        position: absolute;
        display: none;
        z-index: 100;
        color: #87cefa;
        background-color: #fff;
        opacity: .95
    }

        .note-editor .note-dropzone .note-dropzone-message {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-size: 28px;
            font-weight: 700
        }

        .note-editor .note-dropzone.hover {
            color: #098ddf
        }

    .note-editor.dragover .note-dropzone {
        display: table
    }

    .note-editor .note-editing-area {
        position: relative
    }

        .note-editor .note-editing-area .note-editable {
            outline: 0
        }

            .note-editor .note-editing-area .note-editable sup {
                vertical-align: super
            }

            .note-editor .note-editing-area .note-editable sub {
                vertical-align: sub
            }

            .note-editor .note-editing-area .note-editable img.note-float-right {
                margin-left: 10px
            }

    .note-editor.note-airframe.codeview .note-editing-area .note-editable, .note-editor.note-frame.codeview .note-editing-area .note-editable {
        display: none
    }

    .note-editor.note-airframe.codeview .note-editing-area .note-codable, .note-editor.note-frame.codeview .note-editing-area .note-codable {
        display: block
    }

    .note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
        overflow: hidden
    }

        .note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
            padding: 10px;
            overflow: auto;
            word-wrap: break-word
        }

            .note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false], .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
                background-color: #8080801d
            }

        .note-editor.note-airframe .note-editing-area .note-codable, .note-editor.note-frame .note-editing-area .note-codable {
            display: none;
            width: 100%;
            padding: 10px;
            border: none;
            box-shadow: none;
            font-family: Menlo,Monaco,monospace,sans-serif;
            font-size: 14px;
            color: #ccc;
            background-color: #222;
            resize: none;
            outline: 0;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 0;
            margin-bottom: 0
        }

    .note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100% !important;
        z-index: 1050
    }

        .note-editor.note-airframe.fullscreen .note-resizebar, .note-editor.note-frame.fullscreen .note-resizebar {
            display: none
        }

    .note-editor.note-airframe .note-status-output, .note-editor.note-frame .note-status-output {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 1.42857143;
        height: 20px;
        margin-bottom: 0;
        color: #000;
        border: 0;
        border-top: 1px solid #e2e2e2
    }

        .note-editor.note-airframe .note-status-output:empty, .note-editor.note-frame .note-status-output:empty {
            height: 0;
            border-top: 0 solid transparent
        }

        .note-editor.note-airframe .note-status-output .pull-right, .note-editor.note-frame .note-status-output .pull-right {
            float: right !important
        }

        .note-editor.note-airframe .note-status-output .text-muted, .note-editor.note-frame .note-status-output .text-muted {
            color: #777
        }

        .note-editor.note-airframe .note-status-output .text-primary, .note-editor.note-frame .note-status-output .text-primary {
            color: #286090
        }

        .note-editor.note-airframe .note-status-output .text-success, .note-editor.note-frame .note-status-output .text-success {
            color: #3c763d
        }

        .note-editor.note-airframe .note-status-output .text-info, .note-editor.note-frame .note-status-output .text-info {
            color: #31708f
        }

        .note-editor.note-airframe .note-status-output .text-warning, .note-editor.note-frame .note-status-output .text-warning {
            color: #8a6d3b
        }

        .note-editor.note-airframe .note-status-output .text-danger, .note-editor.note-frame .note-status-output .text-danger {
            color: #a94442
        }

        .note-editor.note-airframe .note-status-output .alert, .note-editor.note-frame .note-status-output .alert {
            margin: -7px 0 0;
            padding: 7px 10px 2px;
            border-radius: 0;
            color: #000;
            background-color: #f5f5f5
        }

            .note-editor.note-airframe .note-status-output .alert .note-icon, .note-editor.note-frame .note-status-output .alert .note-icon {
                margin-right: 5px
            }

        .note-editor.note-airframe .note-status-output .alert-success, .note-editor.note-frame .note-status-output .alert-success {
            color: #3c763d !important;
            background-color: #dff0d8 !important
        }

        .note-editor.note-airframe .note-status-output .alert-info, .note-editor.note-frame .note-status-output .alert-info {
            color: #31708f !important;
            background-color: #d9edf7 !important
        }

        .note-editor.note-airframe .note-status-output .alert-warning, .note-editor.note-frame .note-status-output .alert-warning {
            color: #8a6d3b !important;
            background-color: #fcf8e3 !important
        }

        .note-editor.note-airframe .note-status-output .alert-danger, .note-editor.note-frame .note-status-output .alert-danger {
            color: #a94442 !important;
            background-color: #f2dede !important
        }

    .note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: 1px solid #00032
    }

        .note-editor.note-airframe .note-statusbar .note-resizebar, .note-editor.note-frame .note-statusbar .note-resizebar {
            padding-top: 1px;
            height: 9px;
            width: 100%;
            cursor: ns-resize
        }

            .note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar, .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
                width: 20px;
                margin: 1px auto;
                border-top: 1px solid #00032
            }

        .note-editor.note-airframe .note-statusbar.locked .note-resizebar, .note-editor.note-frame .note-statusbar.locked .note-resizebar {
            cursor: default
        }

            .note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar, .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
                display: none
            }

    .note-editor.note-airframe .note-placeholder, .note-editor.note-frame .note-placeholder {
        padding: 10px
    }

    .note-editor.note-airframe .note-editing-area .note-editable {
        padding: 0
    }

.note-popover.popover {
    display: none;
    max-width: none
}

    .note-popover.popover .popover-content a {
        display: inline-block;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle
    }

    .note-popover.popover .arrow {
        left: 20px !important
    }

.note-toolbar {
    position: relative
}

.note-editor .note-toolbar, .note-popover .popover-content {
    margin: 0;
    padding: 0 0 5px 5px
}

    .note-editor .note-toolbar > .note-btn-group, .note-popover .popover-content > .note-btn-group {
        margin-top: 5px;
        margin-left: 0;
        margin-right: 5px
    }

    .note-editor .note-toolbar .note-btn-group .note-table, .note-popover .popover-content .note-btn-group .note-table {
        min-width: 0;
        padding: 5px
    }

        .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker {
            font-size: 18px
        }

            .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
                position: absolute !important;
                z-index: 3;
                width: 10em;
                height: 10em;
                cursor: pointer
            }

            .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
                position: relative !important;
                z-index: 1;
                width: 5em;
                height: 5em;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
            }

            .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
                position: absolute !important;
                z-index: 2;
                width: 1em;
                height: 1em;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
            }

    .note-editor .note-toolbar .note-style .dropdown-style blockquote, .note-editor .note-toolbar .note-style .dropdown-style pre, .note-popover .popover-content .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre {
        margin: 0;
        padding: 5px 10px
    }

    .note-editor .note-toolbar .note-style .dropdown-style h1, .note-editor .note-toolbar .note-style .dropdown-style h2, .note-editor .note-toolbar .note-style .dropdown-style h3, .note-editor .note-toolbar .note-style .dropdown-style h4, .note-editor .note-toolbar .note-style .dropdown-style h5, .note-editor .note-toolbar .note-style .dropdown-style h6, .note-editor .note-toolbar .note-style .dropdown-style p, .note-popover .popover-content .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p {
        margin: 0;
        padding: 0
    }

    .note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu {
        min-width: 337px
    }

    .note-editor .note-toolbar .note-color .dropdown-toggle, .note-popover .popover-content .note-color .dropdown-toggle {
        width: 20px;
        padding-left: 5px
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette {
        display: inline-block;
        margin: 0;
        width: 160px
    }

        .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child {
            margin: 0 5px
        }

        .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title {
            font-size: 12px;
            margin: 2px 7px;
            text-align: center;
            border-bottom: 1px solid #eee
        }

        .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select {
            font-size: 11px;
            margin: 3px;
            padding: 0 3px;
            cursor: pointer;
            width: 100%;
            border-radius: 5px
        }

            .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
                background: #eee
            }

        .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row {
            height: 20px
        }

        .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
            display: none
        }

        .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
            border: 1px solid #eee
        }

    .note-editor .note-toolbar .note-para .note-dropdown-menu, .note-popover .popover-content .note-para .note-dropdown-menu {
        min-width: 228px;
        padding: 5px
    }

        .note-editor .note-toolbar .note-para .note-dropdown-menu > div + div, .note-popover .popover-content .note-para .note-dropdown-menu > div + div {
            margin-left: 5px
        }

    .note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
        min-width: 160px
    }

        .note-editor .note-toolbar .note-dropdown-menu.right, .note-popover .popover-content .note-dropdown-menu.right {
            right: 0;
            left: auto
        }

            .note-editor .note-toolbar .note-dropdown-menu.right::before, .note-popover .popover-content .note-dropdown-menu.right::before {
                right: 9px;
                left: auto !important
            }

            .note-editor .note-toolbar .note-dropdown-menu.right::after, .note-popover .popover-content .note-dropdown-menu.right::after {
                right: 10px;
                left: auto !important
            }

        .note-editor .note-toolbar .note-dropdown-menu.note-check a i, .note-popover .popover-content .note-dropdown-menu.note-check a i {
            color: #00bfff;
            visibility: hidden
        }

        .note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i, .note-popover .popover-content .note-dropdown-menu.note-check a.checked i {
            visibility: visible
        }

    .note-editor .note-toolbar .note-fontsize-10, .note-popover .popover-content .note-fontsize-10 {
        font-size: 10px
    }

    .note-editor .note-toolbar .note-color-palette, .note-popover .popover-content .note-color-palette {
        line-height: 1
    }

        .note-editor .note-toolbar .note-color-palette div .note-color-btn, .note-popover .popover-content .note-color-palette div .note-color-btn {
            width: 20px;
            height: 20px;
            padding: 0;
            margin: 0;
            border: 0;
            border-radius: 0
        }

            .note-editor .note-toolbar .note-color-palette div .note-color-btn:hover, .note-popover .popover-content .note-color-palette div .note-color-btn:hover {
                transform: scale(1.2);
                transition: all .2s
            }

.note-modal .modal-dialog {
    outline: 0;
    border-radius: 5px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.note-modal .form-group {
    margin-left: 0;
    margin-right: 0
}

.note-modal .note-modal-form {
    margin: 0
}

.note-modal .note-image-dialog .note-dropzone {
    min-height: 100px;
    font-size: 30px;
    line-height: 4;
    color: #d3d3d3;
    text-align: center;
    border: 4px dashed #d3d3d3;
    margin-bottom: 10px
}

.note-placeholder {
    position: absolute;
    display: none;
    color: gray
}

.note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid #000
}

    .note-handle .note-control-selection > div {
        position: absolute
    }

    .note-handle .note-control-selection .note-control-selection-bg {
        width: 100%;
        height: 100%;
        background-color: #000;
        -webkit-opacity: .3;
        -khtml-opacity: .3;
        -moz-opacity: .3;
        opacity: .3;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
        filter: alpha(opacity=30)
    }

    .note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder, .note-handle .note-control-selection .note-control-sizing {
        width: 7px;
        height: 7px;
        border: 1px solid #000
    }

    .note-handle .note-control-selection .note-control-sizing {
        background-color: #000
    }

    .note-handle .note-control-selection .note-control-nw {
        top: -5px;
        left: -5px;
        border-right: none;
        border-bottom: none
    }

    .note-handle .note-control-selection .note-control-ne {
        top: -5px;
        right: -5px;
        border-bottom: none;
        border-left: none
    }

    .note-handle .note-control-selection .note-control-sw {
        bottom: -5px;
        left: -5px;
        border-top: none;
        border-right: none
    }

    .note-handle .note-control-selection .note-control-se {
        right: -5px;
        bottom: -5px;
        cursor: se-resize
    }

        .note-handle .note-control-selection .note-control-se.note-control-holder {
            cursor: default;
            border-top: none;
            border-left: none
        }

    .note-handle .note-control-selection .note-control-selection-info {
        right: 0;
        bottom: 0;
        padding: 5px;
        margin: 5px;
        color: #fff;
        background-color: #000;
        font-size: 12px;
        border-radius: 5px;
        -webkit-opacity: .7;
        -khtml-opacity: .7;
        -moz-opacity: .7;
        opacity: .7;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        filter: alpha(opacity=70)
    }

.note-hint-popover {
    min-width: 100px;
    padding: 2px
}

    .note-hint-popover .popover-content {
        padding: 3px;
        max-height: 150px;
        overflow: auto
    }

        .note-hint-popover .popover-content .note-hint-group .note-hint-item {
            display: block !important;
            padding: 3px
        }

            .note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
                display: block;
                clear: both;
                font-weight: 400;
                line-height: 1.4;
                color: #fff;
                white-space: nowrap;
                text-decoration: none;
                background-color: #428bca;
                outline: 0;
                cursor: pointer
            }

body .note-fullscreen-body, html .note-fullscreen-body {
    overflow: hidden !important
}

.note-editor .note-editing-area .note-editable table {
    width: 100%;
    border-collapse: collapse
}

    .note-editor .note-editing-area .note-editable table td, .note-editor .note-editing-area .note-editable table th {
        border: 1px solid #ececec;
        padding: 5px 3px
    }

.note-editor .note-editing-area .note-editable a {
    background-color: inherit;
    text-decoration: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: #337ab7
}

    .note-editor .note-editing-area .note-editable a:focus, .note-editor .note-editing-area .note-editable a:hover {
        color: #23527c;
        text-decoration: underline;
        outline: 0
    }

.note-editor .note-editing-area .note-editable figure {
    margin: 0
}

.note-modal .note-modal-body label {
    margin-bottom: 2px;
    padding: 2px 5px;
    display: inline-block
}

.note-modal .note-modal-body .help-list-item:hover {
    background-color: #e0e0e0
}

@-moz-document url-prefix() {
    .note-modal .note-image-input {
        height: auto
    }
}

.help-list-item label {
    margin-bottom: 5px;
    display: inline-block
}
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #22ae12;
    --bs-secondary: #096d31;
    --bs-success: #47a447;
    --bs-info: #5bc0de;
    --bs-warning: #ed9c28;
    --bs-danger: #d2322d;
    --bs-light: #f8f9fa;
    --bs-dark: #171717;
    --bs-primary-rgb: 133,11,90;
    --bs-secondary-rgb: 0,174,239;
    --bs-success-rgb: 71,164,71;
    --bs-info-rgb: 91,192,222;
    --bs-warning-rgb: 237,156,40;
    --bs-danger-rgb: 210,50,45;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 23,23,23;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: white
}

.animated {
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

    .animated.infinite {
        animation-iteration-count: infinite
    }

    .animated.repeat-1 {
        -webkit-animation-iteration-count: var(--animate-repeat);
        animation-iteration-count: var(--animate-repeat)
    }

    .animated.repeat-2 {
        -webkit-animation-iteration-count: calc(var(--animate-repeat) *2);
        animation-iteration-count: calc(var(--animate-repeat) *2)
    }

    .animated.repeat-3 {
        -webkit-animation-iteration-count: calc(var(--animate-repeat) *3);
        animation-iteration-count: calc(var(--animate-repeat) *3)
    }

    .animated.delay-1s {
        -webkit-animation-delay: var(--animate-delay);
        animation-delay: var(--animate-delay)
    }

    .animated.delay-2s {
        -webkit-animation-delay: calc(var(--animate-delay) *2);
        animation-delay: calc(var(--animate-delay) *2)
    }

    .animated.delay-3s {
        -webkit-animation-delay: calc(var(--animate-delay) *3);
        animation-delay: calc(var(--animate-delay) *3)
    }

    .animated.delay-4s {
        -webkit-animation-delay: calc(var(--animate-delay) *4);
        animation-delay: calc(var(--animate-delay) *4)
    }

    .animated.delay-5s {
        -webkit-animation-delay: calc(var(--animate-delay) *5);
        animation-delay: calc(var(--animate-delay) *5)
    }

    .animated.faster {
        -webkit-animation-duration: calc(var(--animate-duration)/ 2);
        animation-duration: calc(var(--animate-duration)/ 2)
    }

    .animated.fast {
        -webkit-animation-duration: calc(var(--animate-duration) *.8);
        animation-duration: calc(var(--animate-duration) *.8)
    }

    .animated.slow {
        -webkit-animation-duration: calc(var(--animate-duration) *2);
        animation-duration: calc(var(--animate-duration) *2)
    }

    .animated.slower {
        -webkit-animation-duration: calc(var(--animate-duration) *3);
        animation-duration: calc(var(--animate-duration) *3)
    }

@media (prefers-reduced-motion:reduce),print {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

        .animated[class*=Out] {
            opacity: 0
        }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.bounce {
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

@keyframes pulse {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

@keyframes rubberBand {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
}

@keyframes tada {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }
}

@keyframes wobble {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0%,28%,70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14%,42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes heartBeat {
    0%,28%,70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14%,42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: calc(var(--animate-duration) *1.3);
    animation-duration: calc(var(--animate-duration) *1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: calc(var(--animate-duration) *.75);
    animation-duration: calc(var(--animate-duration) *.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceOut, .flipOutX {
    -webkit-animation-duration: calc(var(--animate-duration) *.75)
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    animation-duration: calc(var(--animate-duration) *.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY, .flipOutX {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-duration: calc(var(--animate-duration) *.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: calc(var(--animate-duration) *.75);
    animation-duration: calc(var(--animate-duration) *.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: calc(var(--animate-duration) *2);
    animation-duration: calc(var(--animate-duration) *2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.fa-beat, .fa-bounce {
    -webkit-animation-duration: var(--fa-animation-duration,1s)
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */

.fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900)
}

.fa-brands, .fa-regular, .fab, .far {
    font-weight: 400
}

.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.bx, .fa-stack, .mfp-container:before {
    display: inline-block
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl, .spinner-border, .spinner-grow {
    vertical-align: -.125em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em
}

.fa-2xl, .fa-stack-2x {
    font-size: 2em
}

.fa-2xl {
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin,2.5em);
    padding-left: 0
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    left: calc(var(--fa-li-width,2em) *-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width,2em);
    line-height: inherit
}

.fa-border {
    border-radius: var(--fa-border-radius,.1em);
    border: var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);
    padding: var(--fa-border-padding,.2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin,.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin,.3em)
}

.fa-beat {
    -webkit-animation-name: fa-beat;
    animation-name: fa-beat;
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-beat-fade, .fa-bounce, .fa-fade {
    -webkit-animation-direction: var(--fa-animation-direction,normal)
}

.fa-bounce, .fa-fade {
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite)
}

.fa-bounce {
    -webkit-animation-name: fa-bounce;
    animation-name: fa-bounce;
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}

.fa-beat-fade, .fa-fade, .fa-flip {
    -webkit-animation-duration: var(--fa-animation-duration,1s)
}

.fa-fade {
    -webkit-animation-name: fa-fade;
    animation-name: fa-fade;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-beat-fade, .fa-flip {
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite)
}

.fa-beat-fade, .fa-fade {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s)
}

.fa-flip, .fa-shake, .fa-spin {
    -webkit-animation-direction: var(--fa-animation-direction,normal)
}

.fa-beat-fade {
    -webkit-animation-name: fa-beat-fade;
    animation-name: fa-beat-fade;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-flip {
    -webkit-animation-name: fa-flip;
    animation-name: fa-flip;
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-shake, .fa-spin {
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite)
}

.fa-shake {
    -webkit-animation-name: fa-shake;
    animation-name: fa-shake;
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,linear);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-shake, .fa-spin {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    animation-direction: var(--fa-animation-direction,normal)
}

.fa-spin {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-duration: var(--fa-animation-duration,2s);
    animation-duration: var(--fa-animation-duration,2s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,linear);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse, .fa-spin-pulse {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,steps(8));
    animation-timing-function: var(--fa-animation-timing,steps(8))
}

@media (prefers-reduced-motion:reduce) {
    .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
        -webkit-animation-delay: -1ms;
        animation-delay: -1ms;
        -webkit-animation-duration: 1ms;
        animation-duration: 1ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-duration: 0s;
        transition-duration: 0s
    }
}

@-webkit-keyframes fa-beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale,1.25));
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale,1.25));
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@-webkit-keyframes fa-bounce {
    0%,64%,to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }
}

@keyframes fa-bounce {
    0%,64%,to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }
}

@-webkit-keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@-webkit-keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@-webkit-keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@-webkit-keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    24%,8% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    24%,8% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.fa-rotate-by {
    -webkit-transform: rotate(var(--fa-rotate-angle,none));
    transform: rotate(var(--fa-rotate-angle,none))
}

.fa-stack {
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index,auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-inverse {
    color: var(--fa-inverse,#fff)
}

.fa-0:before {
    content: "0"
}

.fa-1:before {
    content: "1"
}

.fa-2:before {
    content: "2"
}

.fa-3:before {
    content: "3"
}

.fa-4:before {
    content: "4"
}

.fa-5:before {
    content: "5"
}

.fa-6:before {
    content: "6"
}

.fa-7:before {
    content: "7"
}

.fa-8:before {
    content: "8"
}

.fa-9:before {
    content: "9"
}

.fa-a:before {
    content: "A"
}

.fa-address-book:before, .fa-contact-book:before {
    content: ""
}

.fa-address-card:before, .fa-contact-card:before, .fa-vcard:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-anchor-circle-check:before {
    content: ""
}

.fa-anchor-circle-exclamation:before {
    content: ""
}

.fa-anchor-circle-xmark:before {
    content: ""
}

.fa-anchor-lock:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-double-down:before, .fa-angles-down:before {
    content: ""
}

.fa-angle-double-left:before, .fa-angles-left:before {
    content: ""
}

.fa-angle-double-right:before, .fa-angles-right:before {
    content: ""
}

.fa-angle-double-up:before, .fa-angles-up:before {
    content: ""
}

.fa-ankh:before {
    content: ""
}

.fa-apple-alt:before, .fa-apple-whole:before {
    content: ""
}

.fa-archway:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-arrow-down-1-9:before, .fa-sort-numeric-asc:before, .fa-sort-numeric-down:before {
    content: ""
}

.fa-arrow-down-9-1:before, .fa-sort-numeric-desc:before, .fa-sort-numeric-down-alt:before {
    content: ""
}

.fa-arrow-down-a-z:before, .fa-sort-alpha-asc:before, .fa-sort-alpha-down:before {
    content: ""
}

.fa-arrow-down-long:before, .fa-long-arrow-down:before {
    content: ""
}

.fa-arrow-down-short-wide:before, .fa-sort-amount-desc:before, .fa-sort-amount-down-alt:before {
    content: ""
}

.fa-arrow-down-up-across-line:before {
    content: ""
}

.fa-arrow-down-up-lock:before {
    content: ""
}

.fa-arrow-down-wide-short:before, .fa-sort-amount-asc:before, .fa-sort-amount-down:before {
    content: ""
}

.fa-arrow-down-z-a:before, .fa-sort-alpha-desc:before, .fa-sort-alpha-down-alt:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-left-long:before, .fa-long-arrow-left:before {
    content: ""
}

.fa-arrow-pointer:before, .fa-mouse-pointer:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-right-arrow-left:before, .fa-exchange:before {
    content: ""
}

.fa-arrow-right-from-bracket:before, .fa-sign-out:before {
    content: ""
}

.fa-arrow-right-long:before, .fa-long-arrow-right:before {
    content: ""
}

.fa-arrow-right-to-bracket:before, .fa-sign-in:before {
    content: ""
}

.fa-arrow-right-to-city:before {
    content: ""
}

.fa-arrow-left-rotate:before, .fa-arrow-rotate-back:before, .fa-arrow-rotate-backward:before, .fa-arrow-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-arrow-right-rotate:before, .fa-arrow-rotate-forward:before, .fa-arrow-rotate-right:before, .fa-redo:before {
    content: ""
}

.fa-arrow-trend-down:before {
    content: ""
}

.fa-arrow-trend-up:before {
    content: ""
}

.fa-arrow-turn-down:before, .fa-level-down:before {
    content: ""
}

.fa-arrow-turn-up:before, .fa-level-up:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-up-1-9:before, .fa-sort-numeric-up:before {
    content: ""
}

.fa-arrow-up-9-1:before, .fa-sort-numeric-up-alt:before {
    content: ""
}

.fa-arrow-up-a-z:before, .fa-sort-alpha-up:before {
    content: ""
}

.fa-arrow-up-from-bracket:before {
    content: ""
}

.fa-arrow-up-from-ground-water:before {
    content: ""
}

.fa-arrow-up-from-water-pump:before {
    content: ""
}

.fa-arrow-up-long:before, .fa-long-arrow-up:before {
    content: ""
}

.fa-arrow-up-right-dots:before {
    content: ""
}

.fa-arrow-up-right-from-square:before, .fa-external-link:before {
    content: ""
}

.fa-arrow-up-short-wide:before, .fa-sort-amount-up-alt:before {
    content: ""
}

.fa-arrow-up-wide-short:before, .fa-sort-amount-up:before {
    content: ""
}

.fa-arrow-up-z-a:before, .fa-sort-alpha-up-alt:before {
    content: ""
}

.fa-arrows-down-to-line:before {
    content: ""
}

.fa-arrows-down-to-people:before {
    content: ""
}

.fa-arrows-h:before, .fa-arrows-left-right:before {
    content: ""
}

.fa-arrows-left-right-to-line:before {
    content: ""
}

.fa-arrows-rotate:before, .fa-refresh:before, .fa-sync:before {
    content: ""
}

.fa-arrows-spin:before {
    content: ""
}

.fa-arrows-split-up-and-left:before {
    content: ""
}

.fa-arrows-to-circle:before {
    content: ""
}

.fa-arrows-to-dot:before {
    content: ""
}

.fa-arrows-to-eye:before {
    content: ""
}

.fa-arrows-turn-right:before {
    content: ""
}

.fa-arrows-turn-to-dots:before {
    content: ""
}

.fa-arrows-up-down:before, .fa-arrows-v:before {
    content: ""
}

.fa-arrows-up-down-left-right:before, .fa-arrows:before {
    content: ""
}

.fa-arrows-up-to-line:before {
    content: ""
}

.fa-asterisk:before {
    content: "*"
}

.fa-at:before {
    content: "@"
}

.fa-atom:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-austral-sign:before {
    content: ""
}

.fa-award:before {
    content: ""
}

.fa-b:before {
    content: "B"
}

.fa-baby:before {
    content: ""
}

.fa-baby-carriage:before, .fa-carriage-baby:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-backward-fast:before, .fa-fast-backward:before {
    content: ""
}

.fa-backward-step:before, .fa-step-backward:before {
    content: ""
}

.fa-bacon:before {
    content: ""
}

.fa-bacteria:before {
    content: ""
}

.fa-bacterium:before {
    content: ""
}

.fa-bag-shopping:before, .fa-shopping-bag:before {
    content: ""
}

.fa-bahai:before {
    content: ""
}

.fa-baht-sign:before {
    content: ""
}

.fa-ban:before, .fa-cancel:before {
    content: ""
}

.fa-ban-smoking:before, .fa-smoking-ban:before {
    content: ""
}

.fa-band-aid:before, .fa-bandage:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-bars:before, .fa-navicon:before {
    content: ""
}

.fa-bars-progress:before, .fa-tasks-alt:before {
    content: ""
}

.fa-bars-staggered:before, .fa-reorder:before, .fa-stream:before {
    content: ""
}

.fa-baseball-ball:before, .fa-baseball:before {
    content: ""
}

.fa-baseball-bat-ball:before {
    content: ""
}

.fa-basket-shopping:before, .fa-shopping-basket:before {
    content: ""
}

.fa-basketball-ball:before, .fa-basketball:before {
    content: ""
}

.fa-bath:before, .fa-bathtub:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-battery-5:before, .fa-battery-full:before, .fa-battery:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-4:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-bed:before {
    content: ""
}

.fa-bed-pulse:before, .fa-procedures:before {
    content: ""
}

.fa-beer-mug-empty:before, .fa-beer:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-bell-concierge:before, .fa-concierge-bell:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bezier-curve:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-biohazard:before {
    content: ""
}

.fa-bitcoin-sign:before {
    content: ""
}

.fa-blender:before {
    content: ""
}

.fa-blender-phone:before {
    content: ""
}

.fa-blog:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-bolt:before, .fa-zap:before {
    content: ""
}

.fa-bolt-lightning:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-bone:before {
    content: ""
}

.fa-bong:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-atlas:before, .fa-book-atlas:before {
    content: ""
}

.fa-bible:before, .fa-book-bible:before {
    content: ""
}

.fa-book-bookmark:before {
    content: ""
}

.fa-book-journal-whills:before, .fa-journal-whills:before {
    content: ""
}

.fa-book-medical:before {
    content: ""
}

.fa-book-open:before {
    content: ""
}

.fa-book-open-reader:before, .fa-book-reader:before {
    content: ""
}

.fa-book-quran:before, .fa-quran:before {
    content: ""
}

.fa-book-dead:before, .fa-book-skull:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-border-all:before {
    content: ""
}

.fa-border-none:before {
    content: ""
}

.fa-border-style:before, .fa-border-top-left:before {
    content: ""
}

.fa-bore-hole:before {
    content: ""
}

.fa-bottle-droplet:before {
    content: ""
}

.fa-bottle-water:before {
    content: ""
}

.fa-bowl-food:before {
    content: ""
}

.fa-bowl-rice:before {
    content: ""
}

.fa-bowling-ball:before {
    content: ""
}

.fa-box:before {
    content: ""
}

.fa-archive:before, .fa-box-archive:before {
    content: ""
}

.fa-box-open:before {
    content: ""
}

.fa-box-tissue:before {
    content: ""
}

.fa-boxes-packing:before {
    content: ""
}

.fa-boxes-alt:before, .fa-boxes-stacked:before, .fa-boxes:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-brain:before {
    content: ""
}

.fa-brazilian-real-sign:before {
    content: ""
}

.fa-bread-slice:before {
    content: ""
}

.fa-bridge:before {
    content: ""
}

.fa-bridge-circle-check:before {
    content: ""
}

.fa-bridge-circle-exclamation:before {
    content: ""
}

.fa-bridge-circle-xmark:before {
    content: ""
}

.fa-bridge-lock:before {
    content: ""
}

.fa-bridge-water:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-briefcase-medical:before {
    content: ""
}

.fa-broom:before {
    content: ""
}

.fa-broom-ball:before, .fa-quidditch-broom-ball:before, .fa-quidditch:before {
    content: ""
}

.fa-brush:before {
    content: ""
}

.fa-bucket:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-bug-slash:before {
    content: ""
}

.fa-bugs:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-building-circle-arrow-right:before {
    content: ""
}

.fa-building-circle-check:before {
    content: ""
}

.fa-building-circle-exclamation:before {
    content: ""
}

.fa-building-circle-xmark:before {
    content: ""
}

.fa-bank:before, .fa-building-columns:before, .fa-institution:before, .fa-museum:before, .fa-university:before {
    content: ""
}

.fa-building-flag:before {
    content: ""
}

.fa-building-lock:before {
    content: ""
}

.fa-building-ngo:before {
    content: ""
}

.fa-building-shield:before {
    content: ""
}

.fa-building-un:before {
    content: ""
}

.fa-building-user:before {
    content: ""
}

.fa-building-wheat:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-burger:before, .fa-hamburger:before {
    content: ""
}

.fa-burst:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-bus-alt:before, .fa-bus-simple:before {
    content: ""
}

.fa-briefcase-clock:before, .fa-business-time:before {
    content: ""
}

.fa-c:before {
    content: "C"
}

.fa-birthday-cake:before, .fa-cake-candles:before, .fa-cake:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-calendar-check:before {
    content: ""
}

.fa-calendar-day:before {
    content: ""
}

.fa-calendar-alt:before, .fa-calendar-days:before {
    content: ""
}

.fa-calendar-minus:before {
    content: ""
}

.fa-calendar-plus:before {
    content: ""
}

.fa-calendar-week:before {
    content: ""
}

.fa-calendar-times:before, .fa-calendar-xmark:before {
    content: ""
}

.fa-camera-alt:before, .fa-camera:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-camera-rotate:before {
    content: ""
}

.fa-campground:before {
    content: ""
}

.fa-candy-cane:before {
    content: ""
}

.fa-cannabis:before {
    content: ""
}

.fa-capsules:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-battery-car:before, .fa-car-battery:before {
    content: ""
}

.fa-car-burst:before, .fa-car-crash:before {
    content: ""
}

.fa-car-on:before {
    content: ""
}

.fa-car-alt:before, .fa-car-rear:before {
    content: ""
}

.fa-car-side:before {
    content: ""
}

.fa-car-tunnel:before {
    content: ""
}

.fa-caravan:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-carrot:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-cart-flatbed:before, .fa-dolly-flatbed:before {
    content: ""
}

.fa-cart-flatbed-suitcase:before, .fa-luggage-cart:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-shopping:before, .fa-shopping-cart:before {
    content: ""
}

.fa-cash-register:before {
    content: ""
}

.fa-cat:before {
    content: ""
}

.fa-cedi-sign:before {
    content: ""
}

.fa-cent-sign:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-chair:before {
    content: ""
}

.fa-blackboard:before, .fa-chalkboard:before {
    content: ""
}

.fa-chalkboard-teacher:before, .fa-chalkboard-user:before {
    content: ""
}

.fa-champagne-glasses:before, .fa-glass-cheers:before {
    content: ""
}

.fa-charging-station:before {
    content: ""
}

.fa-area-chart:before, .fa-chart-area:before {
    content: ""
}

.fa-bar-chart:before, .fa-chart-bar:before {
    content: ""
}

.fa-chart-column:before {
    content: ""
}

.fa-chart-gantt:before {
    content: ""
}

.fa-chart-line:before, .fa-line-chart:before {
    content: ""
}

.fa-chart-pie:before, .fa-pie-chart:before {
    content: ""
}

.fa-chart-simple:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-check-double:before {
    content: ""
}

.fa-check-to-slot:before, .fa-vote-yea:before {
    content: ""
}

.fa-cheese:before {
    content: ""
}

.fa-chess:before {
    content: ""
}

.fa-chess-bishop:before {
    content: ""
}

.fa-chess-board:before {
    content: ""
}

.fa-chess-king:before {
    content: ""
}

.fa-chess-knight:before {
    content: ""
}

.fa-chess-pawn:before {
    content: ""
}

.fa-chess-queen:before {
    content: ""
}

.fa-chess-rook:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before, .page-header.page-header-left-inline-breadcrumb .breadcrumbs li:after, html.sidebar-right-opened .page-header .sidebar-right-toggle i:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-child-dress:before {
    content: ""
}

.fa-child-reaching:before {
    content: ""
}

.fa-child-rifle:before {
    content: ""
}

.fa-children:before {
    content: ""
}

.fa-church:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-arrow-circle-down:before, .fa-circle-arrow-down:before {
    content: ""
}

.fa-arrow-circle-left:before, .fa-circle-arrow-left:before {
    content: ""
}

.fa-arrow-circle-right:before, .fa-circle-arrow-right:before {
    content: ""
}

.fa-arrow-circle-up:before, .fa-circle-arrow-up:before {
    content: ""
}

.fa-check-circle:before, .fa-circle-check:before {
    content: ""
}

.fa-chevron-circle-down:before, .fa-circle-chevron-down:before {
    content: ""
}

.fa-chevron-circle-left:before, .fa-circle-chevron-left:before {
    content: ""
}

.fa-chevron-circle-right:before, .fa-circle-chevron-right:before {
    content: ""
}

.fa-chevron-circle-up:before, .fa-circle-chevron-up:before {
    content: ""
}

.fa-circle-dollar-to-slot:before, .fa-donate:before {
    content: ""
}

.fa-circle-dot:before, .fa-dot-circle:before {
    content: ""
}

.fa-arrow-alt-circle-down:before, .fa-circle-down:before {
    content: ""
}

.fa-circle-exclamation:before, .fa-exclamation-circle:before {
    content: ""
}

.fa-circle-h:before, .fa-hospital-symbol:before {
    content: ""
}

.fa-adjust:before, .fa-circle-half-stroke:before {
    content: ""
}

.fa-circle-info:before, .fa-info-circle:before {
    content: ""
}

.fa-arrow-alt-circle-left:before, .fa-circle-left:before {
    content: ""
}

.fa-circle-minus:before, .fa-minus-circle:before {
    content: ""
}

.fa-circle-nodes:before {
    content: ""
}

.fa-circle-notch:before {
    content: ""
}

.fa-circle-pause:before, .fa-pause-circle:before {
    content: ""
}

.fa-circle-play:before, .fa-play-circle:before {
    content: ""
}

.fa-circle-plus:before, .fa-plus-circle:before {
    content: ""
}

.fa-circle-question:before, .fa-question-circle:before {
    content: ""
}

.fa-circle-radiation:before, .fa-radiation-alt:before {
    content: ""
}

.fa-arrow-alt-circle-right:before, .fa-circle-right:before {
    content: ""
}

.fa-circle-stop:before, .fa-stop-circle:before {
    content: ""
}

.fa-arrow-alt-circle-up:before, .fa-circle-up:before {
    content: ""
}

.fa-circle-user:before, .fa-user-circle:before {
    content: ""
}

.fa-circle-xmark:before, .fa-times-circle:before, .fa-xmark-circle:before {
    content: ""
}

.fa-city:before {
    content: ""
}

.fa-clapperboard:before {
    content: ""
}

.fa-clipboard:before {
    content: ""
}

.fa-clipboard-check:before {
    content: ""
}

.fa-clipboard-list:before {
    content: ""
}

.fa-clipboard-question:before {
    content: ""
}

.fa-clipboard-user:before {
    content: ""
}

.fa-clock-four:before, .fa-clock:before {
    content: ""
}

.fa-clock-rotate-left:before, .fa-history:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-closed-captioning:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-cloud-arrow-down:before, .fa-cloud-download-alt:before, .fa-cloud-download:before {
    content: ""
}

.fa-cloud-arrow-up:before, .fa-cloud-upload-alt:before, .fa-cloud-upload:before {
    content: ""
}

.fa-cloud-bolt:before, .fa-thunderstorm:before {
    content: ""
}

.fa-cloud-meatball:before {
    content: ""
}

.fa-cloud-moon:before {
    content: ""
}

.fa-cloud-moon-rain:before {
    content: ""
}

.fa-cloud-rain:before {
    content: ""
}

.fa-cloud-showers-heavy:before {
    content: ""
}

.fa-cloud-showers-water:before {
    content: ""
}

.fa-cloud-sun:before {
    content: ""
}

.fa-cloud-sun-rain:before {
    content: ""
}

.fa-clover:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-code-branch:before {
    content: ""
}

.fa-code-commit:before {
    content: ""
}

.fa-code-compare:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-code-merge:before {
    content: ""
}

.fa-code-pull-request:before {
    content: ""
}

.fa-coins:before {
    content: ""
}

.fa-colon-sign:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-comment-dollar:before {
    content: ""
}

.fa-comment-dots:before, .fa-commenting:before {
    content: ""
}

.fa-comment-medical:before {
    content: ""
}

.fa-comment-slash:before {
    content: ""
}

.fa-comment-sms:before, .fa-sms:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-comments-dollar:before {
    content: ""
}

.fa-compact-disc:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-compass-drafting:before, .fa-drafting-compass:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-computer:before {
    content: ""
}

.fa-computer-mouse:before, .fa-mouse:before {
    content: ""
}

.fa-cookie:before {
    content: ""
}

.fa-cookie-bite:before {
    content: ""
}

.fa-copy:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-couch:before {
    content: ""
}

.fa-cow:before {
    content: ""
}

.fa-credit-card-alt:before, .fa-credit-card:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-crop-alt:before, .fa-crop-simple:before {
    content: ""
}

.fa-cross:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-crow:before {
    content: ""
}

.fa-crown:before {
    content: ""
}

.fa-crutch:before {
    content: ""
}

.fa-cruzeiro-sign:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-cubes-stacked:before {
    content: ""
}

.fa-d:before {
    content: "D"
}

.fa-database:before {
    content: ""
}

.fa-backspace:before, .fa-delete-left:before {
    content: ""
}

.fa-democrat:before {
    content: ""
}

.fa-desktop-alt:before, .fa-desktop:before {
    content: ""
}

.fa-dharmachakra:before {
    content: ""
}

.fa-diagram-next:before {
    content: ""
}

.fa-diagram-predecessor:before {
    content: ""
}

.fa-diagram-project:before, .fa-project-diagram:before {
    content: ""
}

.fa-diagram-successor:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-diamond-turn-right:before, .fa-directions:before {
    content: ""
}

.fa-dice:before {
    content: ""
}

.fa-dice-d20:before {
    content: ""
}

.fa-dice-d6:before {
    content: ""
}

.fa-dice-five:before {
    content: ""
}

.fa-dice-four:before {
    content: ""
}

.fa-dice-one:before {
    content: ""
}

.fa-dice-six:before {
    content: ""
}

.fa-dice-three:before {
    content: ""
}

.fa-dice-two:before {
    content: ""
}

.fa-disease:before {
    content: ""
}

.fa-display:before {
    content: ""
}

.fa-divide:before {
    content: ""
}

.fa-dna:before {
    content: ""
}

.fa-dog:before {
    content: ""
}

.fa-dollar-sign:before, .fa-dollar:before, .fa-usd:before {
    content: "$"
}

.fa-dolly-box:before, .fa-dolly:before {
    content: ""
}

.fa-dong-sign:before {
    content: ""
}

.fa-door-closed:before {
    content: ""
}

.fa-door-open:before {
    content: ""
}

.fa-dove:before {
    content: ""
}

.fa-compress-alt:before, .fa-down-left-and-up-right-to-center:before {
    content: ""
}

.fa-down-long:before, .fa-long-arrow-alt-down:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-dragon:before {
    content: ""
}

.fa-draw-polygon:before {
    content: ""
}

.fa-droplet:before, .fa-tint:before {
    content: ""
}

.fa-droplet-slash:before, .fa-tint-slash:before {
    content: ""
}

.fa-drum:before {
    content: ""
}

.fa-drum-steelpan:before {
    content: ""
}

.fa-drumstick-bite:before {
    content: ""
}

.fa-dumbbell:before {
    content: ""
}

.fa-dumpster:before {
    content: ""
}

.fa-dumpster-fire:before {
    content: ""
}

.fa-dungeon:before {
    content: ""
}

.fa-e:before {
    content: "E"
}

.fa-deaf:before, .fa-deafness:before, .fa-ear-deaf:before, .fa-hard-of-hearing:before {
    content: ""
}

.fa-assistive-listening-systems:before, .fa-ear-listen:before {
    content: ""
}

.fa-earth-africa:before, .fa-globe-africa:before {
    content: ""
}

.fa-earth-america:before, .fa-earth-americas:before, .fa-earth:before, .fa-globe-americas:before {
    content: ""
}

.fa-earth-asia:before, .fa-globe-asia:before {
    content: ""
}

.fa-earth-europe:before, .fa-globe-europe:before {
    content: ""
}

.fa-earth-oceania:before, .fa-globe-oceania:before {
    content: ""
}

.fa-egg:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-elevator:before {
    content: ""
}

.fa-ellipsis-h:before, .fa-ellipsis:before {
    content: ""
}

.fa-ellipsis-v:before, .fa-ellipsis-vertical:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-envelope-circle-check:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-text:before {
    content: ""
}

.fa-envelopes-bulk:before, .fa-mail-bulk:before {
    content: ""
}

.fa-equals:before {
    content: "="
}

.fa-eraser:before {
    content: ""
}

.fa-ethernet:before {
    content: ""
}

.fa-eur:before, .fa-euro-sign:before, .fa-euro:before {
    content: ""
}

.fa-exclamation:before {
    content: "!"
}

.fa-expand:before {
    content: ""
}

.fa-explosion:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-dropper-empty:before, .fa-eye-dropper:before, .fa-eyedropper:before {
    content: ""
}

.fa-eye-low-vision:before, .fa-low-vision:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-f:before {
    content: "F"
}

.fa-angry:before, .fa-face-angry:before {
    content: ""
}

.fa-dizzy:before, .fa-face-dizzy:before {
    content: ""
}

.fa-face-flushed:before, .fa-flushed:before {
    content: ""
}

.fa-face-frown:before, .fa-frown:before {
    content: ""
}

.fa-face-frown-open:before, .fa-frown-open:before {
    content: ""
}

.fa-face-grimace:before, .fa-grimace:before {
    content: ""
}

.fa-face-grin:before, .fa-grin:before {
    content: ""
}

.fa-face-grin-beam:before, .fa-grin-beam:before {
    content: ""
}

.fa-face-grin-beam-sweat:before, .fa-grin-beam-sweat:before {
    content: ""
}

.fa-face-grin-hearts:before, .fa-grin-hearts:before {
    content: ""
}

.fa-face-grin-squint:before, .fa-grin-squint:before {
    content: ""
}

.fa-face-grin-squint-tears:before, .fa-grin-squint-tears:before {
    content: ""
}

.fa-face-grin-stars:before, .fa-grin-stars:before {
    content: ""
}

.fa-face-grin-tears:before, .fa-grin-tears:before {
    content: ""
}

.fa-face-grin-tongue:before, .fa-grin-tongue:before {
    content: ""
}

.fa-face-grin-tongue-squint:before, .fa-grin-tongue-squint:before {
    content: ""
}

.fa-face-grin-tongue-wink:before, .fa-grin-tongue-wink:before {
    content: ""
}

.fa-face-grin-wide:before, .fa-grin-alt:before {
    content: ""
}

.fa-face-grin-wink:before, .fa-grin-wink:before {
    content: ""
}

.fa-face-kiss:before, .fa-kiss:before {
    content: ""
}

.fa-face-kiss-beam:before, .fa-kiss-beam:before {
    content: ""
}

.fa-face-kiss-wink-heart:before, .fa-kiss-wink-heart:before {
    content: ""
}

.fa-face-laugh:before, .fa-laugh:before {
    content: ""
}

.fa-face-laugh-beam:before, .fa-laugh-beam:before {
    content: ""
}

.fa-face-laugh-squint:before, .fa-laugh-squint:before {
    content: ""
}

.fa-face-laugh-wink:before, .fa-laugh-wink:before {
    content: ""
}

.fa-face-meh:before, .fa-meh:before {
    content: ""
}

.fa-face-meh-blank:before, .fa-meh-blank:before {
    content: ""
}

.fa-face-rolling-eyes:before, .fa-meh-rolling-eyes:before {
    content: ""
}

.fa-face-sad-cry:before, .fa-sad-cry:before {
    content: ""
}

.fa-face-sad-tear:before, .fa-sad-tear:before {
    content: ""
}

.fa-face-smile:before, .fa-smile:before {
    content: ""
}

.fa-face-smile-beam:before, .fa-smile-beam:before {
    content: ""
}

.fa-face-smile-wink:before, .fa-smile-wink:before {
    content: ""
}

.fa-face-surprise:before, .fa-surprise:before {
    content: ""
}

.fa-face-tired:before, .fa-tired:before {
    content: ""
}

.fa-fan:before {
    content: ""
}

.fa-faucet:before {
    content: ""
}

.fa-faucet-drip:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-feather:before {
    content: ""
}

.fa-feather-alt:before, .fa-feather-pointed:before {
    content: ""
}

.fa-ferry:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-arrow-down:before, .fa-file-download:before {
    content: ""
}

.fa-file-arrow-up:before, .fa-file-upload:before {
    content: ""
}

.fa-file-audio:before {
    content: ""
}

.fa-file-circle-check:before {
    content: ""
}

.fa-file-circle-exclamation:before {
    content: ""
}

.fa-file-circle-minus:before {
    content: ""
}

.fa-file-circle-plus:before {
    content: ""
}

.fa-file-circle-question:before {
    content: ""
}

.fa-file-circle-xmark:before {
    content: ""
}

.fa-file-code:before {
    content: ""
}

.fa-file-contract:before {
    content: ""
}

.fa-file-csv:before {
    content: ""
}

.fa-file-excel:before {
    content: ""
}

.fa-arrow-right-from-file:before, .fa-file-export:before {
    content: ""
}

.fa-file-image:before {
    content: ""
}

.fa-arrow-right-to-file:before, .fa-file-import:before {
    content: ""
}

.fa-file-invoice:before {
    content: ""
}

.fa-file-invoice-dollar:before {
    content: ""
}

.fa-file-alt:before, .fa-file-lines:before, .fa-file-text:before {
    content: ""
}

.fa-file-medical:before {
    content: ""
}

.fa-file-pdf:before {
    content: ""
}

.fa-file-edit:before, .fa-file-pen:before {
    content: ""
}

.fa-file-powerpoint:before {
    content: ""
}

.fa-file-prescription:before {
    content: ""
}

.fa-file-shield:before {
    content: ""
}

.fa-file-signature:before {
    content: ""
}

.fa-file-video:before {
    content: ""
}

.fa-file-medical-alt:before, .fa-file-waveform:before {
    content: ""
}

.fa-file-word:before {
    content: ""
}

.fa-file-archive:before, .fa-file-zipper:before {
    content: ""
}

.fa-fill:before {
    content: ""
}

.fa-fill-drip:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-filter-circle-dollar:before, .fa-funnel-dollar:before {
    content: ""
}

.fa-filter-circle-xmark:before {
    content: ""
}

.fa-fingerprint:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-fire-burner:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-fire-alt:before, .fa-fire-flame-curved:before {
    content: ""
}

.fa-burn:before, .fa-fire-flame-simple:before {
    content: ""
}

.fa-fish:before {
    content: ""
}

.fa-fish-fins:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-flag-usa:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-flask-vial:before {
    content: ""
}

.fa-floppy-disk:before, .fa-save:before {
    content: ""
}

.fa-florin-sign:before {
    content: ""
}

.fa-folder-blank:before, .fa-folder:before {
    content: ""
}

.fa-folder-closed:before {
    content: ""
}

.fa-folder-minus:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-folder-plus:before {
    content: ""
}

.fa-folder-tree:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-football-ball:before, .fa-football:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before, .fa-forward-fast:before {
    content: ""
}

.fa-forward-step:before, .fa-step-forward:before {
    content: ""
}

.fa-franc-sign:before {
    content: ""
}

.fa-frog:before {
    content: ""
}

.fa-futbol-ball:before, .fa-futbol:before, .fa-soccer-ball:before {
    content: ""
}

.fa-g:before {
    content: "G"
}

.fa-gamepad:before {
    content: ""
}

.fa-gas-pump:before {
    content: ""
}

.fa-dashboard:before, .fa-gauge-med:before, .fa-gauge:before, .fa-tachometer-alt-average:before {
    content: ""
}

.fa-gauge-high:before, .fa-tachometer-alt-fast:before, .fa-tachometer-alt:before {
    content: ""
}

.fa-gauge-simple-med:before, .fa-gauge-simple:before, .fa-tachometer-average:before {
    content: ""
}

.fa-gauge-simple-high:before, .fa-tachometer-fast:before, .fa-tachometer:before {
    content: ""
}

.fa-gavel:before, .fa-legal:before {
    content: ""
}

.fa-cog:before, .fa-gear:before {
    content: ""
}

.fa-cogs:before, .fa-gears:before {
    content: ""
}

.fa-gem:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-ghost:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-gifts:before {
    content: ""
}

.fa-glass-water:before {
    content: ""
}

.fa-glass-water-droplet:before {
    content: ""
}

.fa-glasses:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-golf-ball-tee:before, .fa-golf-ball:before {
    content: ""
}

.fa-gopuram:before {
    content: ""
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: ""
}

.fa-greater-than:before {
    content: ">"
}

.fa-greater-than-equal:before {
    content: ""
}

.fa-grip-horizontal:before, .fa-grip:before {
    content: ""
}

.fa-grip-lines:before {
    content: ""
}

.fa-grip-lines-vertical:before {
    content: ""
}

.fa-grip-vertical:before {
    content: ""
}

.fa-group-arrows-rotate:before {
    content: ""
}

.fa-guarani-sign:before {
    content: ""
}

.fa-guitar:before {
    content: ""
}

.fa-gun:before {
    content: ""
}

.fa-h:before {
    content: "H"
}

.fa-hammer:before {
    content: ""
}

.fa-hamsa:before {
    content: ""
}

.fa-hand-paper:before, .fa-hand:before {
    content: ""
}

.fa-hand-back-fist:before, .fa-hand-rock:before {
    content: ""
}

.fa-allergies:before, .fa-hand-dots:before {
    content: ""
}

.fa-fist-raised:before, .fa-hand-fist:before {
    content: ""
}

.fa-hand-holding:before {
    content: ""
}

.fa-hand-holding-dollar:before, .fa-hand-holding-usd:before {
    content: ""
}

.fa-hand-holding-droplet:before, .fa-hand-holding-water:before {
    content: ""
}

.fa-hand-holding-hand:before {
    content: ""
}

.fa-hand-holding-heart:before {
    content: ""
}

.fa-hand-holding-medical:before {
    content: ""
}

.fa-hand-lizard:before {
    content: ""
}

.fa-hand-middle-finger:before {
    content: ""
}

.fa-hand-peace:before {
    content: ""
}

.fa-hand-point-down:before {
    content: ""
}

.fa-hand-point-left:before {
    content: ""
}

.fa-hand-point-right:before {
    content: ""
}

.fa-hand-point-up:before {
    content: ""
}

.fa-hand-pointer:before {
    content: ""
}

.fa-hand-scissors:before {
    content: ""
}

.fa-hand-sparkles:before {
    content: ""
}

.fa-hand-spock:before {
    content: ""
}

.fa-handcuffs:before {
    content: ""
}

.fa-hands:before, .fa-sign-language:before, .fa-signing:before {
    content: ""
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before, .fa-hands-american-sign-language-interpreting:before, .fa-hands-asl-interpreting:before {
    content: ""
}

.fa-hands-bound:before {
    content: ""
}

.fa-hands-bubbles:before, .fa-hands-wash:before {
    content: ""
}

.fa-hands-clapping:before {
    content: ""
}

.fa-hands-holding:before {
    content: ""
}

.fa-hands-holding-child:before {
    content: ""
}

.fa-hands-holding-circle:before {
    content: ""
}

.fa-hands-praying:before, .fa-praying-hands:before {
    content: ""
}

.fa-handshake:before {
    content: ""
}

.fa-hands-helping:before, .fa-handshake-angle:before {
    content: ""
}

.fa-handshake-alt:before, .fa-handshake-simple:before {
    content: ""
}

.fa-handshake-alt-slash:before, .fa-handshake-simple-slash:before {
    content: ""
}

.fa-handshake-slash:before {
    content: ""
}

.fa-hanukiah:before {
    content: ""
}

.fa-hard-drive:before, .fa-hdd:before {
    content: ""
}

.fa-hashtag:before {
    content: "#"
}

.fa-hat-cowboy:before {
    content: ""
}

.fa-hat-cowboy-side:before {
    content: ""
}

.fa-hat-wizard:before {
    content: ""
}

.fa-head-side-cough:before {
    content: ""
}

.fa-head-side-cough-slash:before {
    content: ""
}

.fa-head-side-mask:before {
    content: ""
}

.fa-head-side-virus:before {
    content: ""
}

.fa-header:before, .fa-heading:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-headphones-alt:before, .fa-headphones-simple:before {
    content: ""
}

.fa-headset:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-heart-circle-bolt:before {
    content: ""
}

.fa-heart-circle-check:before {
    content: ""
}

.fa-heart-circle-exclamation:before {
    content: ""
}

.fa-heart-circle-minus:before {
    content: ""
}

.fa-heart-circle-plus:before {
    content: ""
}

.fa-heart-circle-xmark:before {
    content: ""
}

.fa-heart-broken:before, .fa-heart-crack:before {
    content: ""
}

.fa-heart-pulse:before, .fa-heartbeat:before {
    content: ""
}

.fa-helicopter:before {
    content: ""
}

.fa-helicopter-symbol:before {
    content: ""
}

.fa-hard-hat:before, .fa-hat-hard:before, .fa-helmet-safety:before {
    content: ""
}

.fa-helmet-un:before {
    content: ""
}

.fa-highlighter:before {
    content: ""
}

.fa-hill-avalanche:before {
    content: ""
}

.fa-hill-rockslide:before {
    content: ""
}

.fa-hippo:before {
    content: ""
}

.fa-hockey-puck:before {
    content: ""
}

.fa-holly-berry:before {
    content: ""
}

.fa-horse:before {
    content: ""
}

.fa-horse-head:before {
    content: ""
}

.fa-hospital-alt:before, .fa-hospital-wide:before, .fa-hospital:before {
    content: ""
}

.fa-hospital-user:before {
    content: ""
}

.fa-hot-tub-person:before, .fa-hot-tub:before {
    content: ""
}

.fa-hotdog:before {
    content: ""
}

.fa-hotel:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before, .fa-hourglass:before {
    content: ""
}

.fa-hourglass-empty:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
    content: ""
}

.fa-home-lg:before, .fa-house-chimney:before {
    content: ""
}

.fa-house-chimney-crack:before, .fa-house-damage:before {
    content: ""
}

.fa-clinic-medical:before, .fa-house-chimney-medical:before {
    content: ""
}

.fa-house-chimney-user:before {
    content: ""
}

.fa-house-chimney-window:before {
    content: ""
}

.fa-house-circle-check:before {
    content: ""
}

.fa-house-circle-exclamation:before {
    content: ""
}

.fa-house-circle-xmark:before {
    content: ""
}

.fa-house-crack:before {
    content: ""
}

.fa-house-fire:before {
    content: ""
}

.fa-house-flag:before {
    content: ""
}

.fa-house-flood-water:before {
    content: ""
}

.fa-house-flood-water-circle-arrow-right:before {
    content: ""
}

.fa-house-laptop:before, .fa-laptop-house:before {
    content: ""
}

.fa-house-lock:before {
    content: ""
}

.fa-house-medical:before {
    content: ""
}

.fa-house-medical-circle-check:before {
    content: ""
}

.fa-house-medical-circle-exclamation:before {
    content: ""
}

.fa-house-medical-circle-xmark:before {
    content: ""
}

.fa-house-medical-flag:before {
    content: ""
}

.fa-house-signal:before {
    content: ""
}

.fa-house-tsunami:before {
    content: ""
}

.fa-home-user:before, .fa-house-user:before {
    content: ""
}

.fa-hryvnia-sign:before, .fa-hryvnia:before {
    content: ""
}

.fa-hurricane:before {
    content: ""
}

.fa-i:before {
    content: "I"
}

.fa-i-cursor:before {
    content: ""
}

.fa-ice-cream:before {
    content: ""
}

.fa-icicles:before {
    content: ""
}

.fa-heart-music-camera-bolt:before, .fa-icons:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before, .fa-id-card:before {
    content: ""
}

.fa-id-card-alt:before, .fa-id-card-clip:before {
    content: ""
}

.fa-igloo:before {
    content: ""
}

.fa-image:before {
    content: ""
}

.fa-image-portrait:before, .fa-portrait:before {
    content: ""
}

.fa-images:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-indian-rupee-sign:before, .fa-indian-rupee:before, .fa-inr:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-infinity:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-j:before {
    content: "J"
}

.fa-jar:before {
    content: ""
}

.fa-jar-wheat:before {
    content: ""
}

.fa-jedi:before {
    content: ""
}

.fa-fighter-jet:before, .fa-jet-fighter:before {
    content: ""
}

.fa-jet-fighter-up:before {
    content: ""
}

.fa-joint:before {
    content: ""
}

.fa-jug-detergent:before {
    content: ""
}

.fa-k:before {
    content: "K"
}

.fa-kaaba:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-keyboard:before {
    content: ""
}

.fa-khanda:before {
    content: ""
}

.fa-kip-sign:before {
    content: ""
}

.fa-first-aid:before, .fa-kit-medical:before {
    content: ""
}

.fa-kitchen-set:before {
    content: ""
}

.fa-kiwi-bird:before {
    content: ""
}

.fa-l:before {
    content: "L"
}

.fa-land-mine-on:before {
    content: ""
}

.fa-landmark:before {
    content: ""
}

.fa-landmark-alt:before, .fa-landmark-dome:before {
    content: ""
}

.fa-landmark-flag:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-laptop-code:before {
    content: ""
}

.fa-laptop-file:before {
    content: ""
}

.fa-laptop-medical:before {
    content: ""
}

.fa-lari-sign:before {
    content: ""
}

.fa-layer-group:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-left-long:before, .fa-long-arrow-alt-left:before {
    content: ""
}

.fa-arrows-alt-h:before, .fa-left-right:before {
    content: ""
}

.fa-lemon:before {
    content: ""
}

.fa-less-than:before {
    content: "<"
}

.fa-less-than-equal:before {
    content: ""
}

.fa-life-ring:before {
    content: ""
}

.fa-lightbulb:before {
    content: ""
}

.fa-lines-leaning:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-chain-broken:before, .fa-chain-slash:before, .fa-link-slash:before, .fa-unlink:before {
    content: ""
}

.fa-lira-sign:before {
    content: ""
}

.fa-list-squares:before, .fa-list:before {
    content: ""
}

.fa-list-check:before, .fa-tasks:before {
    content: ""
}

.fa-list-1-2:before, .fa-list-numeric:before, .fa-list-ol:before {
    content: ""
}

.fa-list-dots:before, .fa-list-ul:before {
    content: ""
}

.fa-litecoin-sign:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-location-crosshairs:before, .fa-location:before {
    content: ""
}

.fa-location-dot:before, .fa-map-marker-alt:before {
    content: ""
}

.fa-location-pin:before, .fa-map-marker:before {
    content: ""
}

.fa-location-pin-lock:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-lock-open:before {
    content: ""
}

.fa-locust:before {
    content: ""
}

.fa-lungs:before {
    content: ""
}

.fa-lungs-virus:before {
    content: ""
}

.fa-m:before {
    content: "M"
}

.fa-magnet:before {
    content: ""
}

.fa-magnifying-glass:before, .fa-search:before {
    content: ""
}

.fa-magnifying-glass-arrow-right:before {
    content: ""
}

.fa-magnifying-glass-chart:before {
    content: ""
}

.fa-magnifying-glass-dollar:before, .fa-search-dollar:before {
    content: ""
}

.fa-magnifying-glass-location:before, .fa-search-location:before {
    content: ""
}

.fa-magnifying-glass-minus:before, .fa-search-minus:before {
    content: ""
}

.fa-magnifying-glass-plus:before, .fa-search-plus:before {
    content: ""
}

.fa-manat-sign:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-map-location:before, .fa-map-marked:before {
    content: ""
}

.fa-map-location-dot:before, .fa-map-marked-alt:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-marker:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mars-and-venus:before {
    content: ""
}

.fa-mars-and-venus-burst:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-h:before, .fa-mars-stroke-right:before {
    content: ""
}

.fa-mars-stroke-up:before, .fa-mars-stroke-v:before {
    content: ""
}

.fa-glass-martini-alt:before, .fa-martini-glass:before {
    content: ""
}

.fa-cocktail:before, .fa-martini-glass-citrus:before {
    content: ""
}

.fa-glass-martini:before, .fa-martini-glass-empty:before {
    content: ""
}

.fa-mask:before {
    content: ""
}

.fa-mask-face:before {
    content: ""
}

.fa-mask-ventilator:before {
    content: ""
}

.fa-masks-theater:before, .fa-theater-masks:before {
    content: ""
}

.fa-mattress-pillow:before {
    content: ""
}

.fa-expand-arrows-alt:before, .fa-maximize:before {
    content: ""
}

.fa-medal:before {
    content: ""
}

.fa-memory:before {
    content: ""
}

.fa-menorah:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-comment-alt:before, .fa-message:before {
    content: ""
}

.fa-meteor:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-alt:before, .fa-microphone-lines:before {
    content: ""
}

.fa-microphone-alt-slash:before, .fa-microphone-lines-slash:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-microscope:before {
    content: ""
}

.fa-mill-sign:before {
    content: ""
}

.fa-compress-arrows-alt:before, .fa-minimize:before {
    content: ""
}

.fa-minus:before, .fa-subtract:before {
    content: ""
}

.fa-mitten:before {
    content: ""
}

.fa-mobile-android:before, .fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}

.fa-mobile-button:before {
    content: ""
}

.fa-mobile-retro:before {
    content: ""
}

.fa-mobile-android-alt:before, .fa-mobile-screen:before {
    content: ""
}

.fa-mobile-alt:before, .fa-mobile-screen-button:before {
    content: ""
}

.fa-money-bill:before {
    content: ""
}

.fa-money-bill-1:before, .fa-money-bill-alt:before {
    content: ""
}

.fa-money-bill-1-wave:before, .fa-money-bill-wave-alt:before {
    content: ""
}

.fa-money-bill-transfer:before {
    content: ""
}

.fa-money-bill-trend-up:before {
    content: ""
}

.fa-money-bill-wave:before {
    content: ""
}

.fa-money-bill-wheat:before {
    content: ""
}

.fa-money-bills:before {
    content: ""
}

.fa-money-check:before {
    content: ""
}

.fa-money-check-alt:before, .fa-money-check-dollar:before {
    content: ""
}

.fa-monument:before {
    content: ""
}

.fa-moon:before {
    content: ""
}

.fa-mortar-pestle:before {
    content: ""
}

.fa-mosque:before {
    content: ""
}

.fa-mosquito:before {
    content: ""
}

.fa-mosquito-net:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-mound:before {
    content: ""
}

.fa-mountain:before {
    content: ""
}

.fa-mountain-city:before {
    content: ""
}

.fa-mountain-sun:before {
    content: ""
}

.fa-mug-hot:before {
    content: ""
}

.fa-coffee:before, .fa-mug-saucer:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-n:before {
    content: "N"
}

.fa-naira-sign:before {
    content: ""
}

.fa-network-wired:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-newspaper:before {
    content: ""
}

.fa-not-equal:before {
    content: ""
}

.fa-note-sticky:before, .fa-sticky-note:before {
    content: ""
}

.fa-notes-medical:before {
    content: ""
}

.fa-o:before {
    content: "O"
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-oil-can:before {
    content: ""
}

.fa-oil-well:before {
    content: ""
}

.fa-om:before {
    content: ""
}

.fa-otter:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-p:before {
    content: "P"
}

.fa-pager:before {
    content: ""
}

.fa-paint-roller:before {
    content: ""
}

.fa-paint-brush:before, .fa-paintbrush:before {
    content: ""
}

.fa-palette:before {
    content: ""
}

.fa-pallet:before {
    content: ""
}

.fa-panorama:before {
    content: ""
}

.fa-paper-plane:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-parachute-box:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-passport:before {
    content: ""
}

.fa-file-clipboard:before, .fa-paste:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-peace:before {
    content: ""
}

.fa-pen:before {
    content: ""
}

.fa-pen-alt:before, .fa-pen-clip:before {
    content: ""
}

.fa-pen-fancy:before {
    content: ""
}

.fa-pen-nib:before {
    content: ""
}

.fa-pen-ruler:before, .fa-pencil-ruler:before {
    content: ""
}

.fa-edit:before, .fa-pen-to-square:before {
    content: ""
}

.fa-pencil-alt:before, .fa-pencil:before {
    content: ""
}

.fa-people-arrows-left-right:before, .fa-people-arrows:before {
    content: ""
}

.fa-people-carry-box:before, .fa-people-carry:before {
    content: ""
}

.fa-people-group:before {
    content: ""
}

.fa-people-line:before {
    content: ""
}

.fa-people-pulling:before {
    content: ""
}

.fa-people-robbery:before {
    content: ""
}

.fa-people-roof:before {
    content: ""
}

.fa-pepper-hot:before {
    content: ""
}

.fa-percent:before, .fa-percentage:before {
    content: "%"
}

.fa-male:before, .fa-person:before {
    content: ""
}

.fa-person-arrow-down-to-line:before {
    content: ""
}

.fa-person-arrow-up-from-line:before {
    content: ""
}

.fa-biking:before, .fa-person-biking:before {
    content: ""
}

.fa-person-booth:before {
    content: ""
}

.fa-person-breastfeeding:before {
    content: ""
}

.fa-person-burst:before {
    content: ""
}

.fa-person-cane:before {
    content: ""
}

.fa-person-chalkboard:before {
    content: ""
}

.fa-person-circle-check:before {
    content: ""
}

.fa-person-circle-exclamation:before {
    content: ""
}

.fa-person-circle-minus:before {
    content: ""
}

.fa-person-circle-plus:before {
    content: ""
}

.fa-person-circle-question:before {
    content: ""
}

.fa-person-circle-xmark:before {
    content: ""
}

.fa-digging:before, .fa-person-digging:before {
    content: ""
}

.fa-diagnoses:before, .fa-person-dots-from-line:before {
    content: ""
}

.fa-female:before, .fa-person-dress:before {
    content: ""
}

.fa-person-dress-burst:before {
    content: ""
}

.fa-person-drowning:before {
    content: ""
}

.fa-person-falling:before {
    content: ""
}

.fa-person-falling-burst:before {
    content: ""
}

.fa-person-half-dress:before {
    content: ""
}

.fa-person-harassing:before {
    content: ""
}

.fa-hiking:before, .fa-person-hiking:before {
    content: ""
}

.fa-person-military-pointing:before {
    content: ""
}

.fa-person-military-rifle:before {
    content: ""
}

.fa-person-military-to-person:before {
    content: ""
}

.fa-person-praying:before, .fa-pray:before {
    content: ""
}

.fa-person-pregnant:before {
    content: ""
}

.fa-person-rays:before {
    content: ""
}

.fa-person-rifle:before {
    content: ""
}

.fa-person-running:before, .fa-running:before {
    content: ""
}

.fa-person-shelter:before {
    content: ""
}

.fa-person-skating:before, .fa-skating:before {
    content: ""
}

.fa-person-skiing:before, .fa-skiing:before {
    content: ""
}

.fa-person-skiing-nordic:before, .fa-skiing-nordic:before {
    content: ""
}

.fa-person-snowboarding:before, .fa-snowboarding:before {
    content: ""
}

.fa-person-swimming:before, .fa-swimmer:before {
    content: ""
}

.fa-person-through-window:before {
    content: ""
}

.fa-person-walking:before, .fa-walking:before {
    content: ""
}

.fa-person-walking-arrow-loop-left:before {
    content: ""
}

.fa-person-walking-arrow-right:before {
    content: ""
}

.fa-person-walking-dashed-line-arrow-right:before {
    content: ""
}

.fa-person-walking-luggage:before {
    content: ""
}

.fa-blind:before, .fa-person-walking-with-cane:before {
    content: ""
}

.fa-peseta-sign:before {
    content: ""
}

.fa-peso-sign:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-phone-alt:before, .fa-phone-flip:before {
    content: ""
}

.fa-phone-slash:before {
    content: ""
}

.fa-phone-volume:before, .fa-volume-control-phone:before {
    content: ""
}

.fa-photo-film:before, .fa-photo-video:before {
    content: ""
}

.fa-piggy-bank:before {
    content: ""
}

.fa-pills:before {
    content: ""
}

.fa-pizza-slice:before {
    content: ""
}

.fa-place-of-worship:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-plane-arrival:before {
    content: ""
}

.fa-plane-circle-check:before {
    content: ""
}

.fa-plane-circle-exclamation:before {
    content: ""
}

.fa-plane-circle-xmark:before {
    content: ""
}

.fa-plane-departure:before {
    content: ""
}

.fa-plane-lock:before {
    content: ""
}

.fa-plane-slash:before {
    content: ""
}

.fa-plane-up:before {
    content: ""
}

.fa-plant-wilt:before {
    content: ""
}

.fa-plate-wheat:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-plug-circle-bolt:before {
    content: ""
}

.fa-plug-circle-check:before {
    content: ""
}

.fa-plug-circle-exclamation:before {
    content: ""
}

.fa-plug-circle-minus:before {
    content: ""
}

.fa-plug-circle-plus:before {
    content: ""
}

.fa-plug-circle-xmark:before {
    content: ""
}

.dd-item > button:before, .fa-add:before, .fa-plus:before {
    content: "+"
}

.fa-plus-minus:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-poo:before {
    content: ""
}

.fa-poo-bolt:before, .fa-poo-storm:before {
    content: ""
}

.fa-poop:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-prescription:before {
    content: ""
}

.fa-prescription-bottle:before {
    content: ""
}

.fa-prescription-bottle-alt:before, .fa-prescription-bottle-medical:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-pump-medical:before {
    content: ""
}

.fa-pump-soap:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-q:before {
    content: "Q"
}

.fa-qrcode:before {
    content: ""
}

.fa-question:before {
    content: "?"
}

.fa-quote-left-alt:before, .fa-quote-left:before {
    content: ""
}

.fa-quote-right-alt:before, .fa-quote-right:before {
    content: ""
}

.fa-r:before {
    content: "R"
}

.fa-radiation:before {
    content: ""
}

.fa-radio:before {
    content: ""
}

.fa-rainbow:before {
    content: ""
}

.fa-ranking-star:before {
    content: ""
}

.fa-receipt:before {
    content: ""
}

.fa-record-vinyl:before {
    content: ""
}

.fa-ad:before, .fa-rectangle-ad:before {
    content: ""
}

.fa-list-alt:before, .fa-rectangle-list:before {
    content: ""
}

.fa-rectangle-times:before, .fa-rectangle-xmark:before, .fa-times-rectangle:before, .fa-window-close:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-repeat:before {
    content: ""
}

.fa-mail-reply:before, .fa-reply:before {
    content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}

.fa-republican:before {
    content: ""
}

.fa-restroom:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-ribbon:before {
    content: ""
}

.fa-right-from-bracket:before, .fa-sign-out-alt:before {
    content: ""
}

.fa-exchange-alt:before, .fa-right-left:before {
    content: ""
}

.fa-long-arrow-alt-right:before, .fa-right-long:before {
    content: ""
}

.fa-right-to-bracket:before, .fa-sign-in-alt:before {
    content: ""
}

.fa-ring:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-road-barrier:before {
    content: ""
}

.fa-road-bridge:before {
    content: ""
}

.fa-road-circle-check:before {
    content: ""
}

.fa-road-circle-exclamation:before {
    content: ""
}

.fa-road-circle-xmark:before {
    content: ""
}

.fa-road-lock:before {
    content: ""
}

.fa-road-spikes:before {
    content: ""
}

.fa-robot:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-rotate:before, .fa-sync-alt:before {
    content: ""
}

.fa-rotate-back:before, .fa-rotate-backward:before, .fa-rotate-left:before, .fa-undo-alt:before {
    content: ""
}

.fa-redo-alt:before, .fa-rotate-forward:before, .fa-rotate-right:before {
    content: ""
}

.fa-route:before {
    content: ""
}

.fa-feed:before, .fa-rss:before {
    content: ""
}

.fa-rouble:before, .fa-rub:before, .fa-ruble-sign:before, .fa-ruble:before {
    content: ""
}

.fa-rug:before {
    content: ""
}

.fa-ruler:before {
    content: ""
}

.fa-ruler-combined:before {
    content: ""
}

.fa-ruler-horizontal:before {
    content: ""
}

.fa-ruler-vertical:before {
    content: ""
}

.fa-rupee-sign:before, .fa-rupee:before {
    content: ""
}

.fa-rupiah-sign:before {
    content: ""
}

.fa-s:before {
    content: "S"
}

.fa-sack-dollar:before {
    content: ""
}

.fa-sack-xmark:before {
    content: ""
}

.fa-sailboat:before {
    content: ""
}

.fa-satellite:before {
    content: ""
}

.fa-satellite-dish:before {
    content: ""
}

.fa-balance-scale:before, .fa-scale-balanced:before {
    content: ""
}

.fa-balance-scale-left:before, .fa-scale-unbalanced:before {
    content: ""
}

.fa-balance-scale-right:before, .fa-scale-unbalanced-flip:before {
    content: ""
}

.fa-school:before {
    content: ""
}

.fa-school-circle-check:before {
    content: ""
}

.fa-school-circle-exclamation:before {
    content: ""
}

.fa-school-circle-xmark:before {
    content: ""
}

.fa-school-flag:before {
    content: ""
}

.fa-school-lock:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-screwdriver:before {
    content: ""
}

.fa-screwdriver-wrench:before, .fa-tools:before {
    content: ""
}

.fa-scroll:before {
    content: ""
}

.fa-scroll-torah:before, .fa-torah:before {
    content: ""
}

.fa-sd-card:before {
    content: ""
}

.fa-section:before {
    content: ""
}

.fa-seedling:before, .fa-sprout:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-shapes:before, .fa-triangle-circle-square:before {
    content: ""
}

.fa-arrow-turn-right:before, .fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-share-from-square:before, .fa-share-square:before {
    content: ""
}

.fa-share-alt:before, .fa-share-nodes:before {
    content: ""
}

.fa-sheet-plastic:before {
    content: ""
}

.fa-ils:before, .fa-shekel-sign:before, .fa-shekel:before, .fa-sheqel-sign:before, .fa-sheqel:before {
    content: ""
}

.fa-shield-blank:before, .fa-shield:before {
    content: ""
}

.fa-shield-cat:before {
    content: ""
}

.fa-shield-dog:before {
    content: ""
}

.fa-shield-alt:before, .fa-shield-halved:before {
    content: ""
}

.fa-shield-heart:before {
    content: ""
}

.fa-shield-virus:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-shirt:before, .fa-t-shirt:before, .fa-tshirt:before {
    content: ""
}

.fa-shoe-prints:before {
    content: ""
}

.fa-shop:before, .fa-store-alt:before {
    content: ""
}

.fa-shop-lock:before {
    content: ""
}

.fa-shop-slash:before, .fa-store-alt-slash:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-shrimp:before {
    content: ""
}

.fa-random:before, .fa-shuffle:before {
    content: ""
}

.fa-shuttle-space:before, .fa-space-shuttle:before {
    content: ""
}

.fa-sign-hanging:before, .fa-sign:before {
    content: ""
}

.fa-signal-5:before, .fa-signal-perfect:before, .fa-signal:before {
    content: ""
}

.fa-signature:before {
    content: ""
}

.fa-map-signs:before, .fa-signs-post:before {
    content: ""
}

.fa-sim-card:before {
    content: ""
}

.fa-sink:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-skull:before {
    content: ""
}

.fa-skull-crossbones:before {
    content: ""
}

.fa-slash:before {
    content: ""
}

.fa-sleigh:before {
    content: ""
}

.fa-sliders-h:before, .fa-sliders:before {
    content: ""
}

.fa-smog:before {
    content: ""
}

.fa-smoking:before {
    content: ""
}

.fa-snowflake:before {
    content: ""
}

.fa-snowman:before {
    content: ""
}

.fa-snowplow:before {
    content: ""
}

.fa-soap:before {
    content: ""
}

.fa-socks:before {
    content: ""
}

.fa-solar-panel:before {
    content: ""
}

.fa-sort:before, .fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: ""
}

.fa-spa:before {
    content: ""
}

.fa-pastafarianism:before, .fa-spaghetti-monster-flying:before {
    content: ""
}

.fa-spell-check:before {
    content: ""
}

.fa-spider:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-splotch:before {
    content: ""
}

.fa-spoon:before, .fa-utensil-spoon:before {
    content: ""
}

.fa-spray-can:before {
    content: ""
}

.fa-air-freshener:before, .fa-spray-can-sparkles:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-external-link-square:before, .fa-square-arrow-up-right:before {
    content: ""
}

.fa-caret-square-down:before, .fa-square-caret-down:before {
    content: ""
}

.fa-caret-square-left:before, .fa-square-caret-left:before {
    content: ""
}

.fa-caret-square-right:before, .fa-square-caret-right:before {
    content: ""
}

.fa-caret-square-up:before, .fa-square-caret-up:before {
    content: ""
}

.fa-check-square:before, .fa-square-check:before {
    content: ""
}

.fa-envelope-square:before, .fa-square-envelope:before {
    content: ""
}

.fa-square-full:before {
    content: ""
}

.fa-h-square:before, .fa-square-h:before {
    content: ""
}

.fa-minus-square:before, .fa-square-minus:before {
    content: ""
}

.fa-square-nfi:before {
    content: ""
}

.fa-parking:before, .fa-square-parking:before {
    content: ""
}

.fa-pen-square:before, .fa-pencil-square:before, .fa-square-pen:before {
    content: ""
}

.fa-square-person-confined:before {
    content: ""
}

.fa-phone-square:before, .fa-square-phone:before {
    content: ""
}

.fa-phone-square-alt:before, .fa-square-phone-flip:before {
    content: ""
}

.fa-plus-square:before, .fa-square-plus:before {
    content: ""
}

.fa-poll-h:before, .fa-square-poll-horizontal:before {
    content: ""
}

.fa-poll:before, .fa-square-poll-vertical:before {
    content: ""
}

.fa-square-root-alt:before, .fa-square-root-variable:before {
    content: ""
}

.fa-rss-square:before, .fa-square-rss:before {
    content: ""
}

.fa-share-alt-square:before, .fa-square-share-nodes:before {
    content: ""
}

.fa-external-link-square-alt:before, .fa-square-up-right:before {
    content: ""
}

.fa-square-virus:before {
    content: ""
}

.fa-square-xmark:before, .fa-times-square:before, .fa-xmark-square:before {
    content: ""
}

.fa-rod-asclepius:before, .fa-rod-snake:before, .fa-staff-aesculapius:before, .fa-staff-snake:before {
    content: ""
}

.fa-stairs:before {
    content: ""
}

.fa-stamp:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-and-crescent:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-star-half-alt:before, .fa-star-half-stroke:before {
    content: ""
}

.fa-star-of-david:before {
    content: ""
}

.fa-star-of-life:before {
    content: ""
}

.fa-gbp:before, .fa-pound-sign:before, .fa-sterling-sign:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-stopwatch:before {
    content: ""
}

.fa-stopwatch-20:before {
    content: ""
}

.fa-store:before {
    content: ""
}

.fa-store-slash:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-stroopwafel:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-medkit:before, .fa-suitcase-medical:before {
    content: ""
}

.fa-suitcase-rolling:before {
    content: ""
}

.fa-sun:before {
    content: ""
}

.fa-sun-plant-wilt:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-swatchbook:before {
    content: ""
}

.fa-synagogue:before {
    content: ""
}

.fa-syringe:before {
    content: ""
}

.fa-t:before {
    content: "T"
}

.fa-table:before {
    content: ""
}

.fa-table-cells:before, .fa-th:before {
    content: ""
}

.fa-table-cells-large:before, .fa-th-large:before {
    content: ""
}

.fa-columns:before, .fa-table-columns:before {
    content: ""
}

.fa-table-list:before, .fa-th-list:before {
    content: ""
}

.fa-ping-pong-paddle-ball:before, .fa-table-tennis-paddle-ball:before, .fa-table-tennis:before {
    content: ""
}

.fa-tablet-android:before, .fa-tablet:before {
    content: ""
}

.fa-tablet-button:before {
    content: ""
}

.fa-tablet-alt:before, .fa-tablet-screen-button:before {
    content: ""
}

.fa-tablets:before {
    content: ""
}

.fa-digital-tachograph:before, .fa-tachograph-digital:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-tape:before {
    content: ""
}

.fa-tarp:before {
    content: ""
}

.fa-tarp-droplet:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-teeth:before {
    content: ""
}

.fa-teeth-open:before {
    content: ""
}

.fa-temperature-arrow-down:before, .fa-temperature-down:before {
    content: ""
}

.fa-temperature-arrow-up:before, .fa-temperature-up:before {
    content: ""
}

.fa-temperature-0:before, .fa-temperature-empty:before, .fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: ""
}

.fa-temperature-4:before, .fa-temperature-full:before, .fa-thermometer-4:before, .fa-thermometer-full:before {
    content: ""
}

.fa-temperature-2:before, .fa-temperature-half:before, .fa-thermometer-2:before, .fa-thermometer-half:before {
    content: ""
}

.fa-temperature-high:before {
    content: ""
}

.fa-temperature-low:before {
    content: ""
}

.fa-temperature-1:before, .fa-temperature-quarter:before, .fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: ""
}

.fa-temperature-3:before, .fa-temperature-three-quarters:before, .fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: ""
}

.fa-tenge-sign:before, .fa-tenge:before {
    content: ""
}

.fa-tent:before {
    content: ""
}

.fa-tent-arrow-down-to-line:before {
    content: ""
}

.fa-tent-arrow-left-right:before {
    content: ""
}

.fa-tent-arrow-turn-left:before {
    content: ""
}

.fa-tent-arrows-down:before {
    content: ""
}

.fa-tents:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-remove-format:before, .fa-text-slash:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-thermometer:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumb-tack:before, .fa-thumbtack:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-ticket-alt:before, .fa-ticket-simple:before {
    content: ""
}

.fa-timeline:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-toilet:before {
    content: ""
}

.fa-toilet-paper:before {
    content: ""
}

.fa-toilet-paper-slash:before {
    content: ""
}

.fa-toilet-portable:before {
    content: ""
}

.fa-toilets-portable:before {
    content: ""
}

.fa-toolbox:before {
    content: ""
}

.fa-tooth:before {
    content: ""
}

.fa-torii-gate:before {
    content: ""
}

.fa-tornado:before {
    content: ""
}

.fa-broadcast-tower:before, .fa-tower-broadcast:before {
    content: ""
}

.fa-tower-cell:before {
    content: ""
}

.fa-tower-observation:before {
    content: ""
}

.fa-tractor:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-traffic-light:before {
    content: ""
}

.fa-trailer:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before, .fa-train-subway:before {
    content: ""
}

.fa-train-tram:before, .fa-tram:before {
    content: ""
}

.fa-transgender-alt:before, .fa-transgender:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-trash-arrow-up:before, .fa-trash-restore:before {
    content: ""
}

.fa-trash-alt:before, .fa-trash-can:before {
    content: ""
}

.fa-trash-can-arrow-up:before, .fa-trash-restore-alt:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-tree-city:before {
    content: ""
}

.fa-exclamation-triangle:before, .fa-triangle-exclamation:before, .fa-warning:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-trowel:before {
    content: ""
}

.fa-trowel-bricks:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-truck-arrow-right:before {
    content: ""
}

.fa-truck-droplet:before {
    content: ""
}

.fa-shipping-fast:before, .fa-truck-fast:before {
    content: ""
}

.fa-truck-field:before {
    content: ""
}

.fa-truck-field-un:before {
    content: ""
}

.fa-truck-front:before {
    content: ""
}

.fa-ambulance:before, .fa-truck-medical:before {
    content: ""
}

.fa-truck-monster:before {
    content: ""
}

.fa-truck-moving:before {
    content: ""
}

.fa-truck-pickup:before {
    content: ""
}

.fa-truck-plane:before {
    content: ""
}

.fa-truck-loading:before, .fa-truck-ramp-box:before {
    content: ""
}

.fa-teletype:before, .fa-tty:before {
    content: ""
}

.fa-try:before, .fa-turkish-lira-sign:before, .fa-turkish-lira:before {
    content: ""
}

.fa-level-down-alt:before, .fa-turn-down:before {
    content: ""
}

.fa-level-up-alt:before, .fa-turn-up:before {
    content: ""
}

.fa-television:before, .fa-tv-alt:before, .fa-tv:before {
    content: ""
}

.fa-u:before {
    content: "U"
}

.fa-umbrella:before {
    content: ""
}

.fa-umbrella-beach:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-unlock-alt:before, .fa-unlock-keyhole:before {
    content: ""
}

.fa-arrows-alt-v:before, .fa-up-down:before {
    content: ""
}

.fa-arrows-alt:before, .fa-up-down-left-right:before {
    content: ""
}

.fa-long-arrow-alt-up:before, .fa-up-long:before {
    content: ""
}

.fa-expand-alt:before, .fa-up-right-and-down-left-from-center:before {
    content: ""
}

.fa-external-link-alt:before, .fa-up-right-from-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-user-astronaut:before {
    content: ""
}

.fa-user-check:before {
    content: ""
}

.fa-user-clock:before {
    content: ""
}

.fa-user-doctor:before, .fa-user-md:before {
    content: ""
}

.fa-user-cog:before, .fa-user-gear:before {
    content: ""
}

.fa-user-graduate:before {
    content: ""
}

.fa-user-friends:before, .fa-user-group:before {
    content: ""
}

.fa-user-injured:before {
    content: ""
}

.fa-user-alt:before, .fa-user-large:before {
    content: ""
}

.fa-user-alt-slash:before, .fa-user-large-slash:before {
    content: ""
}

.fa-user-lock:before {
    content: ""
}

.fa-user-minus:before {
    content: ""
}

.fa-user-ninja:before {
    content: ""
}

.fa-user-nurse:before {
    content: ""
}

.fa-user-edit:before, .fa-user-pen:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-user-shield:before {
    content: ""
}

.fa-user-slash:before {
    content: ""
}

.fa-user-tag:before {
    content: ""
}

.fa-user-tie:before {
    content: ""
}

.fa-user-times:before, .fa-user-xmark:before {
    content: ""
}

.fa-users:before {
    content: ""
}

.fa-users-between-lines:before {
    content: ""
}

.fa-users-cog:before, .fa-users-gear:before {
    content: ""
}

.fa-users-line:before {
    content: ""
}

.fa-users-rays:before {
    content: ""
}

.fa-users-rectangle:before {
    content: ""
}

.fa-users-slash:before {
    content: ""
}

.fa-users-viewfinder:before {
    content: ""
}

.fa-cutlery:before, .fa-utensils:before {
    content: ""
}

.fa-v:before {
    content: "V"
}

.fa-shuttle-van:before, .fa-van-shuttle:before {
    content: ""
}

.fa-vault:before {
    content: ""
}

.fa-vector-square:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-vest:before {
    content: ""
}

.fa-vest-patches:before {
    content: ""
}

.fa-vial:before {
    content: ""
}

.fa-vial-circle-check:before {
    content: ""
}

.fa-vial-virus:before {
    content: ""
}

.fa-vials:before {
    content: ""
}

.fa-video-camera:before, .fa-video:before {
    content: ""
}

.fa-video-slash:before {
    content: ""
}

.fa-vihara:before {
    content: ""
}

.fa-virus:before {
    content: ""
}

.fa-virus-covid:before {
    content: ""
}

.fa-virus-covid-slash:before {
    content: ""
}

.fa-virus-slash:before {
    content: ""
}

.fa-viruses:before {
    content: ""
}

.fa-voicemail:before {
    content: ""
}

.fa-volcano:before {
    content: ""
}

.fa-volleyball-ball:before, .fa-volleyball:before {
    content: ""
}

.fa-volume-high:before, .fa-volume-up:before {
    content: ""
}

.fa-volume-down:before, .fa-volume-low:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-mute:before, .fa-volume-times:before, .fa-volume-xmark:before {
    content: ""
}

.fa-vr-cardboard:before {
    content: ""
}

.fa-w:before {
    content: "W"
}

.fa-walkie-talkie:before {
    content: ""
}

.fa-wallet:before {
    content: ""
}

.fa-magic:before, .fa-wand-magic:before {
    content: ""
}

.fa-magic-wand-sparkles:before, .fa-wand-magic-sparkles:before {
    content: ""
}

.fa-wand-sparkles:before {
    content: ""
}

.fa-warehouse:before {
    content: ""
}

.fa-water:before {
    content: ""
}

.fa-ladder-water:before, .fa-swimming-pool:before, .fa-water-ladder:before {
    content: ""
}

.fa-wave-square:before {
    content: ""
}

.fa-weight-hanging:before {
    content: ""
}

.fa-weight-scale:before, .fa-weight:before {
    content: ""
}

.fa-wheat-alt:before, .fa-wheat-awn:before {
    content: ""
}

.fa-wheat-awn-circle-exclamation:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-wheelchair-alt:before, .fa-wheelchair-move:before {
    content: ""
}

.fa-glass-whiskey:before, .fa-whiskey-glass:before {
    content: ""
}

.fa-wifi-3:before, .fa-wifi-strong:before, .fa-wifi:before {
    content: ""
}

.fa-wind:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-wine-bottle:before {
    content: ""
}

.fa-wine-glass:before {
    content: ""
}

.fa-wine-glass-alt:before, .fa-wine-glass-empty:before {
    content: ""
}

.fa-krw:before, .fa-won-sign:before, .fa-won:before {
    content: ""
}

.fa-worm:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-x:before {
    content: "X"
}

.fa-x-ray:before {
    content: ""
}

.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
    content: ""
}

.fa-xmarks-lines:before {
    content: ""
}

.fa-y:before {
    content: "Y"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen-sign:before, .fa-yen:before {
    content: ""
}

.fa-yin-yang:before {
    content: ""
}

.fa-z:before {
    content: "Z"
}

.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

:host, :root {
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")
}

.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands"
}

.fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free"
}

.fa-42-group:before, .fa-innosoft:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-accessible-icon:before {
    content: ""
}

.fa-accusoft:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-adversal:before {
    content: ""
}

.fa-affiliatetheme:before {
    content: ""
}

.fa-airbnb:before {
    content: ""
}

.fa-algolia:before {
    content: ""
}

.fa-alipay:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-amazon-pay:before {
    content: ""
}

.fa-amilia:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-angrycreative:before {
    content: ""
}

.fa-angular:before {
    content: ""
}

.fa-app-store:before {
    content: ""
}

.fa-app-store-ios:before {
    content: ""
}

.fa-apper:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-apple-pay:before {
    content: ""
}

.fa-artstation:before {
    content: ""
}

.fa-asymmetrik:before {
    content: ""
}

.fa-atlassian:before {
    content: ""
}

.fa-audible:before {
    content: ""
}

.fa-autoprefixer:before {
    content: ""
}

.fa-avianex:before {
    content: ""
}

.fa-aviato:before {
    content: ""
}

.fa-aws:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-battle-net:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-bilibili:before {
    content: ""
}

.fa-bimobject:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitcoin:before {
    content: ""
}

.fa-bity:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-blackberry:before {
    content: ""
}

.fa-blogger:before {
    content: ""
}

.fa-blogger-b:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-bootstrap:before {
    content: ""
}

.fa-bots:before {
    content: ""
}

.fa-btc:before {
    content: ""
}

.fa-buffer:before {
    content: ""
}

.fa-buromobelexperte:before {
    content: ""
}

.fa-buy-n-large:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-canadian-maple-leaf:before {
    content: ""
}

.fa-cc-amazon-pay:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-apple-pay:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-centercode:before {
    content: ""
}

.fa-centos:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-chromecast:before {
    content: ""
}

.fa-cloudflare:before {
    content: ""
}

.fa-cloudscale:before {
    content: ""
}

.fa-cloudsmith:before {
    content: ""
}

.fa-cloudversify:before {
    content: ""
}

.fa-cmplid:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-confluence:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-cotton-bureau:before {
    content: ""
}

.fa-cpanel:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-creative-commons-by:before {
    content: ""
}

.fa-creative-commons-nc:before {
    content: ""
}

.fa-creative-commons-nc-eu:before {
    content: ""
}

.fa-creative-commons-nc-jp:before {
    content: ""
}

.fa-creative-commons-nd:before {
    content: ""
}

.fa-creative-commons-pd:before {
    content: ""
}

.fa-creative-commons-pd-alt:before {
    content: ""
}

.fa-creative-commons-remix:before {
    content: ""
}

.fa-creative-commons-sa:before {
    content: ""
}

.fa-creative-commons-sampling:before {
    content: ""
}

.fa-creative-commons-sampling-plus:before {
    content: ""
}

.fa-creative-commons-share:before {
    content: ""
}

.fa-creative-commons-zero:before {
    content: ""
}

.fa-critical-role:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-css3-alt:before {
    content: ""
}

.fa-cuttlefish:before {
    content: ""
}

.fa-d-and-d:before {
    content: ""
}

.fa-d-and-d-beyond:before {
    content: ""
}

.fa-dailymotion:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-deezer:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-deploydog:before {
    content: ""
}

.fa-deskpro:before {
    content: ""
}

.fa-dev:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-dhl:before {
    content: ""
}

.fa-diaspora:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-digital-ocean:before {
    content: ""
}

.fa-discord:before {
    content: ""
}

.fa-discourse:before {
    content: ""
}

.fa-dochub:before {
    content: ""
}

.fa-docker:before {
    content: ""
}

.fa-draft2digital:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-dribbble-square:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-dyalog:before {
    content: ""
}

.fa-earlybirds:before {
    content: ""
}

.fa-ebay:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-edge-legacy:before {
    content: ""
}

.fa-elementor:before {
    content: ""
}

.fa-ello:before {
    content: ""
}

.fa-ember:before {
    content: ""
}

.fa-empire:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-erlang:before {
    content: ""
}

.fa-ethereum:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-evernote:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-facebook-f:before {
    content: ""
}

.fa-facebook-messenger:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-fantasy-flight-games:before {
    content: ""
}

.fa-fedex:before {
    content: ""
}

.fa-fedora:before {
    content: ""
}

.fa-figma:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-firefox-browser:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-first-order-alt:before {
    content: ""
}

.fa-firstdraft:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-flipboard:before {
    content: ""
}

.fa-fly:before {
    content: ""
}

.fa-font-awesome-flag:before, .fa-font-awesome-logo-full:before, .fa-font-awesome:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-fonticons-fi:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-fort-awesome-alt:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-freebsd:before {
    content: ""
}

.fa-fulcrum:before {
    content: ""
}

.fa-galactic-republic:before {
    content: ""
}

.fa-galactic-senate:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-git-alt:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-gitkraken:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-gitter:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-gofore:before {
    content: ""
}

.fa-golang:before {
    content: ""
}

.fa-goodreads:before {
    content: ""
}

.fa-goodreads-g:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-google-drive:before {
    content: ""
}

.fa-google-pay:before {
    content: ""
}

.fa-google-play:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-google-plus-g:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-gratipay:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-gripfire:before {
    content: ""
}

.fa-grunt:before {
    content: ""
}

.fa-guilded:before {
    content: ""
}

.fa-gulp:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-hacker-news-square:before {
    content: ""
}

.fa-hackerrank:before {
    content: ""
}

.fa-hashnode:before {
    content: ""
}

.fa-hips:before {
    content: ""
}

.fa-hire-a-helper:before {
    content: ""
}

.fa-hive:before {
    content: ""
}

.fa-hooli:before {
    content: ""
}

.fa-hornbill:before {
    content: ""
}

.fa-hotjar:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-hubspot:before {
    content: ""
}

.fa-ideal:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-instagram-square:before {
    content: ""
}

.fa-instalod:before {
    content: ""
}

.fa-intercom:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-invision:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-itch-io:before {
    content: ""
}

.fa-itunes:before {
    content: ""
}

.fa-itunes-note:before {
    content: ""
}

.fa-java:before {
    content: ""
}

.fa-jedi-order:before {
    content: ""
}

.fa-jenkins:before {
    content: ""
}

.fa-jira:before {
    content: ""
}

.fa-joget:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-js:before {
    content: ""
}

.fa-js-square:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-kaggle:before {
    content: ""
}

.fa-keybase:before {
    content: ""
}

.fa-keycdn:before {
    content: ""
}

.fa-kickstarter:before {
    content: ""
}

.fa-kickstarter-k:before {
    content: ""
}

.fa-korvue:before {
    content: ""
}

.fa-laravel:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-less:before {
    content: ""
}

.fa-line:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-linkedin-in:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-lyft:before {
    content: ""
}

.fa-magento:before {
    content: ""
}

.fa-mailchimp:before {
    content: ""
}

.fa-mandalorian:before {
    content: ""
}

.fa-markdown:before {
    content: ""
}

.fa-mastodon:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-mdb:before {
    content: ""
}

.fa-medapps:before {
    content: ""
}

.fa-medium-m:before, .fa-medium:before {
    content: ""
}

.fa-medrt:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.fa-megaport:before {
    content: ""
}

.fa-mendeley:before {
    content: ""
}

.fa-microblog:before {
    content: ""
}

.fa-microsoft:before {
    content: ""
}

.fa-mix:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-mixer:before {
    content: ""
}

.fa-mizuni:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-monero:before {
    content: ""
}

.fa-napster:before {
    content: ""
}

.fa-neos:before {
    content: ""
}

.fa-nfc-directional:before {
    content: ""
}

.fa-nfc-symbol:before {
    content: ""
}

.fa-nimblr:before {
    content: ""
}

.fa-node:before {
    content: ""
}

.fa-node-js:before {
    content: ""
}

.fa-npm:before {
    content: ""
}

.fa-ns8:before {
    content: ""
}

.fa-nutritionix:before {
    content: ""
}

.fa-octopus-deploy:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-old-republic:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-orcid:before {
    content: ""
}

.fa-osi:before {
    content: ""
}

.fa-padlet:before {
    content: ""
}

.fa-page4:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-palfed:before {
    content: ""
}

.fa-patreon:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-perbyte:before {
    content: ""
}

.fa-periscope:before {
    content: ""
}

.fa-phabricator:before {
    content: ""
}

.fa-phoenix-framework:before {
    content: ""
}

.fa-phoenix-squadron:before {
    content: ""
}

.fa-php:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-pied-piper-hat:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-square:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-pix:before {
    content: ""
}

.fa-playstation:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-pushed:before {
    content: ""
}

.fa-python:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-quinscape:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-r-project:before {
    content: ""
}

.fa-raspberry-pi:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-react:before {
    content: ""
}

.fa-reacteurope:before {
    content: ""
}

.fa-readme:before {
    content: ""
}

.fa-rebel:before {
    content: ""
}

.fa-red-river:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-redhat:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-replyd:before {
    content: ""
}

.fa-researchgate:before {
    content: ""
}

.fa-resolving:before {
    content: ""
}

.fa-rev:before {
    content: ""
}

.fa-rocketchat:before {
    content: ""
}

.fa-rockrms:before {
    content: ""
}

.fa-rust:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-salesforce:before {
    content: ""
}

.fa-sass:before {
    content: ""
}

.fa-schlix:before {
    content: ""
}

.fa-screenpal:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-searchengin:before {
    content: ""
}

.fa-sellcast:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-servicestack:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-shopify:before {
    content: ""
}

.fa-shopware:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-sistrix:before {
    content: ""
}

.fa-sith:before {
    content: ""
}

.fa-sitrox:before {
    content: ""
}

.fa-sketch:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-slack-hash:before, .fa-slack:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-snapchat-ghost:before, .fa-snapchat:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-sourcetree:before {
    content: ""
}

.fa-speakap:before {
    content: ""
}

.fa-speaker-deck:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-square-font-awesome:before {
    content: ""
}

.fa-font-awesome-alt:before, .fa-square-font-awesome-stroke:before {
    content: ""
}

.fa-squarespace:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-stackpath:before {
    content: ""
}

.fa-staylinked:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-steam-symbol:before {
    content: ""
}

.fa-sticker-mule:before {
    content: ""
}

.fa-strava:before {
    content: ""
}

.fa-stripe:before {
    content: ""
}

.fa-stripe-s:before {
    content: ""
}

.fa-studiovinari:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-supple:before {
    content: ""
}

.fa-suse:before {
    content: ""
}

.fa-swift:before {
    content: ""
}

.fa-symfony:before {
    content: ""
}

.fa-teamspeak:before {
    content: ""
}

.fa-telegram-plane:before, .fa-telegram:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-the-red-yeti:before {
    content: ""
}

.fa-themeco:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-think-peaks:before {
    content: ""
}

.fa-tiktok:before {
    content: ""
}

.fa-trade-federation:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-typo3:before {
    content: ""
}

.fa-uber:before {
    content: ""
}

.fa-ubuntu:before {
    content: ""
}

.fa-uikit:before {
    content: ""
}

.fa-umbraco:before {
    content: ""
}

.fa-uncharted:before {
    content: ""
}

.fa-uniregistry:before {
    content: ""
}

.fa-unity:before {
    content: ""
}

.fa-unsplash:before {
    content: ""
}

.fa-untappd:before {
    content: ""
}

.fa-ups:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-usps:before {
    content: ""
}

.fa-ussunnah:before {
    content: ""
}

.fa-vaadin:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-viber:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-vimeo-v:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-vnv:before {
    content: ""
}

.fa-vuejs:before {
    content: ""
}

.fa-watchman-monitoring:before {
    content: ""
}

.fa-waze:before {
    content: ""
}

.fa-weebly:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-weixin:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-whatsapp-square:before {
    content: ""
}

.fa-whmcs:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-wirsindhandwerk:before, .fa-wsh:before {
    content: ""
}

.fa-wix:before {
    content: ""
}

.fa-wizards-of-the-coast:before {
    content: ""
}

.fa-wodu:before {
    content: ""
}

.fa-wolf-pack-battalion:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-wordpress-simple:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-wpressr:before {
    content: ""
}

.fa-xbox:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-y-combinator:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-yammer:before {
    content: ""
}

.fa-yandex:before {
    content: ""
}

.fa-yandex-international:before {
    content: ""
}

.fa-yarn:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-zhihu:before {
    content: ""
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")
}

.fa-solid, .fas {
    font-weight: 900
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype");
    unicode-range: u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(../fonts/fa-v4compatibility.woff2) format("woff2"),url(../fonts/fa-v4compatibility.ttf) format("truetype");
    unicode-range: u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a
}

@font-face {
    font-family: boxicons;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/boxicons.eot);
    src: url(../fonts/boxicons.eot) format("embedded-opentype"),url(../fonts/boxicons.woff2) format("woff2"),url(../fonts/boxicons.woff) format("woff"),url(../fonts/boxicons.ttf) format("truetype"),url(../fonts/boxicons.svg?#boxicons) format("svg")
}

.bx {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    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
    }

.mfp-bg, .mfp-wrap {
    position: fixed;
    top: 0
}

@-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-lg {
    font-size: 3rem !important
}

.bx-fw {
    font-size: 1.2857142857em;
    line-height: .8em;
    width: 1.2857142857em;
    height: .8em;
    margin-top: -.2em !important;
    vertical-align: middle
}

.mfp-bg, .mfp-container, .mfp-wrap {
    width: 100%;
    height: 100%
}

.bx-pull-left {
    float: left;
    margin-right: .3em !important
}

.bx-pull-right {
    float: right;
    margin-left: .3em !important
}

.bx-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bx-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.bx-flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.bx-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-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%
}

.bxl-aws:before {
    content: ""
}

.bxl-docker:before {
    content: ""
}

.bx-qr:before {
    content: ""
}

.bx-qr-scan:before {
    content: ""
}

.bxs-add-to-queue:before {
    content: ""
}

.bxs-adjust:before {
    content: ""
}

.bxs-adjust-alt:before {
    content: ""
}

.bxs-alarm:before {
    content: ""
}

.bxs-alarm-add:before {
    content: ""
}

.bxs-alarm-exclamation:before {
    content: ""
}

.bxs-alarm-off:before {
    content: ""
}

.bxs-alarm-snooze:before {
    content: ""
}

.bxs-album:before {
    content: ""
}

.bxs-ambulance:before {
    content: ""
}

.bxs-analyse:before {
    content: ""
}

.bxs-angry:before {
    content: ""
}

.bxs-arch:before {
    content: ""
}

.bxs-archive:before {
    content: ""
}

.bxs-archive-in:before {
    content: ""
}

.bxs-archive-out:before {
    content: ""
}

.bxs-area:before {
    content: ""
}

.bxs-arrow-from-bottom:before {
    content: ""
}

.bxs-arrow-from-left:before {
    content: ""
}

.bxs-arrow-from-right:before {
    content: ""
}

.bxs-arrow-from-top:before {
    content: ""
}

.bxs-arrow-to-bottom:before {
    content: ""
}

.bxs-arrow-to-left:before {
    content: ""
}

.bxs-arrow-to-right:before {
    content: ""
}

.bxs-arrow-to-top:before {
    content: ""
}

.bxs-award:before {
    content: ""
}

.bxs-baby-carriage:before {
    content: ""
}

.bxs-backpack:before {
    content: ""
}

.bxs-badge:before {
    content: ""
}

.bxs-badge-check:before {
    content: ""
}

.bxs-badge-dollar:before {
    content: ""
}

.bxs-ball:before {
    content: ""
}

.bxs-band-aid:before {
    content: ""
}

.bxs-bank:before {
    content: ""
}

.bxs-bar-chart-alt-2:before {
    content: ""
}

.bxs-bar-chart-square:before {
    content: ""
}

.bxs-barcode:before {
    content: ""
}

.bxs-baseball:before {
    content: ""
}

.bxs-basket:before {
    content: ""
}

.bxs-basketball:before {
    content: ""
}

.bxs-bath:before {
    content: ""
}

.bxs-battery:before {
    content: ""
}

.bxs-battery-charging:before {
    content: ""
}

.bxs-battery-full:before {
    content: ""
}

.bxs-battery-low:before {
    content: ""
}

.bxs-bed:before {
    content: ""
}

.bxs-been-here:before {
    content: ""
}

.bxs-beer:before {
    content: ""
}

.bxs-bell:before {
    content: ""
}

.bxs-bell-minus:before {
    content: ""
}

.bxs-bell-off:before {
    content: ""
}

.bxs-bell-plus:before {
    content: ""
}

.bxs-bell-ring:before {
    content: ""
}

.bxs-bible:before {
    content: ""
}

.bxs-binoculars:before {
    content: ""
}

.bxs-blanket:before {
    content: ""
}

.bxs-bolt:before {
    content: ""
}

.bxs-bolt-circle:before {
    content: ""
}

.bxs-bomb:before {
    content: ""
}

.bxs-bone:before {
    content: ""
}

.bxs-bong:before {
    content: ""
}

.bxs-book:before {
    content: ""
}

.bxs-book-add:before {
    content: ""
}

.bxs-book-alt:before {
    content: ""
}

.bxs-book-bookmark:before {
    content: ""
}

.bxs-book-content:before {
    content: ""
}

.bxs-book-heart:before {
    content: ""
}

.bxs-bookmark:before {
    content: ""
}

.bxs-bookmark-alt:before {
    content: ""
}

.bxs-bookmark-alt-minus:before {
    content: ""
}

.bxs-bookmark-alt-plus:before {
    content: ""
}

.bxs-bookmark-heart:before {
    content: ""
}

.bxs-bookmark-minus:before {
    content: ""
}

.bxs-bookmark-plus:before {
    content: ""
}

.bxs-bookmarks:before {
    content: ""
}

.bxs-bookmark-star:before {
    content: ""
}

.bxs-book-open:before {
    content: ""
}

.bxs-book-reader:before {
    content: ""
}

.bxs-bot:before {
    content: ""
}

.bxs-bowling-ball:before {
    content: ""
}

.bxs-box:before {
    content: ""
}

.bxs-brain:before {
    content: ""
}

.bxs-briefcase:before {
    content: ""
}

.bxs-briefcase-alt:before {
    content: ""
}

.bxs-briefcase-alt-2:before {
    content: ""
}

.bxs-brightness:before {
    content: ""
}

.bxs-brightness-half:before {
    content: ""
}

.bxs-brush:before {
    content: ""
}

.bxs-brush-alt:before {
    content: ""
}

.bxs-bug:before {
    content: ""
}

.bxs-bug-alt:before {
    content: ""
}

.bxs-building:before {
    content: ""
}

.bxs-building-house:before {
    content: ""
}

.bxs-buildings:before {
    content: ""
}

.bxs-bulb:before {
    content: ""
}

.bxs-bullseye:before {
    content: ""
}

.bxs-buoy:before {
    content: ""
}

.bxs-bus:before {
    content: ""
}

.bxs-business:before {
    content: ""
}

.bxs-bus-school:before {
    content: ""
}

.bxs-cabinet:before {
    content: ""
}

.bxs-cake:before {
    content: ""
}

.bxs-calculator:before {
    content: ""
}

.bxs-calendar:before {
    content: ""
}

.bxs-calendar-alt:before {
    content: ""
}

.bxs-calendar-check:before {
    content: ""
}

.bxs-calendar-edit:before {
    content: ""
}

.bxs-calendar-event:before {
    content: ""
}

.bxs-calendar-exclamation:before {
    content: ""
}

.bxs-calendar-heart:before {
    content: ""
}

.bxs-calendar-minus:before {
    content: ""
}

.bxs-calendar-plus:before {
    content: ""
}

.bxs-calendar-star:before {
    content: ""
}

.bxs-calendar-week:before {
    content: ""
}

.bxs-calendar-x:before {
    content: ""
}

.bxs-camera:before {
    content: ""
}

.bxs-camera-home:before {
    content: ""
}

.bxs-camera-movie:before {
    content: ""
}

.bxs-camera-off:before {
    content: ""
}

.bxs-camera-plus:before {
    content: ""
}

.bxs-capsule:before {
    content: ""
}

.bxs-captions:before {
    content: ""
}

.bxs-car:before {
    content: ""
}

.bxs-car-battery:before {
    content: ""
}

.bxs-car-crash:before {
    content: ""
}

.bxs-card:before {
    content: ""
}

.bxs-caret-down-circle:before {
    content: ""
}

.bxs-caret-down-square:before {
    content: ""
}

.bxs-caret-left-circle:before {
    content: ""
}

.bxs-caret-left-square:before {
    content: ""
}

.bxs-caret-right-circle:before {
    content: ""
}

.bxs-caret-right-square:before {
    content: ""
}

.bxs-caret-up-circle:before {
    content: ""
}

.bxs-caret-up-square:before {
    content: ""
}

.bxs-car-garage:before {
    content: ""
}

.bxs-car-mechanic:before {
    content: ""
}

.bxs-carousel:before {
    content: ""
}

.bxs-cart:before {
    content: ""
}

.bxs-cart-add:before {
    content: ""
}

.bxs-cart-alt:before {
    content: ""
}

.bxs-cart-download:before {
    content: ""
}

.bxs-car-wash:before {
    content: ""
}

.bxs-category:before {
    content: ""
}

.bxs-category-alt:before {
    content: ""
}

.bxs-cctv:before {
    content: ""
}

.bxs-certification:before {
    content: ""
}

.bxs-chalkboard:before {
    content: ""
}

.bxs-chart:before {
    content: ""
}

.bxs-chat:before {
    content: ""
}

.bxs-checkbox:before {
    content: ""
}

.bxs-checkbox-checked:before {
    content: ""
}

.bxs-checkbox-minus:before {
    content: ""
}

.bxs-check-circle:before {
    content: ""
}

.bxs-check-shield:before {
    content: ""
}

.bxs-check-square:before {
    content: ""
}

.bxs-chess:before {
    content: ""
}

.bxs-chevron-down:before {
    content: ""
}

.bxs-chevron-down-circle:before {
    content: ""
}

.bxs-chevron-down-square:before {
    content: ""
}

.bxs-chevron-left:before {
    content: ""
}

.bxs-chevron-left-circle:before {
    content: ""
}

.bxs-chevron-left-square:before {
    content: ""
}

.bxs-chevron-right:before {
    content: ""
}

.bxs-chevron-right-circle:before {
    content: ""
}

.bxs-chevron-right-square:before {
    content: ""
}

.bxs-chevrons-down:before {
    content: ""
}

.bxs-chevrons-left:before {
    content: ""
}

.bxs-chevrons-right:before {
    content: ""
}

.bxs-chevrons-up:before {
    content: ""
}

.bxs-chevron-up:before {
    content: ""
}

.bxs-chevron-up-circle:before {
    content: ""
}

.bxs-chevron-up-square:before {
    content: ""
}

.bxs-chip:before {
    content: ""
}

.bxs-church:before {
    content: ""
}

.bxs-circle:before {
    content: ""
}

.bxs-city:before {
    content: ""
}

.bxs-clinic:before {
    content: ""
}

.bxs-cloud:before {
    content: ""
}

.bxs-cloud-download:before {
    content: ""
}

.bxs-cloud-lightning:before {
    content: ""
}

.bxs-cloud-rain:before {
    content: ""
}

.bxs-cloud-upload:before {
    content: ""
}

.bxs-coffee:before {
    content: ""
}

.bxs-coffee-alt:before {
    content: ""
}

.bxs-coffee-togo:before {
    content: ""
}

.bxs-cog:before {
    content: ""
}

.bxs-coin:before {
    content: ""
}

.bxs-coin-stack:before {
    content: ""
}

.bxs-collection:before {
    content: ""
}

.bxs-color-fill:before {
    content: ""
}

.bxs-comment:before {
    content: ""
}

.bxs-comment-add:before {
    content: ""
}

.bxs-comment-check:before {
    content: ""
}

.bxs-comment-detail:before {
    content: ""
}

.bxs-comment-dots:before {
    content: ""
}

.bxs-comment-edit:before {
    content: ""
}

.bxs-comment-error:before {
    content: ""
}

.bxs-comment-minus:before {
    content: ""
}

.bxs-comment-x:before {
    content: ""
}

.bxs-compass:before {
    content: ""
}

.bxs-component:before {
    content: ""
}

.bxs-confused:before {
    content: ""
}

.bxs-contact:before {
    content: ""
}

.bxs-conversation:before {
    content: ""
}

.bxs-cookie:before {
    content: ""
}

.bxs-cool:before {
    content: ""
}

.bxs-copy:before {
    content: ""
}

.bxs-copy-alt:before {
    content: ""
}

.bxs-copyright:before {
    content: ""
}

.bxs-coupon:before {
    content: ""
}

.bxs-credit-card:before {
    content: ""
}

.bxs-credit-card-alt:before {
    content: ""
}

.bxs-credit-card-front:before {
    content: ""
}

.bxs-crop:before {
    content: ""
}

.bxs-crown:before {
    content: ""
}

.bxs-cube:before {
    content: ""
}

.bxs-cube-alt:before {
    content: ""
}

.bxs-cuboid:before {
    content: ""
}

.bxs-customize:before {
    content: ""
}

.bxs-cylinder:before {
    content: ""
}

.bxs-dashboard:before {
    content: ""
}

.bxs-data:before {
    content: ""
}

.bxs-detail:before {
    content: ""
}

.bxs-devices:before {
    content: ""
}

.bxs-diamond:before {
    content: ""
}

.bxs-dice-1:before {
    content: ""
}

.bxs-dice-2:before {
    content: ""
}

.bxs-dice-3:before {
    content: ""
}

.bxs-dice-4:before {
    content: ""
}

.bxs-dice-5:before {
    content: ""
}

.bxs-dice-6:before {
    content: ""
}

.bxs-direction-left:before {
    content: ""
}

.bxs-direction-right:before {
    content: ""
}

.bxs-directions:before {
    content: ""
}

.bxs-disc:before {
    content: ""
}

.bxs-discount:before {
    content: ""
}

.bxs-dish:before {
    content: ""
}

.bxs-dislike:before {
    content: ""
}

.bxs-dizzy:before {
    content: ""
}

.bxs-dock-bottom:before {
    content: ""
}

.bxs-dock-left:before {
    content: ""
}

.bxs-dock-right:before {
    content: ""
}

.bxs-dock-top:before {
    content: ""
}

.bxs-dollar-circle:before {
    content: ""
}

.bxs-donate-blood:before {
    content: ""
}

.bxs-donate-heart:before {
    content: ""
}

.bxs-door-open:before {
    content: ""
}

.bxs-doughnut-chart:before {
    content: ""
}

.bxs-down-arrow:before {
    content: ""
}

.bxs-down-arrow-alt:before {
    content: ""
}

.bxs-down-arrow-circle:before {
    content: ""
}

.bxs-down-arrow-square:before {
    content: ""
}

.bxs-download:before {
    content: ""
}

.bxs-downvote:before {
    content: ""
}

.bxs-drink:before {
    content: ""
}

.bxs-droplet:before {
    content: ""
}

.bxs-droplet-half:before {
    content: ""
}

.bxs-dryer:before {
    content: ""
}

.bxs-duplicate:before {
    content: ""
}

.bxs-edit:before {
    content: ""
}

.bxs-edit-alt:before {
    content: ""
}

.bxs-edit-location:before {
    content: ""
}

.bxs-eject:before {
    content: ""
}

.bxs-envelope:before {
    content: ""
}

.bxs-envelope-open:before {
    content: ""
}

.bxs-eraser:before {
    content: ""
}

.bxs-error:before {
    content: ""
}

.bxs-error-alt:before {
    content: ""
}

.bxs-error-circle:before {
    content: ""
}

.bxs-ev-station:before {
    content: ""
}

.bxs-exit:before {
    content: ""
}

.bxs-extension:before {
    content: ""
}

.bxs-eyedropper:before {
    content: ""
}

.bxs-face:before {
    content: ""
}

.bxs-face-mask:before {
    content: ""
}

.bxs-factory:before {
    content: ""
}

.bxs-fast-forward-circle:before {
    content: ""
}

.bxs-file:before {
    content: ""
}

.bxs-file-archive:before {
    content: ""
}

.bxs-file-blank:before {
    content: ""
}

.bxs-file-css:before {
    content: ""
}

.bxs-file-doc:before {
    content: ""
}

.bxs-file-export:before {
    content: ""
}

.bxs-file-find:before {
    content: ""
}

.bxs-file-gif:before {
    content: ""
}

.bxs-file-html:before {
    content: ""
}

.bxs-file-image:before {
    content: ""
}

.bxs-file-import:before {
    content: ""
}

.bxs-file-jpg:before {
    content: ""
}

.bxs-file-js:before {
    content: ""
}

.bxs-file-json:before {
    content: ""
}

.bxs-file-md:before {
    content: ""
}

.bxs-file-pdf:before {
    content: ""
}

.bxs-file-plus:before {
    content: ""
}

.bxs-file-png:before {
    content: ""
}

.bxs-file-txt:before {
    content: ""
}

.bxs-film:before {
    content: ""
}

.bxs-filter-alt:before {
    content: ""
}

.bxs-first-aid:before {
    content: ""
}

.bxs-flag:before {
    content: ""
}

.bxs-flag-alt:before {
    content: ""
}

.bxs-flag-checkered:before {
    content: ""
}

.bxs-flame:before {
    content: ""
}

.bxs-flask:before {
    content: ""
}

.bxs-florist:before {
    content: ""
}

.bxs-folder:before {
    content: ""
}

.bxs-folder-minus:before {
    content: ""
}

.bxs-folder-open:before {
    content: ""
}

.bxs-folder-plus:before {
    content: ""
}

.bxs-food-menu:before {
    content: ""
}

.bxs-fridge:before {
    content: ""
}

.bxs-game:before {
    content: ""
}

.bxs-gas-pump:before {
    content: ""
}

.bxs-ghost:before {
    content: ""
}

.bxs-gift:before {
    content: ""
}

.bxs-graduation:before {
    content: ""
}

.bxs-grid:before {
    content: ""
}

.bxs-grid-alt:before {
    content: ""
}

.bxs-group:before {
    content: ""
}

.bxs-guitar-amp:before {
    content: ""
}

.bxs-hand:before {
    content: ""
}

.bxs-hand-down:before {
    content: ""
}

.bxs-hand-left:before {
    content: ""
}

.bxs-hand-right:before {
    content: ""
}

.bxs-hand-up:before {
    content: ""
}

.bxs-happy:before {
    content: ""
}

.bxs-happy-alt:before {
    content: ""
}

.bxs-happy-beaming:before {
    content: ""
}

.bxs-happy-heart-eyes:before {
    content: ""
}

.bxs-hdd:before {
    content: ""
}

.bxs-heart:before {
    content: ""
}

.bxs-heart-circle:before {
    content: ""
}

.bxs-heart-square:before {
    content: ""
}

.bxs-help-circle:before {
    content: ""
}

.bxs-hide:before {
    content: ""
}

.bxs-home:before {
    content: ""
}

.bxs-home-circle:before {
    content: ""
}

.bxs-home-heart:before {
    content: ""
}

.bxs-home-smile:before {
    content: ""
}

.bxs-hot:before {
    content: ""
}

.bxs-hotel:before {
    content: ""
}

.bxs-hourglass:before {
    content: ""
}

.bxs-hourglass-bottom:before {
    content: ""
}

.bxs-hourglass-top:before {
    content: ""
}

.bxs-id-card:before {
    content: ""
}

.bxs-image:before {
    content: ""
}

.bxs-image-add:before {
    content: ""
}

.bxs-image-alt:before {
    content: ""
}

.bxs-inbox:before {
    content: ""
}

.bxs-info-circle:before {
    content: ""
}

.bxs-info-square:before {
    content: ""
}

.bxs-institution:before {
    content: ""
}

.bxs-joystick:before {
    content: ""
}

.bxs-joystick-alt:before {
    content: ""
}

.bxs-joystick-button:before {
    content: ""
}

.bxs-key:before {
    content: ""
}

.bxs-keyboard:before {
    content: ""
}

.bxs-label:before {
    content: ""
}

.bxs-landmark:before {
    content: ""
}

.bxs-landscape:before {
    content: ""
}

.bxs-laugh:before {
    content: ""
}

.bxs-layer:before {
    content: ""
}

.bxs-layer-minus:before {
    content: ""
}

.bxs-layer-plus:before {
    content: ""
}

.bxs-layout:before {
    content: ""
}

.bxs-left-arrow:before {
    content: ""
}

.bxs-left-arrow-alt:before {
    content: ""
}

.bxs-left-arrow-circle:before {
    content: ""
}

.bxs-left-arrow-square:before {
    content: ""
}

.bxs-left-down-arrow-circle:before {
    content: ""
}

.bxs-left-top-arrow-circle:before {
    content: ""
}

.bxs-like:before {
    content: ""
}

.bxs-location-plus:before {
    content: ""
}

.bxs-lock:before {
    content: ""
}

.bxs-lock-alt:before {
    content: ""
}

.bxs-lock-open:before {
    content: ""
}

.bxs-lock-open-alt:before {
    content: ""
}

.bxs-log-in:before {
    content: ""
}

.bxs-log-in-circle:before {
    content: ""
}

.bxs-log-out:before {
    content: ""
}

.bxs-log-out-circle:before {
    content: ""
}

.bxs-low-vision:before {
    content: ""
}

.bxs-magic-wand:before {
    content: ""
}

.bxs-magnet:before {
    content: ""
}

.bxs-map:before {
    content: ""
}

.bxs-map-alt:before {
    content: ""
}

.bxs-map-pin:before {
    content: ""
}

.bxs-mask:before {
    content: ""
}

.bxs-medal:before {
    content: ""
}

.bxs-megaphone:before {
    content: ""
}

.bxs-meh:before {
    content: ""
}

.bxs-meh-alt:before {
    content: ""
}

.bxs-meh-blank:before {
    content: ""
}

.bxs-memory-card:before {
    content: ""
}

.bxs-message:before {
    content: ""
}

.bxs-message-add:before {
    content: ""
}

.bxs-message-alt:before {
    content: ""
}

.bxs-message-alt-add:before {
    content: ""
}

.bxs-message-alt-check:before {
    content: ""
}

.bxs-message-alt-detail:before {
    content: ""
}

.bxs-message-alt-dots:before {
    content: ""
}

.bxs-message-alt-edit:before {
    content: ""
}

.bxs-message-alt-error:before {
    content: ""
}

.bxs-message-alt-minus:before {
    content: ""
}

.bxs-message-alt-x:before {
    content: ""
}

.bxs-message-check:before {
    content: ""
}

.bxs-message-detail:before {
    content: ""
}

.bxs-message-dots:before {
    content: ""
}

.bxs-message-edit:before {
    content: ""
}

.bxs-message-error:before {
    content: ""
}

.bxs-message-minus:before {
    content: ""
}

.bxs-message-rounded:before {
    content: ""
}

.bxs-message-rounded-add:before {
    content: ""
}

.bxs-message-rounded-check:before {
    content: ""
}

.bxs-message-rounded-detail:before {
    content: ""
}

.bxs-message-rounded-dots:before {
    content: ""
}

.bxs-message-rounded-edit:before {
    content: ""
}

.bxs-message-rounded-error:before {
    content: ""
}

.bxs-message-rounded-minus:before {
    content: ""
}

.bxs-message-rounded-x:before {
    content: ""
}

.bxs-message-square:before {
    content: ""
}

.bxs-message-square-add:before {
    content: ""
}

.bxs-message-square-check:before {
    content: ""
}

.bxs-message-square-detail:before {
    content: ""
}

.bxs-message-square-dots:before {
    content: ""
}

.bxs-message-square-edit:before {
    content: ""
}

.bxs-message-square-error:before {
    content: ""
}

.bxs-message-square-minus:before {
    content: ""
}

.bxs-message-square-x:before {
    content: ""
}

.bxs-message-x:before {
    content: ""
}

.bxs-meteor:before {
    content: ""
}

.bxs-microchip:before {
    content: ""
}

.bxs-microphone:before {
    content: ""
}

.bxs-microphone-alt:before {
    content: ""
}

.bxs-microphone-off:before {
    content: ""
}

.bxs-minus-circle:before {
    content: ""
}

.bxs-minus-square:before {
    content: ""
}

.bxs-mobile:before {
    content: ""
}

.bxs-mobile-vibration:before {
    content: ""
}

.bxs-moon:before {
    content: ""
}

.bxs-mouse:before {
    content: ""
}

.bxs-mouse-alt:before {
    content: ""
}

.bxs-movie:before {
    content: ""
}

.bxs-movie-play:before {
    content: ""
}

.bxs-music:before {
    content: ""
}

.bxs-navigation:before {
    content: ""
}

.bxs-network-chart:before {
    content: ""
}

.bxs-news:before {
    content: ""
}

.bxs-no-entry:before {
    content: ""
}

.bxs-note:before {
    content: ""
}

.bxs-notepad:before {
    content: ""
}

.bxs-notification:before {
    content: ""
}

.bxs-notification-off:before {
    content: ""
}

.bxs-offer:before {
    content: ""
}

.bxs-package:before {
    content: ""
}

.bxs-paint:before {
    content: ""
}

.bxs-paint-roll:before {
    content: ""
}

.bxs-palette:before {
    content: ""
}

.bxs-paper-plane:before {
    content: ""
}

.bxs-parking:before {
    content: ""
}

.bxs-paste:before {
    content: ""
}

.bxs-pen:before {
    content: ""
}

.bxs-pencil:before {
    content: ""
}

.bxs-phone:before {
    content: ""
}

.bxs-phone-call:before {
    content: ""
}

.bxs-phone-incoming:before {
    content: ""
}

.bxs-phone-off:before {
    content: ""
}

.bxs-phone-outgoing:before {
    content: ""
}

.bxs-photo-album:before {
    content: ""
}

.bxs-piano:before {
    content: ""
}

.bxs-pie-chart:before {
    content: ""
}

.bxs-pie-chart-alt:before {
    content: ""
}

.bxs-pie-chart-alt-2:before {
    content: ""
}

.bxs-pin:before {
    content: ""
}

.bxs-pizza:before {
    content: ""
}

.bxs-plane:before {
    content: ""
}

.bxs-plane-alt:before {
    content: ""
}

.bxs-plane-land:before {
    content: ""
}

.bxs-planet:before {
    content: ""
}

.bxs-plane-take-off:before {
    content: ""
}

.bxs-playlist:before {
    content: ""
}

.bxs-plug:before {
    content: ""
}

.bxs-plus-circle:before {
    content: ""
}

.bxs-plus-square:before {
    content: ""
}

.bxs-pointer:before {
    content: ""
}

.bxs-polygon:before {
    content: ""
}

.bxs-printer:before {
    content: ""
}

.bxs-purchase-tag:before {
    content: ""
}

.bxs-purchase-tag-alt:before {
    content: ""
}

.bxs-pyramid:before {
    content: ""
}

.bxs-quote-alt-left:before {
    content: ""
}

.bxs-quote-alt-right:before {
    content: ""
}

.bxs-quote-left:before {
    content: ""
}

.bxs-quote-right:before {
    content: ""
}

.bxs-quote-single-left:before {
    content: ""
}

.bxs-quote-single-right:before {
    content: ""
}

.bxs-radiation:before {
    content: ""
}

.bxs-radio:before {
    content: ""
}

.bxs-receipt:before {
    content: ""
}

.bxs-rectangle:before {
    content: ""
}

.bxs-registered:before {
    content: ""
}

.bxs-rename:before {
    content: ""
}

.bxs-report:before {
    content: ""
}

.bxs-rewind-circle:before {
    content: ""
}

.bxs-right-arrow:before {
    content: ""
}

.bxs-right-arrow-alt:before {
    content: ""
}

.bxs-right-arrow-circle:before {
    content: ""
}

.bxs-right-arrow-square:before {
    content: ""
}

.bxs-right-down-arrow-circle:before {
    content: ""
}

.bxs-right-top-arrow-circle:before {
    content: ""
}

.bxs-rocket:before {
    content: ""
}

.bxs-ruler:before {
    content: ""
}

.bxs-sad:before {
    content: ""
}

.bxs-save:before {
    content: ""
}

.bxs-school:before {
    content: ""
}

.bxs-search:before {
    content: ""
}

.bxs-search-alt-2:before {
    content: ""
}

.bxs-select-multiple:before {
    content: ""
}

.bxs-send:before {
    content: ""
}

.bxs-server:before {
    content: ""
}

.bxs-shapes:before {
    content: ""
}

.bxs-share:before {
    content: ""
}

.bxs-share-alt:before {
    content: ""
}

.bxs-shield:before {
    content: ""
}

.bxs-shield-alt-2:before {
    content: ""
}

.bxs-shield-x:before {
    content: ""
}

.bxs-ship:before {
    content: ""
}

.bxs-shocked:before {
    content: ""
}

.bxs-shopping-bag:before {
    content: ""
}

.bxs-shopping-bag-alt:before {
    content: ""
}

.bxs-shopping-bags:before {
    content: ""
}

.bxs-show:before {
    content: ""
}

.bxs-skip-next-circle:before {
    content: ""
}

.bxs-skip-previous-circle:before {
    content: ""
}

.bxs-skull:before {
    content: ""
}

.bxs-sleepy:before {
    content: ""
}

.bxs-slideshow:before {
    content: ""
}

.bxs-smile:before {
    content: ""
}

.bxs-sort-alt:before {
    content: ""
}

.bxs-spa:before {
    content: ""
}

.bxs-speaker:before {
    content: ""
}

.bxs-spray-can:before {
    content: ""
}

.bxs-spreadsheet:before {
    content: ""
}

.bxs-square:before {
    content: ""
}

.bxs-square-rounded:before {
    content: ""
}

.bxs-star:before {
    content: ""
}

.bxs-star-half:before {
    content: ""
}

.bxs-sticker:before {
    content: ""
}

.bxs-stopwatch:before {
    content: ""
}

.bxs-store:before {
    content: ""
}

.bxs-store-alt:before {
    content: ""
}

.bxs-sun:before {
    content: ""
}

.bxs-tachometer:before {
    content: ""
}

.bxs-tag:before {
    content: ""
}

.bxs-tag-alt:before {
    content: ""
}

.bxs-tag-x:before {
    content: ""
}

.bxs-taxi:before {
    content: ""
}

.bxs-tennis-ball:before {
    content: ""
}

.bxs-terminal:before {
    content: ""
}

.bxs-thermometer:before {
    content: ""
}

.bxs-time:before {
    content: ""
}

.bxs-time-five:before {
    content: ""
}

.bxs-timer:before {
    content: ""
}

.bxs-tired:before {
    content: ""
}

.bxs-toggle-left:before {
    content: ""
}

.bxs-toggle-right:before {
    content: ""
}

.bxs-tone:before {
    content: ""
}

.bxs-torch:before {
    content: ""
}

.bxs-to-top:before {
    content: ""
}

.bxs-traffic:before {
    content: ""
}

.bxs-traffic-barrier:before {
    content: ""
}

.bxs-traffic-cone:before {
    content: ""
}

.bxs-train:before {
    content: ""
}

.bxs-trash:before {
    content: ""
}

.bxs-trash-alt:before {
    content: ""
}

.bxs-tree:before {
    content: ""
}

.bxs-trophy:before {
    content: ""
}

.bxs-truck:before {
    content: ""
}

.bxs-t-shirt:before {
    content: ""
}

.bxs-tv:before {
    content: ""
}

.bxs-up-arrow:before {
    content: ""
}

.bxs-up-arrow-alt:before {
    content: ""
}

.bxs-up-arrow-circle:before {
    content: ""
}

.bxs-up-arrow-square:before {
    content: ""
}

.bxs-upside-down:before {
    content: ""
}

.bxs-upvote:before {
    content: ""
}

.bxs-user:before {
    content: ""
}

.bxs-user-account:before {
    content: ""
}

.bxs-user-badge:before {
    content: ""
}

.bxs-user-check:before {
    content: ""
}

.bxs-user-circle:before {
    content: ""
}

.bxs-user-detail:before {
    content: ""
}

.bxs-user-minus:before {
    content: ""
}

.bxs-user-pin:before {
    content: ""
}

.bxs-user-plus:before {
    content: ""
}

.bxs-user-rectangle:before {
    content: ""
}

.bxs-user-voice:before {
    content: ""
}

.bxs-user-x:before {
    content: ""
}

.bxs-vector:before {
    content: ""
}

.bxs-vial:before {
    content: ""
}

.bxs-video:before {
    content: ""
}

.bxs-video-off:before {
    content: ""
}

.bxs-video-plus:before {
    content: ""
}

.bxs-video-recording:before {
    content: ""
}

.bxs-videos:before {
    content: ""
}

.bxs-virus:before {
    content: ""
}

.bxs-virus-block:before {
    content: ""
}

.bxs-volume:before {
    content: ""
}

.bxs-volume-full:before {
    content: ""
}

.bxs-volume-low:before {
    content: ""
}

.bxs-volume-mute:before {
    content: ""
}

.bxs-wallet:before {
    content: ""
}

.bxs-wallet-alt:before {
    content: ""
}

.bxs-washer:before {
    content: ""
}

.bxs-watch:before {
    content: ""
}

.bxs-watch-alt:before {
    content: ""
}

.bxs-webcam:before {
    content: ""
}

.bxs-widget:before {
    content: ""
}

.bxs-window-alt:before {
    content: ""
}

.bxs-wine:before {
    content: ""
}

.bxs-wink-smile:before {
    content: ""
}

.bxs-wink-tongue:before {
    content: ""
}

.bxs-wrench:before {
    content: ""
}

.bxs-x-circle:before {
    content: ""
}

.bxs-x-square:before {
    content: ""
}

.bxs-yin-yang:before {
    content: ""
}

.bxs-zap:before {
    content: ""
}

.bxs-zoom-in:before {
    content: ""
}

.bxs-zoom-out:before {
    content: ""
}

.bx-abacus:before {
    content: ""
}

.bx-accessibility:before {
    content: ""
}

.bx-add-to-queue:before {
    content: ""
}

.bx-adjust:before {
    content: ""
}

.bx-alarm:before {
    content: ""
}

.bx-alarm-add:before {
    content: ""
}

.bx-alarm-exclamation:before {
    content: ""
}

.bx-alarm-off:before {
    content: ""
}

.bx-alarm-snooze:before {
    content: ""
}

.bx-album:before {
    content: ""
}

.bx-align-justify:before {
    content: ""
}

.bx-align-left:before {
    content: ""
}

.bx-align-middle:before {
    content: ""
}

.bx-align-right:before {
    content: ""
}

.bx-analyse:before {
    content: ""
}

.bx-anchor:before {
    content: ""
}

.bx-angry:before {
    content: ""
}

.bx-aperture:before {
    content: ""
}

.bx-arch:before {
    content: ""
}

.bx-archive:before {
    content: ""
}

.bx-archive-in:before {
    content: ""
}

.bx-archive-out:before {
    content: ""
}

.bx-area:before {
    content: ""
}

.bx-arrow-back:before {
    content: ""
}

.bx-arrow-from-bottom:before {
    content: ""
}

.bx-arrow-from-left:before {
    content: ""
}

.bx-arrow-from-right:before {
    content: ""
}

.bx-arrow-from-top:before {
    content: ""
}

.bx-arrow-to-bottom:before {
    content: ""
}

.bx-arrow-to-left:before {
    content: ""
}

.bx-arrow-to-right:before {
    content: ""
}

.bx-arrow-to-top:before {
    content: ""
}

.bx-at:before {
    content: ""
}

.bx-atom:before {
    content: ""
}

.bx-award:before {
    content: ""
}

.bx-badge:before {
    content: ""
}

.bx-badge-check:before {
    content: ""
}

.bx-ball:before {
    content: ""
}

.bx-band-aid:before {
    content: ""
}

.bx-bar-chart:before {
    content: ""
}

.bx-bar-chart-alt:before {
    content: ""
}

.bx-bar-chart-alt-2:before {
    content: ""
}

.bx-bar-chart-square:before {
    content: ""
}

.bx-barcode:before {
    content: ""
}

.bx-barcode-reader:before {
    content: ""
}

.bx-baseball:before {
    content: ""
}

.bx-basket:before {
    content: ""
}

.bx-basketball:before {
    content: ""
}

.bx-bath:before {
    content: ""
}

.bx-battery:before {
    content: ""
}

.bx-bed:before {
    content: ""
}

.bx-been-here:before {
    content: ""
}

.bx-beer:before {
    content: ""
}

.bx-bell:before {
    content: ""
}

.bx-bell-minus:before {
    content: ""
}

.bx-bell-off:before {
    content: ""
}

.bx-bell-plus:before {
    content: ""
}

.bx-bible:before {
    content: ""
}

.bx-bitcoin:before {
    content: ""
}

.bx-blanket:before {
    content: ""
}

.bx-block:before {
    content: ""
}

.bx-bluetooth:before {
    content: ""
}

.bx-body:before {
    content: ""
}

.bx-bold:before {
    content: ""
}

.bx-bolt-circle:before {
    content: ""
}

.bx-bomb:before {
    content: ""
}

.bx-bone:before {
    content: ""
}

.bx-bong:before {
    content: ""
}

.bx-book:before {
    content: ""
}

.bx-book-add:before {
    content: ""
}

.bx-book-alt:before {
    content: ""
}

.bx-book-bookmark:before {
    content: ""
}

.bx-book-content:before {
    content: ""
}

.bx-book-heart:before {
    content: ""
}

.bx-bookmark:before {
    content: ""
}

.bx-bookmark-alt:before {
    content: ""
}

.bx-bookmark-alt-minus:before {
    content: ""
}

.bx-bookmark-alt-plus:before {
    content: ""
}

.bx-bookmark-heart:before {
    content: ""
}

.bx-bookmark-minus:before {
    content: ""
}

.bx-bookmark-plus:before {
    content: ""
}

.bx-bookmarks:before {
    content: ""
}

.bx-book-open:before {
    content: ""
}

.bx-book-reader:before {
    content: ""
}

.bx-border-all:before {
    content: ""
}

.bx-border-bottom:before {
    content: ""
}

.bx-border-inner:before {
    content: ""
}

.bx-border-left:before {
    content: ""
}

.bx-border-none:before {
    content: ""
}

.bx-border-outer:before {
    content: ""
}

.bx-border-radius:before {
    content: ""
}

.bx-border-right:before {
    content: ""
}

.bx-border-top:before {
    content: ""
}

.bx-bot:before {
    content: ""
}

.bx-bowling-ball:before {
    content: ""
}

.bx-box:before {
    content: ""
}

.bx-bracket:before {
    content: ""
}

.bx-braille:before {
    content: ""
}

.bx-brain:before {
    content: ""
}

.bx-briefcase:before {
    content: ""
}

.bx-briefcase-alt:before {
    content: ""
}

.bx-briefcase-alt-2:before {
    content: ""
}

.bx-brightness:before {
    content: ""
}

.bx-brightness-half:before {
    content: ""
}

.bx-broadcast:before {
    content: ""
}

.bx-brush:before {
    content: ""
}

.bx-brush-alt:before {
    content: ""
}

.bx-bug:before {
    content: ""
}

.bx-bug-alt:before {
    content: ""
}

.bx-building:before {
    content: ""
}

.bx-building-house:before {
    content: ""
}

.bx-buildings:before {
    content: ""
}

.bx-bulb:before {
    content: ""
}

.bx-bullseye:before {
    content: ""
}

.bx-buoy:before {
    content: ""
}

.bx-bus:before {
    content: ""
}

.bx-bus-school:before {
    content: ""
}

.bx-cabinet:before {
    content: ""
}

.bx-cake:before {
    content: ""
}

.bx-calculator:before {
    content: ""
}

.bx-calendar:before {
    content: ""
}

.bx-calendar-alt:before {
    content: ""
}

.bx-calendar-check:before {
    content: ""
}

.bx-calendar-edit:before {
    content: ""
}

.bx-calendar-event:before {
    content: ""
}

.bx-calendar-exclamation:before {
    content: ""
}

.bx-calendar-heart:before {
    content: ""
}

.bx-calendar-minus:before {
    content: ""
}

.bx-calendar-plus:before {
    content: ""
}

.bx-calendar-star:before {
    content: ""
}

.bx-calendar-week:before {
    content: ""
}

.bx-calendar-x:before {
    content: ""
}

.bx-camera:before {
    content: ""
}

.bx-camera-home:before {
    content: ""
}

.bx-camera-movie:before {
    content: ""
}

.bx-camera-off:before {
    content: ""
}

.bx-capsule:before {
    content: ""
}

.bx-captions:before {
    content: ""
}

.bx-car:before {
    content: ""
}

.bx-card:before {
    content: ""
}

.bx-caret-down:before {
    content: ""
}

.bx-caret-down-circle:before {
    content: ""
}

.bx-caret-down-square:before {
    content: ""
}

.bx-caret-left:before {
    content: ""
}

.bx-caret-left-circle:before {
    content: ""
}

.bx-caret-left-square:before {
    content: ""
}

.bx-caret-right:before {
    content: ""
}

.bx-caret-right-circle:before {
    content: ""
}

.bx-caret-right-square:before {
    content: ""
}

.bx-caret-up:before {
    content: ""
}

.bx-caret-up-circle:before {
    content: ""
}

.bx-caret-up-square:before {
    content: ""
}

.bx-carousel:before {
    content: ""
}

.bx-cart:before {
    content: ""
}

.bx-cart-alt:before {
    content: ""
}

.bx-cast:before {
    content: ""
}

.bx-category:before {
    content: ""
}

.bx-category-alt:before {
    content: ""
}

.bx-cctv:before {
    content: ""
}

.bx-certification:before {
    content: ""
}

.bx-chair:before {
    content: ""
}

.bx-chalkboard:before {
    content: ""
}

.bx-chart:before {
    content: ""
}

.bx-chat:before {
    content: ""
}

.bx-check:before {
    content: ""
}

.bx-checkbox:before {
    content: ""
}

.bx-checkbox-checked:before {
    content: ""
}

.bx-checkbox-minus:before {
    content: ""
}

.bx-checkbox-square:before {
    content: ""
}

.bx-check-circle:before {
    content: ""
}

.bx-check-double:before {
    content: ""
}

.bx-check-shield:before {
    content: ""
}

.bx-check-square:before {
    content: ""
}

.bx-chevron-down:before {
    content: ""
}

.bx-chevron-down-circle:before {
    content: ""
}

.bx-chevron-down-square:before {
    content: ""
}

.bx-chevron-left:before {
    content: ""
}

.bx-chevron-left-circle:before {
    content: ""
}

.bx-chevron-left-square:before {
    content: ""
}

.bx-chevron-right:before {
    content: ""
}

.bx-chevron-right-circle:before {
    content: ""
}

.bx-chevron-right-square:before {
    content: ""
}

.bx-chevrons-down:before {
    content: ""
}

.bx-chevrons-left:before {
    content: ""
}

.bx-chevrons-right:before {
    content: ""
}

.bx-chevrons-up:before {
    content: ""
}

.bx-chevron-up:before {
    content: ""
}

.bx-chevron-up-circle:before {
    content: ""
}

.bx-chevron-up-square:before {
    content: ""
}

.bx-chip:before {
    content: ""
}

.bx-church:before {
    content: ""
}

.bx-circle:before {
    content: ""
}

.bx-clinic:before {
    content: ""
}

.bx-clipboard:before {
    content: ""
}

.bx-closet:before {
    content: ""
}

.bx-cloud:before {
    content: ""
}

.bx-cloud-download:before {
    content: ""
}

.bx-cloud-drizzle:before {
    content: ""
}

.bx-cloud-lightning:before {
    content: ""
}

.bx-cloud-light-rain:before {
    content: ""
}

.bx-cloud-rain:before {
    content: ""
}

.bx-cloud-snow:before {
    content: ""
}

.bx-cloud-upload:before {
    content: ""
}

.bx-code:before {
    content: ""
}

.bx-code-alt:before {
    content: ""
}

.bx-code-block:before {
    content: ""
}

.bx-code-curly:before {
    content: ""
}

.bx-coffee:before {
    content: ""
}

.bx-coffee-togo:before {
    content: ""
}

.bx-cog:before {
    content: ""
}

.bx-coin:before {
    content: ""
}

.bx-coin-stack:before {
    content: ""
}

.bx-collapse:before {
    content: ""
}

.bx-collection:before {
    content: ""
}

.bx-color-fill:before {
    content: ""
}

.bx-columns:before {
    content: ""
}

.bx-command:before {
    content: ""
}

.bx-comment:before {
    content: ""
}

.bx-comment-add:before {
    content: ""
}

.bx-comment-check:before {
    content: ""
}

.bx-comment-detail:before {
    content: ""
}

.bx-comment-dots:before {
    content: ""
}

.bx-comment-edit:before {
    content: ""
}

.bx-comment-error:before {
    content: ""
}

.bx-comment-minus:before {
    content: ""
}

.bx-comment-x:before {
    content: ""
}

.bx-compass:before {
    content: ""
}

.bx-confused:before {
    content: ""
}

.bx-conversation:before {
    content: ""
}

.bx-cookie:before {
    content: ""
}

.bx-cool:before {
    content: ""
}

.bx-copy:before {
    content: ""
}

.bx-copy-alt:before {
    content: ""
}

.bx-copyright:before {
    content: ""
}

.bx-credit-card:before {
    content: ""
}

.bx-credit-card-alt:before {
    content: ""
}

.bx-credit-card-front:before {
    content: ""
}

.bx-crop:before {
    content: ""
}

.bx-crosshair:before {
    content: ""
}

.bx-crown:before {
    content: ""
}

.bx-cube:before {
    content: ""
}

.bx-cube-alt:before {
    content: ""
}

.bx-cuboid:before {
    content: ""
}

.bx-current-location:before {
    content: ""
}

.bx-customize:before {
    content: ""
}

.bx-cut:before {
    content: ""
}

.bx-cycling:before {
    content: ""
}

.bx-cylinder:before {
    content: ""
}

.bx-data:before {
    content: ""
}

.bx-desktop:before {
    content: ""
}

.bx-detail:before {
    content: ""
}

.bx-devices:before {
    content: ""
}

.bx-dialpad:before {
    content: ""
}

.bx-dialpad-alt:before {
    content: ""
}

.bx-diamond:before {
    content: ""
}

.bx-dice-1:before {
    content: ""
}

.bx-dice-2:before {
    content: ""
}

.bx-dice-3:before {
    content: ""
}

.bx-dice-4:before {
    content: ""
}

.bx-dice-5:before {
    content: ""
}

.bx-dice-6:before {
    content: ""
}

.bx-directions:before {
    content: ""
}

.bx-disc:before {
    content: ""
}

.bx-dish:before {
    content: ""
}

.bx-dislike:before {
    content: ""
}

.bx-dizzy:before {
    content: ""
}

.bx-dna:before {
    content: ""
}

.bx-dock-bottom:before {
    content: ""
}

.bx-dock-left:before {
    content: ""
}

.bx-dock-right:before {
    content: ""
}

.bx-dock-top:before {
    content: ""
}

.bx-dollar:before {
    content: ""
}

.bx-dollar-circle:before {
    content: ""
}

.bx-donate-blood:before {
    content: ""
}

.bx-donate-heart:before {
    content: ""
}

.bx-door-open:before {
    content: ""
}

.bx-dots-horizontal:before {
    content: ""
}

.bx-dots-horizontal-rounded:before {
    content: ""
}

.bx-dots-vertical:before {
    content: ""
}

.bx-dots-vertical-rounded:before {
    content: ""
}

.bx-doughnut-chart:before {
    content: ""
}

.bx-down-arrow:before {
    content: ""
}

.bx-down-arrow-alt:before {
    content: ""
}

.bx-down-arrow-circle:before {
    content: ""
}

.bx-download:before {
    content: ""
}

.bx-downvote:before {
    content: ""
}

.bx-drink:before {
    content: ""
}

.bx-droplet:before {
    content: ""
}

.bx-dumbbell:before {
    content: ""
}

.bx-duplicate:before {
    content: ""
}

.bx-edit:before {
    content: ""
}

.bx-edit-alt:before {
    content: ""
}

.bx-envelope:before {
    content: ""
}

.bx-envelope-open:before {
    content: ""
}

.bx-equalizer:before {
    content: ""
}

.bx-eraser:before {
    content: ""
}

.bx-error:before {
    content: ""
}

.bx-error-alt:before {
    content: ""
}

.bx-error-circle:before {
    content: ""
}

.bx-euro:before {
    content: ""
}

.bx-exclude:before {
    content: ""
}

.bx-exit:before {
    content: ""
}

.bx-exit-fullscreen:before {
    content: ""
}

.bx-expand:before {
    content: ""
}

.bx-expand-alt:before {
    content: ""
}

.bx-export:before {
    content: ""
}

.bx-extension:before {
    content: ""
}

.bx-face:before {
    content: ""
}

.bx-fast-forward:before {
    content: ""
}

.bx-fast-forward-circle:before {
    content: ""
}

.bx-female:before {
    content: ""
}

.bx-female-sign:before {
    content: ""
}

.bx-file:before {
    content: ""
}

.bx-file-blank:before {
    content: ""
}

.bx-file-find:before {
    content: ""
}

.bx-film:before {
    content: ""
}

.bx-filter:before {
    content: ""
}

.bx-filter-alt:before {
    content: ""
}

.bx-fingerprint:before {
    content: ""
}

.bx-first-aid:before {
    content: ""
}

.bx-first-page:before {
    content: ""
}

.bx-flag:before {
    content: ""
}

.bx-folder:before {
    content: ""
}

.bx-folder-minus:before {
    content: ""
}

.bx-folder-open:before {
    content: ""
}

.bx-folder-plus:before {
    content: ""
}

.bx-font:before {
    content: ""
}

.bx-font-color:before {
    content: ""
}

.bx-font-family:before {
    content: ""
}

.bx-font-size:before {
    content: ""
}

.bx-food-menu:before {
    content: ""
}

.bx-food-tag:before {
    content: ""
}

.bx-football:before {
    content: ""
}

.bx-fridge:before {
    content: ""
}

.bx-fullscreen:before {
    content: ""
}

.bx-game:before {
    content: ""
}

.bx-gas-pump:before {
    content: ""
}

.bx-ghost:before {
    content: ""
}

.bx-gift:before {
    content: ""
}

.bx-git-branch:before {
    content: ""
}

.bx-git-commit:before {
    content: ""
}

.bx-git-compare:before {
    content: ""
}

.bx-git-merge:before {
    content: ""
}

.bx-git-pull-request:before {
    content: ""
}

.bx-git-repo-forked:before {
    content: ""
}

.bx-glasses:before {
    content: ""
}

.bx-glasses-alt:before {
    content: ""
}

.bx-globe:before {
    content: ""
}

.bx-globe-alt:before {
    content: ""
}

.bx-grid:before {
    content: ""
}

.bx-grid-alt:before {
    content: ""
}

.bx-grid-horizontal:before {
    content: ""
}

.bx-grid-small:before {
    content: ""
}

.bx-grid-vertical:before {
    content: ""
}

.bx-group:before {
    content: ""
}

.bx-handicap:before {
    content: ""
}

.bx-happy:before {
    content: ""
}

.bx-happy-alt:before {
    content: ""
}

.bx-happy-beaming:before {
    content: ""
}

.bx-happy-heart-eyes:before {
    content: ""
}

.bx-hash:before {
    content: ""
}

.bx-hdd:before {
    content: ""
}

.bx-heading:before {
    content: ""
}

.bx-headphone:before {
    content: ""
}

.bx-health:before {
    content: ""
}

.bx-heart:before {
    content: ""
}

.bx-heart-circle:before {
    content: ""
}

.bx-heart-square:before {
    content: ""
}

.bx-help-circle:before {
    content: ""
}

.bx-hide:before {
    content: ""
}

.bx-highlight:before {
    content: ""
}

.bx-history:before {
    content: ""
}

.bx-hive:before {
    content: ""
}

.bx-home:before {
    content: ""
}

.bx-home-alt:before {
    content: ""
}

.bx-home-circle:before {
    content: ""
}

.bx-home-heart:before {
    content: ""
}

.bx-home-smile:before {
    content: ""
}

.bx-horizontal-center:before {
    content: ""
}

.bx-hotel:before {
    content: ""
}

.bx-hourglass:before {
    content: ""
}

.bx-id-card:before {
    content: ""
}

.bx-image:before {
    content: ""
}

.bx-image-add:before {
    content: ""
}

.bx-image-alt:before {
    content: ""
}

.bx-images:before {
    content: ""
}

.bx-import:before {
    content: ""
}

.bx-infinite:before {
    content: ""
}

.bx-info-circle:before {
    content: ""
}

.bx-info-square:before {
    content: ""
}

.bx-intersect:before {
    content: ""
}

.bx-italic:before {
    content: ""
}

.bx-joystick:before {
    content: ""
}

.bx-joystick-alt:before {
    content: ""
}

.bx-joystick-button:before {
    content: ""
}

.bx-key:before {
    content: ""
}

.bx-label:before {
    content: ""
}

.bx-landscape:before {
    content: ""
}

.bx-laptop:before {
    content: ""
}

.bx-last-page:before {
    content: ""
}

.bx-laugh:before {
    content: ""
}

.bx-layer:before {
    content: ""
}

.bx-layer-minus:before {
    content: ""
}

.bx-layer-plus:before {
    content: ""
}

.bx-layout:before {
    content: ""
}

.bx-left-arrow:before {
    content: ""
}

.bx-left-arrow-alt:before {
    content: ""
}

.bx-left-arrow-circle:before {
    content: ""
}

.bx-left-down-arrow-circle:before {
    content: ""
}

.bx-left-indent:before {
    content: ""
}

.bx-left-top-arrow-circle:before {
    content: ""
}

.bx-library:before {
    content: ""
}

.bx-like:before {
    content: ""
}

.bx-line-chart:before {
    content: ""
}

.bx-line-chart-down:before {
    content: ""
}

.bx-link:before {
    content: ""
}

.bx-link-alt:before {
    content: ""
}

.bx-link-external:before {
    content: ""
}

.bx-lira:before {
    content: ""
}

.bx-list-check:before {
    content: ""
}

.bx-list-minus:before {
    content: ""
}

.bx-list-ol:before {
    content: ""
}

.bx-list-plus:before {
    content: ""
}

.bx-list-ul:before {
    content: ""
}

.bx-loader:before {
    content: ""
}

.bx-loader-alt:before {
    content: ""
}

.bx-loader-circle:before {
    content: ""
}

.bx-location-plus:before {
    content: ""
}

.bx-lock:before {
    content: ""
}

.bx-lock-alt:before {
    content: ""
}

.bx-lock-open:before {
    content: ""
}

.bx-lock-open-alt:before {
    content: ""
}

.bx-log-in:before {
    content: ""
}

.bx-log-in-circle:before {
    content: ""
}

.bx-log-out:before {
    content: ""
}

.bx-log-out-circle:before {
    content: ""
}

.bx-low-vision:before {
    content: ""
}

.bx-magnet:before {
    content: ""
}

.bx-mail-send:before {
    content: ""
}

.bx-male:before {
    content: ""
}

.bx-male-sign:before {
    content: ""
}

.bx-map:before {
    content: ""
}

.bx-map-alt:before {
    content: ""
}

.bx-map-pin:before {
    content: ""
}

.bx-mask:before {
    content: ""
}

.bx-medal:before {
    content: ""
}

.bx-meh:before {
    content: ""
}

.bx-meh-alt:before {
    content: ""
}

.bx-meh-blank:before {
    content: ""
}

.bx-memory-card:before {
    content: ""
}

.bx-menu:before {
    content: ""
}

.bx-menu-alt-left:before {
    content: ""
}

.bx-menu-alt-right:before {
    content: ""
}

.bx-merge:before {
    content: ""
}

.bx-message:before {
    content: ""
}

.bx-message-add:before {
    content: ""
}

.bx-message-alt:before {
    content: ""
}

.bx-message-alt-add:before {
    content: ""
}

.bx-message-alt-check:before {
    content: ""
}

.bx-message-alt-detail:before {
    content: ""
}

.bx-message-alt-dots:before {
    content: ""
}

.bx-message-alt-edit:before {
    content: ""
}

.bx-message-alt-error:before {
    content: ""
}

.bx-message-alt-minus:before {
    content: ""
}

.bx-message-alt-x:before {
    content: ""
}

.bx-message-check:before {
    content: ""
}

.bx-message-detail:before {
    content: ""
}

.bx-message-dots:before {
    content: ""
}

.bx-message-edit:before {
    content: ""
}

.bx-message-error:before {
    content: ""
}

.bx-message-minus:before {
    content: ""
}

.bx-message-rounded:before {
    content: ""
}

.bx-message-rounded-add:before {
    content: ""
}

.bx-message-rounded-check:before {
    content: ""
}

.bx-message-rounded-detail:before {
    content: ""
}

.bx-message-rounded-dots:before {
    content: ""
}

.bx-message-rounded-edit:before {
    content: ""
}

.bx-message-rounded-error:before {
    content: ""
}

.bx-message-rounded-minus:before {
    content: ""
}

.bx-message-rounded-x:before {
    content: ""
}

.bx-message-square:before {
    content: ""
}

.bx-message-square-add:before {
    content: ""
}

.bx-message-square-check:before {
    content: ""
}

.bx-message-square-detail:before {
    content: ""
}

.bx-message-square-dots:before {
    content: ""
}

.bx-message-square-edit:before {
    content: ""
}

.bx-message-square-error:before {
    content: ""
}

.bx-message-square-minus:before {
    content: ""
}

.bx-message-square-x:before {
    content: ""
}

.bx-message-x:before {
    content: ""
}

.bx-meteor:before {
    content: ""
}

.bx-microchip:before {
    content: ""
}

.bx-microphone:before {
    content: ""
}

.bx-microphone-off:before {
    content: ""
}

.bx-minus:before {
    content: ""
}

.bx-minus-back:before {
    content: ""
}

.bx-minus-circle:before {
    content: ""
}

.bx-minus-front:before {
    content: ""
}

.bx-mobile:before {
    content: ""
}

.bx-mobile-alt:before {
    content: ""
}

.bx-mobile-landscape:before {
    content: ""
}

.bx-mobile-vibration:before {
    content: ""
}

.bx-money:before {
    content: ""
}

.bx-moon:before {
    content: ""
}

.bx-mouse:before {
    content: ""
}

.bx-mouse-alt:before {
    content: ""
}

.bx-move:before {
    content: ""
}

.bx-move-horizontal:before {
    content: ""
}

.bx-move-vertical:before {
    content: ""
}

.bx-movie:before {
    content: ""
}

.bx-movie-play:before {
    content: ""
}

.bx-music:before {
    content: ""
}

.bx-navigation:before {
    content: ""
}

.bx-network-chart:before {
    content: ""
}

.bx-news:before {
    content: ""
}

.bx-no-entry:before {
    content: ""
}

.bx-note:before {
    content: ""
}

.bx-notepad:before {
    content: ""
}

.bx-notification:before {
    content: ""
}

.bx-notification-off:before {
    content: ""
}

.bx-outline:before {
    content: ""
}

.bx-package:before {
    content: ""
}

.bx-paint:before {
    content: ""
}

.bx-paint-roll:before {
    content: ""
}

.bx-palette:before {
    content: ""
}

.bx-paperclip:before {
    content: ""
}

.bx-paper-plane:before {
    content: ""
}

.bx-paragraph:before {
    content: ""
}

.bx-paste:before {
    content: ""
}

.bx-pause:before {
    content: ""
}

.bx-pause-circle:before {
    content: ""
}

.bx-pen:before {
    content: ""
}

.bx-pencil:before {
    content: ""
}

.bx-phone:before {
    content: ""
}

.bx-phone-call:before {
    content: ""
}

.bx-phone-incoming:before {
    content: ""
}

.bx-phone-off:before {
    content: ""
}

.bx-phone-outgoing:before {
    content: ""
}

.bx-photo-album:before {
    content: ""
}

.bx-pie-chart:before {
    content: ""
}

.bx-pie-chart-alt:before {
    content: ""
}

.bx-pie-chart-alt-2:before {
    content: ""
}

.bx-pin:before {
    content: ""
}

.bx-planet:before {
    content: ""
}

.bx-play:before {
    content: ""
}

.bx-play-circle:before {
    content: ""
}

.bx-plug:before {
    content: ""
}

.bx-plus:before {
    content: ""
}

.bx-plus-circle:before {
    content: ""
}

.bx-plus-medical:before {
    content: ""
}

.bx-podcast:before {
    content: ""
}

.bx-pointer:before {
    content: ""
}

.bx-poll:before {
    content: ""
}

.bx-polygon:before {
    content: ""
}

.bx-pound:before {
    content: ""
}

.bx-power-off:before {
    content: ""
}

.bx-printer:before {
    content: ""
}

.bx-pulse:before {
    content: ""
}

.bx-purchase-tag:before {
    content: ""
}

.bx-purchase-tag-alt:before {
    content: ""
}

.bx-pyramid:before {
    content: ""
}

.bx-question-mark:before {
    content: ""
}

.bx-radar:before {
    content: ""
}

.bx-radio:before {
    content: ""
}

.bx-radio-circle:before {
    content: ""
}

.bx-radio-circle-marked:before {
    content: ""
}

.bx-receipt:before {
    content: ""
}

.bx-rectangle:before {
    content: ""
}

.bx-recycle:before {
    content: ""
}

.bx-redo:before {
    content: ""
}

.bx-refresh:before {
    content: ""
}

.bx-registered:before {
    content: ""
}

.bx-rename:before {
    content: ""
}

.bx-repeat:before {
    content: ""
}

.bx-reply:before {
    content: ""
}

.bx-reply-all:before {
    content: ""
}

.bx-repost:before {
    content: ""
}

.bx-reset:before {
    content: ""
}

.bx-restaurant:before {
    content: ""
}

.bx-revision:before {
    content: ""
}

.bx-rewind:before {
    content: ""
}

.bx-rewind-circle:before {
    content: ""
}

.bx-right-arrow:before {
    content: ""
}

.bx-right-arrow-alt:before {
    content: ""
}

.bx-right-arrow-circle:before {
    content: ""
}

.bx-right-down-arrow-circle:before {
    content: ""
}

.bx-right-indent:before {
    content: ""
}

.bx-right-top-arrow-circle:before {
    content: ""
}

.bx-rocket:before {
    content: ""
}

.bx-rotate-left:before {
    content: ""
}

.bx-rotate-right:before {
    content: ""
}

.bx-rss:before {
    content: ""
}

.bx-ruble:before {
    content: ""
}

.bx-ruler:before {
    content: ""
}

.bx-run:before {
    content: ""
}

.bx-rupee:before {
    content: ""
}

.bx-sad:before {
    content: ""
}

.bx-save:before {
    content: ""
}

.bx-scan:before {
    content: ""
}

.bx-screenshot:before {
    content: ""
}

.bx-search:before {
    content: ""
}

.bx-search-alt:before {
    content: ""
}

.bx-search-alt-2:before {
    content: ""
}

.bx-selection:before {
    content: ""
}

.bx-select-multiple:before {
    content: ""
}

.bx-send:before {
    content: ""
}

.bx-server:before {
    content: ""
}

.bx-shape-circle:before {
    content: ""
}

.bx-shape-polygon:before {
    content: ""
}

.bx-shape-square:before {
    content: ""
}

.bx-shape-triangle:before {
    content: ""
}

.bx-share:before {
    content: ""
}

.bx-share-alt:before {
    content: ""
}

.bx-shekel:before {
    content: ""
}

.bx-shield:before {
    content: ""
}

.bx-shield-alt:before {
    content: ""
}

.bx-shield-alt-2:before {
    content: ""
}

.bx-shield-quarter:before {
    content: ""
}

.bx-shield-x:before {
    content: ""
}

.bx-shocked:before {
    content: ""
}

.bx-shopping-bag:before {
    content: ""
}

.bx-show:before {
    content: ""
}

.bx-show-alt:before {
    content: ""
}

.bx-shuffle:before {
    content: ""
}

.bx-sidebar:before {
    content: ""
}

.bx-sitemap:before {
    content: ""
}

.bx-skip-next:before {
    content: ""
}

.bx-skip-next-circle:before {
    content: ""
}

.bx-skip-previous:before {
    content: ""
}

.bx-skip-previous-circle:before {
    content: ""
}

.bx-sleepy:before {
    content: ""
}

.bx-slider:before {
    content: ""
}

.bx-slider-alt:before {
    content: ""
}

.bx-slideshow:before {
    content: ""
}

.bx-smile:before {
    content: ""
}

.bx-sort:before {
    content: ""
}

.bx-sort-alt-2:before {
    content: ""
}

.bx-sort-a-z:before {
    content: ""
}

.bx-sort-down:before {
    content: ""
}

.bx-sort-up:before {
    content: ""
}

.bx-sort-z-a:before {
    content: ""
}

.bx-spa:before {
    content: ""
}

.bx-space-bar:before {
    content: ""
}

.bx-speaker:before {
    content: ""
}

.bx-spray-can:before {
    content: ""
}

.bx-spreadsheet:before {
    content: ""
}

.bx-square:before {
    content: ""
}

.bx-square-rounded:before {
    content: ""
}

.bx-star:before {
    content: ""
}

.bx-station:before {
    content: ""
}

.bx-stats:before {
    content: ""
}

.bx-sticker:before {
    content: ""
}

.bx-stop:before {
    content: ""
}

.bx-stop-circle:before {
    content: ""
}

.bx-stopwatch:before {
    content: ""
}

.bx-store:before {
    content: ""
}

.bx-store-alt:before {
    content: ""
}

.bx-street-view:before {
    content: ""
}

.bx-strikethrough:before {
    content: ""
}

.bx-subdirectory-left:before {
    content: ""
}

.bx-subdirectory-right:before {
    content: ""
}

.bx-sun:before {
    content: ""
}

.bx-support:before {
    content: ""
}

.bx-swim:before {
    content: ""
}

.bx-sync:before {
    content: ""
}

.bx-tab:before {
    content: ""
}

.bx-table:before {
    content: ""
}

.bx-tachometer:before {
    content: ""
}

.bx-tag:before {
    content: ""
}

.bx-tag-alt:before {
    content: ""
}

.bx-target-lock:before {
    content: ""
}

.bx-task:before {
    content: ""
}

.bx-task-x:before {
    content: ""
}

.bx-taxi:before {
    content: ""
}

.bx-tennis-ball:before {
    content: ""
}

.bx-terminal:before {
    content: ""
}

.bx-test-tube:before {
    content: ""
}

.bx-text:before {
    content: ""
}

.bx-time:before {
    content: ""
}

.bx-time-five:before {
    content: ""
}

.bx-timer:before {
    content: ""
}

.bx-tired:before {
    content: ""
}

.bx-toggle-left:before {
    content: ""
}

.bx-toggle-right:before {
    content: ""
}

.bx-tone:before {
    content: ""
}

.bx-traffic-cone:before {
    content: ""
}

.bx-train:before {
    content: ""
}

.bx-transfer:before {
    content: ""
}

.bx-transfer-alt:before {
    content: ""
}

.bx-trash:before {
    content: ""
}

.bx-trash-alt:before {
    content: ""
}

.bx-trending-down:before {
    content: ""
}

.bx-trending-up:before {
    content: ""
}

.bx-trim:before {
    content: ""
}

.bx-trip:before {
    content: ""
}

.bx-trophy:before {
    content: ""
}

.bx-tv:before {
    content: ""
}

.bx-underline:before {
    content: ""
}

.bx-undo:before {
    content: ""
}

.bx-unite:before {
    content: ""
}

.bx-unlink:before {
    content: ""
}

.bx-up-arrow:before {
    content: ""
}

.bx-up-arrow-alt:before {
    content: ""
}

.bx-up-arrow-circle:before {
    content: ""
}

.bx-upload:before {
    content: ""
}

.bx-upside-down:before {
    content: ""
}

.bx-upvote:before {
    content: ""
}

.bx-usb:before {
    content: ""
}

.bx-user:before {
    content: ""
}

.bx-user-check:before {
    content: ""
}

.bx-user-circle:before {
    content: ""
}

.bx-user-minus:before {
    content: ""
}

.bx-user-pin:before {
    content: ""
}

.bx-user-plus:before {
    content: ""
}

.bx-user-voice:before {
    content: ""
}

.bx-user-x:before {
    content: ""
}

.bx-vector:before {
    content: ""
}

.bx-vertical-center:before {
    content: ""
}

.bx-vial:before {
    content: ""
}

.bx-video:before {
    content: ""
}

.bx-video-off:before {
    content: ""
}

.bx-video-plus:before {
    content: ""
}

.bx-video-recording:before {
    content: ""
}

.bx-voicemail:before {
    content: ""
}

.bx-volume:before {
    content: ""
}

.bx-volume-full:before {
    content: ""
}

.bx-volume-low:before {
    content: ""
}

.bx-volume-mute:before {
    content: ""
}

.bx-walk:before {
    content: ""
}

.bx-wallet:before {
    content: ""
}

.bx-wallet-alt:before {
    content: ""
}

.bx-water:before {
    content: ""
}

.bx-webcam:before {
    content: ""
}

.bx-wifi:before {
    content: ""
}

.bx-wifi-0:before {
    content: ""
}

.bx-wifi-1:before {
    content: ""
}

.bx-wifi-2:before {
    content: ""
}

.bx-wifi-off:before {
    content: ""
}

.bx-wind:before {
    content: ""
}

.bx-window:before {
    content: ""
}

.bx-window-alt:before {
    content: ""
}

.bx-window-close:before {
    content: ""
}

.bx-window-open:before {
    content: ""
}

.bx-windows:before {
    content: ""
}

.bx-wine:before {
    content: ""
}

.bx-wink-smile:before {
    content: ""
}

.bx-wink-tongue:before {
    content: ""
}

.bx-won:before {
    content: ""
}

.bx-world:before {
    content: ""
}

.bx-wrench:before {
    content: ""
}

.bx-x:before {
    content: ""
}

.bx-x-circle:before {
    content: ""
}

.bx-yen:before {
    content: ""
}

.bx-zoom-in:before {
    content: ""
}

.bx-zoom-out:before {
    content: ""
}

.bxl-500px:before {
    content: ""
}

.bxl-adobe:before {
    content: ""
}

.bxl-airbnb:before {
    content: ""
}

.bxl-algolia:before {
    content: ""
}

.bxl-amazon:before {
    content: ""
}

.bxl-android:before {
    content: ""
}

.bxl-angular:before {
    content: ""
}

.bxl-apple:before {
    content: ""
}

.bxl-audible:before {
    content: ""
}

.bxl-baidu:before {
    content: ""
}

.bxl-behance:before {
    content: ""
}

.bxl-bing:before {
    content: ""
}

.bxl-bitcoin:before {
    content: ""
}

.bxl-blender:before {
    content: ""
}

.bxl-blogger:before {
    content: ""
}

.bxl-bootstrap:before {
    content: ""
}

.bxl-chrome:before {
    content: ""
}

.bxl-codepen:before {
    content: ""
}

.bxl-c-plus-plus:before {
    content: ""
}

.bxl-creative-commons:before {
    content: ""
}

.bxl-css3:before {
    content: ""
}

.bxl-dailymotion:before {
    content: ""
}

.bxl-deviantart:before {
    content: ""
}

.bxl-dev-to:before {
    content: ""
}

.bxl-digg:before {
    content: ""
}

.bxl-digitalocean:before {
    content: ""
}

.bxl-discord:before {
    content: ""
}

.bxl-discord-alt:before {
    content: ""
}

.bxl-discourse:before {
    content: ""
}

.bxl-django:before {
    content: ""
}

.bxl-dribbble:before {
    content: ""
}

.bxl-dropbox:before {
    content: ""
}

.bxl-drupal:before {
    content: ""
}

.bxl-ebay:before {
    content: ""
}

.bxl-edge:before {
    content: ""
}

.bxl-etsy:before {
    content: ""
}

.bxl-facebook:before {
    content: ""
}

.bxl-facebook-circle:before {
    content: ""
}

.bxl-facebook-square:before {
    content: ""
}

.bxl-figma:before {
    content: ""
}

.bxl-firebase:before {
    content: ""
}

.bxl-firefox:before {
    content: ""
}

.bxl-flickr:before {
    content: ""
}

.bxl-flickr-square:before {
    content: ""
}

.bxl-flutter:before {
    content: ""
}

.bxl-foursquare:before {
    content: ""
}

.bxl-git:before {
    content: ""
}

.bxl-github:before {
    content: ""
}

.bxl-gitlab:before {
    content: ""
}

.bxl-google:before {
    content: ""
}

.bxl-google-cloud:before {
    content: ""
}

.bxl-google-plus:before {
    content: ""
}

.bxl-google-plus-circle:before {
    content: ""
}

.bxl-html5:before {
    content: ""
}

.bxl-imdb:before {
    content: ""
}

.bxl-instagram:before {
    content: ""
}

.bxl-instagram-alt:before {
    content: ""
}

.bxl-internet-explorer:before {
    content: ""
}

.bxl-invision:before {
    content: ""
}

.bxl-javascript:before {
    content: ""
}

.bxl-joomla:before {
    content: ""
}

.bxl-jquery:before {
    content: ""
}

.bxl-jsfiddle:before {
    content: ""
}

.bxl-kickstarter:before {
    content: ""
}

.bxl-kubernetes:before {
    content: ""
}

.bxl-less:before {
    content: ""
}

.bxl-linkedin:before {
    content: ""
}

.bxl-linkedin-square:before {
    content: ""
}

.bxl-magento:before {
    content: ""
}

.bxl-mailchimp:before {
    content: ""
}

.bxl-markdown:before {
    content: ""
}

.bxl-mastercard:before {
    content: ""
}

.bxl-mastodon:before {
    content: ""
}

.bxl-medium:before {
    content: ""
}

.bxl-medium-old:before {
    content: ""
}

.bxl-medium-square:before {
    content: ""
}

.bxl-messenger:before {
    content: ""
}

.bxl-microsoft:before {
    content: ""
}

.bxl-microsoft-teams:before {
    content: ""
}

.bxl-nodejs:before {
    content: ""
}

.bxl-ok-ru:before {
    content: ""
}

.bxl-opera:before {
    content: ""
}

.bxl-patreon:before {
    content: ""
}

.bxl-paypal:before {
    content: ""
}

.bxl-periscope:before {
    content: ""
}

.bxl-php:before {
    content: ""
}

.bxl-pinterest:before {
    content: ""
}

.bxl-pinterest-alt:before {
    content: ""
}

.bxl-play-store:before {
    content: ""
}

.bxl-pocket:before {
    content: ""
}

.bxl-product-hunt:before {
    content: ""
}

.bxl-python:before {
    content: ""
}

.bxl-quora:before {
    content: ""
}

.bxl-react:before {
    content: ""
}

.bxl-redbubble:before {
    content: ""
}

.bxl-reddit:before {
    content: ""
}

.bxl-redux:before {
    content: ""
}

.bxl-sass:before {
    content: ""
}

.bxl-shopify:before {
    content: ""
}

.bxl-sketch:before {
    content: ""
}

.bxl-skype:before {
    content: ""
}

.bxl-slack:before {
    content: ""
}

.bxl-slack-old:before {
    content: ""
}

.bxl-snapchat:before {
    content: ""
}

.bxl-soundcloud:before {
    content: ""
}

.bxl-spotify:before {
    content: ""
}

.bxl-spring-boot:before {
    content: ""
}

.bxl-squarespace:before {
    content: ""
}

.bxl-stack-overflow:before {
    content: ""
}

.bxl-steam:before {
    content: ""
}

.bxl-stripe:before {
    content: ""
}

.bxl-tailwind-css:before {
    content: ""
}

.bxl-telegram:before {
    content: ""
}

.bxl-tiktok:before {
    content: ""
}

.bxl-trello:before {
    content: ""
}

.bxl-trip-advisor:before {
    content: ""
}

.bxl-tumblr:before {
    content: ""
}

.bxl-tux:before {
    content: ""
}

.bxl-twitch:before {
    content: ""
}

.bxl-twitter:before {
    content: ""
}

.bxl-unity:before {
    content: ""
}

.bxl-unsplash:before {
    content: ""
}

.bxl-vimeo:before {
    content: ""
}

.bxl-visa:before {
    content: ""
}

.bxl-visual-studio:before {
    content: ""
}

.bxl-vk:before {
    content: ""
}

.bxl-vuejs:before {
    content: ""
}

.bxl-whatsapp:before {
    content: ""
}

.bxl-whatsapp-square:before {
    content: ""
}

.bxl-wikipedia:before {
    content: ""
}

.bxl-windows:before {
    content: ""
}

.bxl-wix:before {
    content: ""
}

.bxl-wordpress:before {
    content: ""
}

.bxl-yahoo:before {
    content: ""
}

.bxl-yelp:before {
    content: ""
}

.bxl-youtube:before {
    content: ""
}

.bxl-zoom:before {
    content: ""
}

.mfp-bg {
    left: 0;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    left: 0;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#nprogress .spinner-icon, *, .ios-switch .state-background, ::after, ::before, img.mfp-img {
    -webkit-box-sizing: border-box
}

.mfp-container:before {
    content: "";
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-close, .mfp-preloader {
    text-align: center;
    position: absolute
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    top: 50%;
    width: auto;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

    .mfp-preloader a {
        color: #CCC
    }

        .mfp-preloader a:hover {
            color: #FFF
        }

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    right: 0;
    top: 0;
    text-decoration: none;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal
}

    .mfp-close:focus, .mfp-close:hover {
        opacity: 1
    }

    .mfp-close:active {
        top: 1px
    }

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

    .mfp-arrow:active {
        margin-top: -54px
    }

    .mfp-arrow:focus, .mfp-arrow:hover {
        opacity: 1
    }

    .mfp-arrow:after, .mfp-arrow:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: inset transparent
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: .7
    }

.mfp-arrow-left {
    left: 0
}

    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F
    }

.mfp-arrow-right {
    right: 0
}

    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #000
    }

.mfp-figure:after, img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    max-width: 100%;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

    .mfp-figure:after {
        content: "";
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        right: 0;
        z-index: -1;
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #444
    }

    .mfp-figure .small, .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px
    }

    .mfp-figure figure {
        margin: 0
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure .small, .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
    border-radius: 4px
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl.dropdown-menu {
    left: auto
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px
}

    .datepicker-dropdown:before {
        content: "";
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid rgba(0,0,0,.15);
        border-top: 0;
        border-bottom-color: rgba(0,0,0,.2);
        position: absolute
    }

    .datepicker-dropdown:after {
        content: "";
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid rgba(0,0,0,.15)
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff
    }

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .datepicker table tr td, .datepicker table tr th {
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        border: none
    }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #777
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: default
}

.datepicker table tr td.highlighted {
    color: #000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0
}

    .datepicker table tr td.highlighted.focus, .datepicker table tr td.highlighted:focus {
        color: #000;
        background-color: #afd9ee;
        border-color: #298fc2
    }

    .datepicker table tr td.highlighted.active, .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted:hover {
        color: #000;
        background-color: #afd9ee;
        border-color: #52addb
    }

        .datepicker table tr td.highlighted.active.focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted:active:hover {
            color: #000;
            background-color: #91cbe8;
            border-color: #298fc2
        }

    .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled].focus, .datepicker table tr td.highlighted[disabled]:focus, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted.focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, fieldset[disabled] .datepicker table tr td.highlighted:hover {
        background-color: #d9edf7;
        border-color: #85c5e5
    }

    .datepicker table tr td.highlighted.focused {
        background: #afd9ee
    }

    .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
        background: #d9edf7;
        color: #777
    }

.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733
}

    .datepicker table tr td.today.focus, .datepicker table tr td.today:focus {
        color: #000;
        background-color: #ffc966;
        border-color: #b37400
    }

    .datepicker table tr td.today.active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover {
        color: #000;
        background-color: #ffc966;
        border-color: #f59e00
    }

        .datepicker table tr td.today.active.focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active.focus, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active:hover {
            color: #000;
            background-color: #ffbc42;
            border-color: #b37400
        }

    .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled].focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today.focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover {
        background-color: #ffdb99;
        border-color: #ffb733
    }

    .datepicker table tr td.today.focused {
        background: #ffc966
    }

    .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
        background: #ffdb99;
        color: #777
    }

.datepicker table tr td.range {
    color: #000;
    border-color: #bbb;
    border-radius: 0
}

    .datepicker table tr td.range.focus, .datepicker table tr td.range:focus {
        color: #000;
        background-color: #d5d5d5;
        border-color: #7c7c7c
    }

    .datepicker table tr td.range.active, .datepicker table tr td.range:active, .datepicker table tr td.range:hover {
        color: #000;
        background-color: #d5d5d5;
        border-color: #9d9d9d
    }

        .datepicker table tr td.range.active.focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active.focus, .datepicker table tr td.range:active:focus, .datepicker table tr td.range:active:hover {
            color: #000;
            background-color: #c3c3c3;
            border-color: #7c7c7c
        }

    .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled].focus, .datepicker table tr td.range[disabled]:focus, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.focus, fieldset[disabled] .datepicker table tr td.range:focus, fieldset[disabled] .datepicker table tr td.range:hover {
        background-color: #eee;
        border-color: #bbb
    }

    .datepicker table tr td.range.focused {
        background: #d5d5d5
    }

    .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
        background: #eee;
        color: #777
    }

    .datepicker table tr td.range.highlighted {
        color: #000;
        background-color: #e4eef3;
        border-color: #9dc1d3
    }

        .datepicker table tr td.range.highlighted.focus, .datepicker table tr td.range.highlighted:focus {
            color: #000;
            background-color: #c1d7e3;
            border-color: #4b88a6
        }

        .datepicker table tr td.range.highlighted.active, .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted:hover {
            color: #000;
            background-color: #c1d7e3;
            border-color: #73a6c0
        }

            .datepicker table tr td.range.highlighted.active.focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted:active:hover {
                color: #000;
                background-color: #a8c8d8;
                border-color: #4b88a6
            }

        .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled].focus, .datepicker table tr td.range.highlighted[disabled]:focus, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted.focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
            background-color: #e4eef3;
            border-color: #9dc1d3
        }

        .datepicker table tr td.range.highlighted.focused {
            background: #c1d7e3
        }

        .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
            background: #e4eef3;
            color: #777
        }

    .datepicker table tr td.range.today {
        color: #000;
        background-color: #f7ca77;
        border-color: #f1a417
    }

        .datepicker table tr td.range.today.focus, .datepicker table tr td.range.today:focus {
            color: #000;
            background-color: #f4b747;
            border-color: #815608
        }

        .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover {
            color: #000;
            background-color: #f4b747;
            border-color: #bf800c
        }

            .datepicker table tr td.range.today.active.focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today:active:hover {
                color: #000;
                background-color: #f2aa25;
                border-color: #815608
            }

        .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled].focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today.focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover {
            background-color: #f7ca77;
            border-color: #f1a417
        }

        .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
            background: #f7ca77;
            color: #777
        }

.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #777;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

    .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected:focus {
        color: #fff;
        background-color: #5e5e5e;
        border-color: #161616
    }

    .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover {
        color: #fff;
        background-color: #5e5e5e;
        border-color: #373737
    }

        .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:active:hover {
            color: #fff;
            background-color: #4c4c4c;
            border-color: #161616
        }

    .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected.highlighted[disabled].focus, .datepicker table tr td.selected.highlighted[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:hover, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover {
        background-color: #777;
        border-color: #555
    }

.datepicker table tr td.active, .datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

    .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }

    .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

        .datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40
        }

    .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active.highlighted[disabled].focus, .datepicker table tr td.active.highlighted[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:hover, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled]:hover, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover {
        background-color: #337ab7;
        border-color: #2e6da4
    }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

    .datepicker table tr td span.focused, .datepicker table tr td span:hover {
        background: #eee
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: 0 0;
        color: #777;
        cursor: default
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
        text-shadow: 0 -1px 0 rgba(0,0,0,.25)
    }

        .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active:hover:focus {
            color: #fff;
            background-color: #286090;
            border-color: #122b40
        }

        .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover {
            color: #fff;
            background-color: #286090;
            border-color: #204d74
        }

            .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover {
                color: #fff;
                background-color: #204d74;
                border-color: #122b40
            }

            .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active:hover:hover {
                background-color: #337ab7;
                border-color: #2e6da4
            }

    .datepicker table tr td span.new, .datepicker table tr td span.old {
        color: #777
    }

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
    cursor: pointer
}

    .datepicker .next.disabled, .datepicker .prev.disabled {
        visibility: hidden
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.input-daterange {
    width: 100%
}

    .input-daterange input {
        text-align: center
    }

        .input-daterange input:first-child {
            border-radius: 3px 0 0 3px
        }

        .input-daterange input:last-child {
            border-radius: 0 3px 3px 0
        }

    .input-daterange .input-group-addon {
        width: auto;
        min-width: 16px;
        padding: 4px 5px;
        line-height: 1.42857143;
        border-width: 1px 0;
        margin-left: -5px;
        margin-right: -5px
    }

.body, .inner-wrapper {
    width: 100%;
    min-height: 100vh
}

html {
    overflow-x: hidden !important;
    overflow-y: scroll !important
}

a:active {
    color: #6d094a
}

.header {
    height: 60px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.inner-wrapper {
    display: table;
    padding-top: 60px;
    table-layout: fixed;
    overflow: hidden
}

.content-body, .sidebar-left {
    display: table-cell;
    position: relative;
    vertical-align: top
}

.content-body {
    padding: 40px
}

    .content-body:not(.card-margin) > .row + .row {
        padding-top: 40px
    }

@media (max-width:767px) {
    .content-body:not(.card-margin) > .row + .row {
        padding-top: 15px
    }

    .content-body.content-body-modern:not(.card-margin) > .row + .row, .content-body.content-body-modern:not(.card-margin) > .row > [class*=col] > .row + .row, .content-body.content-body-modern:not(.card-margin) > form > .row + .row {
        padding-top: 31px
    }
}

.content-body.content-body-modern:not(.card-margin) > .row + .row, .content-body.content-body-modern:not(.card-margin) > .row > [class*=col] > .row + .row, .content-body.content-body-modern:not(.card-margin) > form > .row + .row {
    padding-top: 31px
}

.content-body.card-margin {
    padding-top: 0
}

    .content-body.card-margin .page-header {
        margin-bottom: 5px
    }

    .content-body.card-margin .card {
        margin-top: 40px
    }

@media (max-width:767px) {
    .content-body.card-margin .card {
        margin-top: 15px
    }
}

.page-header {
    background: #096d31;
    border-bottom: none;
    border-left: 1px solid #3A3A3A;
    -webkit-box-shadow: 1px 3px 0 1px #CCC;
    box-shadow: 1px 3px 0 1px #CCC;
    height: 50px;
    margin: -40px -40px 40px;
    padding: 0
}

.sidebar-left {
    color: #777;
    width: 300px
}

@media only screen and (min-width:768px) {
    html.sidebar-left-collapsed .sidebar-left {
        width: 73px
    }
}

.sidebar-right {
    background: #171717;
    bottom: 0;
    margin-right: -300px;
    min-height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 300px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    html.sidebar-right-opened.has-top-menu:not(.has-left-sidebar-half) .content-body {
        right: 300px
    }
}

@media only screen and (min-width:768px) {
    html.sidebar-right-opened .header {
        margin-left: -300px;
        margin-right: 300px
    }

    html.sidebar-right-opened .inner-wrapper {
        margin-left: -300px
    }

    html.sidebar-right-opened .sidebar-right {
        margin-right: 0
    }

    html.sidebar-right-opened.has-top-menu:not(.has-left-sidebar-half) .inner-wrapper {
        margin-left: 0;
        padding-right: 300px
    }

    html.flexbox .inner-wrapper, html.flexboxlegacy .inner-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    html.flexbox .content-body, html.flexbox .sidebar-left, html.flexboxlegacy .content-body, html.flexboxlegacy .sidebar-left {
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    html.flexbox .content-body, html.flexboxlegacy .content-body {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        min-width: 1px
    }

    html.flexbox.has-tab-navigation .inner-wrapper, html.flexboxlegacy.has-tab-navigation .inner-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    html.fixed .content-body, html.fixed .inner-wrapper, html.fixed .sidebar-left {
        display: block
    }

    html.fixed .header {
        position: fixed;
        z-index: 1020
    }

    html.fixed .inner-wrapper {
        padding-top: 110px
    }

    html.fixed .content-body {
        margin-left: 300px
    }

        html.fixed .content-body.has-toolbar {
            padding-top: 92px
        }

    html.fixed.has-top-menu:not(.has-left-sidebar-half) .content-body {
        margin-left: 0
    }

    html.fixed .page-header {
        left: 300px;
        margin: 0;
        position: fixed;
        right: 0;
        top: 60px
    }

    html.fixed.has-top-menu:not(.has-left-sidebar-half) .page-header {
        left: 0
    }

    html.fixed .sidebar-left {
        bottom: 0;
        left: 0;
        padding-bottom: 50px;
        position: fixed;
        top: 60px
    }

        html.fixed .sidebar-left .nano-content {
            padding-bottom: 50px
        }

    html.fixed.sidebar-left-collapsed .page-header {
        left: 73px
    }

    html.fixed.sidebar-left-collapsed .content-body {
        margin-left: 73px
    }

    html.fixed.sidebar-right-opened .page-header {
        left: 0;
        margin-right: 300px
    }

    html.fixed.sidebar-left-collapsed.sidebar-right-opened .page-header, html.fixed.sidebar-right-opened .sidebar-left {
        left: -300px
    }

    html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel).sidebar-left-collapsed .content-body {
        width: calc(100% - 73px)
    }

    html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel).left-sidebar-panel .content-body {
        width: calc(100% - 375px)
    }

    html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel).left-sidebar-panel.sidebar-right-opened .content-body {
        width: calc(100% - 350px)
    }

    html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel) .content-body {
        width: calc(100% - 300px);
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

@media only screen and (max-width:1199px) {
    html.boxed .header {
        border-color: #22ae12
    }
}

@media only screen and (min-width:1200px) {
    html.boxed body {
        background: url(../img/patterns/gray_jean.png);
        padding-bottom: 5px
    }

    html.boxed .body {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 25px;
        background-color: transparent
    }

    html.boxed .inner-wrapper {
        padding-top: 60px;
        margin-bottom: 20px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.15);
        box-shadow: 0 0 4px rgba(0,0,0,.15)
    }

    html.boxed .header {
        border-top: 3px solid #22ae12;
        height: 60px;
        position: absolute;
        top: 25px;
        border-radius: 5px 5px 0 0
    }

    html.boxed .sidebar-left {
        border-radius: 0 0 0 5px;
        position: relative;
        margin-bottom: 0
    }

    html.boxed .content-body {
        background-color: #212529;
        border-radius: 0 0 5px
    }

    html.boxed .sidebar-right {
        border-radius: 0 5px 5px 0;
        border-top: 3px solid #22ae12;
        min-height: 0
    }

    html.boxed.sidebar-right-opened .body {
        overflow: hidden
    }

    html.boxed.sidebar-right-opened .header {
        border-radius: 5px 0 0
    }

    html.boxed.sidebar-right-opened .content-body {
        border-radius: 0 0 0 5px
    }

    html.boxed.sidebar-right-opened .sidebar-right {
        bottom: 20px;
        position: absolute;
        top: 25px;
        border-radius: 0 5px 5px
    }
}

@media only screen and (max-width:767px) {
    body, html {
        background: #212529
    }

        html.mobile-device .sidebar-left, html.mobile-device .sidebar-right {
            overflow-y: scroll;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch
        }

    body {
        min-height: 100vh
    }

    .body, .inner-wrapper, .sidebar-left, .sidebar-right, html.no-mobile-device body {
        min-height: 0
    }

    .content-body, .inner-wrapper, .sidebar-left {
        display: block
    }

    .body {
        overflow: visible
    }

    .header {
        background: 0 0;
        border: none;
        height: auto;
        position: static
    }

        .header .logo-container {
            height: 60px;
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            z-index: 99
        }

        .header .header-right {
            background: #FFF;
            float: none !important;
            height: 60px;
            margin-top: 60px;
            width: 100%
        }

    .inner-wrapper {
        padding-top: 0
    }

    .content-body {
        padding: 0 15px 15px
    }

    .page-header {
        margin: 0 -15px 20px
    }

    .sidebar-left {
        bottom: 0;
        left: -100%;
        min-width: 100%;
        min-width: 100vw;
        padding-top: 60px;
        padding-bottom: 50px;
        position: fixed;
        overflow: hidden;
        top: 0;
        z-index: 98 !important
    }

    .sidebar-right {
        bottom: 0;
        left: auto;
        right: -100%;
        margin-right: 0;
        min-width: 100%;
        min-width: 100vw;
        top: 0;
        z-index: 100
    }

    html.csstransforms .sidebar-left, html.csstransforms .sidebar-right {
        -webkit-transition-property: margin;
        transition-property: margin;
        -webkit-transition-duration: .25s;
        transition-duration: .25s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-delay: 0;
        transition-delay: 0
    }

    html.csstransforms .sidebar-left {
        margin-left: -25px
    }

    html.csstransforms .sidebar-right {
        margin-right: -25px
    }

    html.no-mobile-device .body {
        min-height: 100vh;
        overflow: hidden
    }

    html.no-mobile-device .inner-wrapper {
        overflow-y: auto
    }

    html.no-mobile-device.sidebar-left-opened, html.no-mobile-device.sidebar-left-opened body, html.no-mobile-device.sidebar-right-opened, html.no-mobile-device.sidebar-right-opened body {
        overflow: hidden
    }

    html.sidebar-left-opened.no-csstransforms .sidebar-left {
        left: 0
    }

    html.sidebar-left-opened.csstransforms .sidebar-left {
        margin-left: 100%
    }

    html.sidebar-right-opened.no-csstransforms .sidebar-right {
        right: 0
    }

    html.sidebar-right-opened.csstransforms .sidebar-right {
        margin-right: 100%
    }

    html.sidebar-left-collapsed.sidebar-right-opened .sidebar-left {
        margin-left: -300px
    }

    .content-with-menu {
        clear: both
    }

    .inner-body {
        padding: 40px 15px 0
    }
}

@media (min-width:768px) {
    html.mobile-device.flexbox:not(.has-tab-navigation) .content-body {
        width: calc(100vw - 300px) !important
    }
}

@media only screen and (min-width:1200px) {
    html.boxed .content-with-menu {
        margin-bottom: -40px
    }
}

.content-with-menu {
    margin: -20px -15px 0
}

@media only screen and (min-width:768px) {
    .content-with-menu-container {
        display: table;
        table-layout: fixed;
        width: 100%
    }

    html.boxed .content-with-menu:before, html.scroll .content-with-menu:before {
        bottom: -47px;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: 54px;
        width: 300px
    }

    html.boxed .content-with-menu:after, html.scroll .content-with-menu:after {
        bottom: -46px;
        content: "";
        display: block;
        left: -1px;
        position: absolute;
        top: 54px;
        width: 1px;
        z-index: 3
    }

    html.boxed .content-with-menu:before {
        bottom: 0
    }

    html.boxed .content-with-menu:after {
        bottom: 2px
    }

    .inner-body, .inner-menu {
        display: table-cell;
        vertical-align: top
    }

    .content-with-menu {
        border-top: 110px solid transparent;
        margin: -150px -40px -53px;
        min-height: 100vh
    }

    .inner-body {
        padding: 40px
    }

    .inner-toolbar {
        height: 52px;
        overflow: hidden
    }

    .content-with-menu-has-toolbar .inner-menu-toggle {
        border-radius: 0
    }

    .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 140px
    }

    html.flexbox .content-with-menu-container, html.flexboxlegacy .content-with-menu-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    html.flexbox .inner-body, html.flexbox .inner-menu, html.flexboxlegacy .inner-body, html.flexboxlegacy .inner-menu {
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    html.flexbox .inner-body, html.flexboxlegacy .inner-body {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    html.fixed .content-with-menu-container, html.fixed .inner-body, html.fixed .inner-menu, html.fixed .inner-menu-content {
        display: block
    }

    html.fixed .content-with-menu-container {
        position: relative
    }

    html.fixed .inner-menu-toggle {
        position: absolute;
        top: 114px;
        border-radius: 0 0 5px;
        width: 140px;
        z-index: 1002
    }

    html.fixed .inner-menu {
        bottom: 0;
        left: 300px;
        position: fixed;
        margin: 0;
        top: 114px;
        width: 300px;
        padding: 35px;
        z-index: 1002
    }

    html.fixed .inner-body {
        margin-left: 300px;
        border-top: 113px solid transparent;
        margin-top: -110px;
        min-height: 100vh;
        position: relative
    }

    html.fixed .content-with-menu-has-toolbar .inner-body {
        border-top-width: 165px
    }

    html.boxed .inner-body, html.boxed .inner-menu, html.scroll .inner-body, html.scroll .inner-menu {
        display: block
    }

    html.boxed .content-with-menu-container, html.scroll .content-with-menu-container {
        position: relative
    }

    html.boxed .inner-menu-toggle, html.scroll .inner-menu-toggle {
        position: absolute;
        top: 0;
        border-radius: 0 0 5px;
        width: 140px;
        z-index: 3
    }

    html.boxed .inner-menu, html.scroll .inner-menu {
        display: block;
        position: relative;
        margin: 0;
        width: 300px;
        padding: 35px
    }

    html.boxed .inner-menu-content, html.scroll .inner-menu-content {
        display: block
    }

    html.boxed .inner-body, html.scroll .inner-body {
        margin-left: 0;
        min-height: 100vh;
        position: relative
    }

    html.boxed.flexbox .content-with-menu-container, html.boxed.flexboxlegacy .content-with-menu-container, html.scroll.flexbox .content-with-menu-container, html.scroll.flexboxlegacy .content-with-menu-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    html.fixed.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-collapsed .inner-toolbar {
        left: 73px
    }

    html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-toolbar {
        left: 373px
    }

    html.fixed.sidebar-right-opened .inner-menu, html.fixed.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-right-opened .inner-toolbar {
        left: 0
    }

    html.fixed.sidebar-right-opened .inner-toolbar {
        margin-right: 300px
    }

    html.fixed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-right-opened.inner-menu-opened .inner-toolbar {
        left: -300px
    }

    html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-toolbar {
        left: -227px
    }

    html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-toolbar {
        left: -527px
    }
}

@media only screen and (min-width:768px) and (max-width:1365px) {
    html.boxed .inner-menu, html.fixed .inner-menu, html.scroll .inner-menu {
        display: none
    }

    html.boxed .inner-menu-toggle, html.boxed.inner-menu-opened .inner-menu, html.fixed .inner-menu-toggle, html.fixed.inner-menu-opened .inner-menu, html.scroll .inner-menu-toggle, html.scroll.inner-menu-opened .inner-menu {
        display: block
    }

    html.boxed .inner-body, html.fixed .inner-body, html.scroll .inner-body {
        margin-left: 0
    }

    html.boxed .content-with-menu-has-toolbar .inner-toolbar, html.fixed .content-with-menu-has-toolbar .inner-toolbar, html.scroll .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 140px
    }

    html.boxed .content-with-menu:before, html.boxed.inner-menu-opened .inner-menu-toggle, html.fixed.inner-menu-opened .inner-menu-toggle, html.scroll .content-with-menu:before, html.scroll.inner-menu-opened .inner-menu-toggle {
        display: none
    }

    html.boxed.inner-menu-opened .inner-body, html.fixed.inner-menu-opened .inner-body, html.scroll.inner-menu-opened .inner-body {
        margin-right: -300px
    }

    html.boxed.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar, html.fixed.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar, html.scroll.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 0
    }

    html.fixed.inner-menu-opened .inner-body {
        margin-left: 300px
    }

    html.boxed.inner-menu-opened:before, html.scroll.inner-menu-opened:before {
        display: block
    }
}

@media only screen and (min-width:1366px) {
    html.boxed .inner-menu, html.fixed .inner-menu, html.scroll .inner-menu {
        display: block
    }

    html.boxed .inner-menu-toggle, html.boxed .inner-menu-toggle-inside, html.fixed .inner-menu-toggle, html.fixed .inner-menu-toggle-inside, html.scroll .inner-menu-toggle, html.scroll .inner-menu-toggle-inside {
        display: none
    }

    html.boxed .inner-body, html.fixed .inner-body, html.scroll .inner-body {
        margin-right: 0
    }

    html.boxed .content-with-menu-has-toolbar .inner-toolbar, html.fixed .content-with-menu-has-toolbar .inner-toolbar, html.scroll .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 0
    }

    html.fixed.inner-menu-opened .inner-body {
        margin-left: 300px
    }

    html.fixed .content-with-menu .inner-toolbar, html.fixed.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 600px
    }

    html.fixed .inner-menu, html.fixed .inner-menu-toggle, html.fixed.inner-menu-opened .inner-menu, html.fixed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-right-opened .content-with-menu .inner-toolbar {
        left: 300px
    }

    html.fixed.sidebar-right-opened .inner-menu, html.fixed.sidebar-right-opened .inner-menu-toggle {
        left: 0
    }

    html.fixed.sidebar-left-collapsed .content-with-menu .inner-toolbar, html.fixed.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 373px
    }

    html.fixed.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu, html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle {
        left: 73px
    }

    html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle {
        left: -227px
    }
}

@-ms-viewport {
    width: auto !important
}

@media only screen and (max-width:767px) {
    html.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .sidebar-left {
        margin-left: -250px
    }
}

@media only screen and (min-width:768px) {
    html.sidebar-left-sm .sidebar-left {
        width: 250px;
        font-size: .75rem
    }

        html.sidebar-left-sm .sidebar-left ul.nav-main li i {
            font-size: .9rem
        }

        html.sidebar-left-sm .sidebar-left .sidebar-widget .widget-header .h6, html.sidebar-left-sm .sidebar-left .sidebar-widget .widget-header h6, html.sidebar-left-sm .sidebar-left ul.nav-main li a {
            font-size: .75rem
        }

    html.sidebar-left-sm.sidebar-left-collapsed .sidebar-left .sidebar-title {
        margin-left: -250px
    }

    html.sidebar-left-sm.sidebar-left-collapsed.fixed .sidebar-left .nano:hover {
        width: 250px
    }

    html.sidebar-left-sm.sidebar-left-collapsed .sidebar-left {
        width: 73px
    }

    html.fixed.sidebar-left-sm .content-body {
        margin-left: 250px
    }

    html.fixed.sidebar-left-sm .page-header {
        left: 250px
    }

    html.fixed.sidebar-left-sm.sidebar-right-opened .page-header {
        left: 0
    }

    html.fixed.sidebar-left-sm.sidebar-right-opened .sidebar-left {
        left: -250px
    }

    html.fixed.sidebar-left-collapsed .page-header {
        left: 73px
    }

    html.fixed.sidebar-left-collapsed .content-body {
        margin-left: 73px
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .page-header {
        left: -250px
    }

    html.fixed.sidebar-left-sm .inner-menu {
        left: 250px
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-toolbar {
        left: 73px
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-toolbar {
        left: 373px
    }

    html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-right-opened .inner-toolbar {
        left: -50px
    }

    html.fixed.sidebar-left-sm.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-right-opened.inner-menu-opened .inner-toolbar {
        left: -350px
    }

    html.fixed.sidebar-left-sm.inner-menu-opened {
        left: 550px
    }

    html.fixed.sidebar-left-sm .inner-menu-toggle {
        left: 250px
    }
}

@media only screen and (min-width:1366px) {
    html.fixed.sidebar-left-sm .content-with-menu .inner-toolbar, html.fixed.sidebar-left-sm.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 550px
    }

    html.fixed.sidebar-left-sm .inner-menu, html.fixed.sidebar-left-sm .inner-menu-toggle, html.fixed.sidebar-left-sm.inner-menu-opened .inner-menu, html.fixed.sidebar-left-sm.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-right-opened .content-with-menu .inner-toolbar {
        left: 250px
    }

    html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu-toggle {
        left: -50px
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed .content-with-menu .inner-toolbar, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 373px
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle {
        left: 73px
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle {
        left: -227px
    }
}

@media only screen and (max-width:767px) {
    html.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .sidebar-left {
        margin-left: -200px
    }
}

@media only screen and (min-width:768px) {
    html.sidebar-left-xs .sidebar-left {
        width: 200px;
        font-size: .7rem
    }

        html.sidebar-left-xs .sidebar-left ul.nav-main li i {
            font-size: .85rem
        }

        html.sidebar-left-xs .sidebar-left .sidebar-widget .widget-header .h6, html.sidebar-left-xs .sidebar-left .sidebar-widget .widget-header h6, html.sidebar-left-xs .sidebar-left ul.nav-main li a {
            font-size: .7rem
        }

        html.sidebar-left-xs .sidebar-left ul.nav-main li .nav-children li a {
            padding-left: 52px
        }

    html.sidebar-left-xs.sidebar-left-collapsed .sidebar-left .sidebar-title {
        margin-left: -200px
    }

    html.sidebar-left-xs.sidebar-left-collapsed.fixed .sidebar-left .nano:hover {
        width: 200px
    }

    html.sidebar-left-xs.sidebar-left-collapsed .sidebar-left {
        width: 73px
    }

    html.fixed.sidebar-left-xs .content-body {
        margin-left: 200px
    }

    html.fixed.sidebar-left-xs .page-header {
        left: 200px
    }

    html.fixed.sidebar-left-xs.sidebar-right-opened .page-header {
        left: 0
    }

    html.fixed.sidebar-left-xs.sidebar-right-opened .sidebar-left {
        left: -200px
    }

    html.fixed.sidebar-left-collapsed .page-header {
        left: 73px
    }

    html.fixed.sidebar-left-collapsed .content-body {
        margin-left: 73px
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .page-header {
        left: -200px
    }

    html.fixed.sidebar-left-xs .inner-menu {
        left: 200px
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-toolbar {
        left: 73px
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-toolbar {
        left: 373px
    }

    html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-right-opened .inner-toolbar {
        left: -100px
    }

    html.fixed.sidebar-left-xs.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-right-opened.inner-menu-opened .inner-toolbar {
        left: -400px
    }

    html.fixed.sidebar-left-xs.inner-menu-opened {
        left: 500px
    }

    html.fixed.sidebar-left-xs .inner-menu-toggle {
        left: 200px
    }
}

@media only screen and (min-width:1366px) {
    html.fixed.sidebar-left-xs .content-with-menu .inner-toolbar, html.fixed.sidebar-left-xs.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 500px
    }

    html.fixed.sidebar-left-xs .inner-menu, html.fixed.sidebar-left-xs .inner-menu-toggle, html.fixed.sidebar-left-xs.inner-menu-opened .inner-menu, html.fixed.sidebar-left-xs.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-right-opened .content-with-menu .inner-toolbar {
        left: 200px
    }

    html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu-toggle {
        left: -100px
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed .content-with-menu .inner-toolbar, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 373px
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle {
        left: 73px
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle {
        left: -227px
    }
}

.sidebar-left {
    background: #096d31;
    z-index: 1010
}

    .sidebar-left .sidebar-header {
        position: relative;
        color: #777;
        height: 50px
    }

        .sidebar-left .sidebar-header .sidebar-title {
            color: #FFF;
            padding: 15px;
            font-size: 16px
        }

        .sidebar-left .sidebar-header .sidebar-toggle {
            position: absolute;
            top: 0;
            right: 0;
            width: 73px;
            height: 50px;
            border-radius: 0 0 0 5px;
            text-align: center;
            cursor: pointer
        }

            .sidebar-left .sidebar-header .sidebar-toggle i {
                color: #FFF;
                font-size: .9rem;
                line-height: 50px;
                -webkit-transition: all .15s ease-in-out;
                transition: all .15s ease-in-out
            }

            .sidebar-left .sidebar-header .sidebar-toggle:hover i {
                color: #FFF
            }

    .sidebar-left hr.separator {
        background: 0 0;
        margin: 20px 10px
    }

html.mobile-device .sidebar-left {
    background: #096d31
}

@media only screen and (min-width:768px) {
    html.boxed .sidebar-left, html.scroll .sidebar-left, html.sidebar-left-big-icons .sidebar-left {
        min-height: 100vh
    }

        html.boxed .sidebar-left .sidebar-header, html.scroll .sidebar-left .sidebar-header, html.sidebar-left-big-icons .sidebar-left .sidebar-header {
            margin-bottom: -3px
        }

        html.boxed .sidebar-left .nano, html.scroll .sidebar-left .nano, html.sidebar-left-big-icons .sidebar-left .nano {
            position: static;
            overflow: visible;
            width: 100%;
            padding-bottom: 10px
        }

            html.boxed .sidebar-left .nano .nano-content, html.scroll .sidebar-left .nano .nano-content, html.sidebar-left-big-icons .sidebar-left .nano .nano-content {
                margin-right: 0 !important;
                position: relative;
                overflow: visible;
                margin-top: 3px
            }

            html.boxed .sidebar-left .nano .nano-pane, html.scroll .sidebar-left .nano .nano-pane, html.sidebar-left-big-icons .sidebar-left .nano .nano-pane {
                display: none !important
            }

            html.boxed .sidebar-left .nano > .nano-content, html.scroll .sidebar-left .nano > .nano-content, html.sidebar-left-big-icons .sidebar-left .nano > .nano-content {
                overflow: visible !important
            }

    html.sidebar-left-collapsed .sidebar-left .nano.hovered, html.sidebar-left-collapsed .sidebar-left .nano:hover, html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano {
        width: 300px
    }

    html.sidebar-left-collapsed .sidebar-left .nano {
        background: #096d31;
        -webkit-box-shadow: -5px 0 0 #2F3139 inset;
        box-shadow: -5px 0 0 #2F3139 inset
    }

    html.sidebar-left-collapsed .sidebar-left .sidebar-title {
        margin-left: -300px;
        opacity: 0
    }

    html.sidebar-left-collapsed .sidebar-left .sidebar-toggle {
        border-radius: 0
    }

    html.sidebar-left-collapsed .sidebar-left .nav-main > li > a {
        overflow: hidden;
        text-overflow: clip
    }

    html.sidebar-left-collapsed .sidebar-left .nav-main li.nav-parent a:after, html.sidebar-left-collapsed .sidebar-left .nav-main li.nav-parent > ul.nav-children {
        display: none
    }

    html.sidebar-left-collapsed .sidebar-left .nav-main a span {
        visibility: hidden;
        display: none
    }

    html.sidebar-left-collapsed .sidebar-left .separator, html.sidebar-left-collapsed .sidebar-left .sidebar-widget {
        display: none
    }

    html.sidebar-left-collapsed .sidebar-left .nano:hover .nav-main .nav-expanded > ul.nav-children {
        display: block
    }

    html.sidebar-left-collapsed .sidebar-left .nano:hover .nav-main li.nav-parent a:after {
        display: inline-block
    }

    html.sidebar-left-collapsed .sidebar-left .nano:hover .nav-main li a span {
        visibility: visible;
        display: inline
    }

    html.sidebar-left-collapsed .sidebar-left .nano:hover .separator, html.sidebar-left-collapsed .sidebar-left .nano:hover .sidebar-widget {
        display: block
    }

    html.sidebar-left-collapsed .sidebar-left .nano.hovered .nav-main li a span {
        visibility: visible;
        display: inline
    }

    html.sidebar-left-collapsed .sidebar-left .nano.hovered .nav-main li.nav-parent a:after {
        display: inline-block
    }

    html.sidebar-left-collapsed .sidebar-left .nano.hovered .nav-main .nav-expanded > ul.nav-children, html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .nav-main .nav-expanded > ul.nav-children {
        display: block
    }

    html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .nav-main li.nav-parent a:after {
        display: inline-block
    }

    html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .nav-main li a span {
        visibility: visible;
        display: inline
    }

    html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .separator, html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .sidebar-widget {
        display: block
    }
}

html.sidebar-light:not(.dark) .sidebar-left, html.sidebar-light:not(.dark) .sidebar-left .sidebar-header .sidebar-title {
    background: #FFF
}

    html.sidebar-light:not(.dark) .sidebar-left .sidebar-header .sidebar-toggle {
        background: #f6f6f6
    }

        html.sidebar-light:not(.dark) .sidebar-left .sidebar-header .sidebar-toggle i {
            color: #333
        }

    html.sidebar-light:not(.dark) .sidebar-left .nano, html.sidebar-light:not(.dark).sidebar-left-collapsed .sidebar-left .nano {
        -webkit-box-shadow: -5px 0 0 #f6f6f6 inset;
        box-shadow: -5px 0 0 #f6f6f6 inset;
        background: #FFF
    }

@media only screen and (max-width:767px) {
    html.sidebar-light .sidebar-left {
        background: #FFF
    }
}

html.mobile-device.sidebar-light .sidebar-left {
    background: #FFF
}

@media only screen and (min-width:768px) {
    html.sidebar-left-big-icons .sidebar-left {
        width: 152px
    }

        html.sidebar-left-big-icons .sidebar-left .sidebar-header .sidebar-toggle {
            width: 55px;
            border-radius: 0
        }

        html.sidebar-left-big-icons .sidebar-left .nano {
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

            html.sidebar-left-big-icons .sidebar-left .nano .nav-main {
                margin-right: 0
            }

                html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li:hover > ul.nav-children {
                    display: block
                }

                html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li:hover > a {
                    background: #21262d
                }

                html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li:last-child > a {
                    border-top: 1px solid #21262d;
                    border-bottom: 1px solid #21262d
                }

                html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li.nav-active > a {
                    background: #21262d
                }

                html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a {
                    position: relative;
                    text-align: center;
                    padding: 12px 10px;
                    border-top: 1px solid #21262d
                }

                    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a:after {
                        content: none
                    }

                    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a i {
                        margin-right: 0;
                        font-size: 1.8rem
                    }

                    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a span {
                        display: block
                    }

                        html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a span.badge {
                            position: absolute;
                            top: 2px;
                            left: 60%;
                            -webkit-transform: translateX(-50%);
                            transform: translateX(-50%)
                        }

                    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a .not-included {
                        display: block
                    }

                html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children {
                    position: absolute;
                    top: 0;
                    left: 100%;
                    min-width: 210px;
                    border-left: 3px solid #2f3139;
                    background: #21262d
                }

                    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li:hover > ul.nav-children {
                        display: block
                    }

                    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a {
                        color: #FFF
                    }

                        html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a:hover {
                            background: 0 0
                        }

                    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li a {
                        padding: 6px 15px;
                        overflow: visible
                    }

                    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li.nav-parent > a {
                        padding-right: 30px
                    }

                        html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li.nav-parent > a:after {
                            content: "";
                            padding: 6px 10px;
                            right: 5px
                        }

                    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children ul.nav-children {
                        padding: 10px 0
                    }

                html.sidebar-left-big-icons .sidebar-left .nano .nav-main li.nav-parent:hover > a:before {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 0;
                    right: -3px;
                    bottom: 0;
                    border-right: 4px solid #21262d;
                    z-index: 1
                }

                html.sidebar-left-big-icons .sidebar-left .nano .nav-main li.nav-parent.nav-expanded > ul.nav-children {
                    display: none
                }

                html.sidebar-left-big-icons .sidebar-left .nano .nav-main li.nav-parent.nav-expanded:hover > ul.nav-children {
                    display: block
                }

            html.sidebar-left-big-icons .sidebar-left .nano .sidebar-widget, html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano .nav-main > li > a span, html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano:hover .sidebar-widget {
                display: none
            }

    html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left, html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano:hover {
        width: 55px
    }

        html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano .nav-main > li > a {
            overflow: visible
        }

            html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano .nav-main > li > a > i {
                font-size: 1.2rem
            }

    html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li:hover > a {
        background: #fafafa
    }

    html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li:last-child > a {
        border-top: 1px solid #fafafa;
        border-bottom: 1px solid #fafafa
    }

    html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li.nav-active > a {
        background: #fafafa
    }

    html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li > a {
        border-top: 1px solid #fafafa
    }

    html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li ul.nav-children {
        border-left: 3px solid #F1F1F1;
        background: #fafafa
    }

        html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a {
            color: #000
        }

            html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a:hover {
                background: 0 0
            }

    html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main li.nav-parent:hover > a:before {
        border-right: 4px solid #fafafa
    }

    html.sidebar-left-big-icons.sidebar-light.sidebar-left-with-menu .content-with-menu:after, html.sidebar-left-big-icons.sidebar-light.sidebar-left-with-menu.boxed:after {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    html.sidebar-left-big-icons.sidebar-light.sidebar-left-with-menu:not(.sidebar-right-opened) .inner-menu {
        border-left: 2px solid #e2e3e6
    }

    html.sidebar-left-big-icons.sidebar-light.sidebar-left-with-menu.no-overflowscrolling:not(.dark) .inner-menu .nano {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu:not(.sidebar-right-opened):not(.scroll) .inner-body {
        margin-left: 153px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu:not(.sidebar-right-opened):not(.scroll) .inner-menu, html.sidebar-left-big-icons.sidebar-left-with-menu:not(.sidebar-right-opened):not(.scroll) .page-header {
        left: 152px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu:not(.sidebar-right-opened):not(.scroll) .content-with-menu .inner-toolbar {
        left: 450px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu:not(.sidebar-right-opened) .inner-menu {
        border-left: 2px solid #282d36
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu.sidebar-left-collapsed:not(.sidebar-right-opened):not(.scroll) .content-body {
        margin-left: 55px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu.sidebar-left-collapsed:not(.sidebar-right-opened):not(.scroll) .content-with-menu .inner-toolbar {
        left: 355px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu.sidebar-left-collapsed:not(.sidebar-right-opened):not(.scroll) .inner-menu, html.sidebar-left-big-icons.sidebar-left-with-menu.sidebar-left-collapsed:not(.sidebar-right-opened):not(.scroll) .inner-menu-toggle, html.sidebar-left-big-icons.sidebar-left-with-menu.sidebar-left-collapsed:not(.sidebar-right-opened):not(.scroll) .page-header {
        left: 55px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu.sidebar-left-collapsed:not(.scroll) .inner-body {
        margin-left: 300px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu.scroll .content-with-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% + 80px);
        height: calc(100% + 40px);
        border-top: 0;
        margin: -40px
    }
}

@media only screen and (min-width:768px) and (max-width:1365px) {
    html.sidebar-left-big-icons.sidebar-left-with-menu .inner-body {
        width: calc(100% - 153px)
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu .content-body {
        margin-left: 0
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu:not(.sidebar-right-opened):not(.scroll) .content-with-menu .inner-toolbar, html.sidebar-left-big-icons.sidebar-left-with-menu:not(.sidebar-right-opened):not(.scroll) .inner-menu-toggle {
        left: 152px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu.sidebar-left-collapsed .inner-body {
        width: 100% !important;
        margin-left: 0 !important
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu.sidebar-left-collapsed.inner-menu-opened:not(.sidebar-right-opened):not(.scroll) .content-body {
        margin-left: 355px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu.sidebar-left-collapsed.inner-menu-opened:not(.sidebar-right-opened):not(.scroll) .content-with-menu .inner-toolbar {
        left: 355px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu.sidebar-left-collapsed:not(.sidebar-right-opened):not(.scroll) .content-with-menu .inner-toolbar {
        left: 55px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu.inner-menu-opened:not(.sidebar-right-opened):not(.scroll) .content-body {
        margin-left: 300px
    }

    html.sidebar-left-big-icons.sidebar-left-with-menu.inner-menu-opened:not(.sidebar-right-opened):not(.scroll) .content-with-menu .inner-toolbar {
        left: 452px
    }
}

@media only screen and (min-width:768px) {
    html.left-sidebar-panel .inner-wrapper {
        padding-top: 85px
    }

    html.left-sidebar-panel .content-body {
        padding: 0;
        margin-right: 25px
    }

    html.left-sidebar-panel .page-header {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-bottom: 15px
    }

    html.left-sidebar-panel .sidebar-left {
        margin: 0 25px 25px;
        border-radius: 5px;
        overflow: hidden
    }

    html.left-sidebar-panel.sidebar-right-opened .sidebar-left {
        margin: 0 25px 0 0
    }

    html.left-sidebar-panel.fixed .page-header {
        position: relative;
        left: 0;
        top: 0
    }

    html.left-sidebar-panel.fixed .content-body {
        margin-left: 350px
    }

    html.left-sidebar-panel.fixed .sidebar-left {
        margin: 25px;
        padding-bottom: 0
    }

    html.left-sidebar-panel.fixed.sidebar-right-opened .page-header {
        margin-right: 0
    }

    html.left-sidebar-panel.fixed.sidebar-right-opened .sidebar-left {
        margin-left: 0
    }

    html.left-sidebar-panel.fixed.sidebar-right-opened .content-body {
        margin-left: 325px
    }

    html.left-sidebar-panel.ie9.no-overflowscrolling .nano {
        min-height: 100vh
    }

        html.left-sidebar-panel.ie9.no-overflowscrolling .nano > .nano-content {
            position: static
        }

    html.left-sidebar-panel.ie9 .sidebar-left {
        left: 25px
    }

    html.left-sidebar-panel.ie9 .content-body {
        padding-right: 70px;
        left: 50px
    }
}

.sidebar-right {
    z-index: 1010
}

    .sidebar-right .sidebar-right-wrapper {
        padding: 20px
    }

    .sidebar-right .h6, .sidebar-right h6 {
        margin: 0;
        color: #777;
        text-transform: uppercase;
        font-size: .75rem;
        font-weight: 600
    }

    .sidebar-right .mobile-close {
        display: block;
        background: #000;
        color: #999;
        left: 0;
        line-height: 20px;
        padding: 10px 10px 12px 20px;
        position: relative;
        overflow: hidden;
        width: 100%;
        text-align: left;
        text-decoration: none;
        border-radius: 5px;
        border-bottom: 1px solid #292929
    }

        .sidebar-right .mobile-close i {
            margin-left: 5px;
            vertical-align: middle
        }

@media only screen and (max-width:767px) {
    html.no-mobile-device.custom-scroll .sidebar-right .nano > .nano-content {
        overflow: scroll;
        overflow-x: hidden
    }
}

html.no-overflowscrolling .nano {
    height: 100%;
    position: relative;
    overflow: hidden;
    width: 100%
}

    html.no-overflowscrolling .nano > .nano-content {
        bottom: 0;
        left: 0;
        position: absolute;
        overflow: hidden;
        right: 0;
        top: 0
    }

        html.no-overflowscrolling .nano > .nano-content:focus {
            outline: 0
        }

        html.no-overflowscrolling .nano > .nano-content::-webkit-scrollbar {
            display: none;
            visibility: hidden
        }

    html.no-overflowscrolling .nano.has-scrollbar > .nano-content::-webkit-scrollbar {
        display: block;
        visibility: visible
    }

    html.no-overflowscrolling .nano > .nano-pane {
        bottom: 0;
        position: absolute;
        opacity: .01;
        right: 0;
        top: 0;
        visibility: hidden\9;
        width: 4px;
        -webkit-transition: .2s;
        transition: .2s
    }

        html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
            background: #22ae12;
            margin: 0;
            position: relative;
            visibility: hidden
        }

    html.no-overflowscrolling .nano .nano-pane.active, html.no-overflowscrolling .nano .nano-pane.flashed, html.no-overflowscrolling .nano:hover > .nano-pane {
        opacity: .99
    }

        html.no-overflowscrolling .nano:hover > .nano-pane > .nano-slider {
            visibility: visible
        }

html.no-overflowscrolling.custom-scroll .nano > .nano-content {
    overflow: scroll;
    overflow-x: hidden
}

html.no-overflowscrolling.sidebar-light:not(.dark) .sidebar-left .nano {
    background: #FFF;
    -webkit-box-shadow: -5px 0 0 #F6F6F6 inset;
    box-shadow: -5px 0 0 #F6F6F6 inset
}

html.no-overflowscrolling.sidebar-light:not(.dark) .sidebar-right .nano {
    background: #F6F6F6;
    -webkit-box-shadow: -5px 0 0 #F6F6F6 inset;
    box-shadow: -5px 0 0 #F6F6F6 inset
}

html.no-overflowscrolling.sidebar-light:not(.dark) .inner-menu .nano {
    background: #FFF;
    -webkit-box-shadow: -5px 0 0 #e2e3e6 inset;
    box-shadow: -5px 0 0 #e2e3e6 inset
}

@media only screen and (max-width:767px) {
    html.no-overflowscrolling .inner-menu .nano > .nano-content, html.no-overflowscrolling .sidebar-left .nano > .nano-content, html.no-overflowscrolling .sidebar-right .nano > .nano-content {
        overflow: scroll !important;
        overflow-x: hidden !important
    }
}

@media only screen and (min-width:768px) {
    html.overflowscrolling.fixed .inner-menu .nano, html.overflowscrolling.fixed .sidebar-left .nano, html.overflowscrolling.fixed .sidebar-right .nano {
        height: 100%;
        overflow: hidden;
        -webkit-overflow-scrolling: touch
    }

        html.overflowscrolling.fixed .inner-menu .nano > .nano-pane > .nano-slider, html.overflowscrolling.fixed .sidebar-left .nano > .nano-pane > .nano-slider, html.overflowscrolling.fixed .sidebar-right .nano > .nano-pane > .nano-slider {
            visibility: visible
        }

    html.overflowscrolling.fixed.custom-scroll .inner-menu .nano > .nano-content, html.overflowscrolling.fixed.custom-scroll .sidebar-left .nano > .nano-content, html.overflowscrolling.fixed.custom-scroll .sidebar-right .nano > .nano-content {
        overflow-y: scroll;
        overflow-x: hidden
    }

    html.safari.no-mobile-device.no-overflowscrolling .nano {
        position: absolute !important
    }
}

.page-header {
    z-index: 96
}

    .page-header .h2, .page-header h2 {
        color: #FFF;
        border-bottom: 4px solid #22ae12;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        display: inline-block;
        float: left;
        height: 50px;
        font-size: 1.2rem;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 50px;
        margin: 0 0 0 -1px;
        padding: 0 22px 0 20px
    }

    .page-header .breadcrumbs {
        display: inline-block;
        font-size: 0;
        line-height: 50px;
        margin: 0;
        padding: 0
    }

        .page-header .breadcrumbs li {
            color: #C3C3C3;
            display: inline-block;
            font-weight: 300
        }

            .page-header .breadcrumbs li:after {
                content: "/";
                display: inline-block;
                font-size: .85rem;
                margin: 0 10px;
                vertical-align: middle
            }

            .page-header .breadcrumbs li:last-child:after {
                display: none
            }

        .page-header .breadcrumbs .bx-home-alt, .page-header .breadcrumbs .fa-home {
            font-size: 1.4rem
        }

        .page-header .breadcrumbs i {
            vertical-align: middle
        }

        .page-header .breadcrumbs a, .page-header .breadcrumbs span {
            color: #FFF;
            display: inline-block;
            font-size: .85rem;
            line-height: 20px;
            vertical-align: middle
        }

    .page-header .sidebar-right-toggle {
        cursor: pointer;
        color: #C3C3C3;
        display: inline-block;
        font-size: 17px;
        margin: 0 0 0 10px;
        height: 50px;
        width: 50px;
        vertical-align: top;
        text-align: center;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }

        .page-header .sidebar-right-toggle i {
            line-height: 53px;
            vertical-align: middle
        }

        .page-header .sidebar-right-toggle:hover {
            color: #22ae12
        }

    .page-header.page-header-left-breadcrumb {
        position: relative;
        background: 0 0 !important;
        height: auto;
        top: 3px;
        margin: 0 0 15px;
        padding-left: 8px;
        border: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        z-index: 0
    }

        .page-header.page-header-left-breadcrumb .h2, .page-header.page-header-left-breadcrumb h2 {
            float: none;
            height: 40px;
            line-height: 30px;
            color: #33353F;
            padding: 0;
            border: 0
        }

        .page-header.page-header-left-breadcrumb .right-wrapper {
            float: none;
            padding-left: 0
        }

        .page-header.page-header-left-breadcrumb .breadcrumbs {
            margin-top: -10px;
            line-height: 30px
        }

            .page-header.page-header-left-breadcrumb .breadcrumbs a, .page-header.page-header-left-breadcrumb .breadcrumbs span {
                color: #757677
            }

        .page-header.page-header-left-breadcrumb .sidebar-right-toggle {
            position: absolute;
            top: 30%;
            right: -25px;
            color: #33353F;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .page-header.page-header-left-inline-breadcrumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: 0 0;
        height: auto;
        padding: 25px 25px 0;
        margin-bottom: 20px;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .page-header.page-header-left-inline-breadcrumb .h2, .page-header.page-header-left-inline-breadcrumb h2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            border: 0;
            color: #33353F
        }

        .page-header.page-header-left-inline-breadcrumb .breadcrumbs li:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            font-size: .6rem
        }

        .page-header.page-header-left-inline-breadcrumb .breadcrumbs a, .page-header.page-header-left-inline-breadcrumb .breadcrumbs span {
            font-size: .75rem;
            font-weight: 400;
            color: #757677;
            text-transform: uppercase
        }

        .page-header.page-header-left-inline-breadcrumb .right-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

@media (max-width:991px) {
    .page-header.page-header-left-inline-breadcrumb {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .page-header.page-header-left-inline-breadcrumb .right-wrapper {
            padding-left: 20px
        }

    html.has-tab-navigation .header-right {
        margin-right: 50px
    }
}

@media (max-width:767px) {
    .page-header .page-header-left-breadcrumb {
        margin-top: 15px
    }

        .page-header .page-header-left-breadcrumb .sidebar-right-toggle {
            right: -15px
        }

    .page-header.page-header-left-inline-breadcrumb {
        padding-left: 0
    }
}

html.modern.fixed .content-body {
    margin-top: 10px
}

html.modern.fixed .page-header.page-header-left-inline-breadcrumb {
    background: #f5f5f8;
    padding-bottom: 12px
}

@media (max-width:991px) and (min-width:768px) {
    html.fixed .page-header.page-header-left-inline-breadcrumb + .ecommerce-form, html.fixed .page-header.page-header-left-inline-breadcrumb + .row {
        margin-top: 50px
    }
}

html.dark .page-header, html.header-dark .page-header {
    border-left-color: #171717;
    -webkit-box-shadow: 1px 3px 0 1px #2f3139;
    box-shadow: 1px 3px 0 1px #2f3139
}

html.sidebar-light:not(.dark) .page-header {
    border-left-color: #e6e6e6;
    background: #f6f6f6;
    -webkit-box-shadow: 1px 3px 0 1px #e2e3e6;
    box-shadow: 1px 3px 0 1px #e2e3e6
}

    html.sidebar-light:not(.dark) .page-header .breadcrumbs a, html.sidebar-light:not(.dark) .page-header .breadcrumbs span, html.sidebar-light:not(.dark) .page-header .h2, html.sidebar-light:not(.dark) .page-header .sidebar-right-toggle i, html.sidebar-light:not(.dark) .page-header h2 {
        color: #333
    }

@media only screen and (max-width:767px) {
    .page-header {
        padding-right: 80px
    }

        .page-header .breadcrumbs {
            display: none
        }

        .page-header .h2, .page-header h2 {
            font-size: 16px;
            padding: 0 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 100%
        }

        .page-header .sidebar-right-toggle {
            position: absolute;
            right: 0;
            top: 0
        }
}

html.ie .page-header.page-header-left-breadcrumb .h2, html.ie .page-header.page-header-left-breadcrumb h2 {
    float: left
}

html.has-tab-navigation .toggle-menu {
    background: #22ae12;
    border-radius: 100px;
    color: #FFF;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 14px;
    width: 30px
}

html.has-tab-navigation .inner-wrapper {
    padding: 80px 15px 15px;
    background-color: #1d2127
}

@media (max-width:991px) {
    html.has-tab-navigation .inner-wrapper {
        padding: 75px 15px 15px
    }
}

@media (max-width:767px) {
    html.has-tab-navigation .inner-wrapper {
        padding: 15px
    }
}

html.has-tab-navigation .content-body {
    padding: 25px;
    background-color: #eee;
    border-radius: 0 7px 7px;
    -webkit-transition: ease padding .3s;
    transition: ease padding .3s
}

@media (min-width:992px) {
    html.has-tab-navigation .content-body.tab-menu-opened {
        padding: 70px 25px 25px
    }
}

html.has-tab-navigation.dark .content-body, html.has-tab-navigation.dark.boxed .content-body {
    background-color: #17191d
}

@media (max-width:991px) {
    html.has-tab-navigation .content-body {
        border-radius: 5px
    }
}

html.has-tab-navigation.ie .content-body {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

html.has-tab-navigation .page-header {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 0 10px
}

    html.has-tab-navigation .page-header .breadcrumbs a, html.has-tab-navigation .page-header .breadcrumbs span {
        font-size: 13px
    }

html.has-tab-navigation.dark .page-header .h2, html.has-tab-navigation.dark .page-header h2 {
    color: #FFF
}

html.has-tab-navigation .not-included {
    color: #b7b7b7;
    display: block;
    font-size: .8em;
    font-style: normal;
    margin: -4px 0;
    padding: 0
}

    html.has-tab-navigation .not-included.custom-pos-1 {
        margin-top: 1px;
        margin-left: 8px
    }

@media (max-width:991px) {
    html.has-tab-navigation .not-included.custom-pos-1 {
        float: none !important;
        display: inline-block
    }
}

html.has-tab-navigation .tip {
    display: inline-block;
    padding: 0 5px;
    background: #171717;
    color: #FFF;
    text-shadow: none;
    border-radius: 3px;
    margin-left: 8px;
    position: relative;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700
}

    html.has-tab-navigation .tip:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(23,23,23,0);
        border-right-color: #171717;
        border-width: 5px;
        margin-top: -5px
    }

    html.has-tab-navigation .tip.skin {
        color: #171717
    }

@media (min-width:992px) {
    .tab-navigation {
        height: initial !important;
        display: block !important;
        z-index: 3
    }

        .tab-navigation nav > ul {
            position: relative
        }

            .tab-navigation nav > ul > li {
                position: static
            }

                .tab-navigation nav > ul > li.active a, .tab-navigation nav > ul > li.active a:focus, .tab-navigation nav > ul > li.active a:hover {
                    background: 0 0
                }

                .tab-navigation nav > ul > li.active > a, .tab-navigation nav > ul > li.active > a:focus, .tab-navigation nav > ul > li.active > a:hover {
                    background: #17191d
                }

                .tab-navigation nav > ul > li.nav-expanded > a, .tab-navigation nav > ul > li.nav-expanded > a:focus, .tab-navigation nav > ul > li.nav-expanded > a:hover {
                    color: #33353F;
                    background: #FFF
                }

                .tab-navigation nav > ul > li.nav-expanded > ul {
                    display: block
                }

                .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a {
                    color: #FFF;
                    background: #22ae12
                }

                .tab-navigation nav > ul > li > a {
                    background: #17191d;
                    border-radius: 4px 4px 0 0 !important;
                    color: #fff;
                    font-weight: 600;
                    min-width: 130px;
                    padding: 13px 30px;
                    text-align: center;
                    text-transform: uppercase;
                    font-size: 11px
                }

                    .tab-navigation nav > ul > li > a .fa, .tab-navigation nav > ul > li > a .fab, .tab-navigation nav > ul > li > a .fal, .tab-navigation nav > ul > li > a .far, .tab-navigation nav > ul > li > a .fas {
                        font-size: 14px;
                        margin-right: 7px;
                        position: relative;
                        top: 1px
                    }

                .tab-navigation nav > ul > li a {
                    cursor: pointer
                }

                    .tab-navigation nav > ul > li a.dropdown-toggle:after {
                        border: none
                    }

                    .tab-navigation nav > ul > li a .badge {
                        margin-top: 4px;
                        margin-left: 10px
                    }

                .tab-navigation nav > ul > li > ul {
                    margin: 0;
                    border: 0;
                    border-radius: 0 7px 0 0;
                    left: 0;
                    right: 0;
                    -webkit-box-shadow: none;
                    box-shadow: none
                }

                    .tab-navigation nav > ul > li > ul > li {
                        position: relative;
                        float: left
                    }

                        .tab-navigation nav > ul > li > ul > li.nav-active > a {
                            color: #22ae12 !important
                        }

                        .tab-navigation nav > ul > li > ul > li:hover > a {
                            color: #33353F
                        }

                        .tab-navigation nav > ul > li > ul > li .dropdown-menu {
                            padding: 2px 0;
                            margin: 0;
                            border: none
                        }

                            .tab-navigation nav > ul > li > ul > li .dropdown-menu li a {
                                padding: 7px 10px;
                                min-width: 230px;
                                color: #777;
                                white-space: initial;
                                font-size: 12px;
                                border-bottom: 1px solid #f4f4f4
                            }

                                .tab-navigation nav > ul > li > ul > li .dropdown-menu li a:hover {
                                    background-color: transparent;
                                    color: #33353F
                                }

                                .tab-navigation nav > ul > li > ul > li .dropdown-menu li a.dropdown-toggle:after {
                                    content: "";
                                    display: inline-block;
                                    font-family: "Font Awesome 5 Free";
                                    font-weight: 900;
                                    float: right
                                }

                            .tab-navigation nav > ul > li > ul > li .dropdown-menu li.nav-active > a {
                                color: #22ae12 !important
                            }

                            .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a {
                                color: #33353F
                            }

                            .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover.dropdown-submenu {
                                position: relative
                            }

                                .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover.dropdown-submenu > .dropdown-menu {
                                    display: block;
                                    opacity: 1;
                                    -webkit-box-shadow: 0 20px 45px rgba(0,0,0,.08);
                                    box-shadow: 0 20px 45px rgba(0,0,0,.08);
                                    left: 100%;
                                    top: 0;
                                    margin-top: -2px;
                                    margin-left: 0
                                }

                            .tab-navigation nav > ul > li > ul > li .dropdown-menu li:last-child > a {
                                border-bottom: none
                            }

                        .tab-navigation nav > ul > li > ul > li > a {
                            background-color: transparent !important;
                            color: #777;
                            font-size: 11px;
                            font-weight: 700;
                            padding: 10px 5px 10px 25px;
                            text-transform: uppercase;
                            white-space: initial
                        }

                            .tab-navigation nav > ul > li > ul > li > a:focus, .tab-navigation nav > ul > li > ul > li > a:hover {
                                color: #33353F
                            }

                            .tab-navigation nav > ul > li > ul > li > a.dropdown-toggle:after {
                                content: "";
                                display: inline-block;
                                position: relative;
                                top: 3px;
                                font-family: "Font Awesome 5 Free";
                                font-weight: 900;
                                margin-left: 7px;
                                margin-top: -3px;
                                font-size: 12px
                            }

                        .tab-navigation nav > ul > li > ul > li:hover.dropdown-submenu > .dropdown-menu {
                            top: auto;
                            display: block;
                            opacity: 1;
                            -webkit-box-shadow: 0 20px 45px rgba(0,0,0,.08);
                            box-shadow: 0 20px 45px rgba(0,0,0,.08);
                            margin-left: 12px;
                            padding: 2px 5px
                        }
}

@media (max-width:991px) {
    .tab-navigation {
        margin-bottom: 25px;
        border-radius: 5px;
        overflow: hidden
    }

        .tab-navigation nav > ul > li {
            width: 100%;
            margin-left: 0
        }

            .tab-navigation nav > ul > li.expanding > a, .tab-navigation nav > ul > li.nav-expanded > a {
                color: #33353F !important;
                background: #FFF !important
            }

            .tab-navigation nav > ul > li.nav-expanded > ul {
                display: block
            }

            .tab-navigation nav > ul > li.active > a, .tab-navigation nav > ul > li.active > a:focus, .tab-navigation nav > ul > li.active > a:hover {
                background: #17191d
            }

            .tab-navigation nav > ul > li.active ul li a {
                background: 0 0 !important
            }

                .tab-navigation nav > ul > li.active ul li a:hover {
                    background: #f5f5f5 !important
                }

            .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a, .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:focus, .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:hover {
                background: #17191d
            }

            .tab-navigation nav > ul > li > a {
                border-radius: 0;
                color: #FFF;
                background: #17191d
            }

            .tab-navigation nav > ul > li a {
                cursor: pointer
            }

                .tab-navigation nav > ul > li a.dropdown-toggle:after {
                    content: "";
                    display: inline-block;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    float: right;
                    border: none;
                    margin-right: .755rem
                }

            .tab-navigation nav > ul > li > ul > li .dropdown-menu li.nav-expanded > ul, .tab-navigation nav > ul > li > ul > li.nav-expanded > ul {
                display: block
            }

            .tab-navigation nav > ul > li .fa, .tab-navigation nav > ul > li .fab, .tab-navigation nav > ul > li .fal, .tab-navigation nav > ul > li .far, .tab-navigation nav > ul > li .fas {
                margin-right: 10px
            }

            .tab-navigation nav > ul > li > ul {
                position: static;
                width: 100%;
                margin: 0;
                border: 0;
                border-radius: 0;
                background: #FFF;
                padding-left: 23px;
                padding-top: 0
            }

                .tab-navigation nav > ul > li > ul > li.dropdown-submenu:hover > a {
                    color: #33353F
                }

                .tab-navigation nav > ul > li > ul > li.active a {
                    color: #777
                }

                    .tab-navigation nav > ul > li > ul > li.active a:focus, .tab-navigation nav > ul > li > ul > li.active a:hover {
                        color: #33353F
                    }

                .tab-navigation nav > ul > li > ul > li > a {
                    color: #777;
                    padding: 10px 15px;
                    white-space: initial
                }

                    .tab-navigation nav > ul > li > ul > li > a:focus, .tab-navigation nav > ul > li > ul > li > a:hover {
                        color: #33353F;
                        background-color: transparent
                    }

                .tab-navigation nav > ul > li > ul > li a {
                    font-size: 13px
                }

                .tab-navigation nav > ul > li > ul > li .dropdown-menu {
                    position: static;
                    float: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    border: none;
                    padding-left: 15px;
                    background-color: #FFF;
                    border-radius: 0
                }

                    .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a {
                        color: #33353F
                    }

                    .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a {
                        padding: 10px 15px;
                        color: #777;
                        white-space: initial
                    }

                        .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a:focus, .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a:hover {
                            color: #33353F;
                            background-color: transparent
                        }

        .tab-navigation nav > ul li.nav-expanded > a.dropdown-toggle:after {
            content: "";
            display: inline-block;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            float: right
        }
}

html.dark .tab-navigation nav > ul > li.nav-expanded > a {
    color: #FFF;
    background: #282d36
}

html.dark .tab-navigation nav > ul > li > a {
    color: #FFF;
    background: #17191d
}

html.dark .tab-navigation nav > ul > li > ul {
    background: #282d36
}

    html.dark .tab-navigation nav > ul > li > ul > li:hover > a {
        color: #CCC
    }

    html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu {
        background-color: #282d36;
        border-radius: 0
    }

        html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a {
            color: #777;
            border-bottom-color: #35393d
        }

        html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a {
            color: #CCC
        }

    html.dark .tab-navigation nav > ul > li > ul > li > a {
        color: #777
    }

        html.dark .tab-navigation nav > ul > li > ul > li > a:focus, html.dark .tab-navigation nav > ul > li > ul > li > a:hover {
            background-color: transparent;
            color: #CCC
        }

@media (max-width:991px) {
    html.dark .tab-navigation nav > ul > li.expanding > a, html.dark .tab-navigation nav > ul > li.nav-expanded > a {
        color: #FFF !important;
        background: #282d36 !important
    }

    html.dark .tab-navigation nav > ul > li.active > a, html.dark .tab-navigation nav > ul > li.active > a:focus, html.dark .tab-navigation nav > ul > li.active > a:hover {
        background: #17191d
    }

    html.dark .tab-navigation nav > ul > li.active ul li a {
        background: 0 0 !important
    }

        html.dark .tab-navigation nav > ul > li.active ul li a:hover {
            background: #282d36 !important
        }

    html.dark .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a, html.dark .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:focus, html.dark .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:hover {
        background: #17191d
    }

    html.dark .tab-navigation nav > ul > li > a {
        color: #FFF;
        background: #17191d
    }

    html.dark .tab-navigation nav > ul > li > ul {
        background: #282d36
    }

        html.dark .tab-navigation nav > ul > li > ul > li.dropdown-submenu:hover > a {
            color: #CCC
        }

        html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu {
            background-color: #282d36;
            border-radius: 0
        }

            html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a {
                color: #777;
                background-color: transparent
            }

            html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a {
                color: #CCC
            }

        html.dark .tab-navigation nav > ul > li > ul > li > a {
            color: #777
        }

            html.dark .tab-navigation nav > ul > li > ul > li > a:focus, html.dark .tab-navigation nav > ul > li > ul > li > a:hover {
                background-color: transparent;
                color: #CCC
            }
}

html.boxed.has-tab-navigation body {
    background: #1d2127
}

html.boxed.has-tab-navigation .inner-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width:992px) {
    html.boxed.has-tab-navigation .header {
        margin-top: -5px;
        border-top-color: transparent;
        border-bottom-color: transparent
    }

        html.boxed.has-tab-navigation .header .separator {
            width: 1px;
            background-image: -webkit-gradient(linear,left top,left bottom,from(#1d2127),color-stop(#121518),to(#1d2127));
            background-image: linear-gradient(#1d2127 0,#121518,#1d2127 100%)
        }
}

html.ie .tab-navigation nav > ul > li a .badge {
    float: none !important
}

html.ie .tab-navigation nav > ul > li a .not-included {
    float: none !important;
    display: inline
}

html.ie9 .tab-navigation {
    display: table-row !important
}

html.boxed .inner-menu .nano, html.boxed.no-overflowscrolling.custom-scroll .inner-menu .nano, html.scroll .inner-menu .nano, html.scroll.no-overflowscrolling.custom-scroll .inner-menu .nano {
    position: static;
    height: auto;
    overflow: visible;
    width: auto
}

    html.boxed .inner-menu .nano > .nano-content, html.boxed.no-overflowscrolling.custom-scroll .inner-menu .nano > .nano-content, html.scroll .inner-menu .nano > .nano-content, html.scroll.no-overflowscrolling.custom-scroll .inner-menu .nano > .nano-content {
        position: static;
        overflow: visible
    }

@media only screen and (max-width:767px) {
    html.fixed .inner-menu .nano {
        position: static;
        height: auto;
        overflow: visible;
        width: auto
    }

        html.fixed .inner-menu .nano .nano-content {
            margin-right: 0;
            position: static;
            overflow: visible
        }
}

@media only screen and (min-width:768px) {
    html.boxed .content-with-menu:before, html.scroll .content-with-menu:before {
        background: #1D2127
    }

    html.boxed .content-with-menu:after, html.scroll .content-with-menu:after {
        background: #000;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.5);
        box-shadow: 0 0 4px 2px rgba(0,0,0,.5)
    }

    html.fixed .inner-menu {
        padding: 0
    }

        html.fixed .inner-menu .nano-content {
            padding: 35px
        }

            html.fixed .inner-menu .nano-content:after {
                display: block;
                content: "";
                height: 35px
            }
}

.inner-menu {
    background: #1D2127;
    border-right: 1px solid #242830;
    color: #FFF;
    padding: 0;
    margin: 0
}

    .inner-menu .title {
        color: #FFF;
        font-weight: 600;
        margin: 10px 0;
        padding: 0;
        text-transform: uppercase
    }

    .inner-menu hr.separator {
        background-image: -webkit-gradient(linear,right top,left top,from(transparent),color-stop(rgba(0,0,0,.4)),to(transparent));
        background-image: linear-gradient(to left,transparent,rgba(0,0,0,.4),transparent);
        margin: 20px -35px
    }

    .inner-menu a, .inner-menu a:hover {
        color: #FFF
    }

        .inner-menu a.menu-item {
            color: #FFF;
            display: block;
            margin: 0 -35px;
            padding: 10px 50px;
            text-decoration: none
        }

            .inner-menu a.menu-item:hover {
                background: #21262d;
                color: #FFF;
                text-decoration: none
            }

            .inner-menu a.menu-item.active {
                background: #282d36
            }

            .inner-menu a.menu-item .label {
                font-weight: 400;
                font-size: 10px;
                font-size: 1rem;
                padding: .3em .7em .4em;
                margin: .2em -1em 0 0
            }

html.sidebar-light:not(.dark) .inner-menu {
    background: #FFF;
    border-right-color: #e2e3e6;
    color: #777
}

    html.sidebar-light:not(.dark) .inner-menu .title {
        color: #FFF
    }

    html.sidebar-light:not(.dark) .inner-menu hr.separator {
        background-image: -webkit-gradient(linear,right top,left top,from(transparent),color-stop(rgba(0,0,0,.1)),to(transparent));
        background-image: linear-gradient(to left,transparent,rgba(0,0,0,.1),transparent)
    }

    html.sidebar-light:not(.dark) .inner-menu a.menu-item {
        color: #777
    }

        html.sidebar-light:not(.dark) .inner-menu a.menu-item:hover {
            background: #e2e3e6;
            color: #777
        }

        html.sidebar-light:not(.dark) .inner-menu a.menu-item.active {
            background: #e2e3e6
        }

.inner-menu .inner-menu-toggle-inside, .inner-menu-toggle {
    background: #000;
    color: #999;
    left: 0;
    line-height: 52px;
    position: relative;
    overflow: hidden;
    text-align: left;
    text-decoration: none
}

    .inner-menu .inner-menu-toggle-inside:after, .inner-menu-toggle:after {
        -webkit-box-shadow: 0 0 3px 0 rgba(255,255,255,.7);
        box-shadow: 0 0 3px 0 rgba(255,255,255,.7);
        bottom: -1px;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        right: 0
    }

    .inner-menu .inner-menu-toggle-inside a, .inner-menu-toggle a {
        display: block;
        padding-left: 20px;
        text-decoration: none
    }

    .inner-menu .inner-menu-toggle-inside .inner-menu-collapse, .inner-menu-content, .inner-menu-toggle, .inner-menu-toggle .inner-menu-collapse {
        display: none
    }

        .inner-menu .inner-menu-toggle-inside a i, .inner-menu-toggle a i {
            vertical-align: middle
        }

html.sidebar-light:not(.dark) .inner-menu .inner-menu-toggle-inside, html.sidebar-light:not(.dark) .inner-menu-toggle {
    background: #E2E3E6;
    color: #777
}

    html.sidebar-light:not(.dark) .inner-menu .inner-menu-toggle-inside > a, html.sidebar-light:not(.dark) .inner-menu-toggle > a {
        color: #777
    }

.inner-menu-toggle a i {
    margin-left: 5px
}

.inner-menu-toggle-inside {
    margin: -35px -35px 15px
}

    .inner-menu-toggle-inside .inner-menu-collapse i, ul.nav-main {
        margin-right: 5px
    }

    .inner-menu-toggle-inside .inner-menu-expand i {
        margin-left: 5px
    }

html.inner-menu-opened .inner-menu .inner-menu-toggle-inside .inner-menu-collapse {
    display: block
}

html.inner-menu-opened .inner-menu-expand {
    display: none
}

html.inner-menu-opened .inner-menu-content {
    display: block
}

@media only screen and (max-width:767px) {
    .inner-menu .hidden-xs-inline {
        display: none
    }

    .inner-menu .inner-menu-content {
        padding: 20px
    }

    .inner-menu-toggle-inside {
        margin: 0
    }
}

@media only screen and (min-width:768px) {
    html.fixed.inner-menu-opened {
        left: 600px
    }

    html.fixed .inner-menu-toggle {
        position: fixed;
        left: 300px
    }
}

html.dark .inner-menu .inner-menu-toggle-inside:after, html.dark .inner-menu-toggle:after {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width:991px) and (min-width:768px) {
    .header-nav-main {
        position: relative;
        top: 9px
    }
}

@media (max-width:991px) {
    .header-nav {
        clear: both;
        float: none
    }

    .header-nav-main {
        background: #FFF;
        padding: 10px;
        max-height: 350px;
        overflow-x: hidden;
        overflow-y: auto
    }

        .header-nav-main.collapsing {
            overflow: hidden
        }

        .header-nav-main nav {
            margin: 0 0 6px
        }

            .header-nav-main nav > ul {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                .header-nav-main nav > ul li {
                    border-bottom: 1px solid #e8e8e8;
                    clear: both;
                    display: block;
                    float: none;
                    margin: 0;
                    padding: 0;
                    position: relative
                }

                    .header-nav-main nav > ul li a {
                        font-size: 13px;
                        font-style: normal;
                        line-height: 20px;
                        padding: 7px 8px;
                        margin: 1px 0;
                        border-radius: 4px;
                        white-space: initial
                    }

                        .header-nav-main nav > ul li a .fa-caret-down {
                            line-height: 35px;
                            min-height: 38px;
                            min-width: 30px;
                            position: absolute;
                            right: 5px;
                            text-align: center;
                            top: 0
                        }

                        .header-nav-main nav > ul li a.dropdown-toggle:after {
                            content: none
                        }

                    .header-nav-main nav > ul li.dropdown .dropdown-menu {
                        background: 0 0;
                        padding: 0;
                        margin: 0;
                        font-size: 13px;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        border-radius: 0;
                        border: 0;
                        clear: both;
                        display: none;
                        float: none;
                        position: static;
                        border-top: 0 !important
                    }

                        .header-nav-main nav > ul li.dropdown .dropdown-menu li a {
                            color: #333
                        }

                        .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.showed > .dropdown-menu, .header-nav-main nav > ul li.dropdown.showed > .dropdown-menu {
                            display: block;
                            margin-left: 20px
                        }

                    .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title {
                        margin-top: 10px;
                        display: block
                    }

                    .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav {
                        margin: 0;
                        padding: 0;
                        list-style: none
                    }

                        .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav > li > a {
                            display: block;
                            text-decoration: none;
                            color: #333
                        }

                    .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle {
                        width: 20px;
                        text-align: center
                    }

                        .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle:before {
                            content: "";
                            font-family: "Font Awesome 5 Free";
                            font-weight: 900
                        }

                        .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle.toggled:before {
                            content: "";
                            font-family: "Font Awesome 5 Free";
                            font-weight: 900
                        }

                    .header-nav-main nav > ul li:last-child {
                        border-bottom: 0
                    }

                .header-nav-main nav > ul > li > a {
                    text-transform: uppercase;
                    font-weight: 700;
                    margin-top: 1px;
                    margin-bottom: 1px;
                    white-space: initial
                }

                .header-nav-main nav > ul > li.active > a, .header-nav-main nav > ul > li.active > a:focus, .header-nav-main nav > ul > li.active > a:hover {
                    color: #FFF
                }

            .header-nav-main nav .not-included {
                margin: 0
            }

        .header-nav-main a > .thumb-info-preview {
            display: none !important
        }

    .header-btn-collapse-nav {
        outline: 0;
        float: right;
        margin-top: 10px;
        margin-right: 15px
    }

        .header-btn-collapse-nav:focus, .header-btn-collapse-nav:hover {
            color: #FFF
        }

    .header-nav-bar {
        margin: 0 auto
    }

        .header-nav-bar .header-btn-collapse-nav {
            margin-top: 14px
        }

    .header-semi-transparent .header-nav-main, .header-semi-transparent-light .header-nav-main, .header-transparent .header-nav-main {
        padding: 10px;
        margin-bottom: 10px;
        background: #FFF;
        border-radius: 4px
    }
}

@media (min-width:992px) {
    .header-nav-main {
        float: right;
        margin: 8px 0 0;
        min-height: 45px
    }

        .header-nav-main nav > ul > li {
            margin-left: 2px
        }

            .header-nav-main nav > ul > li:first-child {
                margin-left: 10px
            }

            .header-nav-main nav > ul > li > a {
                display: inline-block;
                border-radius: 4px;
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 20px;
                padding: 10px;
                text-transform: uppercase;
                white-space: initial
            }

                .header-nav-main nav > ul > li > a:focus {
                    background: 0 0;
                    color: #22ae12
                }

                .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down {
                    display: none
                }

                .header-nav-main nav > ul > li > a.dropdown-toggle:after {
                    border-color: #22ae12 transparent transparent;
                    border-style: solid;
                    border-width: 4px;
                    content: " ";
                    float: right;
                    margin-top: 7px;
                    margin-left: 4px
                }

            .header-nav-main nav > ul > li.active > a, .header-nav-main nav > ul > li.show > a, .header-nav-main nav > ul > li:hover > a {
                background: #22ae12;
                color: #FFF
            }

            .header-nav-main nav > ul > li.dropdown .dropdown-menu {
                top: -10000px;
                display: block;
                opacity: 0;
                left: auto;
                border-radius: 0 4px 4px;
                border: 0;
                border-top: 5px solid #22ae12;
                -webkit-box-shadow: 0 20px 45px rgba(0,0,0,.08);
                box-shadow: 0 20px 45px rgba(0,0,0,.08);
                margin: -3px 0 0;
                min-width: 200px;
                padding: 5px;
                text-align: left
            }

                .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
                    border-bottom: 1px solid #f4f4f4;
                    color: #777;
                    font-size: .8em;
                    font-weight: 400;
                    padding: 6px 20px 6px 8px;
                    position: relative;
                    text-transform: none;
                    white-space: initial
                }

                .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu {
                    position: relative
                }

                    .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-caret-down {
                        display: none
                    }

                    .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
                        border-color: transparent transparent transparent #22ae12;
                        border-style: solid;
                        border-width: 4px 0 4px 4px;
                        content: " ";
                        position: absolute;
                        top: 50%;
                        right: 10px;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%)
                    }

                    .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
                        display: block;
                        margin-top: -10px;
                        margin-left: -1px;
                        border-radius: 4px;
                        opacity: 0
                    }

                    .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
                        top: 0;
                        opacity: 1
                    }

                .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a {
                    border-bottom: 0
                }

            .header-nav-main nav > ul > li.dropdown.show li.dropdown-submenu > .dropdown-menu, .header-nav-main nav > ul > li.dropdown:hover li.dropdown-submenu > .dropdown-menu {
                left: 100%
            }

            .header-nav-main nav > ul > li.dropdown.show > a, .header-nav-main nav > ul > li.dropdown:hover > a {
                padding-bottom: 15px
            }

            .header-nav-main nav > ul > li.dropdown.show > .dropdown-menu, .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
                top: auto;
                display: block;
                opacity: 1
            }

            .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li a {
                padding-right: 8px;
                padding-left: 20px
            }

            .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li.dropdown-submenu > a:after {
                border-width: 4px 4px 4px 0
            }

            .header-nav-main nav > ul > li.dropdown-mega {
                position: static
            }

                .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
                    border-radius: 4px;
                    left: 15px;
                    right: 15px;
                    width: auto
                }

                .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
                    padding: 20px 30px
                }

                .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {
                    color: #333;
                    display: block;
                    font-size: 1em;
                    font-weight: 600;
                    margin-top: 20px;
                    padding-bottom: 5px;
                    text-transform: uppercase
                }

                    .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child {
                        margin-top: 0
                    }

                .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav {
                    list-style: none;
                    padding: 0;
                    margin: 0
                }

                    .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {
                        border: 0;
                        border-radius: 4px;
                        color: #777;
                        display: block;
                        font-size: .9em;
                        font-weight: 400;
                        margin: 0 0 0 -8px;
                        padding: 3px 8px;
                        text-shadow: none;
                        text-transform: none;
                        text-decoration: none
                    }

                    .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
                        background: #f4f4f4
                    }

                    .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle {
                        width: 20px;
                        text-align: center
                    }

                        .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle:before {
                            content: "";
                            font-family: "Font Awesome 5 Free";
                            font-weight: 900
                        }

                        .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle.toggled:before {
                            content: ""
                        }

                    .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .dropdown-mega-sub-nav {
                        padding-left: 15px
                    }

            .header-nav-main nav > ul > li .badge {
                margin-right: -16px;
                margin-top: 4px
            }

        .header-nav-main.header-nav-main-square nav > ul > li > a {
            border-radius: 0
        }

        .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu {
            margin-top: 0;
            border-radius: 0
        }

            .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu, .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a, .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .dropdown-menu {
                border-radius: 0
            }

        .header-nav-main .dropdown-reverse a > .thumb-info-preview {
            -webkit-transform: translate3d(20px,0,0);
            transform: translate3d(20px,0,0);
            right: 100%;
            left: auto;
            padding-left: 0;
            margin-right: 10px
        }

        .header-nav-main .dropdown-reverse a:hover > .thumb-info-preview {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

    .header-nav {
        float: left;
        display: block !important
    }

        .header-nav.header-nav-dark-dropdown {
            margin-bottom: -9px
        }

            .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a, .header-nav.header-nav-dark-dropdown nav > ul > li > a {
                background: 0 0;
                color: #444;
                padding: 65px 13px 24px;
                margin: 0
            }

                .header-nav.header-nav-dark-dropdown nav > ul > li > a.dropdown-toggle:after {
                    border-color: #444 transparent transparent
                }

            .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown li a {
                border-bottom-color: #2a2a2a
            }

            .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu {
                background: #1e1e1e
            }

                .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:focus, .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:hover, .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
                    background: #282828
                }

                .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a {
                    color: #969696
                }

            .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-title {
                color: #ababab
            }

            .header-nav.header-nav-dark-dropdown .header-social-icons {
                margin-top: 70px
            }

    .header-nav-main {
        display: block !important;
        height: auto !important
    }

    .header-nav-bar {
        background: #F4F4F4;
        padding: 0 10px 5px;
        margin-bottom: 0
    }

        .header-nav-bar .header-nav-main {
            float: left;
            margin-bottom: 0
        }

    .header-nav-main.header-nav-main-light nav > ul > li.active > a, .header-nav-main.header-nav-main-light nav > ul > li.show > a, .header-nav-main.header-nav-main-light nav > ul > li:hover > a {
        background: #FFF
    }

    .header-nav-main.header-nav-main-light nav > ul > li > a {
        color: #FFF
    }

        .header-nav-main.header-nav-main-light nav > ul > li > a.dropdown-toggle:after {
            border-color: #FFF transparent transparent
        }

    .header-nav-main.header-nav-main-light nav > ul > li.show > a.dropdown-toggle:after, .header-nav-main.header-nav-main-light nav > ul > li:hover > a.dropdown-toggle:after {
        border-color: #CCC transparent transparent
    }

    .header-nav-main.header-nav-main-light nav > ul > li.show > .dropdown-menu, .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu {
        border-top-color: #FFF;
        -webkit-box-shadow: 0 20px 25px rgba(0,0,0,.05);
        box-shadow: 0 20px 25px rgba(0,0,0,.05)
    }

        .header-nav-main.header-nav-main-light nav > ul > li.show > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
            border-top-color: #FFF
        }

    .header-nav-main.header-nav-main-light nav > ul > li.active > a.dropdown-toggle:after {
        border-color: #CCC transparent transparent
    }

    .header-nav-main.header-nav-main-light .dropdown-menu > li > a:focus, .header-nav-main.header-nav-main-light .dropdown-menu > li > a:hover {
        background: #f5f5f5
    }
}

.header .search, .header .separator {
    display: inline-block;
    vertical-align: middle
}

@media (min-width:992px) {
    .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-mega-sub-nav li a, .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu li a {
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    .header-nav-main-effect-1 nav > ul > li.dropdown:hover .dropdown-mega-sub-nav li a, .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu li a {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .header-nav-main-effect-2 nav > ul > li.dropdown .dropdown-menu {
        -webkit-transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
        opacity: 0
    }

    .header-nav-main-effect-2 nav > ul > li.dropdown:hover > .dropdown-menu {
        -webkit-transform: translate3d(0,-1px,0);
        transform: translate3d(0,-1px,0);
        opacity: 1
    }

    .header-nav-main-effect-3 nav > ul > li.dropdown .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    .header-nav-main-effect-3 nav > ul > li.dropdown:hover > .dropdown-menu {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
        -webkit-transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
        opacity: 0
    }

    .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }

    .header-nav-main-sub-effect-1 nav > ul > li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu > .dropdown-menu {
        -webkit-transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
        left: auto;
        right: 100%;
        opacity: 0
    }

    .header-nav-main-sub-effect-1 nav > ul > li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.header {
    background: #FFF;
    border-bottom: 1px solid #FFF;
    z-index: 1000
}

    .header .logo {
        float: left;
        margin: 10px 0 0 15px
    }

        .header .logo img {
            color: transparent;
            image-rendering: -webkit-optimize-contrast;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

    .header .separator {
        height: 100%;
        margin: 0 25px;
        width: 1px
    }

    .header .search {
        width: 170px
    }

        .header .search .btn, .header .search .form-control {
            border-color: #EDEDED;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

            .header .search .btn i {
                position: relative;
                top: 3px;
                font-size: 1rem
            }

    .header .toggle-sidebar-left {
        background: #22ae12;
        border-radius: 100px;
        color: #FFF;
        height: 30px;
        line-height: 30px;
        position: absolute;
        right: 15px;
        text-align: center;
        top: 14px;
        width: 30px
    }

.header-right {
    float: right;
    height: 56px
}

html.has-left-sidebar-half .header {
    z-index: 1011
}

@media only screen and (max-width:767px) {
    .header .logo-container {
        background-image: -webkit-gradient(linear,left top,left bottom,from(#F6F6F6),color-stop(45%,#FFF));
        background-image: linear-gradient(#F6F6F6 0,#FFF 45%);
        border-bottom: 1px solid #E9E9E6;
        border-top: 3px solid #EDEDED
    }

        .header .logo-container .logo {
            float: none;
            display: inline-block;
            line-height: 57px;
            margin-top: 0
        }

    .header .search, .header .separator {
        display: none
    }

    html.dark .header .logo-container, html.header-dark .header .logo-container {
        background: #1D2127;
        border-bottom-color: #161a1e;
        border-top-color: #1D2127
    }

    html.dark .header .header-right, html.header-dark .header .header-right {
        background: #1D2127
    }
}

html.dark .header, html.header-dark .header {
    background: #1D2127;
    border-bottom-color: #161a1e;
    border-top-color: #1D2127
}

    html.dark .header .search .btn-default, html.dark .header .search .form-control, html.header-dark .header .search .btn-default, html.header-dark .header .search .form-control {
        background-color: #282d36;
        border-color: #282d36;
        color: #EEE
    }

    html.dark .header .separator, html.header-dark .header .separator {
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#1D2127),to(#121518));
        background-image: linear-gradient(#1D2127 10%,#121518)
    }

@media only screen and (min-width:768px) {
    html.header-fixed .header {
        border-radius: 0;
        border-top-color: transparent;
        left: 0;
        position: fixed;
        right: 0;
        top: -3px;
        z-index: 2000;
        margin: 0
    }

    html.header-fixed .inner-wrapper {
        padding-top: 0;
        margin-top: 60px
    }

    .header.header-nav-menu .logo {
        position: relative;
        padding: 0 20px 0 5px
    }

        .header.header-nav-menu .logo:after {
            content: "";
            display: block;
            position: absolute;
            top: -13px;
            right: 0;
            height: 60px;
            border-right: 1px solid #E9E9E6
        }
}

@media (min-width:992px) {
    .header.header-nav-menu .header-nav-main {
        float: right;
        margin: 8px 0 0;
        min-height: 45px
    }

        .header.header-nav-menu .header-nav-main nav > ul > li {
            margin-left: 2px
        }

            .header.header-nav-menu .header-nav-main nav > ul > li:first-child {
                margin-left: 10px
            }

            .header.header-nav-menu .header-nav-main nav > ul > li > a {
                display: inline-block;
                border-radius: 4px;
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 20px;
                padding: 10px;
                text-transform: uppercase;
                white-space: initial
            }

                .header.header-nav-menu .header-nav-main nav > ul > li > a:focus {
                    background: 0 0;
                    color: #22ae12
                }

                .header.header-nav-menu .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down {
                    display: none
                }

                .header.header-nav-menu .header-nav-main nav > ul > li > a.dropdown-toggle:after {
                    border-color: #22ae12 transparent transparent;
                    border-style: solid;
                    border-width: 4px;
                    content: " ";
                    float: right;
                    margin-top: 7px;
                    margin-left: 4px
                }

            .header.header-nav-menu .header-nav-main nav > ul > li.active > a, .header.header-nav-menu .header-nav-main nav > ul > li.show > a, .header.header-nav-menu .header-nav-main nav > ul > li:hover > a {
                background: #22ae12;
                color: #FFF
            }

            .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu {
                top: -10000px;
                display: block;
                opacity: 0;
                left: auto;
                border-radius: 0 4px 4px;
                border: 0;
                border-top: 5px solid #22ae12;
                -webkit-box-shadow: 0 20px 45px rgba(0,0,0,.08);
                box-shadow: 0 20px 45px rgba(0,0,0,.08);
                margin: -3px 0 0;
                min-width: 200px;
                padding: 5px;
                text-align: left
            }

                .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
                    border-bottom: 1px solid #f4f4f4;
                    color: #777;
                    font-size: .8em;
                    font-weight: 400;
                    padding: 6px 20px 6px 8px;
                    position: relative;
                    text-transform: none;
                    white-space: initial
                }

                .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu {
                    position: relative
                }

                    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-caret-down {
                        display: none
                    }

                    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
                        border-color: transparent transparent transparent #22ae12;
                        border-style: solid;
                        border-width: 4px 0 4px 4px;
                        content: " ";
                        position: absolute;
                        top: 50%;
                        right: 10px;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%)
                    }

                    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
                        display: block;
                        margin-top: -10px;
                        margin-left: -1px;
                        border-radius: 4px;
                        opacity: 0
                    }

                    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
                        top: 0;
                        opacity: 1
                    }

                .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a {
                    border-bottom: 0
                }

            .header.header-nav-menu .header-nav-main nav > ul > li.dropdown.show li.dropdown-submenu > .dropdown-menu, .header.header-nav-menu .header-nav-main nav > ul > li.dropdown:hover li.dropdown-submenu > .dropdown-menu {
                left: 100%
            }

            .header.header-nav-menu .header-nav-main nav > ul > li.dropdown.show > a, .header.header-nav-menu .header-nav-main nav > ul > li.dropdown:hover > a {
                padding-bottom: 15px
            }

            .header.header-nav-menu .header-nav-main nav > ul > li.dropdown.show > .dropdown-menu, .header.header-nav-menu .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
                top: auto;
                display: block;
                opacity: 1
            }

            .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li a {
                padding-right: 8px;
                padding-left: 20px
            }

            .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li.dropdown-submenu > a:after {
                border-width: 4px 4px 4px 0
            }

            .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega {
                position: static
            }

                .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
                    border-radius: 4px;
                    left: 15px;
                    right: 15px;
                    width: auto
                }

                .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
                    padding: 20px 30px
                }

                .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {
                    color: #333;
                    display: block;
                    font-size: 1em;
                    font-weight: 600;
                    margin-top: 20px;
                    padding-bottom: 5px;
                    text-transform: uppercase
                }

                    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child {
                        margin-top: 0
                    }

                .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav {
                    list-style: none;
                    padding: 0;
                    margin: 0
                }

                    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {
                        border: 0;
                        border-radius: 4px;
                        color: #777;
                        display: block;
                        font-size: .9em;
                        font-weight: 400;
                        margin: 0 0 0 -8px;
                        padding: 3px 8px;
                        text-shadow: none;
                        text-transform: none;
                        text-decoration: none
                    }

                    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
                        background: #f4f4f4
                    }

                    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle {
                        width: 20px;
                        text-align: center
                    }

                        .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle:before {
                            content: "";
                            font-family: "Font Awesome 5 Free";
                            font-weight: 900
                        }

                        .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle.toggled:before {
                            content: ""
                        }

                    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .dropdown-mega-sub-nav {
                        padding-left: 15px
                    }

            .header.header-nav-menu .header-nav-main nav > ul > li .badge {
                margin-right: -16px;
                margin-top: 4px
            }

        .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li > a {
            border-radius: 0
        }

        .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu {
            margin-top: 0;
            border-radius: 0
        }

            .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu, .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a, .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .dropdown-menu {
                border-radius: 0
            }

        .header.header-nav-menu .header-nav-main .dropdown-reverse a > .thumb-info-preview {
            -webkit-transform: translate3d(20px,0,0);
            transform: translate3d(20px,0,0);
            right: 100%;
            left: auto;
            padding-left: 0;
            margin-right: 10px
        }

        .header.header-nav-menu .header-nav-main .dropdown-reverse a:hover > .thumb-info-preview {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

    .header.header-nav-menu .header-nav {
        float: left;
        display: block !important
    }

        .header.header-nav-menu .header-nav.header-nav-dark-dropdown {
            margin-bottom: -9px
        }

            .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a, .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li > a {
                background: 0 0;
                color: #444;
                padding: 65px 13px 24px;
                margin: 0
            }

                .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li > a.dropdown-toggle:after {
                    border-color: #444 transparent transparent
                }

            .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown li a {
                border-bottom-color: #2a2a2a
            }

            .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu {
                background: #1e1e1e
            }

                .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:focus, .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:hover, .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
                    background: #282828
                }

                .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a {
                    color: #969696
                }

            .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-title {
                color: #ababab
            }

            .header.header-nav-menu .header-nav.header-nav-dark-dropdown .header-social-icons {
                margin-top: 70px
            }

    .header.header-nav-menu .header-nav-main {
        display: block !important;
        height: auto !important
    }

    .header.header-nav-menu .header-nav-bar {
        background: #F4F4F4;
        padding: 0 10px 5px;
        margin-bottom: 0
    }

        .header.header-nav-menu .header-nav-bar .header-nav-main {
            float: left;
            margin-bottom: 0
        }

    .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.active > a, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.show > a, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > a {
        background: #FFF
    }

    .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li > a {
        color: #FFF
    }

        .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li > a.dropdown-toggle:after {
            border-color: #FFF transparent transparent
        }

    .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.show > a.dropdown-toggle:after, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > a.dropdown-toggle:after {
        border-color: #CCC transparent transparent
    }

    .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.show > .dropdown-menu, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu {
        border-top-color: #FFF;
        -webkit-box-shadow: 0 20px 25px rgba(0,0,0,.05);
        box-shadow: 0 20px 25px rgba(0,0,0,.05)
    }

        .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.show > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
            border-top-color: #FFF
        }

    .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.active > a.dropdown-toggle:after {
        border-color: #CCC transparent transparent
    }

    .header.header-nav-menu .header-nav-main.header-nav-main-light .dropdown-menu > li > a:focus, .header.header-nav-menu .header-nav-main.header-nav-main-light .dropdown-menu > li > a:hover {
        background: #f5f5f5
    }

    .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-mega-sub-nav li a, .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu li a {
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown:hover .dropdown-mega-sub-nav li a, .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu li a {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .header.header-nav-menu .header-nav-main-effect-2 nav > ul > li.dropdown .dropdown-menu {
        -webkit-transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
        opacity: 0
    }

    .header.header-nav-menu .header-nav-main-effect-2 nav > ul > li.dropdown:hover > .dropdown-menu {
        -webkit-transform: translate3d(0,-1px,0);
        transform: translate3d(0,-1px,0);
        opacity: 1
    }

    .header.header-nav-menu .header-nav-main-effect-3 nav > ul > li.dropdown .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    .header.header-nav-menu .header-nav-main-effect-3 nav > ul > li.dropdown:hover > .dropdown-menu {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
        -webkit-transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
        opacity: 0
    }

    .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }

    .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu > .dropdown-menu {
        -webkit-transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
        left: auto;
        right: 100%;
        opacity: 0
    }

    .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@media (max-width:991px) and (min-width:768px) {
    .header.header-nav-menu .header-nav-main {
        position: relative;
        top: 9px
    }
}

@media (max-width:991px) {
    .header.header-nav-menu .header-nav {
        clear: both;
        float: none
    }

    .header.header-nav-menu .header-nav-main {
        background: #FFF;
        padding: 10px;
        max-height: 350px;
        overflow-x: hidden;
        overflow-y: auto
    }

        .header.header-nav-menu .header-nav-main.collapsing {
            overflow: hidden
        }

        .header.header-nav-menu .header-nav-main nav {
            margin: 0 0 6px
        }

            .header.header-nav-menu .header-nav-main nav > ul {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                .header.header-nav-menu .header-nav-main nav > ul li {
                    border-bottom: 1px solid #e8e8e8;
                    clear: both;
                    display: block;
                    float: none;
                    margin: 0;
                    padding: 0;
                    position: relative
                }

                    .header.header-nav-menu .header-nav-main nav > ul li a {
                        font-size: 13px;
                        font-style: normal;
                        line-height: 20px;
                        padding: 7px 8px;
                        margin: 1px 0;
                        border-radius: 4px;
                        white-space: initial
                    }

                        .header.header-nav-menu .header-nav-main nav > ul li a .fa-caret-down {
                            line-height: 35px;
                            min-height: 38px;
                            min-width: 30px;
                            position: absolute;
                            right: 5px;
                            text-align: center;
                            top: 0
                        }

                        .header.header-nav-menu .header-nav-main nav > ul li a.dropdown-toggle:after {
                            content: none
                        }

                    .header.header-nav-menu .header-nav-main nav > ul li.dropdown .dropdown-menu {
                        background: 0 0;
                        padding: 0;
                        margin: 0;
                        font-size: 13px;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        border-radius: 0;
                        border: 0;
                        clear: both;
                        display: none;
                        float: none;
                        position: static;
                        border-top: 0 !important
                    }

                        .header.header-nav-menu .header-nav-main nav > ul li.dropdown .dropdown-menu li a {
                            color: #333
                        }

                        .header.header-nav-menu .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.showed > .dropdown-menu, .header.header-nav-menu .header-nav-main nav > ul li.dropdown.showed > .dropdown-menu {
                            display: block;
                            margin-left: 20px
                        }

                    .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title {
                        margin-top: 10px;
                        display: block
                    }

                    .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav {
                        margin: 0;
                        padding: 0;
                        list-style: none
                    }

                        .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav > li > a {
                            display: block;
                            text-decoration: none;
                            color: #333
                        }

                    .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle {
                        width: 20px;
                        text-align: center
                    }

                        .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle:before {
                            content: "";
                            font-family: "Font Awesome 5 Free";
                            font-weight: 900
                        }

                        .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle.toggled:before {
                            content: "";
                            font-family: "Font Awesome 5 Free";
                            font-weight: 900
                        }

                    .header.header-nav-menu .header-nav-main nav > ul li:last-child {
                        border-bottom: 0
                    }

                .header.header-nav-menu .header-nav-main nav > ul > li > a {
                    text-transform: uppercase;
                    font-weight: 700;
                    margin-top: 1px;
                    margin-bottom: 1px;
                    white-space: initial
                }

                .header.header-nav-menu .header-nav-main nav > ul > li.active > a, .header.header-nav-menu .header-nav-main nav > ul > li.active > a:focus, .header.header-nav-menu .header-nav-main nav > ul > li.active > a:hover {
                    color: #FFF
                }

            .header.header-nav-menu .header-nav-main nav .not-included {
                margin: 0
            }

        .header.header-nav-menu .header-nav-main a > .thumb-info-preview {
            display: none !important
        }

    .header.header-nav-menu .header-btn-collapse-nav {
        outline: 0;
        float: right;
        margin-top: 10px;
        margin-right: 15px
    }

        .header.header-nav-menu .header-btn-collapse-nav:focus, .header.header-nav-menu .header-btn-collapse-nav:hover {
            color: #FFF
        }

    .header.header-nav-menu .header-nav-bar {
        margin: 0 auto
    }

        .header.header-nav-menu .header-nav-bar .header-btn-collapse-nav {
            margin-top: 14px
        }

    .header.header-nav-menu .header-semi-transparent .header-nav-main, .header.header-nav-menu .header-semi-transparent-light .header-nav-main, .header.header-nav-menu .header-transparent .header-nav-main {
        padding: 10px;
        margin-bottom: 10px;
        background: #FFF;
        border-radius: 4px
    }
}

.header.header-nav-menu .header-nav-main nav > ul > li ul.dropdown-menu li:hover > a {
    background-color: #f4f4f4
}

.header.header-nav-menu .header-nav-main nav > ul > li ul.dropdown-menu li a {
    background: 0 0
}

.header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li:hover a {
    background-color: #f4f4f4
}

.header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li a {
    background: 0 0
}

.header.header-nav-menu .not-included {
    color: #b7b7b7;
    display: block;
    font-size: .8em;
    font-style: normal;
    margin: -4px 0;
    padding: 0
}

.header.header-nav-menu .tip {
    display: inline-block;
    padding: 0 5px;
    background: #171717;
    color: #FFF;
    text-shadow: none;
    border-radius: 3px;
    margin-left: 8px;
    position: relative;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700
}

    .header.header-nav-menu .tip:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(23,23,23,0);
        border-right-color: #171717;
        border-width: 5px;
        margin-top: -5px
    }

    .header.header-nav-menu .tip.skin {
        color: #171717
    }

.header.header-nav-menu .search-toggle {
    color: #22ae12
}

    .header.header-nav-menu .search-toggle:active, .header.header-nav-menu .search-toggle:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

@media (min-width:992px) {
    .header.header-nav-menu.header-nav-stripe {
        height: initial;
        border-bottom: 0
    }

        .header.header-nav-menu.header-nav-stripe nav > ul > li:hover > a, .header.header-nav-menu.header-nav-stripe nav > ul > li > a {
            background: 0 0;
            padding: 18px 13px 19px;
            margin: 0
        }

        .header.header-nav-menu.header-nav-stripe nav > ul > li > a {
            color: #444
        }

            .header.header-nav-menu.header-nav-stripe nav > ul > li > a.dropdown-toggle:after {
                border-color: #444 transparent transparent
            }

        .header.header-nav-menu.header-nav-stripe nav > ul > li:hover > a {
            color: #FFF
        }

        .header.header-nav-menu.header-nav-stripe nav > ul > li.dropdown.show > a, .header.header-nav-menu.header-nav-stripe nav > ul > li.dropdown:hover > a {
            padding-bottom: 19px
        }

    .header.header-nav-menu.header-nav-top-line {
        height: initial;
        border-bottom: 0
    }

        .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a, .header.header-nav-menu.header-nav-top-line nav > ul > li > a {
            position: relative;
            background: 0 0 !important;
            color: #444;
            padding: 18px 13px 19px;
            margin: 0
        }

            .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a:before, .header.header-nav-menu.header-nav-top-line nav > ul > li > a:before {
                content: "";
                position: absolute;
                width: 100%;
                height: 5px;
                top: -5px;
                left: -5px;
                opacity: 0;
                background: #22ae12
            }

        .header.header-nav-menu.header-nav-top-line nav > ul > li.active > a, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a {
            color: #22ae12
        }

            .header.header-nav-menu.header-nav-top-line nav > ul > li.active > a:before, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a:before {
                opacity: 1
            }

            .header.header-nav-menu.header-nav-top-line nav > ul > li.active > a.dropdown-toggle:after, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a.dropdown-toggle:after {
                border-color: #22ae12 transparent transparent
            }

        .header.header-nav-menu.header-nav-top-line nav > ul > li > a.dropdown-toggle:after {
            border-color: #444 transparent transparent
        }

        .header.header-nav-menu.header-nav-top-line nav > ul > li.dropdown.show > a, .header.header-nav-menu.header-nav-top-line nav > ul > li.dropdown:hover > a {
            padding-bottom: 19px
        }

        .header.header-nav-menu.header-nav-stripe .header-nav-main, .header.header-nav-menu.header-nav-top-line .header-nav-main {
            margin-top: 0
        }

    .header.header-nav-menu.header-nav-links nav > ul > li > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #444;
        background: 0 0 !important;
        height: 62px
    }

        .header.header-nav-menu.header-nav-links nav > ul > li > a.dropdown-toggle:after {
            content: "";
            font-family: "Font Awesome 5 Free";
            font-size: .6rem;
            margin: 0 0 0 7px;
            border: 0
        }

    .header.header-nav-menu.header-nav-links nav > ul > li:hover > a {
        color: #CCC
    }

    .header.header-nav-menu.header-nav-links nav > ul > li.dropdown.show > a, .header.header-nav-menu.header-nav-links nav > ul > li.dropdown:hover > a {
        padding-bottom: 10px
    }

    .header.header-nav-menu.header-nav-links nav > ul > li.dropdown .dropdown-menu {
        border-top: 0 !important
    }

        .header.header-nav-menu.header-nav-links nav > ul > li.dropdown .dropdown-menu li a {
            border-bottom: 0
        }

        .header.header-nav-menu.header-nav-links nav > ul > li.dropdown .dropdown-menu li:hover > a {
            color: #CCC;
            background: 0 0
        }

        .header.header-nav-menu.header-nav-links nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
            content: "";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            border: 0;
            font-size: .5rem
        }

    .header.header-nav-menu.header-nav-links nav > ul > li.dropdown-mega > .dropdown-menu {
        max-width: calc(100% - 300px);
        margin-left: 300px
    }

    .header.header-nav-menu.header-nav-links nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {
        font-size: .8em
    }

    .header.header-nav-menu.header-nav-links nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle:before {
        content: ""
    }

    .header.header-nav-menu.header-nav-links nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle.toggled:before {
        content: ""
    }

    .header.header-nav-menu.header-nav-links nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle.toggled:before, .header.header-nav-menu.header-nav-links nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle:before {
        font-family: "Font Awesome 5 Free";
        font-size: .6rem;
        color: inherit
    }
}

.h1 .inverted, .inverted, h1 .inverted {
    padding-left: 10px;
    padding-right: 10px
}

.font-weight-light, .fw-light {
    font-weight: 300 !important
}

@media only screen and (max-width:1199px) {
    .header.header-nav-menu .separator {
        margin: 0 14px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .header.header-nav-menu .search {
        position: absolute;
        top: 50px;
        left: -66px
    }

        .header.header-nav-menu .search.active {
            display: block !important
        }

        .header.header-nav-menu .search:before {
            content: "";
            display: block;
            position: absolute;
            top: -7px;
            left: 50%;
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #22ae12;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }
}

@media only screen and (min-width:992px) {
    .header.header-nav-menu .header-right {
        position: relative
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header.header-nav-menu .header-right {
        position: absolute;
        top: 0;
        right: 60px
    }
}

@media only screen and (min-width:768px) {
    html.dark .header.header-nav-menu .logo:after, html.header-dark .header.header-nav-menu .logo:after {
        border-color: #343a44
    }
}

@media (min-width:992px) {
    html.sidebar-left-collapsed .header.header-nav-menu.header-nav-links nav > ul > li.dropdown-mega > .dropdown-menu {
        max-width: calc(100% - 75px);
        margin-left: 75px
    }

    html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        background-color: #282d36
    }

        html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
            border-color: #343a44
        }

            html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus, html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {
                background-color: #1d2127
            }

    html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
        background: #1d2127
    }

    html.dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a, html.dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a, html.header-dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a, html.header-dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a {
        color: #FFF
    }

        html.dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after, html.dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after, html.header-dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after, html.header-dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after {
            border-color: #FFF transparent transparent
        }
}

html.dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li:hover > a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li:hover > a {
    background-color: #1d2127
}

html.dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li a {
    background: 0 0
}

html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li:hover a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li:hover a {
    background-color: #1d2127
}

html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li a {
    background: 0 0
}

@media (max-width:991px) {
    html.dark .header.header-nav-menu .header-nav-main nav ul li.dropdown-mega .dropdown-mega-sub-nav > li > a, html.dark .header.header-nav-menu .header-nav-main nav > ul > li ul li a, html.header-dark .header.header-nav-menu .header-nav-main nav ul li.dropdown-mega .dropdown-mega-sub-nav > li > a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li ul li a {
        color: #777
    }

    html.dark .header.header-nav-menu .header-nav-main, html.header-dark .header.header-nav-menu .header-nav-main {
        background: #282d36
    }

        html.dark .header.header-nav-menu .header-nav-main nav > ul > li a:hover, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li a:hover {
            background: #1d2127
        }

        html.dark .header.header-nav-menu .header-nav-main nav ul li, html.header-dark .header.header-nav-menu .header-nav-main nav ul li {
            border-color: #343a44
        }

            html.dark .header.header-nav-menu .header-nav-main nav ul li a:focus, html.dark .header.header-nav-menu .header-nav-main nav ul li a:hover, html.header-dark .header.header-nav-menu .header-nav-main nav ul li a:focus, html.header-dark .header.header-nav-menu .header-nav-main nav ul li a:hover {
                background-color: #1d2127
            }
}

.p-relative {
    position: relative !important
}

.p-absolute {
    position: absolute !important
}

.p-fixed {
    position: fixed !important
}

.p-static {
    position: static !important
}

.hidden {
    display: none !important
}

.ib, .inverted {
    display: inline-block
}

.pull-none {
    float: none !important
}

.float-start, .pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

@media (max-width:767px) {
    .pull-xs-left {
        float: left
    }

    .pull-xs-right {
        float: right
    }
}

@media (min-width:768px) and (max-width:991px) {
    .pull-sm-left {
        float: left
    }

    .pull-sm-right {
        float: right
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .pull-md-left {
        float: left
    }

    .pull-md-right {
        float: right
    }
}

.opacity-1 {
    opacity: .1 !important
}

.opacity-2 {
    opacity: .2 !important
}

.opacity-3 {
    opacity: .3 !important
}

.opacity-4 {
    opacity: .4 !important
}

.opacity-5 {
    opacity: .5 !important
}

.opacity-6 {
    opacity: .6 !important
}

.opacity-7 {
    opacity: .7 !important
}

.opacity-8 {
    opacity: .8 !important
}

.opacity-9 {
    opacity: .9 !important
}

.opacity-10 {
    opacity: 1 !important
}

.bottom-auto, .top-auto {
    top: auto !important
}

.left-0 {
    left: 0 !important
}

.right-0 {
    right: 0 !important
}

.top-1 {
    top: 1px !important
}

.bottom-1 {
    bottom: 1px !important
}

.left-1 {
    left: 1px !important
}

.right-1 {
    right: 1px !important
}

.top-2 {
    top: 2px !important
}

.bottom-2 {
    bottom: 2px !important
}

.left-2 {
    left: 2px !important
}

.right-2 {
    right: 2px !important
}

.top-3 {
    top: 3px !important
}

.bottom-3 {
    bottom: 3px !important
}

.left-3 {
    left: 3px !important
}

.right-3 {
    right: 3px !important
}

.top-4 {
    top: 4px !important
}

.bottom-4 {
    bottom: 4px !important
}

.left-4 {
    left: 4px !important
}

.right-4 {
    right: 4px !important
}

.top-5 {
    top: 5px !important
}

.bottom-5 {
    bottom: 5px !important
}

.left-5 {
    left: 5px !important
}

.right-5 {
    right: 5px !important
}

.top-6 {
    top: 6px !important
}

.bottom-6 {
    bottom: 6px !important
}

.left-6 {
    left: 6px !important
}

.right-6 {
    right: 6px !important
}

.top-7 {
    top: 7px !important
}

.bottom-7 {
    bottom: 7px !important
}

.left-7 {
    left: 7px !important
}

.right-7 {
    right: 7px !important
}

.top-8 {
    top: 8px !important
}

.bottom-8 {
    bottom: 8px !important
}

.left-8 {
    left: 8px !important
}

.right-8 {
    right: 8px !important
}

.top-9 {
    top: 9px !important
}

.bottom-9 {
    bottom: 9px !important
}

.left-9 {
    left: 9px !important
}

.right-9 {
    right: 9px !important
}

.top-10 {
    top: 10px !important
}

.bottom-10 {
    bottom: 10px !important
}

.left-10 {
    left: 10px !important
}

.right-10 {
    right: 10px !important
}

.inverted {
    color: #FFF
}

.h2 .inverted, h2 .inverted {
    padding-left: 7px;
    padding-right: 7px
}

.h3 .inverted, h3 .inverted {
    padding-left: 2px;
    padding-right: 2px
}

.h4 .inverted, h4 .inverted {
    padding-left: 4px;
    padding-right: 4px
}

.h5 .inverted, .h6 .inverted, h5 .inverted, h6 .inverted {
    padding-left: 2px;
    padding-right: 2px
}

.cur-pointer {
    cursor: pointer
}

.text-xxs {
    font-size: .9rem
}

.text-xs {
    font-size: 1rem
}

.text-sm {
    font-size: 1.3rem
}

.text-md {
    font-size: 1.6rem
}

.text-lg {
    font-size: 1.9rem
}

.text-xl {
    font-size: 2.2rem
}

.text-1 {
    font-size: .8em !important
}

.text-2 {
    font-size: .9em !important
}

.text-3 {
    font-size: 1em !important
}

.text-4-1 {
    font-size: 1.1em !important
}

.text-4 {
    font-size: 1.2em !important
}

.text-5 {
    font-size: 1.5em !important
}

.text-6 {
    font-size: 1.8em !important
}

.text-7 {
    font-size: 2em !important
}

.text-8 {
    font-size: 2.3em !important
}

.text-9 {
    font-size: 2.5em !important
}

.text-10 {
    font-size: 2.75em !important
}

.text-11 {
    font-size: 3em !important
}

.text-12 {
    font-size: 3.5em !important
}

.text-13 {
    font-size: 4em !important
}

.text-14 {
    font-size: 4.5em !important
}

.text-15 {
    font-size: 5em !important
}

.line-height-xs {
    line-height: 16px !important
}

.line-height-sm {
    line-height: 20px !important
}

.line-height-md {
    line-height: 24px !important
}

.line-height-lg {
    line-height: 28px !important
}

.line-height-xl {
    line-height: 32px !important
}

.ls-0 {
    letter-spacing: 0 !important
}

.negative-ls-05 {
    letter-spacing: -.05em
}

.negative-ls-1 {
    letter-spacing: -1px
}

.negative-ls-2 {
    letter-spacing: -2px
}

.negative-ls-3 {
    letter-spacing: -2.5px
}

.positive-ls-1 {
    letter-spacing: 1px
}

.positive-ls-2 {
    letter-spacing: 2px
}

.positive-ls-3 {
    letter-spacing: 2.5px
}

.z-index-0 {
    z-index: 0 !important
}

.z-index-1 {
    z-index: 1 !important
}

.z-index-2 {
    z-index: 2 !important
}

.z-index-3 {
    z-index: 3 !important
}

.outline-none {
    outline: 0 !important
}

html.dark .text-muted {
    color: #505461 !important
}

.text-dark {
    color: #171717 !important
}

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

.text-color-success {
    color: #34c38f !important
}

.text-color-danger {
    color: #ea5455 !important
}

.text-color-grey {
    color: #999 !important
}

.text-color-inherit {
    color: inherit
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-500 {
    font-weight: 500 !important
}

.font-weight-semibold {
    font-weight: 600 !important
}

.font-weight-bold, b, strong {
    font-weight: 700 !important
}

.font-weight-extra-bold {
    font-weight: 900 !important
}

.line-height-1 {
    line-height: 1 !important
}

.line-height-2 {
    line-height: 1.2 !important
}

.line-height-3 {
    line-height: 1.3 !important
}

.line-height-4 {
    line-height: 1.4 !important
}

.line-height-5 {
    line-height: 1.5 !important
}

.line-height-6 {
    line-height: 1.6 !important
}

.line-height-7 {
    line-height: 1.7 !important
}

.line-height-8 {
    line-height: 1.8 !important
}

.line-height-9 {
    line-height: 1.9 !important
}

.no-borders {
    border: none !important
}

.b-thin {
    border-width: 3px !important
}

.b-normal {
    border-width: 5px !important
}

.b-thick {
    border-width: 7px !important
}

.border-width-1 {
    border-width: 1px !important
}

.border-width-2 {
    border-width: 2px !important
}

.border-width-3 {
    border-width: 3px !important
}

.border-width-4 {
    border-width: 4px !important
}

.border-width-5 {
    border-width: 5px !important
}

.border-width-6 {
    border-width: 6px !important
}

.border-width-7 {
    border-width: 7px !important
}

.border-width-8 {
    border-width: 8px !important
}

.border-width-9 {
    border-width: 9px !important
}

.border-width-10 {
    border-width: 10px !important
}

.border-color-light-grey {
    border-color: #f4f4f4 !important
}

.border-color-light-grey-2 {
    border-color: #ececec !important
}

.ib {
    vertical-align: top
}

.btn, .btn-group, .btn-group-vertical, .navbar-toggler-icon, .va-middle, img, svg, ul.nav-main li i, ul.nav-main li span {
    vertical-align: middle
}

.ws-nowrap {
    white-space: nowrap
}

.popover, .tooltip, .ws-normal {
    white-space: normal
}

.badge, .dropdown-header, .dropdown-item, .dropdown-toggle, .input-group-text, .navbar-brand, .progress-bar, ul.nav-main li a {
    white-space: nowrap
}

.col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-lg-1-5, .col-lg-2-5, .col-lg-3-5, .col-lg-4-5, .col-md-1-5, .col-md-2-5, .col-md-3-5, .col-md-4-5, .col-sm-1-5, .col-sm-2-5, .col-sm-3-5, .col-sm-4-5, .col-xl-1-5, .col-xl-2-5, .col-xl-3-5, .col-xl-4-5 {
    position: relative;
    min-height: 1px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-1-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.col-2-5, .col-3-5 {
    -webkit-box-flex: 0
}

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

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

.col-4-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%
}

@media (min-width:576px) {
    .text-sm-1 {
        font-size: .8em !important
    }

    .text-sm-2 {
        font-size: .9em !important
    }

    .text-sm-3 {
        font-size: 1em !important
    }

    .text-sm-4-1 {
        font-size: 1.1em !important
    }

    .text-sm-4 {
        font-size: 1.2em !important
    }

    .text-sm-5 {
        font-size: 1.5em !important
    }

    .text-sm-6 {
        font-size: 1.8em !important
    }

    .text-sm-7 {
        font-size: 2em !important
    }

    .text-sm-8 {
        font-size: 2.3em !important
    }

    .text-sm-9 {
        font-size: 2.5em !important
    }

    .text-sm-10 {
        font-size: 2.75em !important
    }

    .text-sm-11 {
        font-size: 3em !important
    }

    .text-sm-12 {
        font-size: 3.5em !important
    }

    .text-sm-13 {
        font-size: 4em !important
    }

    .text-sm-14 {
        font-size: 4.5em !important
    }

    .text-sm-15 {
        font-size: 5em !important
    }

    .col-sm-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-sm-2-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .col-sm-3-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .col-sm-4-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }
}

@media (min-width:768px) {
    .text-md-1 {
        font-size: .8em !important
    }

    .text-md-2 {
        font-size: .9em !important
    }

    .text-md-3 {
        font-size: 1em !important
    }

    .text-md-4-1 {
        font-size: 1.1em !important
    }

    .text-md-4 {
        font-size: 1.2em !important
    }

    .text-md-5 {
        font-size: 1.5em !important
    }

    .text-md-6 {
        font-size: 1.8em !important
    }

    .text-md-7 {
        font-size: 2em !important
    }

    .text-md-8 {
        font-size: 2.3em !important
    }

    .text-md-9 {
        font-size: 2.5em !important
    }

    .text-md-10 {
        font-size: 2.75em !important
    }

    .text-md-11 {
        font-size: 3em !important
    }

    .text-md-12 {
        font-size: 3.5em !important
    }

    .text-md-13 {
        font-size: 4em !important
    }

    .text-md-14 {
        font-size: 4.5em !important
    }

    .text-md-15 {
        font-size: 5em !important
    }

    .col-md-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-md-2-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .col-md-3-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .col-md-4-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }
}

@media (min-width:992px) {
    .text-lg-1 {
        font-size: .8em !important
    }

    .text-lg-2 {
        font-size: .9em !important
    }

    .text-lg-3 {
        font-size: 1em !important
    }

    .text-lg-4-1 {
        font-size: 1.1em !important
    }

    .text-lg-4 {
        font-size: 1.2em !important
    }

    .text-lg-5 {
        font-size: 1.5em !important
    }

    .text-lg-6 {
        font-size: 1.8em !important
    }

    .text-lg-7 {
        font-size: 2em !important
    }

    .text-lg-8 {
        font-size: 2.3em !important
    }

    .text-lg-9 {
        font-size: 2.5em !important
    }

    .text-lg-10 {
        font-size: 2.75em !important
    }

    .text-lg-11 {
        font-size: 3em !important
    }

    .text-lg-12 {
        font-size: 3.5em !important
    }

    .text-lg-13 {
        font-size: 4em !important
    }

    .text-lg-14 {
        font-size: 4.5em !important
    }

    .text-lg-15 {
        font-size: 5em !important
    }

    .col-lg-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-lg-2-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .col-lg-3-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .col-lg-4-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }
}

@media (min-width:1200px) {
    .pull-lg-left {
        float: left
    }

    .pull-lg-right {
        float: right
    }

    .text-xl-1 {
        font-size: .8em !important
    }

    .text-xl-2 {
        font-size: .9em !important
    }

    .text-xl-3 {
        font-size: 1em !important
    }

    .text-xl-4-1 {
        font-size: 1.1em !important
    }

    .text-xl-4 {
        font-size: 1.2em !important
    }

    .text-xl-5 {
        font-size: 1.5em !important
    }

    .text-xl-6 {
        font-size: 1.8em !important
    }

    .text-xl-7 {
        font-size: 2em !important
    }

    .text-xl-8 {
        font-size: 2.3em !important
    }

    .text-xl-9 {
        font-size: 2.5em !important
    }

    .text-xl-10 {
        font-size: 2.75em !important
    }

    .text-xl-11 {
        font-size: 3em !important
    }

    .text-xl-12 {
        font-size: 3.5em !important
    }

    .text-xl-13 {
        font-size: 4em !important
    }

    .text-xl-14 {
        font-size: 4.5em !important
    }

    .text-xl-15 {
        font-size: 5em !important
    }

    .col-xl-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-xl-2-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .col-xl-3-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .col-xl-4-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }
}

ul.nav-main a {
    text-decoration: none
}

ul.nav-main > li > a {
    padding: 12px 25px
}

    ul.nav-main > li > a:focus, ul.nav-main > li > a:hover {
        background-color: #22ae12;
        color: #FFF
    }

ul.nav-main > li.nav-active > a {
    -webkit-box-shadow: 2px 0 0 #22ae12 inset;
    box-shadow: 2px 0 0 #22ae12 inset;
    background: #22ae12
}

    ul.nav-main > li.nav-active > a:hover {
        color: #FFF
    }

ul.nav-main > li.nav-active > i {
    color: #22ae12
}

ul.nav-main > li.nav-expanded > a {
    background: #22ae12
}

ul.nav-main li {
    width: 100%
}

    ul.nav-main li a {
        display: block;
        color: #FFF;
        text-overflow: ellipsis;
        font-size: 16px
    }

        ul.nav-main li a span.badge {
            font-weight: 400;
            padding: .3em .7em .4em;
            margin: .4em -1em 0 0
        }

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

ul.nav-main li a .not-included {
    font-style: normal;
    color: #a6a6a6;
    display: inline-block;
    padding: 0 0 0 6px
}

ul.nav-main li i {
    font-size: 1.15rem;
    width: 1.1em;
    margin-right: .5em;
    text-align: center
}

ul.nav-main li.nav-parent {
    position: relative
}

    ul.nav-main li.nav-parent > a {
        cursor: pointer
    }

        ul.nav-main li.nav-parent > a:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "";
            color: #FFF;
            position: absolute;
            right: 0;
            top: 0;
            padding: 14px 25px
        }

    ul.nav-main li.nav-parent.nav-expanded > a:after {
        content: ""
    }

    ul.nav-main li.nav-parent.nav-expanded > ul.nav-children {
        display: block
    }

ul.nav-main li .nav-children {
    background: #191c21;
    -webkit-box-shadow: 0 -3px 3px -3px rgba(0,0,0,.7) inset;
    box-shadow: 0 -3px 3px -3px rgba(0,0,0,.7) inset;
    display: none;
    padding: 10px 0
}

label, output {
    display: inline-block
}

ul.nav-main li .nav-children li a {
    padding: 6px 15px 6px 57px;
    overflow: hidden
}

    ul.nav-main li .nav-children li a:focus, ul.nav-main li .nav-children li a:hover {
        background: #191c21;
        color: #096d31
    }

    ul.nav-main li .nav-children li a:after {
        padding: 6px 25px
    }

ul.nav-main li .nav-children li.nav-active > a {
    color: #096d31
}

ul.nav-main li .nav-children .nav-children {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

    ul.nav-main li .nav-children .nav-children li a {
        padding: 6px 15px 6px 82px
    }

    ul.nav-main li .nav-children .nav-children .nav-children li a {
        padding: 6px 15px 6px 97px
    }

html.sidebar-light:not(.dark) ul.nav-main {
    margin-top: 3px
}

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

html.sidebar-light:not(.dark) ul.nav-main li a {
    color: #777
}

html.sidebar-light:not(.dark) ul.nav-main > li > a:focus, html.sidebar-light:not(.dark) ul.nav-main > li > a:hover {
    background-color: #fafafa
}

html.sidebar-light:not(.dark) ul.nav-main > li.nav-expanded > a {
    background: #fafafa
}

html.sidebar-light:not(.dark) ul.nav-main li .nav-children {
    background: #F6F6F6;
    -webkit-box-shadow: 0 -3px 3px -3px rgba(0,0,0,.1) inset;
    box-shadow: 0 -3px 3px -3px rgba(0,0,0,.1) inset
}

    html.sidebar-light:not(.dark) ul.nav-main li .nav-children li a:focus, html.sidebar-light:not(.dark) ul.nav-main li .nav-children li a:hover {
        background: #F1F1F1
    }

@font-face {
    font-family: Amiri;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiri/v24/J7aRnpd8CGxBHpUrtLMA7w.woff2) format("woff2");
    unicode-range: U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC
}

@font-face {
    font-family: Amiri;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiri/v24/J7aRnpd8CGxBHpUgtLMA7w.woff2) format("woff2");
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Amiri;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiri/v24/J7aRnpd8CGxBHpUutLM.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Amiri;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiri/v24/J7acnpd8CGxBHp2VkaY6zp5yGw.woff2) format("woff2");
    unicode-range: U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC
}

@font-face {
    font-family: Amiri;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiri/v24/J7acnpd8CGxBHp2VkaYxzp5yGw.woff2) format("woff2");
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Amiri;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiri/v24/J7acnpd8CGxBHp2VkaY_zp4.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Almarai;
    src: url(../../fonts/Almarai/Almarai-Regular.eot);
    src: url(../../fonts/Almarai/Almarai-Regular.eot?#iefix) format("embedded-opentype"),url(../../fonts/Almarai/Almarai-Regular.woff2) format("woff2"),url(../../fonts/Almarai/Almarai-Regular.woff) format("woff"),url(../../fonts/Almarai/Almarai-Regular.ttf) format("truetype"),url(../../fonts/Almarai/Almarai-Regular.svg#Almarai-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Almarai;
    src: url(../../fonts/Almarai/Almarai-Bold.eot);
    src: url(../../fonts/Almarai/Almarai-Bold.eot?#iefix) format("embedded-opentype"),url(../../fonts/Almarai/Almarai-Bold.woff2) format("woff2"),url(../../fonts/Almarai/Almarai-Bold.woff) format("woff"),url(../../fonts/Almarai/Almarai-Bold.ttf) format("truetype"),url(../../fonts/Almarai/Almarai-Bold.svg#Almarai-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Almarai;
    src: url(../../fonts/Almarai/Almarai-Light.eot);
    src: url(../../fonts/Almarai/Almarai-Light.eot?#iefix) format("embedded-opentype"),url(../../fonts/Almarai/Almarai-Light.woff2) format("woff2"),url(../../fonts/Almarai/Almarai-Light.woff) format("woff"),url(../../fonts/Almarai/Almarai-Light.ttf) format("truetype"),url(../../fonts/Almarai/Almarai-Light.svg#Almarai-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Almarai;
    src: url(../../fonts/Almarai/Almarai-ExtraBold.eot);
    src: url(../../fonts/Almarai/Almarai-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../../fonts/Almarai/Almarai-ExtraBold.woff2) format("woff2"),url(../../fonts/Almarai/Almarai-ExtraBold.woff) format("woff"),url(../../fonts/Almarai/Almarai-ExtraBold.ttf) format("truetype"),url(../../fonts/Almarai/Almarai-ExtraBold.svg#Almarai-ExtraBold) format("svg");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

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

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    color: inherit;
    background-color: currentColor;
    opacity: .25
}

    hr:not([size]) {
        height: 1px
    }

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

@media (min-width:1200px) {
    .h1, h1 {
        font-size: 2.5rem
    }

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

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

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

abbr[data-bs-original-title], abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.carousel-indicators [data-bs-target], .form-control-color:not(:disabled):not([readonly]), .form-control[type=file]:not(:disabled):not([readonly]), [role=button], [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled), summary {
    cursor: pointer
}

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

ol, ul {
    padding-left: 2rem
}

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

b, strong {
    font-weight: bolder
}

.small, small {
    font-size: .875em
}

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    text-decoration: underline
}

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

code, kbd, pre, samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    overflow: auto;
    font-size: .875em
}

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

code, kbd {
    font-size: .875em
}

code {
    color: #d63384;
    word-wrap: break-word
}

a > code {
    color: inherit
}

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

    kbd kbd {
        padding: 0;
        font-size: 1em;
        font-weight: 700
    }

figure {
    margin: 0 0 1rem
}

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

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

button {
    border-radius: 0
}

fieldset, iframe {
    border: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

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

button, select {
    text-transform: none
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

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

legend {
    float: left;
    width: 100%;
    padding: 0;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

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

::file-selector-button {
    font: inherit
}

summary {
    display: list-item
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.figure, .form-check-inline, .list-inline-item {
    display: inline-block
}

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

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

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

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

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

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

.blockquote-footer, .figure-caption {
    font-size: .875em;
    color: #6c757d
}

.blockquote > :last-child {
    margin-bottom: 0
}

.alert, .blockquote-footer, .breadcrumb, .table {
    margin-bottom: 1rem
}

.blockquote-footer {
    margin-top: -1rem
}

    .blockquote-footer::before {
        content: "— "
    }

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

.input-group, .row {
    display: -webkit-box;
    -ms-flex-wrap: wrap
}

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

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

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

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

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

@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1320px
}

.row {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0
}

    .row > * {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y)
    }

.col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.row-cols-auto > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-1, .col-auto {
    -webkit-box-flex: 0
}

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

.col-1 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2, .col-3 {
    -webkit-box-flex: 0
}

.col-2 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%
}

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

.col-4, .col-5 {
    -webkit-box-flex: 0
}

.col-4 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6, .col-7 {
    -webkit-box-flex: 0
}

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

.col-7 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8, .col-9 {
    -webkit-box-flex: 0
}

.col-8 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%
}

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

.col-10, .col-11 {
    -webkit-box-flex: 0
}

.col-10 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

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

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

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

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

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

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

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

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

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

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

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

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

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

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

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

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

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

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

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

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

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

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

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

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

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

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

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

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

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

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    vertical-align: top;
    border-color: #dee2e6
}

    .table > :not(caption) > * > * {
        padding: .5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
    }

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

    .table > :not(:first-child) {
        border-top: 2px solid currentColor
    }

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .25rem
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 1px
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
    border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #e7cede;
    --bs-table-striped-bg: #dbc4d3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #d0b9c8;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d6bfcd;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #d0b9c8
}

.table-secondary {
    --bs-table-bg: #cceffc;
    --bs-table-striped-bg: #c2e3ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #b8d7e3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bddde9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #b8d7e3
}

.table-success {
    --bs-table-bg: #daedda;
    --bs-table-striped-bg: #cfe1cf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c4d5c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #cadbca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #c4d5c4
}

.table-info {
    --bs-table-bg: #def2f8;
    --bs-table-striped-bg: #d3e6ec;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c8dadf;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #cde0e5;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #c8dadf
}

.table-warning {
    --bs-table-bg: #fbebd4;
    --bs-table-striped-bg: #eedfc9;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e2d4bf;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e8d9c4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e2d4bf
}

.table-danger {
    --bs-table-bg: #f6d6d5;
    --bs-table-striped-bg: #eacbca;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #ddc1c0;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e4c6c5;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #ddc1c0
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #171717;
    --bs-table-striped-bg: #232323;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #2e2e2e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #282828;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #2e2e2e
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.collapsing, .dropdown-divider, .form-control[type=file] {
    overflow: hidden
}

.form-label {
    margin-bottom: .5rem
}

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

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

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

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

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

.form-control:focus {
    color: #212529;
    background-color: #fff;
    outline: 0
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

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

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

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

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

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

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

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

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

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

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

.form-select, .input-group-text {
    font-size: 1rem;
    font-weight: 400
}

.invalid-tooltip, .valid-tooltip {
    border-radius: 5px;
    position: absolute
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem
}

    .form-control-lg::file-selector-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem
    }

    .form-control-lg::-webkit-file-upload-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem
    }

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: .375rem
}

    .form-control-color::-moz-color-swatch {
        height: 1.5em;
        border-radius: 5px
    }

    .form-control-color::-webkit-color-swatch {
        height: 1.5em;
        border-radius: 5px
    }

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-check-input, .form-range {
    -webkit-appearance: none;
    -moz-appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        -webkit-transition: none;
        transition: none
    }
}

.form-select:focus {
    border-color: #c285ad;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem rgba(133,11,90,.25);
    box-shadow: 0 0 0 .25rem rgba(133,11,90,.25)
}

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

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    border-radius: .5rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em
    }

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

    .form-check-input[type=checkbox] {
        border-radius: .25em
    }

    .form-check-input[type=radio] {
        border-radius: 50%
    }

    .form-check-input:active {
        -webkit-filter: brightness(90%);
        filter: brightness(90%)
    }

    .form-check-input:focus {
        border-color: #c285ad;
        outline: 0;
        -webkit-box-shadow: 0 0 0 .25rem rgba(133,11,90,.25);
        box-shadow: 0 0 0 .25rem rgba(133,11,90,.25)
    }

    .form-check-input:checked {
        background-color: #22ae12;
        border-color: #22ae12
    }

        .form-check-input:checked[type=checkbox] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
        }

        .form-check-input:checked[type=radio] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
        }

    .form-check-input[type=checkbox]:indeterminate {
        background-color: #22ae12;
        border-color: #22ae12;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
    }

    .form-check-input:disabled {
        pointer-events: none;
        -webkit-filter: none;
        filter: none
    }

.form-switch {
    padding-left: 2.5em
}

    .form-switch .form-check-input {
        width: 2em;
        margin-left: -2.5em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 2em;
        -webkit-transition: background-position .15s ease-in-out;
        transition: background-position .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        -webkit-transition: none;
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23c285ad'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

    .btn-check:disabled + .btn, .btn-check[disabled] + .btn {
        pointer-events: none;
        -webkit-filter: none;
        filter: none;
        opacity: .65
    }

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

    .form-range:focus {
        outline: 0
    }

        .form-range:focus::-webkit-slider-thumb {
            -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(133,11,90,.25);
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(133,11,90,.25)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(133,11,90,.25)
        }

    .form-range::-moz-focus-outer {
        border: 0
    }

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

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

.form-range::-webkit-slider-thumb:active {
    background-color: #dab6ce
}

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

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

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

.form-range::-moz-range-thumb:active {
    background-color: #dab6ce
}

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

.form-range:disabled {
    pointer-events: none
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: #adb5bd
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: #adb5bd
    }

.form-floating {
    position: relative
}

    .form-floating > .form-control, .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        line-height: 1.25
    }

.btn, .input-group-text, .modal-title, .offcanvas-title, .popover, .tooltip {
    line-height: 1.5
}

.form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating > label {
        -webkit-transition: none;
        transition: none
    }
}

.form-floating > .form-control {
    padding: 1rem .75rem
}

    .form-floating > .form-control::-webkit-input-placeholder {
        color: transparent
    }

    .form-floating > .form-control::-moz-placeholder {
        color: transparent
    }

    .form-floating > .form-control:-ms-input-placeholder {
        color: transparent
    }

    .form-floating > .form-control::-ms-input-placeholder {
        color: transparent
    }

    .form-floating > .form-control::placeholder {
        color: transparent
    }

    .form-floating > .form-control:not(:-moz-placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control:not(:-ms-input-placeholder) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    opacity: .65;
    -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: .65;
    -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

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

    .input-group > .form-control, .input-group > .form-select {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

.accordion-button, .input-group-text, .toast-header {
    -webkit-box-align: center
}

.input-group > .form-control:focus, .input-group > .form-select:focus {
    z-index: 3
}

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

    .input-group .btn:focus {
        z-index: 3
    }

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    color: #212529;
    text-align: center;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 5px
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
    padding-right: 3rem
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #47a447
}

.valid-tooltip {
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #000;
    background-color: rgba(71,164,71,.9)
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover, .input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid {
    z-index: 1
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
    display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #47a447;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2347a447' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        border-color: #47a447;
        -webkit-box-shadow: 0 0 0 .25rem rgba(71,164,71,.25);
        box-shadow: 0 0 0 .25rem rgba(71,164,71,.25)
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: #47a447
}

    .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
        padding-right: 4.125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2347a447' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-valid:focus, .was-validated .form-select:valid:focus {
        border-color: #47a447;
        -webkit-box-shadow: 0 0 0 .25rem rgba(71,164,71,.25);
        box-shadow: 0 0 0 .25rem rgba(71,164,71,.25)
    }

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #47a447
}

    .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
        background-color: #47a447
    }

    .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(71,164,71,.25);
        box-shadow: 0 0 0 .25rem rgba(71,164,71,.25)
    }

    .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
        color: #47a447
    }

.input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

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

.invalid-tooltip {
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(210,50,45,.9)
}

.accordion-button:hover, .input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid {
    z-index: 2
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d2322d'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d2322d' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #d2322d;
        -webkit-box-shadow: 0 0 0 .25rem rgba(210,50,45,.25);
        box-shadow: 0 0 0 .25rem rgba(210,50,45,.25)
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d2322d'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d2322d' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
    border-color: #d2322d;
    -webkit-box-shadow: 0 0 0 .25rem rgba(210,50,45,.25);
    box-shadow: 0 0 0 .25rem rgba(210,50,45,.25)
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: #d2322d
}

    .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
        background-color: #d2322d
    }

    .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(210,50,45,.25);
        box-shadow: 0 0 0 .25rem rgba(210,50,45,.25)
    }

.accordion-button:focus, .btn-check:focus + .btn, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem rgba(34,174,18,1)
}

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

.btn, .btn:hover, .dropdown-item, .dropdown-menu {
    color: #212529
}

.input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.dropdown-toggle::after, .dropup .dropdown-toggle::after {
    vertical-align: .255em;
    content: ""
}

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

.btn-check:focus + .btn, .btn:focus {
    box-shadow: 0 0 0 .25rem rgba(151,48,115,.5)
}

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

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #096d31;
    border-color: #096d31;
    -webkit-box-shadow: 0 0 0 .25rem rgba(151,48,115,.5);
    box-shadow: 0 0 0 .25rem rgba(151,48,115,.5)
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #22ae12;
    border-color: #22ae12;
}

    .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(151,48,115,.5);
        box-shadow: 0 0 0 .25rem rgba(151,48,115,.5)
    }

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff
}

.btn-secondary {
    color: #000;
    background-color: #096d31;
    border-color: #096d31
}

    .btn-secondary:hover {
        color: #000;
        background-color: #22ae12;
        border-color: #22ae12
    }

    .btn-check:focus + .btn-secondary, .btn-secondary:focus {
        color: #000;
        background-color: #22ae12;
        border-color: #22ae12;
        -webkit-box-shadow: 0 0 0 .25rem rgba(151,48,115,.5);
        box-shadow: 0 0 0 .25rem rgba(151,48,115,.5)
    }

    .btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
        color: #000;
        background-color: #33bef2;
        border-color: #22ae12
    }

        .btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .25rem rgba(151,48,115,.5);
            box-shadow: 0 0 0 .25rem rgba(151,48,115,.5)
        }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #000;
        background-color: #096d31;
        border-color: #096d31
    }

.btn-check:focus + .btn-success, .btn-success:focus {
    color: #000;
    background-color: #63b263;
    border-color: #59ad59;
    -webkit-box-shadow: 0 0 0 .25rem rgba(151,48,115,.5);
    box-shadow: 0 0 0 .25rem rgba(151,48,115,.5)
}

.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
    color: #000;
    background-color: #6cb66c;
    border-color: #59ad59
}

    .btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(151,48,115,.5);
        box-shadow: 0 0 0 .25rem rgba(151,48,115,.5)
    }

.btn-success.disabled, .btn-success:disabled {
    color: #000
}

.btn-check:focus + .btn-info, .btn-info:focus {
    color: #000;
    background-color: #74c9e3;
    border-color: #6bc6e1;
    -webkit-box-shadow: 0 0 0 .25rem rgba(151,48,115,.5);
    box-shadow: 0 0 0 .25rem rgba(151,48,115,.5)
}

.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
    color: #000;
    background-color: #7ccde5;
    border-color: #6bc6e1
}

    .btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(151,48,115,.5);
        box-shadow: 0 0 0 .25rem rgba(151,48,115,.5)
    }

.btn-info.disabled, .btn-info:disabled {
    color: #000
}

.btn-check:focus + .btn-warning, .btn-warning:focus {
    color: #000;
    background-color: #f0ab48;
    border-color: #efa63e;
    -webkit-box-shadow: 0 0 0 .25rem rgba(151,48,115,.5);
    box-shadow: 0 0 0 .25rem rgba(151,48,115,.5)
}

.btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
    color: #000;
    background-color: #f1b053;
    border-color: #efa63e
}

    .btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(151,48,115,.5);
        box-shadow: 0 0 0 .25rem rgba(151,48,115,.5)
    }

.btn-warning.disabled, .btn-warning:disabled {
    color: #000
}

.btn-check:focus + .btn-danger, .btn-danger:focus {
    color: #fff;
    background-color: #b32b26;
    border-color: #a82824;
    -webkit-box-shadow: 0 0 0 .25rem rgba(217,81,77,.5);
    box-shadow: 0 0 0 .25rem rgba(217,81,77,.5)
}

.btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #a82824;
    border-color: #9e2622
}

    .btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(217,81,77,.5);
        box-shadow: 0 0 0 .25rem rgba(217,81,77,.5)
    }

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff
}

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

    .btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-check:focus + .btn-light, .btn-light.active, .btn-light:active, .btn-light:focus, .btn-light:hover, .show > .btn-light.dropdown-toggle {
        background-color: #f9fafb;
        border-color: #f9fafb;
        color: #000
    }

    .btn-check:focus + .btn-light, .btn-light:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(211,212,213,.5);
        box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
    }

    .btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(211,212,213,.5);
        box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
    }

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

.btn-check:focus + .btn-dark, .btn-dark:focus {
    color: #fff;
    background-color: #141414;
    border-color: #121212;
    -webkit-box-shadow: 0 0 0 .25rem rgba(58,58,58,.5);
    box-shadow: 0 0 0 .25rem rgba(58,58,58,.5)
}

.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #121212;
    border-color: #111
}

    .btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(58,58,58,.5);
        box-shadow: 0 0 0 .25rem rgba(58,58,58,.5)
    }

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff
}

.btn-outline-primary {
    color: #22ae12;
    border-color: #22ae12
}

    .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active, .btn-outline-primary:hover {
        color: #fff;
        background-color: #22ae12;
        border-color: #22ae12
    }

    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(133,11,90,.5);
        box-shadow: 0 0 0 .25rem rgba(133,11,90,.5)
    }

    .btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(133,11,90,.5);
        box-shadow: 0 0 0 .25rem rgba(133,11,90,.5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #22ae12;
        background-color: transparent
    }

.btn-outline-secondary {
    color: #096d31;
    border-color: #096d31
}

    .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active, .btn-outline-secondary:hover {
        color: #000;
        background-color: #096d31;
        border-color: #096d31
    }

    .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(0,174,239,.5);
        box-shadow: 0 0 0 .25rem rgba(0,174,239,.5)
    }

    .btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(0,174,239,.5);
        box-shadow: 0 0 0 .25rem rgba(0,174,239,.5)
    }

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

.btn-outline-success {
    color: #47a447;
    border-color: #47a447
}

    .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active, .btn-outline-success:hover {
        color: #000;
        background-color: #47a447;
        border-color: #47a447
    }

    .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(71,164,71,.5);
        box-shadow: 0 0 0 .25rem rgba(71,164,71,.5)
    }

    .btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(71,164,71,.5);
        box-shadow: 0 0 0 .25rem rgba(71,164,71,.5)
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #47a447;
        background-color: transparent
    }

.btn-outline-info {
    color: #5bc0de;
    border-color: #5bc0de
}

    .btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active, .btn-outline-info:hover {
        color: #000;
        background-color: #5bc0de;
        border-color: #5bc0de
    }

    .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(91,192,222,.5);
        box-shadow: 0 0 0 .25rem rgba(91,192,222,.5)
    }

    .btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(91,192,222,.5);
        box-shadow: 0 0 0 .25rem rgba(91,192,222,.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #5bc0de;
        background-color: transparent
    }

.btn-outline-warning {
    color: #ed9c28;
    border-color: #ed9c28
}

    .btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active, .btn-outline-warning:hover {
        color: #000;
        background-color: #ed9c28;
        border-color: #ed9c28
    }

    .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(237,156,40,.5);
        box-shadow: 0 0 0 .25rem rgba(237,156,40,.5)
    }

    .btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(237,156,40,.5);
        box-shadow: 0 0 0 .25rem rgba(237,156,40,.5)
    }

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

.btn-outline-danger {
    color: #d2322d;
    border-color: #d2322d
}

    .btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active, .btn-outline-danger:hover {
        color: #fff;
        background-color: #d2322d;
        border-color: #d2322d
    }

    .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(210,50,45,.5);
        box-shadow: 0 0 0 .25rem rgba(210,50,45,.5)
    }

    .btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(210,50,45,.5);
        box-shadow: 0 0 0 .25rem rgba(210,50,45,.5)
    }

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

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

    .btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active, .btn-outline-light:hover {
        color: #000;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

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

    .btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(248,249,250,.5);
        box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
    }

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

.btn-outline-dark {
    color: #171717;
    border-color: #171717
}

    .btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active, .btn-outline-dark:hover {
        color: #fff;
        background-color: #171717;
        border-color: #171717
    }

    .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(23,23,23,.5);
        box-shadow: 0 0 0 .25rem rgba(23,23,23,.5)
    }

    .btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(23,23,23,.5);
        box-shadow: 0 0 0 .25rem rgba(23,23,23,.5)
    }

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

.btn-link {
    font-weight: 400;
    color: #22ae12;
    text-decoration: underline
}

    .btn-link:hover {
        color: #6a0948
    }

    .btn-link.disabled, .btn-link:disabled {
        color: #6c757d
    }

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

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

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

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

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

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

.collapsing {
    height: 0;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

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

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    -webkit-transition: width .35s ease;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        -webkit-transition: none;
        transition: none
    }
}

.dropdown, .dropend, .dropstart, .dropup {
    position: relative
}

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

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

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

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: .125rem
    }

.dropdown-menu-start {
    --bs-position: start
}

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0
    }

.dropdown-menu-end {
    --bs-position: end
}

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto
    }

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-md-end {
        --bs-position: end
    }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

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

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

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

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

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

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropstart .dropdown-toggle::after {
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

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

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

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    border-top: 1px solid rgba(0,0,0,.15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    text-decoration: none;
    background-color: transparent;
    border: 0
}

.dropdown-menu-dark, .dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0,0,0,.15)
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

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

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

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

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

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40
}

    .dropdown-menu-dark .dropdown-item {
        color: #dee2e6
    }

        .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover {
            color: #fff;
            background-color: rgba(255,255,255,.15)
        }

        .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
            color: #fff;
            background-color: #22ae12
        }

        .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
            color: #adb5bd
        }

    .dropdown-menu-dark .dropdown-item-text {
        color: #dee2e6
    }

    .dropdown-menu-dark .dropdown-header {
        color: #adb5bd
    }

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

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

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

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

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%
}

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
    margin-left: -1px
}

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

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

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

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

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

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

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

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

    .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
        margin-top: -1px
    }

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

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

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

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #22ae12;
    text-decoration: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        -webkit-transition: none;
        transition: none
    }
}

.nav-link:focus, .nav-link:hover {
    color: #6a0948
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

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

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background: 0 0;
        border: 1px solid transparent;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

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

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

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

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

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 5px
}

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

.nav-fill .nav-item, .nav-fill > .nav-link {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

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

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

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

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

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none
}

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

.hstack, .list-group-horizontal, .navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal
}

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

.navbar-nav .dropdown-menu {
    position: static
}

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

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

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        -webkit-transition: none;
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem;
    box-shadow: 0 0 0 .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

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

        .navbar-expand-sm .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

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

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

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

        .navbar-expand-sm .navbar-toggler, .navbar-expand-sm .offcanvas-header {
            display: none
        }

        .navbar-expand-sm .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            -webkit-transition: none;
            transition: none;
            -webkit-transform: none;
            transform: none
        }

        .navbar-expand-sm .offcanvas-bottom, .navbar-expand-sm .offcanvas-top {
            height: auto;
            border-top: 0;
            border-bottom: 0
        }

        .navbar-expand-sm .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }
}

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

        .navbar-expand-md .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

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

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

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

        .navbar-expand-md .navbar-toggler, .navbar-expand-md .offcanvas-header {
            display: none
        }

        .navbar-expand-md .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            -webkit-transition: none;
            transition: none;
            -webkit-transform: none;
            transform: none
        }

        .navbar-expand-md .offcanvas-bottom, .navbar-expand-md .offcanvas-top {
            height: auto;
            border-top: 0;
            border-bottom: 0
        }

        .navbar-expand-md .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }
}

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

        .navbar-expand-lg .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

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

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

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

        .navbar-expand-lg .navbar-toggler, .navbar-expand-lg .offcanvas-header {
            display: none
        }

        .navbar-expand-lg .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            -webkit-transition: none;
            transition: none;
            -webkit-transform: none;
            transform: none
        }

        .navbar-expand-lg .offcanvas-bottom, .navbar-expand-lg .offcanvas-top {
            height: auto;
            border-top: 0;
            border-bottom: 0
        }

        .navbar-expand-lg .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }
}

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

        .navbar-expand-xl .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

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

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

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

        .navbar-expand-xl .navbar-toggler, .navbar-expand-xl .offcanvas-header {
            display: none
        }

        .navbar-expand-xl .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            -webkit-transition: none;
            transition: none;
            -webkit-transform: none;
            transform: none
        }

        .navbar-expand-xl .offcanvas-bottom, .navbar-expand-xl .offcanvas-top {
            height: auto;
            border-top: 0;
            border-bottom: 0
        }

        .navbar-expand-xl .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }
}

.card-img-overlay, .navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

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

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

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

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

    .navbar-expand .navbar-toggler, .navbar-expand .offcanvas-header {
        display: none
    }

    .navbar-expand .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        -webkit-transition: none;
        transition: none;
        -webkit-transform: none;
        transform: none
    }

.accordion-button, .alert, .btn .badge, .card, .list-group-item, .page-link {
    position: relative
}

.navbar-expand .offcanvas-bottom, .navbar-expand .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0
}

.navbar-expand .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.card, .progress-bar {
    -ms-flex-direction: column
}

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

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

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

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

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

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

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

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

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

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

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

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

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

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

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

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

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

.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 5px
}

.card-footer, .card-header {
    background-color: rgba(0,0,0,.03)
}

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

.card > .list-group {
    border-top: inherit;
    border-bottom: inherit
}

    .card > .list-group:first-child {
        border-top-width: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .card > .list-group:last-child {
        border-bottom-width: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .card > .card-header + .list-group, .card > .list-group + .card-footer {
        border-top: 0
    }

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

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

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

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

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

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

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

.card-footer {
    padding: .5rem 1rem;
    border-top: 1px solid rgba(0,0,0,.125)
}

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

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

.card-group > .card, .toast-container > :not(:last-child) {
    margin-bottom: .75rem
}

.card-img-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: 4px
}

.accordion-body, .accordion-button {
    padding: 1rem 1.25rem
}

.card-img, .card-img-bottom, .card-img-top {
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

@media (min-width:576px) {
    .card-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

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

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

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

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

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

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

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

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

.accordion-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        -webkit-transition: none;
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #780a51;
    background-color: #f3e7ef;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)
}

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23780a51'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

.accordion-button::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        -webkit-transition: none;
        transition: none
    }
}

.accordion-button:focus {
    z-index: 3;
    border-color: #c285ad;
    box-shadow: 0 0 0 .25rem rgba(133,11,90,.25)
}

.btn-close:focus, .page-link:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(133,11,90,.25);
    outline: 0
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

    .accordion-item:first-of-type {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px
        }

.accordion-flush .accordion-collapse {
    border-width: 0
}

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

    .accordion-flush .accordion-item:first-child {
        border-top: 0
    }

    .accordion-flush .accordion-item:last-child {
        border-bottom: 0
    }

    .accordion-flush .accordion-item .accordion-button {
        border-radius: 0
    }

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

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

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: .5rem;
        color: #6c757d;
        content: var(--bs-breadcrumb-divider,"/")
    }

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

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    display: block;
    color: #22ae12;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    padding: .375rem .75rem
}

    .page-link:focus, .page-link:hover {
        color: #6a0948;
        background-color: #e9ecef
    }

@media (prefers-reduced-motion:reduce) {
    .page-link {
        -webkit-transition: none;
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    box-shadow: 0 0 0 .25rem rgba(133,11,90,.25)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff
}

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

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

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

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

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

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

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

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

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

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    border-radius: 5px
}

    .badge:empty, .toast:not(.show) {
        display: none
    }

.progress, .progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    overflow: hidden
}

.btn .badge {
    top: -1px
}

.alert {
    padding: 1rem;
    border: 1px solid transparent;
    border-radius: 5px
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem
    }

.alert-secondary {
    color: #00688f;
    background-color: #cceffc;
    border-color: #b3e7fa
}

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

.alert-success {
    color: #2b622b;
    background-color: #daedda;
    border-color: #c8e4c8
}

    .alert-success .alert-link {
        color: #224e22
    }

.alert-info {
    color: #377385;
    background-color: #def2f8;
    border-color: #ceecf5
}

    .alert-info .alert-link {
        color: #2c5c6a
    }

.alert-warning {
    color: #8e5e18;
    background-color: #fbebd4;
    border-color: #fae1bf
}

    .alert-warning .alert-link {
        color: #724b13
    }

.alert-danger {
    color: #7e1e1b;
    background-color: #f6d6d5;
    border-color: #f2c2c0
}

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

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

    .alert-light .alert-link {
        color: #4f5050
    }

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    display: flex;
    height: 1rem;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 5px
}

.popover, .toast, .tooltip {
    font-size: .875rem
}

.progress-bar {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #22ae12;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

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

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        -webkit-transition: none;
        transition: none
    }

    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 5px
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

    .list-group-numbered > li::before {
        content: counters(section,".") ". ";
        counter-increment: section
    }

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

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

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

.list-group-item {
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

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

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff
    }

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

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px
        }

.list-group-horizontal {
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px
        }

@media (min-width:576px) {
    .list-group-horizontal-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: 5px;
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: 5px;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: 5px;
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: 5px;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: 5px;
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: 5px;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: 5px;
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: 5px;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px
    }

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

.list-group-item-primary {
    color: #500736;
    background-color: #e7cede
}

    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
        color: #500736;
        background-color: #d0b9c8
    }

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

.list-group-item-secondary {
    color: #00688f;
    background-color: #cceffc
}

    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #00688f;
        background-color: #b8d7e3
    }

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

.list-group-item-success {
    color: #2b622b;
    background-color: #daedda
}

    .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
        color: #2b622b;
        background-color: #c4d5c4
    }

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

.list-group-item-info {
    color: #377385;
    background-color: #def2f8
}

    .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
        color: #377385;
        background-color: #c8dadf
    }

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

.list-group-item-warning {
    color: #8e5e18;
    background-color: #fbebd4
}

    .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
        color: #8e5e18;
        background-color: #e2d4bf
    }

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

.list-group-item-danger {
    color: #7e1e1b;
    background-color: #f6d6d5
}

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

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

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

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

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

.list-group-item-dark {
    color: #0e0e0e;
    background-color: #d1d1d1
}

    .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
        color: #0e0e0e;
        background-color: #bcbcbc
    }

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

.btn-close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 5px
}

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

    .btn-close:focus {
        box-shadow: 0 0 0 .25rem rgba(133,11,90,.25);
        opacity: 1
    }

    .btn-close.disabled, .btn-close:disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: .25
    }

.modal-content, .toast {
    pointer-events: auto;
    background-clip: padding-box
}

    .modal-backdrop.fade, .toast.showing {
        opacity: 0
    }

.btn-close-white {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border-radius: 5px
}

.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

    .toast-header .btn-close {
        margin-right: -.375rem;
        margin-left: .75rem
    }

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .5rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px)
}

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

.modal-title {
    margin-bottom: 0
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.5rem - 1px);
    border-bottom-left-radius: calc(.5rem - 1px)
}

    .modal-footer > * {
        margin: .25rem
    }

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

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

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

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

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

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

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
        border-radius: 0
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto
    }

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto
        }
}

.tooltip {
    position: absolute;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    line-break: auto;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .tooltip-arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.call-to-action .call-to-action-content, .checkbox-custom label, .dialog, .external-event, .list.pull-left li, .modal-block, .popover, .radio-custom label, .white-popup-block {
    text-align: left
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    line-break: auto;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .5rem
}

    .popover .popover-arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem
    }

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

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(-.5rem - 1px)
}

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
        bottom: 0;
        border-width: .5rem .5rem 0;
        border-top-color: rgba(0,0,0,.25)
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
        bottom: 1px;
        border-width: .5rem .5rem 0;
        border-top-color: #fff
    }

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
        left: 0;
        border-width: .5rem .5rem .5rem 0;
        border-right-color: rgba(0,0,0,.25)
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
        left: 1px;
        border-width: .5rem .5rem .5rem 0;
        border-right-color: #fff
    }

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(-.5rem - 1px)
}

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
        top: 0;
        border-width: 0 .5rem .5rem;
        border-bottom-color: rgba(0,0,0,.25)
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
        top: 1px;
        border-width: 0 .5rem .5rem;
        border-bottom-color: #fff
    }

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

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

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
        right: 0;
        border-width: .5rem 0 .5rem .5rem;
        border-left-color: rgba(0,0,0,.25)
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
        right: 1px;
        border-width: .5rem 0 .5rem .5rem;
        border-left-color: #fff
    }

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: 1rem;
    color: #212529
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

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

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}

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

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

    .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

    .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 0s .6s;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next, .carousel-control-prev {
        -webkit-transition: none;
        transition: none
    }
}

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

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

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

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators [data-bs-target] {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        -webkit-transition: opacity .6s ease;
        transition: opacity .6s ease
    }

    .carousel-indicators .active {
        opacity: 1
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    -webkit-filter: invert(1) grayscale(100);
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.appear-animation, .offcanvas-backdrop.fade, .spinner-grow {
    opacity: 0
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-color: currentColor;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        -webkit-transition: none;
        transition: none
    }

    .spinner-border, .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.hstack, .offcanvas-header {
    display: -webkit-box;
    display: -ms-flexbox
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        -webkit-transition: none;
        transition: none
    }
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-bottom, .offcanvas-top {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%
}

.placeholder, .vr {
    min-height: 1em;
    background-color: currentColor
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem
}

    .offcanvas-header .btn-close {
        padding: .5rem;
        margin-top: -.5rem;
        margin-right: -.5rem;
        margin-bottom: -.5rem
    }

.offcanvas-title {
    margin-bottom: 0
}

.offcanvas-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0,0,0,.2);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0,0,0,.2);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.offcanvas-top {
    top: 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    border-top: 1px solid rgba(0,0,0,.2);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.offcanvas.show {
    -webkit-transform: none;
    transform: none
}

.placeholder {
    display: inline-block;
    vertical-align: middle;
    cursor: wait;
    opacity: .5
}

    .placeholder.btn::before {
        display: inline-block;
        content: ""
    }

.clearfix::after, .ratio::before {
    display: block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite
}

@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

.clearfix::after {
    clear: both
}

.link-primary {
    color: #22ae12
}

    .link-primary:focus, .link-primary:hover {
        color: #6a0948
    }

.link-secondary {
    color: #096d31
}

    .link-secondary:focus, .link-secondary:hover {
        color: #33bef2
    }

.link-success {
    color: #47a447
}

    .link-success:focus, .link-success:hover {
        color: #6cb66c
    }

.link-info {
    color: #5bc0de
}

    .link-info:focus, .link-info:hover {
        color: #7ccde5
    }

.link-warning {
    color: #ed9c28
}

    .link-warning:focus, .link-warning:hover {
        color: #f1b053
    }

.link-danger {
    color: #d2322d
}

    .link-danger:focus, .link-danger:hover {
        color: #a82824
    }

.link-light {
    color: #f8f9fa
}

    .link-light:focus, .link-light:hover {
        color: #f9fafb
    }

.link-dark {
    color: #171717
}

    .link-dark:focus, .link-dark:hover {
        color: #121212
    }

.ratio {
    position: relative;
    width: 100%
}

    .ratio::before {
        padding-top: var(--bs-aspect-ratio)
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

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

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%)
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%)
}

.fixed-top {
    top: 0
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.date-time-field, .vstack {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.vstack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.flex-column, .flex-row {
    -webkit-box-direction: normal !important
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

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

.vr {
    display: inline-block;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 1px;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.fc .fc-day-grid-container, .overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

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

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

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.DTTT_Print .dataTables_wrapper .DTTT.btn-group, .d-none, html.dark .hidden-on-dark {
    display: none !important
}

.shadow {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-sm {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    -webkit-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important
}

.translate-middle-x {
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important
}

.translate-middle-y {
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important
}

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

.border-0 {
    border: 0 !important
}

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

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

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

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

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

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

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

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

.border-primary {
    border-color: #22ae12 !important
}

.border-secondary {
    border-color: #096d31 !important
}

.border-success {
    border-color: #47a447 !important
}

.border-info {
    border-color: #5bc0de !important
}

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

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

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

.border-dark {
    border-color: #171717 !important
}

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

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

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

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

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

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

.w-auto {
    width: auto !important
}

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

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

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

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

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

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

.h-auto {
    height: auto !important
}

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

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-column-reverse, .flex-row-reverse {
    -webkit-box-direction: reverse !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

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

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

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

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

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

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

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important
}

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

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

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

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

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

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

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

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

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

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

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

.order-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important
}

.order-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important
}

.order-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important
}

.order-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important
}

.order-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important
}

.order-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important
}

.order-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important
}

.order-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

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

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

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

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

.m-auto {
    margin: auto !important
}

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

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

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

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

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

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

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

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

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

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

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

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

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

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

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

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

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

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

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

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

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

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

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

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

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

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

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

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

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

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

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

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

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

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

.note-editor .note-title, .pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

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

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

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

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

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

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

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

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

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

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

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

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

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

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    /*--bs-text-opacity: 1;*/
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,.5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important
}

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

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

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

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

.rounded-1 {
    border-radius: .25rem !important
}

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

.rounded-3 {
    border-radius: .5rem !important
}

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

.rounded-pill {
    border-radius: 50rem !important
}

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

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

.rounded-bottom, .rounded-start {
    border-bottom-left-radius: 5px !important
}

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

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {
    .flex-sm-column, .flex-sm-row {
        -webkit-box-direction: normal !important
    }

    .float-sm-start {
        float: left !important
    }

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

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

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

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

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

    .d-sm-grid {
        display: grid !important
    }

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

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

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

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

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

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

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

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

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

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

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

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

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

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

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

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

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

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

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

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

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

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

    .order-sm-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

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

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

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

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

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

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

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

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

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

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

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

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

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

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

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

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

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

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

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

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

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

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

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

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

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

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

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

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

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

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

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

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

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

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

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

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

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

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

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

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

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

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

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

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

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

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

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

@media (min-width:768px) {
    .flex-md-column, .flex-md-row {
        -webkit-box-direction: normal !important
    }

    .float-md-start {
        float: left !important
    }

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

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

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

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

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

    .d-md-grid {
        display: grid !important
    }

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

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

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

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

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

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

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

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

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

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

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

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

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

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

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

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

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

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

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

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

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

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

    .order-md-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important
    }

    .order-md-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

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

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

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

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

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

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

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

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

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

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

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

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

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

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

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

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

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

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

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

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

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

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

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

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

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

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

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

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

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

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

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

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

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

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

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

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

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

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

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

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

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

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

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

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

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

@media (min-width:992px) {
    .flex-lg-column, .flex-lg-row {
        -webkit-box-direction: normal !important
    }

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

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

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

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

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

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

    .d-lg-grid {
        display: grid !important
    }

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

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

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

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

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

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

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

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

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

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

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

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

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

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

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

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

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

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

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

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

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

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

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

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

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

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

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

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

    .order-lg-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

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

    .m-lg-1 {
        margin: .25rem !important
    }

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

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

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

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

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

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

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

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

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

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

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

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

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

@media (min-width:1200px) {
    .flex-xl-column, .flex-xl-row {
        -webkit-box-direction: normal !important
    }

    .float-xl-start {
        float: left !important
    }

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

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

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

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

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

    .d-xl-grid {
        display: grid !important
    }

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

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

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

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

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

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

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

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

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

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

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

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

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

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

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

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

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

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

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

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

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

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

    .order-xl-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

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

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

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

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

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

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

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

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

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

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

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

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

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

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

    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

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

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

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

    .d-print-grid {
        display: grid !important
    }

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

    .d-print-table-row {
        display: table-row !important
    }

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

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

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

@font-face {
    font-family: "Image Uploader Icons";
    src: url(../fonts/iu.eot);
    src: url(../fonts/iu.eot) format("embedded-opentype"),url(../fonts/iu.ttf) format("truetype"),url(../fonts/iu.woff) format("woff"),url(../fonts/iu.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.accordion a {
    cursor: pointer;
    text-decoration: none
}

    .accordion a:hover {
        text-decoration: none !important
    }

.accordion .card {
    margin-top: 5px !important
}

    .accordion .card:first-child {
        margin-top: 0
    }

.accordion .card-title {
    font-size: 16px
}

.accordion .card-header {
    padding: 0;
    border-radius: 3px !important;
    border-bottom: 0
}

    .accordion .card-header a {
        display: block;
        padding: 10px 20px
    }

        .accordion .card-header a:focus, .accordion .card-header a:hover {
            text-decoration: none
        }

        .accordion .card-header a [class^=icon-] {
            margin-right: 4px;
            position: relative;
            top: 1px
        }

        .accordion .card-header a .fa, .accordion .card-header a .fab, .accordion .card-header a .fal, .accordion .card-header a .far, .accordion .card-header a .fas, .accordion .card-header a .icons {
            display: inline-block;
            margin-right: 5px;
            position: relative;
            top: -1px
        }

.accordion .card-body {
    border-radius: 0 0 5px 5px
}

.accordion.accordion-sm .card-header a {
    padding: 5px 15px;
    font-size: .9em
}

.accordion.accordion-sm .card-body {
    font-size: .9em
}

.accordion.accordion-lg .card-header a {
    padding: 15px;
    font-size: 1em;
    font-weight: 600
}

.accordion.without-borders .card-body, .card-accordion .accordion-body, .card-body-nopadding, .card-subtitle, .card-title {
    padding: 0
}

.accordion.without-bg .card-default, .accordion.without-bg .card-default > .card-header {
    background: 0 0 !important
}

.accordion.without-bg .card-body {
    padding-top: 0;
    padding-bottom: 0
}

.accordion.without-borders .card {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #DDD;
    border-radius: 0
}

.accordion.without-borders .card-header a {
    padding-left: 0;
    padding-right: 0
}

.card-accordion {
    margin-top: 5px !important;
    border: 0 !important
}

    .card-accordion a:hover {
        text-decoration: none !important
    }

    .card-accordion.card-accordion-first {
        margin-top: 0 !important
    }

    .card-accordion .card-body {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .card-accordion .card-title {
        font-size: 1rem
    }

.alert-default {
    background-color: #ebebeb;
    border-color: #e3e3e3;
    color: #6c6c6c
}

    .alert-default .alert-link {
        color: #454545
    }

.alert-primary {
    background-color: #22ae12;
    border-color: #770a50;
    color: #FFF
}

    .alert-primary .alert-link {
        color: #27031a
    }

.alert-dark {
    background-color: #313131;
    border-color: #000;
    color: #cacaca
}

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

.appear-animation-visible {
    opacity: 1
}

@-webkit-keyframes fadeInUpShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(0,50px);
        transform: translate(0,50px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(0,50px);
        transform: translate(0,50px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpShorter {
    -webkit-animation-name: fadeInUpShorter;
    animation-name: fadeInUpShorter
}

@-webkit-keyframes fadeInLeftShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(50px,0);
        transform: translate(50px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(50px,0);
        transform: translate(50px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftShorter {
    -webkit-animation-name: fadeInLeftShorter;
    animation-name: fadeInLeftShorter
}

@-webkit-keyframes fadeInRightShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(-50px,0);
        transform: translate(-50px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(-50px,0);
        transform: translate(-50px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightShorter {
    -webkit-animation-name: fadeInRightShorter;
    animation-name: fadeInRightShorter
}

@-webkit-keyframes fadeInDownShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(0,-50px);
        transform: translate(0,-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(0,-50px);
        transform: translate(0,-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownShorter {
    -webkit-animation-name: fadeInDownShorter;
    animation-name: fadeInDownShorter
}

@-webkit-keyframes dotPulse {
    from {
        opacity: 1;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dotPulse {
    from {
        opacity: 1;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.dotPulse {
    -webkit-animation-name: dotPulse;
    animation-name: dotPulse;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

@-webkit-keyframes blurIn {
    from {
        opacity: 0;
        -webkit-filter: blur(20px);
        filter: blur(20px);
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    to {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: none;
        transform: none
    }
}

@keyframes blurIn {
    from {
        opacity: 0;
        -webkit-filter: blur(20px);
        filter: blur(20px);
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    to {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: none;
        transform: none
    }
}

.blurIn {
    -webkit-animation-name: blurIn;
    animation-name: blurIn
}

@-webkit-keyframes maskUp {
    from {
        -webkit-transform: translate(0,100%);
        transform: translate(0,100%)
    }

    to {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes maskUp {
    from {
        -webkit-transform: translate(0,100%);
        transform: translate(0,100%)
    }

    to {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes maskRight {
    from {
        -webkit-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }

    to {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes maskRight {
    from {
        -webkit-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }

    to {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes maskDown {
    from {
        -webkit-transform: translate(0,-100%);
        transform: translate(0,-100%)
    }

    to {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes maskDown {
    from {
        -webkit-transform: translate(0,-100%);
        transform: translate(0,-100%)
    }

    to {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes maskLeft {
    from {
        -webkit-transform: translate(100%,0);
        transform: translate(100%,0)
    }

    to {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes maskLeft {
    from {
        -webkit-transform: translate(100%,0);
        transform: translate(100%,0)
    }

    to {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.maskUp {
    -webkit-animation-name: maskUp;
    animation-name: maskUp
}

.maskRight {
    -webkit-animation-name: maskRight;
    animation-name: maskRight
}

.maskDown {
    -webkit-animation-name: maskDown;
    animation-name: maskDown
}

.maskLeft {
    -webkit-animation-name: maskLeft;
    animation-name: maskLeft
}

.badge-default {
    background: #ebebeb;
    color: #777
}

.badge-sm {
    font-size: 50%
}

.badge-md {
    padding: 6px 11px
}

.badge-ecommerce {
    font-size: .6rem;
    font-weight: 600;
    border-radius: 0;
    padding: .4rem .5rem
}

.badge-primary {
    background: #22ae12;
    color: #FFF
}

.badge-success {
    background: #47a447;
    color: #FFF
}

.badge-warning {
    background: #ed9c28;
    color: #FFF
}

.badge-danger {
    background: #d2322d;
    color: #FFF
}

.badge-info {
    background: #5bc0de;
    color: #FFF
}

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

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    .btn-default:active, .btn-default:focus, .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

.btn {
    font-size: .9rem;
    padding: .47rem .75rem;
    cursor: pointer
}

    .btn.btn-xs, .dataTables_wrapper div.dataTables_info {
        font-size: .7rem
    }

    .btn.btn-xs {
        padding: .2rem .5rem
    }

    .btn-group-sm > .btn, .btn.btn-sm {
        font-size: 16px;
        padding: .3rem .65rem
    }

    .btn-group-lg > .btn, .btn.btn-lg {
        font-size: 1rem;
        padding: .5rem 1rem
    }

    .btn.btn-xl {
        font-size: 1rem;
        padding: .8rem 2rem
    }

    .btn.btn-px-1 {
        padding-left: .35rem;
        padding-right: .35rem
    }

    .btn.btn-px-2 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .btn.btn-px-3 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .btn.btn-px-4 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .btn.btn-px-5 {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }

    .btn.btn-py-1 {
        padding-top: .35rem;
        padding-bottom: .35rem
    }

    .btn.btn-py-2 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .btn.btn-py-3 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .btn.btn-py-4 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .btn.btn-py-5 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

.btn-rounded {
    border-radius: 35px
}

.btn-modern {
    text-transform: uppercase;
    font-size: .8em;
    padding: .8rem 1.5rem;
    font-weight: 600
}

.btn-primary {
    background-color: #096d31;
    border-color: #096d31 #096d31 #096d31;
    color: #FFF
}

    .btn-primary.hover, .btn-primary:hover {
        background-color: #22ae12;
        border-color: #22ae12 #22ae12 #22ae12;
        color: #FFF
    }

    .btn-primary.focus, .btn-primary:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(133,11,90,.5);
        box-shadow: 0 0 0 3px rgba(133,11,90,.5);
        color: #FFF
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: #22ae12;
        border-color: #22ae12 #22ae12 #22ae12
    }

    .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
        background-color: #22ae12;
        background-image: none;
        border-color: #22ae12 #22ae12 #22ae12
    }

.btn-success {
    background-color: #47a447;
    border-color: #47a447 #47a447 #388038;
    color: #FFF
}

    .btn-success.hover, .btn-success:hover {
        background-color: #5ab75a;
        border-color: #63bb63 #63bb63 #47a447;
        color: #FFF
    }

    .btn-success.focus, .btn-success:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(34,174,18,1);
        box-shadow: 0 0 0 3px rgba(34,174,18,1));
        color: #FFF
    }

    .btn-success.disabled, .btn-success:disabled {
        background-color: #47a447;
        border-color: #47a447 #47a447 #388038
    }

    .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
        background-color: #3b893b;
        background-image: none;
        border-color: #388038 #388038 #285d28
    }

.btn-warning {
    background-color: #ed9c28;
    border-color: #ed9c28 #ed9c28 #d18211;
    color: #FFF
}

    .btn-warning.hover, .btn-warning:hover {
        background-color: #f0ac4b;
        border-color: #f1b257 #f1b257 #ed9c28;
        color: #FFF
    }

    .btn-warning.focus, .btn-warning:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(237,156,40,.5);
        box-shadow: 0 0 0 3px rgba(237,156,40,.5);
        color: #FFF
    }

    .btn-warning.disabled, .btn-warning:disabled {
        background-color: #ed9c28;
        border-color: #ed9c28 #ed9c28 #d18211
    }

    .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
        background-color: #dc8912;
        background-image: none;
        border-color: #d18211 #d18211 #a1650e
    }

.btn-danger {
    background-color: #d2322d;
    border-color: #d2322d #d2322d #a82824;
    color: #FFF
}

    .btn-danger.hover, .btn-danger:hover {
        background-color: #d9514d;
        border-color: #db5b57 #db5b57 #d2322d;
        color: #FFF
    }

    .btn-danger.focus, .btn-danger:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(210,50,45,.5);
        box-shadow: 0 0 0 3px rgba(210,50,45,.5);
        color: #FFF
    }

    .btn-danger.disabled, .btn-danger:disabled {
        background-color: #d2322d;
        border-color: #d2322d #d2322d #a82824
    }

    .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
        background-color: #b32b26;
        background-image: none;
        border-color: #a82824 #a82824 #7e1e1b
    }

.btn-info {
    background-color: #5bc0de;
    border-color: #5bc0de #5bc0de #31b0d5;
    color: #FFF
}

    .btn-info.hover, .btn-info:hover {
        background-color: #7bcce4;
        border-color: #85d0e7 #85d0e7 #5bc0de;
        color: #FFF
    }

    .btn-info.focus, .btn-info:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(91,192,222,.5);
        box-shadow: 0 0 0 3px rgba(91,192,222,.5);
        color: #FFF
    }

    .btn-info.disabled, .btn-info:disabled {
        background-color: #5bc0de;
        border-color: #5bc0de #5bc0de #31b0d5
    }

    .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
        background-color: #3bb4d8;
        background-image: none;
        border-color: #31b0d5 #31b0d5 #2390b0
    }

.btn-dark {
    background-color: #171717;
    border-color: #171717 #171717 #000;
    color: #FFF
}

    .btn-dark.hover, .btn-dark:hover {
        background-color: #2a2a2a;
        border-color: #313131 #313131 #171717;
        color: #FFF
    }

    .btn-dark.focus, .btn-dark:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(23,23,23,.5);
        box-shadow: 0 0 0 3px rgba(23,23,23,.5);
        color: #FFF
    }

    .btn-dark.disabled, .btn-dark:disabled {
        background-color: #171717;
        border-color: #171717 #171717 #000
    }

    .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
        background-color: #040404;
        background-image: none;
        border-color: #000
    }

.btn-gradient:not(.btn-outline), .btn-gradient:not(.btn-outline).active, .btn-gradient:not(.btn-outline).disabled, .btn-gradient:not(.btn-outline).focus, .btn-gradient:not(.btn-outline).hover, .btn-gradient:not(.btn-outline):active, .btn-gradient:not(.btn-outline):disabled, .btn-gradient:not(.btn-outline):focus, .btn-gradient:not(.btn-outline):hover {
    border: 0
}

.btn-gradient.btn-outline, .btn-gradient.btn-outline.active, .btn-gradient.btn-outline.disabled, .btn-gradient.btn-outline.hover, .btn-gradient.btn-outline:active, .btn-gradient.btn-outline:disabled, .btn-gradient.btn-outline:hover {
    border: 2px solid transparent
}

.btn-gradient.btn-outline {
    background: 0 0;
    border-image-slice: 1 !important
}

html .btn-facebook, html .btn-facebook:active, html .btn-facebook:focus, html .btn-facebook:hover, html .btn-gplus, html .btn-gplus:active, html .btn-gplus:focus, html .btn-gplus:hover, html .btn-twitter, html .btn-twitter:active, html .btn-twitter:focus, html .btn-twitter:hover {
    color: #FFF;
    font-weight: 300;
    padding-left: 30px;
    padding-right: 30px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2)
}

    html .btn-facebook, html .btn-facebook:focus {
        background: #3B5998;
        border: 1px solid #37538D
    }

        html .btn-facebook:hover {
            background: #4162a7;
            border-color: #3d5c9c
        }

        html .btn-facebook:active {
            background: #37538d;
            border-color: #334d82
        }

    html .btn-twitter, html .btn-twitter:focus {
        background: #55ACEE;
        border: 1px solid #47A5ED
    }

        html .btn-twitter:hover {
            background: #63b3ef;
            border-color: #55acee
        }

        html .btn-twitter:active {
            background: #47a5ed;
            border-color: #399eec
        }

    html .btn-gplus, html .btn-gplus:focus {
        background: #D95232;
        border: 1px solid #D44927
    }

        html .btn-gplus:hover {
            background: #dc6143;
            border-color: #da5635
        }

        html .btn-gplus:active {
            background: #d04727;
            border-color: #c34324
        }

.btn-icon-right i {
    margin-right: 0;
    margin-left: 10px
}

html.dark .btn-default {
    background-color: #282d36;
    border-color: #282d36;
    color: #EEE
}

    html.dark .btn-default.active, html.dark .btn-default:active, html.dark .btn-default:focus, html.dark .btn-default:hover, html.dark .show > .dropdown-toggle.btn-default {
        color: #EEE;
        background-color: #242830;
        border-color: #242830
    }

.call-to-action {
    padding: 25px;
    border-radius: 5px
}

    .call-to-action.call-to-action-primary {
        background-color: #22ae12
    }

    .call-to-action .call-to-action-content .h2, .call-to-action .call-to-action-content h2 {
        color: #FFF;
        font-weight: 100
    }

    .call-to-action .call-to-action-content p {
        color: #FFF;
        font-size: 16px;
        font-weight: 100
    }

    .call-to-action .call-to-action-btn {
        margin-top: 45px
    }

        .call-to-action .call-to-action-btn a.btn:not(.btn-primary) {
            border-radius: 6px;
            font-size: 16px;
            padding: 12px 33px;
            margin-right: 15px
        }

        .call-to-action .call-to-action-btn > span {
            position: relative;
            color: #FFF
        }

            .call-to-action .call-to-action-btn > span .arrow {
                position: absolute;
                top: -55px;
                left: -70px
            }

@media (max-width:1276px) {
    .call-to-action .call-to-action-btn > span {
        display: none
    }
}

@media (max-width:767px) {
    .call-to-action .call-to-action-btn {
        margin-top: 0;
        float: none !important
    }
}

.call-to-action.call-to-action-grey {
    position: relative;
    background-color: #ecedf0
}

    .call-to-action.call-to-action-grey:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        background-color: #ecedf0;
        z-index: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .call-to-action.call-to-action-grey .call-to-action-content .h2, .call-to-action.call-to-action-grey .call-to-action-content h2 {
        color: #171717
    }

    .call-to-action.call-to-action-grey .call-to-action-content p {
        color: #777
    }

.call-to-action.call-to-action-top {
    margin: -40px;
    border-radius: 0;
    padding: 40px 25px
}

@media (max-width:767px) {
    .call-to-action.call-to-action-top {
        margin-top: -16px
    }
}

@media (max-width:1400px) {
    html:not(.sidebar-left-collapsed) .call-to-action .call-to-action-btn > span {
        display: none
    }
}

@media (min-width:768px) and (max-width:1199px) {
    html:not(.sidebar-left-collapsed) .call-to-action .call-to-action-btn {
        margin-top: 0;
        float: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    html:not(.sidebar-left-collapsed) .call-to-action .col-sm-3, html:not(.sidebar-left-collapsed) .call-to-action .col-sm-4, html:not(.sidebar-left-collapsed) .call-to-action .col-sm-8, html:not(.sidebar-left-collapsed) .call-to-action .col-sm-9 {
        width: 100%
    }
}

html:not(.sidebar-left-collapsed).boxed .call-to-action .call-to-action-btn {
    margin-top: 0;
    float: none !important
}

    html:not(.sidebar-left-collapsed).boxed .call-to-action .call-to-action-btn > span {
        display: none
    }

html.dark .call-to-action.call-to-action-grey, html.dark .call-to-action.call-to-action-grey:before {
    background-color: #1d2127
}

.card {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    word-wrap: break-word
}

    .card.card-admin {
        margin-bottom: 3rem
    }

.card-header {
    background: #f6f6f6;
    border-radius: 5px 5px 0 0 !important;
    border-bottom: 1px solid #DADADA;
    padding: 18px;
    position: relative
}

    .card-header.bg-danger, .card-header.bg-dark, .card-header.bg-info, .card-header.bg-primary, .card-header.bg-success, .card-header.bg-warning, .card-header.bg-white {
        border-bottom: 0 none;
        border-right: 0 none
    }

    .card-header.bg-primary {
        background: #22ae12;
        color: #FFF
    }

    .card-header.bg-success {
        background: #47a447;
        color: #FFF
    }

    .card-header.bg-warning {
        background: #ed9c28;
        color: #FFF
    }

    .card-header.bg-danger {
        background: #d2322d;
        color: #FFF
    }

    .card-header.bg-info {
        background: #5bc0de;
        color: #FFF
    }

    .card-header.bg-dark {
        background: #171717;
        color: #FFF
    }

    .card-header.bg-white {
        background: #fff
    }

.card-actions {
    right: 15px;
    position: absolute;
    top: 15px
}

    .card-actions .card-action, .card-actions a {
        background-color: transparent;
        border-radius: 2px;
        color: #B4B4B4;
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        width: 24px
    }

        .card-actions .card-action:hover, .card-actions a:hover {
            background-color: #eee;
            color: #B4B4B4
        }

        .card-actions .card-action, .card-actions .card-action:active, .card-actions .card-action:focus, .card-actions .card-action:hover, .card-actions .card-action:visited, .card-actions a, .card-actions a:active, .card-actions a:focus, .card-actions a:hover, .card-actions a:visited {
            outline: 0 !important;
            text-decoration: none !important
        }

.card-title {
    color: #33353F;
    font-size: 18px;
    line-height: 18px;
    text-transform: none;
    margin: 0;
    font-weight: 600;
    letter-spacing: -1px
}

.card-subtitle {
    color: #808697;
    font-size: 13px;
    line-height: 1.2em;
    margin: 7px 0 0
}

.card-body {
    background: #fdfdfd;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border-radius: 5px
}

.card-footer, .card-header + .card-body {
    border-radius: 0 0 5px 5px
}

.card-footer {
    margin-top: -5px;
    background: #FFF
}

    .card-footer::after {
        display: block;
        clear: both;
        content: ""
    }

    .card-footer .pager {
        margin: 0;
        padding: 5px 0
    }

        .card-footer .pager::after {
            display: block;
            clear: both;
            content: ""
        }

.card-footer-btn-group {
    display: table;
    width: 100%;
    padding: 0;
    border-radius: 0 0 5px 5px !important;
    overflow: hidden
}

    .card-footer-btn-group a {
        background-color: #f5f5f5;
        display: table-cell;
        border-left: 1px solid #ddd;
        padding: 10px 15px;
        text-decoration: none
    }

        .card-footer-btn-group a:hover {
            background-color: #f0f0f0;
            -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1) inset;
            box-shadow: 0 0 7px rgba(0,0,0,.1) inset
        }

        .card-footer-btn-group a:first-child {
            border-left: none
        }

.card-body.bg-primary {
    background: #22ae12;
    color: #FFF
}

.card-body.bg-success {
    background: #47a447;
    color: #FFF
}

.card-body.bg-warning {
    background: #ed9c28;
    color: #FFF
}

.card-body.bg-danger {
    background: #d2322d;
    color: #FFF
}

.card-body.bg-info {
    background: #5bc0de;
    color: #FFF
}

.card-body.bg-dark {
    background: #171717;
    color: #FFF
}

.card-featured {
    border-top: 3px solid #33353F
}

    .card-featured .card-header {
        border-radius: 0
    }

.card-featured-top {
    border-top: 3px solid #22ae12
}

.card-featured-right {
    border-right: 3px solid #22ae12
}

.card-featured-bottom {
    border-bottom: 3px solid #22ae12
}

.card-featured-left {
    border-left: 3px solid #22ae12
}

.card-featured-primary {
    border-color: #22ae12
}

    .card-featured-primary .card-title {
        color: #22ae12
    }

.card-featured-success {
    border-color: #47a447
}

    .card-featured-success .card-title {
        color: #47a447
    }

.card-featured-warning {
    border-color: #ed9c28
}

    .card-featured-warning .card-title {
        color: #ed9c28
    }

.card-featured-danger {
    border-color: #d2322d
}

    .card-featured-danger .card-title {
        color: #d2322d
    }

.card-featured-info {
    border-color: #5bc0de
}

    .card-featured-info .card-title {
        color: #5bc0de
    }

.card-featured-dark {
    border-color: #171717
}

    .card-featured-dark .card-title {
        color: #171717
    }

.card-highlight .card-header {
    background-color: #22ae12;
    border-color: #22ae12;
    color: #fff
}

.card-highlight .card-title {
    color: #fff
}

.card-highlight .card-subtitle {
    color: #fff;
    color: rgba(255,255,255,.7)
}

.card-highlight .card-actions a {
    background-color: rgba(0,0,0,.1);
    color: #fff
}

.card-highlight .card-body {
    background-color: #22ae12;
    color: #fff
}

.card-highlight-title .card-header {
    background-color: #2BAAB1
}

.card-highlight-title .card-title {
    color: #fff
}

.card-highlight-title .card-subtitle {
    color: #fff;
    color: rgba(255,255,255,.7)
}

.card-header-icon, .card-highlight-title .card-actions a {
    color: #fff;
    background-color: rgba(0,0,0,.1)
}

.card-header-icon {
    margin: 0 auto;
    font-size: 2.8rem;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-radius: 55px
}

    .card-header-icon.bg-primary {
        background: #22ae12;
        color: #FFF
    }

    .card-header-icon.bg-success {
        background: #47a447;
        color: #FFF
    }

    .card-header-icon.bg-warning {
        background: #ed9c28;
        color: #FFF
    }

    .card-header-icon.bg-danger {
        background: #d2322d;
        color: #FFF
    }

    .card-header-icon.bg-info {
        background: #5bc0de;
        color: #FFF
    }

    .card-header-icon.bg-dark {
        background: #171717;
        color: #FFF
    }

.card-icon, .checkbox-primary input[type=checkbox]:checked + label:after, html.dark .checkbox-custom input[type=checkbox]:checked + label:after, html.dark .checkbox-primary input[type=checkbox]:checked + label:after {
    color: #fff
}

.card-header-profile-picture img {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    border-radius: 50px
}

.card-icon {
    font-size: 42px;
    float: left
}

    .card-icon ~ .card-subtitle, .card-icon ~ .card-title {
        margin-left: 64px
    }

html.dark .card-header {
    background: #282d36;
    border-bottom-color: #1d2127
}

html.dark .card-actions a:hover {
    background-color: #242830
}

html.dark .card-body {
    background: #2e353e
}

html.dark .card-footer {
    background: #242830;
    border-top-color: #191c21
}

html .card-primary .card-header {
    background: #22ae12
}

html .card-primary .card-subtitle {
    opacity: .8;
    color: #FFF
}

html .card-primary .card-title {
    color: #FFF
}

html .card-primary .card-actions a {
    background-color: transparent !important;
    color: #FFF
}

html .card-success .card-header {
    background: #47a447
}

html .card-success .card-subtitle {
    opacity: .8;
    color: #FFF
}

html .card-success .card-title {
    color: #FFF
}

html .card-success .card-actions a {
    background-color: transparent !important;
    color: #FFF
}

html .card-warning .card-header {
    background: #ed9c28
}

html .card-warning .card-subtitle {
    opacity: .8;
    color: #FFF
}

html .card-warning .card-title {
    color: #FFF
}

html .card-warning .card-actions a {
    background-color: transparent !important;
    color: #FFF
}

html .card-danger .card-header {
    background: #d2322d
}

html .card-danger .card-subtitle {
    opacity: .8;
    color: #FFF
}

html .card-danger .card-title {
    color: #FFF
}

html .card-danger .card-actions a {
    background-color: transparent !important;
    color: #FFF
}

html .card-info .card-header {
    background: #5bc0de
}

html .card-info .card-subtitle {
    opacity: .8;
    color: #FFF
}

html .card-info .card-title {
    color: #FFF
}

html .card-info .card-actions a {
    background-color: transparent !important;
    color: #FFF
}

html .card-dark .card-header {
    background: #171717
}

html .card-dark .card-subtitle {
    opacity: .8;
    color: #FFF
}

html .card-dark .card-title {
    color: #FFF
}

html .card-dark .card-actions a {
    background-color: transparent !important;
    color: #FFF
}

html .card-transparent > .card-header {
    background: 0 0;
    border: 0;
    padding-left: 0;
    padding-right: 0
}

    html .card-transparent > .card-header .card-actions {
        right: 0
    }

    html .card-transparent > .card-header + .card-body {
        border-radius: 5px
    }

html .card-transparent > .card-body {
    padding: 0;
    border-radius: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

html .card .card-header-transparent {
    background: 0 0;
    border: 0;
    padding-left: 0;
    padding-right: 0
}

    html .card .card-header-transparent .card-actions {
        right: 0
    }

    html .card .card-header-transparent + .card-body {
        border-radius: 5px
    }

.card-horizontal {
    display: table;
    width: 100%
}

    .card-horizontal .card-body, .card-horizontal .card-footer, .card-horizontal .card-header {
        display: table-cell;
        vertical-align: middle
    }

    .card-horizontal .card-header {
        border-radius: 5px 0 0 5px !important
    }

        .card-horizontal .card-footer, .card-horizontal .card-header + .card-body {
            border-radius: 0 5px 5px 0 !important
        }

    .card-horizontal .card-footer {
        margin-top: 0
    }

.card.card-modern {
    border-radius: 7px;
    -webkit-box-shadow: 0 0 37px -36px rgba(0,0,0,.4);
    box-shadow: 0 0 37px -36px rgba(0,0,0,.4)
}

    .card.card-modern .card-header {
        background: #FFF;
        border-bottom: 0;
        padding: 25px
    }

        .card.card-modern .card-header .card-title {
            font-size: 1.15rem;
            font-weight: 700;
            line-height: 1.2
        }

        .card.card-modern .card-header + .card-body {
            padding-top: 5px
        }

    .card.card-modern .card-actions {
        right: 20px;
        top: 23px
    }

        .card.card-modern .card-actions .card-action, .card.card-modern .card-actions a {
            color: #717171;
            font-size: 10px
        }

    .card.card-modern .card-action-toggle:before {
        content: "";
        font-family: "Font Awesome 5 Free";
        font-weight: 900
    }

    .card.card-modern.card-collapsed .card-action-toggle:before {
        content: ""
    }

    .card.card-modern .card-body {
        background: #FFF;
        padding: 25px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .card.card-modern .widget-user-info .widget-user-info-header {
        border-radius: 7px 7px 0 0
    }

    .card.card-modern .widget-user-info .widget-user-info-body {
        border-radius: 0 0 7px 7px
    }

    .card.card-modern.card-modern-table-over-header .datatables-header-footer-wrapper {
        margin-top: -60px
    }

        .card.card-modern.card-modern-table-over-header .datatables-header-footer-wrapper .datatable-header {
            padding-right: 40px
        }

    .card.card-modern.card-modern-alt-padding .card-body {
        padding: 20px
    }

@media (max-width:767px) {
    .card.card-modern .card-actions {
        position: absolute
    }
}

.card.card-big-info .card-body {
    padding: 0;
    background: #FFF
}

    .card.card-big-info .card-body > .row {
        margin-right: 0;
        margin-left: 0
    }

        .card.card-big-info .card-body > .row > div[class*=col-] {
            padding: 2.5rem 2rem
        }

            .card.card-big-info .card-body > .row > div[class*=col-]:first-child {
                background: #f9f9f9
            }

                .card.card-big-info .card-body > .row > div[class*=col-]:first-child .card-big-info-title {
                    color: #222529;
                    font-size: 1.3rem;
                    font-weight: 700;
                    line-height: 1.2;
                    margin: 0 0 10px
                }

                .card.card-big-info .card-body > .row > div[class*=col-]:first-child .card-big-info-icon {
                    position: relative;
                    left: -6px;
                    color: #e7e7e7;
                    font-size: 5.2rem;
                    margin-bottom: 10px
                }

#flotTip, html .card-danger .card-actions a, html .card-danger .card-title, html .card-dark .card-actions a, html .card-dark .card-title, html .card-info .card-actions a, html .card-info .card-title, html .card-primary .card-actions a, html .card-primary .card-title, html .card-quaternary .card-actions a, html .card-quaternary .card-title, html .card-secondary .card-actions a, html .card-secondary .card-title, html .card-success .card-actions a, html .card-success .card-title, html .card-tertiary .card-actions a, html .card-tertiary .card-title, html .card-warning .card-actions a, html .card-warning .card-title {
    color: #FFF
}

.card-action-dismiss, .card-action-toggle {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .card-action-toggle:before {
        content: ""
    }

.card-collapsed .card-action-toggle:before {
    content: ""
}

.card-action-dismiss:before {
    content: ""
}

.card-collapsed .card-body, .card-collapsed .card-footer {
    display: none
}

@media only screen and (max-width:767px) {
    .card-actions {
        float: none;
        margin-bottom: 15px;
        text-align: right
    }

        .card-actions a {
            vertical-align: top
        }
}

@media (min-width:576px) {
    .card-group .card + .card {
        border-left: 1px solid #DDD
    }
}

.owl-carousel {
    margin-bottom: 20px
}

    .owl-carousel .owl-item img {
        -webkit-transform-style: unset;
        transform-style: unset
    }

    .owl-carousel .thumbnail {
        margin-right: 1px
    }

    .owl-carousel .owl-nav {
        top: 50%;
        position: absolute;
        margin-top: -20px;
        width: 100%
    }

        .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
            display: inline-block;
            position: absolute;
            width: 30px;
            height: 30px;
            outline: 0
        }

        .owl-carousel .owl-nav button.owl-prev {
            left: -5px
        }

            .owl-carousel .owl-nav button.owl-prev:before {
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "";
                position: relative;
                left: -1px;
                top: 1px
            }

        .owl-carousel .owl-nav button.owl-next {
            right: -5px
        }

            .owl-carousel .owl-nav button.owl-next:before {
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "";
                position: relative;
                left: 2px;
                top: 1px
            }

    .owl-carousel button.owl-dot {
        outline: 0
    }

    .owl-carousel.stage-margin .owl-stage-outer {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

        .owl-carousel.stage-margin .owl-stage-outer .owl-stage {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

    .owl-carousel.show-nav-hover .owl-nav {
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }

        .owl-carousel.show-nav-hover .owl-nav button.owl-prev {
            left: -20px
        }

        .owl-carousel.show-nav-hover .owl-nav button.owl-next {
            right: -20px
        }

    .owl-carousel.show-nav-hover:hover .owl-nav {
        opacity: 1
    }

    .owl-carousel.show-nav-title .owl-nav {
        top: 0;
        right: 0;
        margin-top: -45px;
        width: auto
    }

        .owl-carousel.show-nav-title .owl-nav button[class*=owl-], .owl-carousel.show-nav-title .owl-nav button[class*=owl-]:active, .owl-carousel.show-nav-title .owl-nav button[class*=owl-]:hover {
            background: 0 0 !important;
            width: 18px;
            font-size: 18px
        }

        .owl-carousel.show-nav-title .owl-nav button.owl-prev {
            left: -45px
        }

    .owl-carousel.rounded-nav .owl-nav button[class*=owl-] {
        padding: 3px 7px;
        border-radius: 50%;
        background: 0 0;
        border: 1px solid #999 !important;
        color: #999
    }

        .owl-carousel.rounded-nav .owl-nav button[class*=owl-].hover, .owl-carousel.rounded-nav .owl-nav button[class*=owl-]:hover {
            background: 0 0 !important;
            border: 1px solid #a1a1a1 !important;
            color: #a1a1a1 !important
        }

        .owl-carousel.rounded-nav .owl-nav button[class*=owl-].active, .owl-carousel.rounded-nav .owl-nav button[class*=owl-]:active {
            background: 0 0 !important;
            border: 1px solid #666 !important;
            color: #666 !important
        }

    .owl-carousel.nav-bottom .owl-nav {
        position: static;
        margin: 0;
        padding: 0;
        width: auto
    }

        .owl-carousel.nav-bottom .owl-nav button.owl-next, .owl-carousel.nav-bottom .owl-nav button.owl-prev {
            position: static
        }

    .owl-carousel.nav-bottom-inside .owl-nav {
        position: relative;
        margin: -4.3rem 0 0;
        padding: 0;
        width: auto
    }

        .owl-carousel.nav-bottom-inside .owl-nav button.owl-next, .owl-carousel.nav-bottom-inside .owl-nav button.owl-prev {
            position: static
        }

    .owl-carousel.nav-inside .owl-dots, .owl-carousel.nav-inside .owl-nav {
        bottom: 2px;
        margin-top: 10px;
        position: absolute;
        right: 6px
    }

    .owl-carousel.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-style-1 .owl-nav .owl-prev {
        width: 20px;
        background: 0 0 !important;
        color: #000
    }

        .owl-carousel.nav-style-1 .owl-nav .owl-next:active, .owl-carousel.nav-style-1 .owl-nav .owl-next:hover, .owl-carousel.nav-style-1 .owl-nav .owl-prev:active, .owl-carousel.nav-style-1 .owl-nav .owl-prev:hover {
            color: #CCC
        }

    .owl-carousel.nav-style-1.nav-style-1-light .owl-nav .owl-next, .owl-carousel.nav-style-1.nav-style-1-light .owl-nav .owl-prev {
        color: #FFF !important
    }

    .owl-carousel.nav-center-outside .owl-nav {
        width: calc(100% + 90px);
        left: 49.9%;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    .owl-carousel.big-nav .owl-nav, .owl-carousel.full-width .owl-nav {
        margin-top: -30px
    }

        .owl-carousel.big-nav .owl-nav button[class*=owl-], .owl-carousel.big-nav .owl-nav button[class*=owl-]:hover, .owl-carousel.full-width .owl-nav button[class*=owl-], .owl-carousel.full-width .owl-nav button[class*=owl-]:hover {
            height: auto;
            padding: 20px 0 !important
        }

        .owl-carousel.big-nav .owl-nav button.owl-prev, .owl-carousel.full-width .owl-nav button.owl-prev {
            border-radius: 0 4px 4px 0
        }

        .owl-carousel.big-nav .owl-nav button.owl-next, .owl-carousel.full-width .owl-nav button.owl-next {
            border-radius: 4px 0 0 4px
        }

.carousel-areas, .carousel-areas .owl-carousel:first-child img {
    border-radius: 6px 6px 0 0
}

.owl-carousel.top-border {
    border-top: 1px solid #DBDBDB;
    padding-top: 18px
}

.owl-carousel.carousel-sync-style-1 {
    position: absolute;
    top: 50%;
    left: -30px;
    max-width: 355px;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.owl-carousel-spaced {
    margin-left: -5px
}

    .owl-carousel-spaced .owl-item > div {
        margin: 5px
    }

.owl-carousel.testimonials img {
    display: inline-block;
    height: 70px;
    width: 70px
}

@media (max-width:575px) {
    .owl-carousel.carousel-sync-style-1 {
        left: 0;
        max-width: none
    }

    .owl-carousel-spaced {
        margin-left: 0
    }
}

.carousel-areas {
    background: url(../img/patterns/stripes.png);
    margin-bottom: -10px;
    padding: 10px 10px 0
}

.circular-bar, .gauge-chart {
    margin: 25px 0
}

.carousel-areas .owl-carousel {
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);
    box-shadow: 0 5px 5px rgba(0,0,0,.2)
}

    .carousel-areas .owl-carousel .owl-nav button.owl-prev {
        left: -55px
    }

    .carousel-areas .owl-carousel .owl-nav button.owl-next {
        right: -55px
    }

@media (max-width:991px) {
    .carousel-areas .owl-carousel .owl-nav {
        display: none
    }
}

.chart {
    width: 100%
}

    .chart.chart-xs {
        height: 150px
    }

    .chart.chart-sm {
        height: 184px
    }

    .chart.chart-md {
        height: 350px
    }

    .chart.chart-lg {
        height: 500px
    }

#flotTip {
    padding: 4px 8px;
    background-color: #000;
    z-index: 100;
    opacity: .7;
    font-size: 11px;
    border-radius: 5px
}

.jqstooltip {
    min-width: 30px;
    min-height: 25px;
    border: 0 !important;
    height: auto !important;
    width: auto !important
}

.circular-bar.circular-bar-xs {
    width: 50px
}

    .circular-bar.circular-bar-xs strong {
        display: none
    }

    .circular-bar.circular-bar-xs label {
        font-size: 11px;
        left: 0;
        text-align: center;
        top: 28%;
        width: 100%
    }

.gauge-chart strong {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin-top: 10px
}

.gauge-chart label {
    display: block;
    font-weight: 100;
    font-size: 17px;
    line-height: 20px;
    padding-bottom: 5px;
    text-align: center
}

.small-chart-wrapper {
    display: inline-block;
    margin: 10px 15px;
    width: 100%
}

    .small-chart-wrapper .small-chart {
        display: inline-block;
        float: left;
        margin-bottom: 8px;
        min-width: 80px
    }

    .small-chart-wrapper .small-chart-info {
        display: inline-block;
        padding: 0 0 0 10px
    }

        .small-chart-wrapper .small-chart-info label {
            display: block;
            font-size: 11px;
            text-transform: uppercase;
            color: #a0a0a0;
            padding: 0;
            margin: 0;
            line-height: 15px
        }

        .small-chart-wrapper .small-chart-info strong {
            display: block;
            font-size: 13px;
            padding: 0;
            margin: 0;
            line-height: 15px
        }

.liquid-meter meter, .liquid-meter.liquid-meter-loaded:before {
    display: none
}

.small-chart-wrapper + .small-chart-wrapper {
    margin-left: 25px
}

@media only screen and (max-width:767px) {
    .small-chart-wrapper {
        margin-right: 0;
        margin-left: 0;
        text-align: center
    }

        .small-chart-wrapper .small-chart {
            width: 100%;
            text-align: center
        }

        .small-chart-wrapper .small-chart-info {
            padding-left: 0
        }
}

.liquid-meter {
    position: relative;
    max-height: 200px;
    max-width: 200px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 50%
}

    .liquid-meter.liquid-meter-loaded {
        width: auto;
        padding-bottom: 0
    }

.liquid-meter-wrapper.liquid-meter-xs .liquid-meter {
    max-height: 120px;
    max-width: 120px
}

.liquid-meter-wrapper.liquid-meter-sm .liquid-meter {
    max-height: 150px;
    max-width: 150px
}

.liquid-meter-wrapper.liquid-meter-md .liquid-meter {
    max-height: 200px;
    max-width: 200px
}

.liquid-meter-wrapper.liquid-meter-lg .liquid-meter {
    max-height: 230px;
    max-width: 230px
}

.liquid-meter-wrapper .liquid-meter-selector {
    margin-top: 3px
}

    .liquid-meter-wrapper .liquid-meter-selector a {
        text-transform: uppercase;
        font-weight: 300;
        font-size: 11px;
        color: #9b9b9b;
        border-right: 1px solid #e4e4e4;
        display: inline-block;
        padding-right: 8px;
        margin-right: 8px
    }

        .liquid-meter-wrapper .liquid-meter-selector a.active {
            color: #22ae12
        }

        .liquid-meter-wrapper .liquid-meter-selector a:last-child {
            border-right: 0;
            padding-right: 0;
            margin-right: 0
        }

.chart-bar-stacked-sm rect {
    width: 10px;
    -webkit-transform: translateX(25px);
    transform: translateX(25px)
}

.chart-data-selector {
    visibility: hidden;
    max-height: 255px;
    padding: 6px
}

    .chart-data-selector .h2, .chart-data-selector h2 {
        color: #33353F;
        font-size: 20px;
        line-height: 20px;
        margin: 0;
        padding: 0;
        text-transform: none;
        letter-spacing: -1px;
        font-weight: 600
    }

        .chart-data-selector .h2 .multiselect, .chart-data-selector h2 .multiselect {
            background: #f6f6f6;
            border: 0;
            font-size: 18px;
            font-weight: 600;
            margin: -4px 0 0 4px !important;
            padding: 3px 12px 3px 8px;
            letter-spacing: -1px
        }

            .chart-data-selector .h2 .multiselect:active, .chart-data-selector .h2 .multiselect:focus, .chart-data-selector .h2 .multiselect:hover, .chart-data-selector h2 .multiselect:active, .chart-data-selector h2 .multiselect:focus, .chart-data-selector h2 .multiselect:hover {
                text-decoration: none
            }

        .chart-data-selector .h2 .multiselect-container, .chart-data-selector h2 .multiselect-container {
            margin: 0 0 0 4px;
            min-width: 120%
        }

    .chart-data-selector .chart-data-selector-items {
        position: relative;
        overflow: hidden
    }

        .chart-data-selector .chart-data-selector-items .chart-active, .chart-data-selector .chart-data-selector-items .chart-hidden {
            visibility: hidden
        }

    .chart-data-selector.ready {
        max-height: none;
        visibility: visible
    }

        .chart-data-selector.ready .chart-active {
            visibility: visible;
            position: relative;
            z-index: 2
        }

        .chart-data-selector.ready .chart-hidden {
            visibility: hidden;
            position: absolute;
            z-index: 1;
            top: -9999px
        }

.ct-chart .ct-label, .ct-chart .ct-label.ct-horizontal, .ct-chart .ct-label.ct-vertical {
    font-size: .75rem
}

.ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
    stroke: #22ae12
}

.ct-chart .ct-series.ct-series-a .ct-area, .ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
    fill: #22ae12
}

.ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
    stroke: #3e052a
}

.ct-chart .ct-series.ct-series-b .ct-area, .ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) {
    fill: #3e052a
}

.ct-chart .ct-series.ct-series-c .ct-bar, .ct-chart .ct-series.ct-series-c .ct-line, .ct-chart .ct-series.ct-series-c .ct-point, .ct-chart .ct-series.ct-series-c .ct-slice.ct-donut {
    stroke: #096d31
}

.ct-chart .ct-series.ct-series-c .ct-area, .ct-chart .ct-series.ct-series-c .ct-slice:not(.ct-donut) {
    fill: #096d31
}

.ct-chart .ct-series.ct-series-d .ct-bar, .ct-chart .ct-series.ct-series-d .ct-line, .ct-chart .ct-series.ct-series-d .ct-point, .ct-chart .ct-series.ct-series-d .ct-slice.ct-donut {
    stroke: #0076a3
}

.ct-chart .ct-series.ct-series-d .ct-area, .ct-chart .ct-series.ct-series-d .ct-slice:not(.ct-donut) {
    fill: #0076a3
}

.ct-chart .ct-series.ct-series-e .ct-bar, .ct-chart .ct-series.ct-series-e .ct-line, .ct-chart .ct-series.ct-series-e .ct-point, .ct-chart .ct-series.ct-series-e .ct-slice.ct-donut {
    stroke: #2BAAB1
}

.ct-chart .ct-series.ct-series-e .ct-area, .ct-chart .ct-series.ct-series-e .ct-slice:not(.ct-donut) {
    fill: #2BAAB1
}

.ct-chart .ct-series.ct-series-f .ct-bar, .ct-chart .ct-series.ct-series-f .ct-line, .ct-chart .ct-series.ct-series-f .ct-point, .ct-chart .ct-series.ct-series-f .ct-slice.ct-donut {
    stroke: #1c6f73
}

.ct-chart .ct-series.ct-series-f .ct-area, .ct-chart .ct-series.ct-series-f .ct-slice:not(.ct-donut) {
    fill: #1c6f73
}

.ct-chart .ct-series.ct-series-g .ct-bar, .ct-chart .ct-series.ct-series-g .ct-line, .ct-chart .ct-series.ct-series-g .ct-point, .ct-chart .ct-series.ct-series-g .ct-slice.ct-donut {
    stroke: #734BA9
}

.ct-chart .ct-series.ct-series-g .ct-area, .ct-chart .ct-series.ct-series-g .ct-slice:not(.ct-donut) {
    fill: #734BA9
}

.ct-chart .ct-series.ct-series-h .ct-bar, .ct-chart .ct-series.ct-series-h .ct-line, .ct-chart .ct-series.ct-series-h .ct-point, .ct-chart .ct-series.ct-series-h .ct-slice.ct-donut {
    stroke: #4f3374
}

.ct-chart .ct-series.ct-series-h .ct-area, .ct-chart .ct-series.ct-series-h .ct-slice:not(.ct-donut) {
    fill: #4f3374
}

.ct-chart .ct-series.ct-series-i .ct-bar, .ct-chart .ct-series.ct-series-i .ct-line, .ct-chart .ct-series.ct-series-i .ct-point, .ct-chart .ct-series.ct-series-i .ct-slice.ct-donut {
    stroke: #3e052a
}

.ct-chart .ct-series.ct-series-i .ct-area, .ct-chart .ct-series.ct-series-i .ct-slice:not(.ct-donut) {
    fill: #3e052a
}

.ct-chart .ct-series.ct-series-j .ct-bar, .ct-chart .ct-series.ct-series-j .ct-line, .ct-chart .ct-series.ct-series-j .ct-point, .ct-chart .ct-series.ct-series-j .ct-slice.ct-donut {
    stroke: #cc118a
}

.ct-chart .ct-series.ct-series-j .ct-area, .ct-chart .ct-series.ct-series-j .ct-slice:not(.ct-donut) {
    fill: #cc118a
}

.ct-chart .ct-series.ct-series-k .ct-bar, .ct-chart .ct-series.ct-series-k .ct-line, .ct-chart .ct-series.ct-series-k .ct-point, .ct-chart .ct-series.ct-series-k .ct-slice.ct-donut {
    stroke: #3dcaff
}

.ct-chart .ct-series.ct-series-k .ct-area, .ct-chart .ct-series.ct-series-k .ct-slice:not(.ct-donut) {
    fill: #3dcaff
}

.ct-chart .ct-series.ct-series-l .ct-bar, .ct-chart .ct-series.ct-series-l .ct-line, .ct-chart .ct-series.ct-series-l .ct-point, .ct-chart .ct-series.ct-series-l .ct-slice.ct-donut {
    stroke: #53ced5
}

.ct-chart .ct-series.ct-series-l .ct-area, .ct-chart .ct-series.ct-series-l .ct-slice:not(.ct-donut) {
    fill: #53ced5
}

.ct-chart .ct-series.ct-series-m .ct-bar, .ct-chart .ct-series.ct-series-m .ct-line, .ct-chart .ct-series.ct-series-m .ct-point, .ct-chart .ct-series.ct-series-m .ct-slice.ct-donut {
    stroke: #9b7cc5
}

.ct-chart .ct-series.ct-series-m .ct-area, .ct-chart .ct-series.ct-series-m .ct-slice:not(.ct-donut) {
    fill: #9b7cc5
}

.ct-chart .ct-series.ct-series-n .ct-bar, .ct-chart .ct-series.ct-series-n .ct-line, .ct-chart .ct-series.ct-series-n .ct-point, .ct-chart .ct-series.ct-series-n .ct-slice.ct-donut {
    stroke: #000
}

.ct-chart .ct-series.ct-series-n .ct-area, .ct-chart .ct-series.ct-series-n .ct-slice:not(.ct-donut) {
    fill: #000
}

.ct-chart .ct-series.ct-series-o .ct-bar, .ct-chart .ct-series.ct-series-o .ct-line, .ct-chart .ct-series.ct-series-o .ct-point, .ct-chart .ct-series.ct-series-o .ct-slice.ct-donut {
    stroke: #f152b9
}

.ct-chart .ct-series.ct-series-o .ct-area, .ct-chart .ct-series.ct-series-o .ct-slice:not(.ct-donut) {
    fill: #f152b9
}

.ct-chart .tooltip {
    opacity: 1;
    position: absolute;
    display: inline-block;
    min-width: 115px;
    padding: 8px;
    background: #22ae12;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    pointer-events: none;
    z-index: 1
}

    .ct-chart .tooltip:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top-color: #22ae12
    }

html.dark .chart-data-selector .h2 .multiselect, html.dark .chart-data-selector h2 .multiselect {
    background-color: #282d36
}

html.dark .CodeMirror pre {
    background: 0 0;
    border: none
}

.colorpicker {
    width: 100%;
    min-width: 115px !important
}

    .colorpicker.colorpicker-with-alpha {
        width: auto
    }

    .colorpicker.colorpicker-horizontal {
        width: auto !important;
        min-width: 0 !important
    }

        .colorpicker.colorpicker-horizontal .colorpicker-bar {
            width: auto
        }

html.dark .colorpicker {
    background-color: #282d36
}

    html.dark .colorpicker:before {
        border-bottom-color: #1d2127
    }

    html.dark .colorpicker:after {
        border-bottom-color: #282d36
    }

.dataTables_wrapper {
    position: relative;
    padding: 0;
    margin: 0
}

    .dataTables_wrapper .DTTT_container {
        margin-bottom: 5px
    }

        .dataTables_wrapper .DTTT_container .btn-group {
            display: inline-block !important
        }

        .dataTables_wrapper .DTTT_container .btn {
            margin-left: 5px
        }

    .dataTables_wrapper .datatables-header {
        margin-bottom: 15px
    }

        .dataTables_wrapper .datatables-header label {
            font-weight: 400;
            margin: 0
        }

    .dataTables_wrapper table thead th {
        padding-right: 21px !important
    }

    .dataTables_wrapper table.dataTable {
        border-collapse: collapse !important;
        margin: 0 !important;
        width: 100% !important
    }

.datatables-header-footer-wrapper .pagination, .ecommerce-timeline .ecommerce-timeline-items-wrapper .ecommerce-timeline-item p {
    margin-bottom: 0
}

.dataTables_wrapper .pagination {
    margin-top: 20px !important
}

.dataTables_wrapper .select2-container {
    display: inline-block;
    margin-right: 10px;
    width: 75px
}

@media only screen and (max-width:991px) {
    .dataTables_wrapper .dataTables_length {
        margin-bottom: 15px
    }

        .dataTables_wrapper .dataTables_length label {
            float: none;
            width: 100%
        }
}

.dataTables_wrapper .dataTables_filter label {
    width: 50%
}

.dataTables_wrapper .dataTables_filter input {
    width: 100% !important
}

.dataTables_wrapper .dataTables_empty {
    padding: 50px 0;
    text-align: center
}

.dataTables_processing {
    background: #22ae12;
    border-radius: 100px;
    -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,.3);
    box-shadow: 0 1px 1px -1px rgba(0,0,0,.3);
    color: #FFF;
    left: 50%;
    margin-left: -36px;
    padding: 5px 10px;
    position: absolute;
    top: 3px
}

@media only screen and (max-width:991px) {
    .dataTables_wrapper .dataTables_filter label {
        width: 100% !important
    }

    .dataTables_processing {
        left: auto;
        margin-left: 0;
        right: 0
    }
}

.DTTT_Print, .DTTT_Print .card, .DTTT_Print .content-body, .DTTT_Print .inner-wrapper {
    background: #FFF !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 0 !important
}

    .DTTT_Print .DTTT_print_info {
        background: rgba(255,255,255,.9);
        display: block;
        left: 0;
        height: 100px;
        line-height: 100px;
        position: fixed;
        font-size: 14px;
        text-align: center;
        top: 0;
        width: 100%
    }

html.dark div.DTTT_container .btn {
    color: #EEE !important
}

.datepicker {
    padding: 10px;
    margin: 0 auto;
    line-height: 1.1em;
    float: right;
    direction: ltr !important
}

    .datepicker.datepicker-inline {
        line-height: 1.7em;
        width: 100%
    }

    .datepicker table {
        width: 100%
    }

        .datepicker table tr td {
            border-radius: 0
        }

        .datepicker table thead tr th {
            cursor: pointer;
            font-size: 16px;
            text-align: center;
            font-weight: 400
        }

            .datepicker table thead tr th.prev {
                content: "";
                font-family: "Font Awesome 5 Free";
                font-weight: 900
            }

            .datepicker table thead tr th.next {
                content: "";
                font-family: "Font Awesome 5 Free";
                font-weight: 900
            }

            .datepicker table thead tr th:hover {
                color: #FFF
            }

        .datepicker table thead tr:last-child th {
            font-weight: 600
        }

        .datepicker table td {
            text-align: center;
            font-size: .75rem
        }

            .datepicker table td.day {
                -webkit-transition: background-color .1s ease-in .1s,color .1s ease-in .1s;
                transition: background-color .1s ease-in .1s,color .1s ease-in .1s;
                cursor: pointer
            }

        .datepicker table tr td span:hover, .datepicker tfoot tr th:hover, .datepicker thead tr:first-child th:hover {
            background: #22ae12;
            color: #FFF
        }

        .datepicker table tbody tr td span.new, .datepicker table tbody tr td span.old {
            color: #CCC
        }

            .datepicker table tbody tr td span.new:hover, .datepicker table tbody tr td span.old:hover {
                color: #FFF
            }

        .datepicker table tbody tr td.day:hover {
            background: #22ae12;
            color: #FFF
        }

        .datepicker table tbody tr td.day.active {
            color: #FFF
        }

        .datepicker table tbody tr td.day.new {
            color: #777
        }

            .datepicker table tbody tr td.day.new:hover, html:not(.sidebar-light) .datepicker.datepicker-dark table thead tr th.datepicker-switch {
                color: #FFF
            }

html:not(.sidebar-light) .datepicker.datepicker-dark {
    background: 0 0
}

    html:not(.sidebar-light) .datepicker.datepicker-dark table thead tr th.dow {
        color: #777
    }

    html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.new, html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.old {
        color: #444
    }

        html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.new:hover, html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.old:hover, html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day {
            color: #FFF
        }

            html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day:hover {
                background: #22ae12;
                color: #FFF
            }

            html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.active {
                background: #22ae12;
                color: #FFF
            }

            html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.new {
                color: #777
            }

                html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.new:hover {
                    color: #FFF
                }

.datepicker.datepicker-primary {
    min-width: 255px
}

    .datepicker.datepicker-primary.datepicker-inline {
        background: #fff;
        border: 1px solid #eee
    }

    .datepicker.datepicker-primary table thead tr:first-child {
        background-color: #22ae12;
        color: #FFF
    }

        .datepicker.datepicker-primary table thead tr:first-child th:hover {
            background-color: #22ae12
        }

        .datepicker.datepicker-primary table thead tr:first-child th:first-child {
            border-radius: 4px 0 0
        }

        .datepicker.datepicker-primary table thead tr:first-child th:last-child {
            border-radius: 0 4px 0 0
        }

    .datepicker.datepicker-primary table thead tr:last-child {
        background-color: #9d0d6a;
        color: #FFF
    }

        .datepicker.datepicker-primary table thead tr:last-child th:hover {
            background-color: #22ae12
        }

    .datepicker.datepicker-primary table thead tr th {
        border-radius: 0
    }

html.dark .input-daterange .input-group-addon {
    text-shadow: none
}

html.dark .datepicker-dropdown {
    color: #EEE;
    background-color: #282d36
}

    html.dark .datepicker-dropdown:after {
        border-bottom-color: #282d36
    }

    html.dark .datepicker-dropdown.datepicker-orient-bottom:before {
        border-top-color: rgba(0,0,0,.2)
    }

    html.dark .datepicker-dropdown.datepicker-orient-bottom:after {
        border-top-color: #282d36
    }

html.dark .datepicker.datepicker-primary {
    border-color: #282d36;
    background: #282d36
}

.datepicker-dropdown {
    max-width: 300px
}

.datepicker.dropdown-menu {
    right: auto
}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(rgba(0,0,0,.2)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,0));
    margin: 22px 0
}

    hr.short {
        margin: 11px 0
    }

    hr.tall {
        margin: 44px 0
    }

    hr.taller {
        margin: 66px 0
    }

    hr.light {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),color-stop(rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
        background-image: linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0))
    }

    hr.dotted {
        height: 0;
        border-bottom: 1px dotted #ddd
    }

    hr.solid {
        height: 0;
        border-bottom: 1px solid #ddd
    }

.dropdown-menu .dropdown-item {
    font-size: .9rem
}

html.dark .dropdown-menu .dropdown-item {
    color: #EEE
}

    html.dark .dropdown-menu .dropdown-item:active, html.dark .dropdown-menu .dropdown-item:focus, html.dark .dropdown-menu .dropdown-item:hover {
        background-color: #21262d
    }

.dropzone {
    background: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.03);
    border-radius: 3px;
    min-height: 122px;
    padding: 23px
}

    .dropzone .dz-default span {
        -webkit-transition: color .1s ease-in;
        transition: color .1s ease-in;
        font-size: 20px;
        color: rgba(0,0,0,.2)
    }

    .dropzone:hover .dz-default span {
        color: rgba(0,0,0,.3)
    }

.dropzone-modern {
    opacity: 0;
    visibility: hidden;
    background: 0 0;
    border: 2px dashed #e7e7e7;
    min-height: 200px;
    -webkit-transition: ease opacity .3s;
    transition: ease opacity .3s
}

    .dropzone-modern .dropzone-upload-message {
        position: absolute;
        top: 50%;
        left: 50%;
        pointer-events: none;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0)
    }

        .dropzone-modern .dropzone-upload-message > i {
            display: block;
            text-align: center;
            font-size: 3rem;
            color: #e7e7e7
        }

    .dropzone-modern.initialized {
        opacity: 1;
        visibility: visible
    }

    .dropzone-modern.dz-started .dropzone-upload-message {
        display: none
    }

    .dropzone-modern:hover .dropzone-upload-message > i {
        color: #CCC
    }

html.dark .dropzone .dz-default span {
    color: rgba(255,255,255,.2)
}

html.dark .dropzone:hover .dz-default span {
    color: rgba(255,255,255,.3)
}

.product-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .product-price .regular-price, .product-price .sale-price {
        font-size: 1.1rem;
        color: #444;
        font-weight: 600;
        line-height: 1.4
    }

        .product-price .regular-price.on-sale {
            color: #999;
            font-size: .9rem
        }

        .product-price .regular-price + .sale-price {
            margin-left: 7px
        }

.ecommerce-form-sidebar-overlay-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.4);
    opacity: 0;
    visibility: hidden;
    z-index: 1041;
    -webkit-transition: ease opacity .3s;
    transition: ease opacity .3s
}

    .ecommerce-form-sidebar-overlay-wrapper .ecommerce-form-sidebar-overlay-body {
        position: absolute;
        right: 0;
        top: 0;
        width: 63%;
        height: 100%;
        padding: 2.5rem 1.5rem 2.5rem 2.5rem;
        background: #f5f5f8;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        -webkit-transition: ease transform 0s;
        transition: ease transform 0s
    }

        .ecommerce-form-sidebar-overlay-wrapper .ecommerce-form-sidebar-overlay-body.scrollable .scrollable-pane {
            top: 2.5rem;
            bottom: 2.5rem;
            right: 35px
        }

        .ecommerce-form-sidebar-overlay-wrapper .ecommerce-form-sidebar-overlay-body .ecommerce-form-sidebar-overlay-close {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
            color: #FFF;
            font-size: 2.1rem;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0)
        }

.date-time-field, .ecommerce-status {
    display: -webkit-box;
    display: -ms-flexbox
}

.ecommerce-form-sidebar-overlay-wrapper .ecommerce-form-sidebar-overlay-body .ecommerce-form-sidebar-overlay-content {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

    .ecommerce-form-sidebar-overlay-wrapper .ecommerce-form-sidebar-overlay-body .ecommerce-form-sidebar-overlay-content.scrollable-content {
        width: 100%;
        padding-right: 0
    }

.ecommerce-form-sidebar-overlay-wrapper.show {
    opacity: 1;
    visibility: visible
}

    .ecommerce-form-sidebar-overlay-wrapper.show .ecommerce-form-sidebar-overlay-body {
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.ecommerce-form-sidebar-overlay-wrapper .action-buttons {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #f5f5f8;
    padding: 20px 10px;
    z-index: 10
}

@media (min-width:768px) {
    .ecommerce-form-sidebar-overlay-wrapper .action-buttons {
        width: 100%;
        left: auto;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin: 0
    }
}

.ecommerce-form-sidebar-overlay-wrapper .ecommerce-form {
    padding-bottom: 3rem
}

    .ecommerce-form-sidebar-overlay-wrapper .ecommerce-form > .row + .row {
        margin-top: 35px
    }

.ecommerce-form-sidebar-overlay-wrapper .loading-overlay {
    z-index: 1
}

.ecommerce-form-sidebar-overlay-wrapper .dropzone .dz-preview .dz-image {
    z-index: 0
}

@media (max-width:1199px) {
    .ecommerce-form-sidebar-overlay-wrapper .ecommerce-form-sidebar-overlay-body {
        width: 83%
    }
}

@media (max-width:767px) {
    .ecommerce-form-sidebar-overlay-wrapper .ecommerce-form {
        padding-bottom: 170px
    }

    .ecommerce-form-sidebar-overlay-wrapper .ecommerce-form-sidebar-overlay-body {
        width: 100%
    }

        .ecommerce-form-sidebar-overlay-wrapper .ecommerce-form-sidebar-overlay-body .ecommerce-form-sidebar-overlay-close {
            color: #444;
            font-size: 1.5rem;
            -webkit-transform: none;
            transform: none
        }
}

@media (max-width:991px) {
    .action-buttons .btn {
        width: 100%;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-height:800px) and (min-width:992px) {
    .action-buttons-fixed {
        padding-bottom: 90px
    }

        .action-buttons-fixed .action-buttons {
            position: fixed;
            bottom: 0;
            right: 0;
            width: calc(100% - 300px);
            background: #f5f5f8;
            padding: 40px 25px;
            margin: 0;
            z-index: 3
        }

    html.sidebar-left-collapsed .action-buttons-fixed .action-buttons {
        width: calc(100% - 75px)
    }
}

.ecommerce-status {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .ecommerce-status:before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        border-radius: 100%;
        background-color: #CCC;
        margin-right: .5rem
    }

    .ecommerce-status.on-hold:before {
        background-color: #f8dda7
    }

    .ecommerce-status.pending:before {
        background-color: #b2b9ff
    }

    .ecommerce-status.active:before, .ecommerce-status.processing:before {
        background-color: #c6e1c6
    }

    .ecommerce-status.completed:before {
        background-color: #5fbe5f
    }

    .ecommerce-status.cancelled:before, .ecommerce-status.no-active:before {
        background-color: #d76969
    }

    .ecommerce-status.refunded:before {
        background-color: #7ac0ca
    }

    .ecommerce-status.failed:before {
        background-color: #ce4545
    }

.ecommerce-timeline {
    position: relative;
    overflow: hidden
}

    .ecommerce-timeline:after, .ecommerce-timeline:before {
        position: absolute;
        width: 100%;
        height: 0;
        content: "";
        z-index: 1
    }

    .ecommerce-timeline:before {
        top: 0;
        left: 0;
        -webkit-box-shadow: 0 0 13px 15px #FFF;
        box-shadow: 0 0 13px 15px #FFF
    }

    .ecommerce-timeline:after {
        bottom: 0;
        left: 0;
        -webkit-box-shadow: 0 0 13px 15px #FFF;
        box-shadow: 0 0 13px 15px #FFF
    }

    .ecommerce-timeline .ecommerce-timeline-items-wrapper {
        position: relative;
        padding: 2rem 0 2rem 2.3rem
    }

        .ecommerce-timeline .ecommerce-timeline-items-wrapper:before {
            content: "";
            position: absolute;
            top: 0;
            left: 10px;
            bottom: 0;
            width: 4px;
            background: #e7e8e8
        }

        .ecommerce-timeline .ecommerce-timeline-items-wrapper .ecommerce-timeline-item {
            position: relative;
            background: #f9f9f9;
            padding: 1rem;
            border-radius: 4px
        }

            .ecommerce-timeline .ecommerce-timeline-items-wrapper .ecommerce-timeline-item:before {
                content: "";
                position: absolute;
                top: 50%;
                left: -10px;
                width: 0;
                height: 0;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                border-right: 10px solid #f9f9f9;
                -webkit-transform: translate3d(0,-50%,0);
                transform: translate3d(0,-50%,0)
            }

            .ecommerce-timeline .ecommerce-timeline-items-wrapper .ecommerce-timeline-item:after {
                content: "";
                position: absolute;
                top: 50%;
                left: -2rem;
                width: 8px;
                height: 8px;
                border-radius: 100%;
                background: #CCC;
                border: 3px solid #FFF;
                -webkit-box-shadow: 0 0 0 2px #CCC;
                box-shadow: 0 0 0 2px #CCC;
                -webkit-transform: translate3d(0,-50%,0);
                transform: translate3d(0,-50%,0);
                -webkit-box-sizing: content-box;
                box-sizing: content-box
            }

            .ecommerce-timeline .ecommerce-timeline-items-wrapper .ecommerce-timeline-item + .ecommerce-timeline-item {
                margin-top: 30px
            }

            .ecommerce-timeline .ecommerce-timeline-items-wrapper .ecommerce-timeline-item p + p {
                margin-top: 20px
            }

.body-error {
    margin: 0 auto;
    max-width: 900px;
    width: 100%
}

    .body-error.error-outside {
        display: table;
        height: 100vh
    }

        .body-error.error-outside .center-error {
            display: table-cell;
            vertical-align: middle
        }

    .body-error.error-inside {
        margin-top: 150px
    }

    .body-error .error-header {
        border-bottom: 1px solid #DADADA;
        margin-bottom: 50px;
        padding-bottom: 15px
    }

        .body-error .error-header .form {
            margin-top: 12px
        }

    .body-error .error-code {
        font-size: 10rem;
        line-height: 10rem;
        letter-spacing: -10px
    }

    .body-error .error-explanation {
        font-size: 1.2rem;
        line-height: 3.6rem;
        margin-top: 25px
    }

@media only screen and (max-width:1150px) {
    .body-error.error-inside {
        margin-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:1150px) {
    .body-error.error-inside .error-code {
        font-size: 100;
        line-height: 10rem;
        letter-spacing: -7px
    }

    .body-error.error-inside .error-explanation {
        font-size: 1rem;
        line-height: 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .body-error .error-code {
        font-size: 90;
        line-height: 9rem;
        letter-spacing: -7px
    }

    .body-error .error-explanation {
        font-size: .9rem;
        line-height: 2.8rem
    }

    .body-error.error-outside {
        height: auto;
        padding: 20px
    }
}

.fileupload .uneditable-input .fa, .fileupload .uneditable-input .fab, .fileupload .uneditable-input .fal, .fileupload .uneditable-input .far, .fileupload .uneditable-input .fas {
    position: absolute;
    top: 12px;
    left: 26px
}

.fileupload .uneditable-input .fileupload-preview {
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 0 0 0 17px;
    text-overflow: ellipsis;
    width: 100%
}

.fileupload .btn {
    border-radius: 0
}

@media only screen and (max-width:479px) {
    .fileupload .uneditable-input {
        width: 170px
    }
}

.flag {
    width: 16px;
    height: 11px;
    background: url(../img/flags.png) no-repeat
}

    .flag.flag-ad {
        background-position: -16px 0
    }

    .flag.flag-ae {
        background-position: -32px 0
    }

    .flag.flag-af {
        background-position: -48px 0
    }

    .flag.flag-ag {
        background-position: -64px 0
    }

    .flag.flag-ai {
        background-position: -80px 0
    }

    .flag.flag-al {
        background-position: -96px 0
    }

    .flag.flag-am {
        background-position: -112px 0
    }

    .flag.flag-an {
        background-position: -128px 0
    }

    .flag.flag-ao {
        background-position: -144px 0
    }

    .flag.flag-ar {
        background-position: -160px 0
    }

    .flag.flag-as {
        background-position: -176px 0
    }

    .flag.flag-at {
        background-position: -192px 0
    }

    .flag.flag-au {
        background-position: -208px 0
    }

    .flag.flag-aw {
        background-position: -224px 0
    }

    .flag.flag-az {
        background-position: -240px 0
    }

    .flag.flag-ba {
        background-position: 0 -11px
    }

    .flag.flag-bb {
        background-position: -16px -11px
    }

    .flag.flag-bd {
        background-position: -32px -11px
    }

    .flag.flag-be {
        background-position: -48px -11px
    }

    .flag.flag-bf {
        background-position: -64px -11px
    }

    .flag.flag-bg {
        background-position: -80px -11px
    }

    .flag.flag-bh {
        background-position: -96px -11px
    }

    .flag.flag-bi {
        background-position: -112px -11px
    }

    .flag.flag-bj {
        background-position: -128px -11px
    }

    .flag.flag-bm {
        background-position: -144px -11px
    }

    .flag.flag-bn {
        background-position: -160px -11px
    }

    .flag.flag-bo {
        background-position: -176px -11px
    }

    .flag.flag-br {
        background-position: -192px -11px
    }

    .flag.flag-bs {
        background-position: -208px -11px
    }

    .flag.flag-bt {
        background-position: -224px -11px
    }

    .flag.flag-bv {
        background-position: -240px -11px
    }

    .flag.flag-bw {
        background-position: 0 -22px
    }

    .flag.flag-by {
        background-position: -16px -22px
    }

    .flag.flag-bz {
        background-position: -32px -22px
    }

    .flag.flag-ca {
        background-position: -48px -22px
    }

    .flag.flag-catalonia {
        background-position: -64px -22px
    }

    .flag.flag-cd {
        background-position: -80px -22px
    }

    .flag.flag-cf {
        background-position: -96px -22px
    }

    .flag.flag-cg {
        background-position: -112px -22px
    }

    .flag.flag-ch {
        background-position: -128px -22px
    }

    .flag.flag-ci {
        background-position: -144px -22px
    }

    .flag.flag-ck {
        background-position: -160px -22px
    }

    .flag.flag-cl {
        background-position: -176px -22px
    }

    .flag.flag-cm {
        background-position: -192px -22px
    }

    .flag.flag-cn {
        background-position: -208px -22px
    }

    .flag.flag-co {
        background-position: -224px -22px
    }

    .flag.flag-cr {
        background-position: -240px -22px
    }

    .flag.flag-cu {
        background-position: 0 -33px
    }

    .flag.flag-cv {
        background-position: -16px -33px
    }

    .flag.flag-cw {
        background-position: -32px -33px
    }

    .flag.flag-cy {
        background-position: -48px -33px
    }

    .flag.flag-cz {
        background-position: -64px -33px
    }

    .flag.flag-de {
        background-position: -80px -33px
    }

    .flag.flag-dj {
        background-position: -96px -33px
    }

    .flag.flag-dk {
        background-position: -112px -33px
    }

    .flag.flag-dm {
        background-position: -128px -33px
    }

    .flag.flag-do {
        background-position: -144px -33px
    }

    .flag.flag-dz {
        background-position: -160px -33px
    }

    .flag.flag-ec {
        background-position: -176px -33px
    }

    .flag.flag-ee {
        background-position: -192px -33px
    }

    .flag.flag-eg {
        background-position: -208px -33px
    }

    .flag.flag-eh {
        background-position: -224px -33px
    }

    .flag.flag-england {
        background-position: -240px -33px
    }

    .flag.flag-er {
        background-position: 0 -44px
    }

    .flag.flag-es {
        background-position: -16px -44px
    }

    .flag.flag-et {
        background-position: -32px -44px
    }

    .flag.flag-eu {
        background-position: -48px -44px
    }

    .flag.flag-fi {
        background-position: -64px -44px
    }

    .flag.flag-fj {
        background-position: -80px -44px
    }

    .flag.flag-fk {
        background-position: -96px -44px
    }

    .flag.flag-fm {
        background-position: -112px -44px
    }

    .flag.flag-fo {
        background-position: -128px -44px
    }

    .flag.flag-fr {
        background-position: -144px -44px
    }

    .flag.flag-ga {
        background-position: -160px -44px
    }

    .flag.flag-gb {
        background-position: -176px -44px
    }

    .flag.flag-gd {
        background-position: -192px -44px
    }

    .flag.flag-ge {
        background-position: -208px -44px
    }

    .flag.flag-gf {
        background-position: -224px -44px
    }

    .flag.flag-gg {
        background-position: -240px -44px
    }

    .flag.flag-gh {
        background-position: 0 -55px
    }

    .flag.flag-gi {
        background-position: -16px -55px
    }

    .flag.flag-gl {
        background-position: -32px -55px
    }

    .flag.flag-gm {
        background-position: -48px -55px
    }

    .flag.flag-gn {
        background-position: -64px -55px
    }

    .flag.flag-gp {
        background-position: -80px -55px
    }

    .flag.flag-gq {
        background-position: -96px -55px
    }

    .flag.flag-gr {
        background-position: -112px -55px
    }

    .flag.flag-gs {
        background-position: -128px -55px
    }

    .flag.flag-gt {
        background-position: -144px -55px
    }

    .flag.flag-gu {
        background-position: -160px -55px
    }

    .flag.flag-gw {
        background-position: -176px -55px
    }

    .flag.flag-gy {
        background-position: -192px -55px
    }

    .flag.flag-hk {
        background-position: -208px -55px
    }

    .flag.flag-hm {
        background-position: -224px -55px
    }

    .flag.flag-hn {
        background-position: -240px -55px
    }

    .flag.flag-hr {
        background-position: 0 -66px
    }

    .flag.flag-ht {
        background-position: -16px -66px
    }

    .flag.flag-hu {
        background-position: -32px -66px
    }

    .flag.flag-ic {
        background-position: -48px -66px
    }

    .flag.flag-id {
        background-position: -64px -66px
    }

    .flag.flag-ie {
        background-position: -80px -66px
    }

    .flag.flag-il {
        background-position: -96px -66px
    }

    .flag.flag-im {
        background-position: -112px -66px
    }

    .flag.flag-in {
        background-position: -128px -66px
    }

    .flag.flag-io {
        background-position: -144px -66px
    }

    .flag.flag-iq {
        background-position: -160px -66px
    }

    .flag.flag-ir {
        background-position: -176px -66px
    }

    .flag.flag-is {
        background-position: -192px -66px
    }

    .flag.flag-it {
        background-position: -208px -66px
    }

    .flag.flag-je {
        background-position: -224px -66px
    }

    .flag.flag-jm {
        background-position: -240px -66px
    }

    .flag.flag-jo {
        background-position: 0 -77px
    }

    .flag.flag-jp {
        background-position: -16px -77px
    }

    .flag.flag-ke {
        background-position: -32px -77px
    }

    .flag.flag-kg {
        background-position: -48px -77px
    }

    .flag.flag-kh {
        background-position: -64px -77px
    }

    .flag.flag-ki {
        background-position: -80px -77px
    }

    .flag.flag-km {
        background-position: -96px -77px
    }

    .flag.flag-kn {
        background-position: -112px -77px
    }

    .flag.flag-kp {
        background-position: -128px -77px
    }

    .flag.flag-kr {
        background-position: -144px -77px
    }

    .flag.flag-kurdistan {
        background-position: -160px -77px
    }

    .flag.flag-kw {
        background-position: -176px -77px
    }

    .flag.flag-ky {
        background-position: -192px -77px
    }

    .flag.flag-kz {
        background-position: -208px -77px
    }

    .flag.flag-la {
        background-position: -224px -77px
    }

    .flag.flag-lb {
        background-position: -240px -77px
    }

    .flag.flag-lc {
        background-position: 0 -88px
    }

    .flag.flag-li {
        background-position: -16px -88px
    }

    .flag.flag-lk {
        background-position: -32px -88px
    }

    .flag.flag-lr {
        background-position: -48px -88px
    }

    .flag.flag-ls {
        background-position: -64px -88px
    }

    .flag.flag-lt {
        background-position: -80px -88px
    }

    .flag.flag-lu {
        background-position: -96px -88px
    }

    .flag.flag-lv {
        background-position: -112px -88px
    }

    .flag.flag-ly {
        background-position: -128px -88px
    }

    .flag.flag-ma {
        background-position: -144px -88px
    }

    .flag.flag-mc {
        background-position: -160px -88px
    }

    .flag.flag-md {
        background-position: -176px -88px
    }

    .flag.flag-me {
        background-position: -192px -88px
    }

    .flag.flag-mg {
        background-position: -208px -88px
    }

    .flag.flag-mh {
        background-position: -224px -88px
    }

    .flag.flag-mk {
        background-position: -240px -88px
    }

    .flag.flag-ml {
        background-position: 0 -99px
    }

    .flag.flag-mm {
        background-position: -16px -99px
    }

    .flag.flag-mn {
        background-position: -32px -99px
    }

    .flag.flag-mo {
        background-position: -48px -99px
    }

    .flag.flag-mp {
        background-position: -64px -99px
    }

    .flag.flag-mq {
        background-position: -80px -99px
    }

    .flag.flag-mr {
        background-position: -96px -99px
    }

    .flag.flag-ms {
        background-position: -112px -99px
    }

    .flag.flag-mt {
        background-position: -128px -99px
    }

    .flag.flag-mu {
        background-position: -144px -99px
    }

    .flag.flag-mv {
        background-position: -160px -99px
    }

    .flag.flag-mw {
        background-position: -176px -99px
    }

    .flag.flag-mx {
        background-position: -192px -99px
    }

    .flag.flag-my {
        background-position: -208px -99px
    }

    .flag.flag-mz {
        background-position: -224px -99px
    }

    .flag.flag-na {
        background-position: -240px -99px
    }

    .flag.flag-nc {
        background-position: 0 -110px
    }

    .flag.flag-ne {
        background-position: -16px -110px
    }

    .flag.flag-nf {
        background-position: -32px -110px
    }

    .flag.flag-ng {
        background-position: -48px -110px
    }

    .flag.flag-ni {
        background-position: -64px -110px
    }

    .flag.flag-nl {
        background-position: -80px -110px
    }

    .flag.flag-no {
        background-position: -96px -110px
    }

    .flag.flag-np {
        background-position: -112px -110px
    }

    .flag.flag-nr {
        background-position: -128px -110px
    }

    .flag.flag-nu {
        background-position: -144px -110px
    }

    .flag.flag-nz {
        background-position: -160px -110px
    }

    .flag.flag-om {
        background-position: -176px -110px
    }

    .flag.flag-pa {
        background-position: -192px -110px
    }

    .flag.flag-pe {
        background-position: -208px -110px
    }

    .flag.flag-pf {
        background-position: -224px -110px
    }

    .flag.flag-pg {
        background-position: -240px -110px
    }

    .flag.flag-ph {
        background-position: 0 -121px
    }

    .flag.flag-pk {
        background-position: -16px -121px
    }

    .flag.flag-pl {
        background-position: -32px -121px
    }

    .flag.flag-pm {
        background-position: -48px -121px
    }

    .flag.flag-pn {
        background-position: -64px -121px
    }

    .flag.flag-pr {
        background-position: -80px -121px
    }

    .flag.flag-ps {
        background-position: -96px -121px
    }

    .flag.flag-pt {
        background-position: -112px -121px
    }

    .flag.flag-pw {
        background-position: -128px -121px
    }

    .flag.flag-py {
        background-position: -144px -121px
    }

    .flag.flag-qa {
        background-position: -160px -121px
    }

    .flag.flag-re {
        background-position: -176px -121px
    }

    .flag.flag-ro {
        background-position: -192px -121px
    }

    .flag.flag-rs {
        background-position: -208px -121px
    }

    .flag.flag-ru {
        background-position: -224px -121px
    }

    .flag.flag-rw {
        background-position: -240px -121px
    }

    .flag.flag-sa {
        background-position: 0 -132px
    }

    .flag.flag-sb {
        background-position: -16px -132px
    }

    .flag.flag-sc {
        background-position: -32px -132px
    }

    .flag.flag-scotland {
        background-position: -48px -132px
    }

    .flag.flag-sd {
        background-position: -64px -132px
    }

    .flag.flag-se {
        background-position: -80px -132px
    }

    .flag.flag-sg {
        background-position: -96px -132px
    }

    .flag.flag-sh {
        background-position: -112px -132px
    }

    .flag.flag-si {
        background-position: -128px -132px
    }

    .flag.flag-sk {
        background-position: -144px -132px
    }

    .flag.flag-sl {
        background-position: -160px -132px
    }

    .flag.flag-sm {
        background-position: -176px -132px
    }

    .flag.flag-sn {
        background-position: -192px -132px
    }

    .flag.flag-so {
        background-position: -208px -132px
    }

    .flag.flag-somaliland {
        background-position: -224px -132px
    }

    .flag.flag-sr {
        background-position: -240px -132px
    }

    .flag.flag-ss {
        background-position: 0 -143px
    }

    .flag.flag-st {
        background-position: -16px -143px
    }

    .flag.flag-sv {
        background-position: -32px -143px
    }

    .flag.flag-sx {
        background-position: -48px -143px
    }

    .flag.flag-sy {
        background-position: -64px -143px
    }

    .flag.flag-sz {
        background-position: -80px -143px
    }

    .flag.flag-tc {
        background-position: -96px -143px
    }

    .flag.flag-td {
        background-position: -112px -143px
    }

    .flag.flag-tf {
        background-position: -128px -143px
    }

    .flag.flag-tg {
        background-position: -144px -143px
    }

    .flag.flag-th {
        background-position: -160px -143px
    }

    .flag.flag-tibet {
        background-position: -176px -143px
    }

    .flag.flag-tj {
        background-position: -192px -143px
    }

    .flag.flag-tk {
        background-position: -208px -143px
    }

    .flag.flag-tl {
        background-position: -224px -143px
    }

    .flag.flag-tm {
        background-position: -240px -143px
    }

    .flag.flag-tn {
        background-position: 0 -154px
    }

    .flag.flag-to {
        background-position: -16px -154px
    }

    .flag.flag-tr {
        background-position: -32px -154px
    }

    .flag.flag-tt {
        background-position: -48px -154px
    }

    .flag.flag-tv {
        background-position: -64px -154px
    }

    .flag.flag-tw {
        background-position: -80px -154px
    }

    .flag.flag-tz {
        background-position: -96px -154px
    }

    .flag.flag-ua {
        background-position: -112px -154px
    }

    .flag.flag-ug {
        background-position: -128px -154px
    }

    .flag.flag-um {
        background-position: -144px -154px
    }

    .flag.flag-us {
        background-position: -160px -154px
    }

    .flag.flag-uy {
        background-position: -176px -154px
    }

    .flag.flag-uz {
        background-position: -192px -154px
    }

    .flag.flag-va {
        background-position: -208px -154px
    }

    .flag.flag-vc {
        background-position: -224px -154px
    }

    .flag.flag-ve {
        background-position: -240px -154px
    }

    .flag.flag-vg {
        background-position: 0 -165px
    }

    .flag.flag-vi {
        background-position: -16px -165px
    }

    .flag.flag-vn {
        background-position: -32px -165px
    }

    .flag.flag-vu {
        background-position: -48px -165px
    }

    .flag.flag-wales {
        background-position: -64px -165px
    }

    .flag.flag-wf {
        background-position: -80px -165px
    }

    .flag.flag-ws {
        background-position: -96px -165px
    }

    .flag.flag-xk {
        background-position: -112px -165px
    }

    .flag.flag-ye {
        background-position: -128px -165px
    }

    .flag.flag-yt {
        background-position: -144px -165px
    }

    .flag.flag-za {
        background-position: -160px -165px
    }

    .flag.flag-zanzibar {
        background-position: -176px -165px
    }

    .flag.flag-zm {
        background-position: -192px -165px
    }

    .flag.flag-zw {
        background-position: -208px -165px
    }

form label {
    font-weight: 400
}

textarea {
    resize: vertical
}

select {
    border: 1px solid #E5E7E9;
    border-radius: 6px;
    outline: 0
}

    select:not([multiple]) {
        -moz-appearance: none;
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-size: .6em;
        background-position: calc(100% - 1em) center;
        background-repeat: no-repeat;
        padding-right: 2em
    }

    select.select-style-1 {
        background-color: #f4f4f4;
        border: 0;
        color: #333;
        font-weight: 700
    }

        select.select-style-1:not(.form-control-sm):not(.form-control-lg) {
            line-height: 2.7
        }

        select.select-style-1:focus {
            background-color: #f4f4f4;
            -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(109,109,109,.3);
            box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(109,109,109,.3)
        }

.label {
    font-weight: 400
}

.form-group:after {
    visibility: hidden;
    line-height: 0;
    height: 0
}

.form-group + .form-group {
    border-top: 1px solid #f3f3f3;
    padding-top: 1rem
}

.form-control {
    height: auto
}

    .form-control:not(.form-control-lg) {
        font-size: .75rem;
        line-height: 1.3
    }

    .form-control:not(.form-control-sm):not(.form-control-lg) {
        font-size: .85rem;
        line-height: 1.85;
        min-height: 2.4rem
    }

    .form-control.form-control-focused, .form-control:focus {
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
        box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
        border-color: #22ae12
    }

    .form-control.error {
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
    }

        .form-control.error:focus {
            border-color: #843534;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
        }

    .form-control.form-control-modern {
        border-color: #e7e7e7
    }

        .form-control.form-control-modern:not(.form-control-sm):not(.form-control-lg) {
            line-height: 2.3
        }

        .form-control.form-control-modern + .select2-container--bootstrap .select2-selection--multiple, .form-control.form-control-modern + .select2-container--bootstrap .select2-selection--single {
            border-color: #e7e7e7;
            line-height: 2.8;
            height: 50px;
            padding: 6px 24px 6px 17px
        }

            .form-control.form-control-modern + .select2-container--bootstrap .select2-selection--multiple .select2-search__field {
                width: 100% !important;
                line-height: 2.8;
                height: 39px;
                padding: 6px 24px 6px 6px
            }

            .form-control.form-control-modern + .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23777%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23777%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
                background-size: .6em;
                background-position: calc(100% - 1.3em) center;
                background-repeat: no-repeat;
                width: 27px;
                right: -2px
            }

                .form-control.form-control-modern + .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
                    display: none
                }

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: .75rem
}

.multiselect-container > li.multiselect-group label, .multiselect-container > li > a > label {
    font-size: 16px;
    padding: 5px 20px 5px 12px
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -webkit-appearance: none
}

    .form-control::-webkit-input-placeholder, input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #bdbdbd
    }

    .form-control::-moz-placeholder, input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, textarea::-moz-placeholder {
        color: #bdbdbd
    }

    .form-control:-ms-input-placeholder, input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #bdbdbd
    }

.multiselect-container {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

    .multiselect-container > li > a > label input {
        position: relative;
        top: 2px;
        margin-right: 3px
    }

    .multiselect-container > li.active > a > label {
        color: #FFF
    }

    .multiselect-container .input-group input {
        max-width: 78%
    }

html.dark .form-control {
    background-color: #282d36;
    border-color: #282d36;
    color: #EEE
}

    html.dark .form-control[disabled], html.dark .form-control[readonly], html.dark fieldset[disabled] .form-control {
        background-color: #21262d
    }

.btn-group-lg > .btn, .btn-lg {
    line-height: 1.334
}

.input-group-btn .btn {
    padding-top: .5rem;
    padding-bottom: .5rem
}

select.form-control-lg, select.form-control-sm {
    line-height: 1;
    height: auto !important
}

.bootstrap-timepicker-widget input {
    border: 0
}

.bootstrap-timepicker-widget table td input {
    width: 40px
}

.fileupload .btn {
    line-height: 20px;
    margin-left: -5px
}

.date-time-field {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .date-time-field .date {
        width: 100%
    }

    .date-time-field .time {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 20px
    }

        .date-time-field .time > input {
            width: 50%
        }

@media (min-width:992px) {
    .date-time-field {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .date-time-field .date {
            width: 60%
        }

        .date-time-field .time {
            width: 40%;
            margin-top: 0
        }
}

.required {
    display: inline-block;
    color: #d2322d;
    font-size: .8em;
    font-weight: 700;
    position: relative;
    top: -.2em
}

.form-group:after {
    clear: both;
    display: block;
    content: ""
}

.form-group:last-child, .form-group:last-of-type {
    margin-bottom: 0
}

html.dark .form-bordered .form-group {
    border-bottom: 1px solid #242830;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.form-group-vertical {
    position: relative;
    white-space: nowrap
}

    .form-group-vertical .form-control {
        border-radius: 0;
        margin-top: -1px;
        z-index: 1
    }

        .form-group-vertical .form-control:first-child, .form-group-vertical .form-control:first-of-type {
            border-radius: 4px 4px 0 0
        }

        .form-group-vertical .form-control:last-child, .form-group-vertical .form-control:last-of-type {
            border-radius: 0 0 4px 4px
        }

        .form-group-vertical .form-control:focus {
            position: relative;
            z-index: 2
        }

    .form-group-vertical .input-group {
        margin-top: -1px
    }

        .form-group-vertical .input-group .form-control {
            margin-top: 0
        }

        .form-group-vertical .input-group:first-child .form-control, .form-group-vertical .input-group:first-of-type .form-control {
            border-radius: 0 4px 0 0
        }

        .form-group-vertical .input-group:last-child .form-control, .form-group-vertical .input-group:last-of-type .form-control {
            border-radius: 0 0 4px
        }

        .form-group-vertical .input-group.input-group-icon:first-child .form-control, .form-group-vertical .input-group.input-group-icon:first-of-type .form-control {
            border-radius: 4px 4px 0 0
        }

        .form-group-vertical .input-group.input-group-icon:last-child .form-control, .form-group-vertical .input-group.input-group-icon:last-of-type .form-control {
            border-radius: 0 0 4px 4px
        }

.form-control-lg {
    border-radius: 4px;
    font-size: 1rem
}

.input-group-rounded input.form-control, .input-group-rounded input.form-control:first-child, .input-group-rounded input.form-control:last-child, input.input-rounded {
    border-radius: 500px
}

.checkbox > label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.6
}

    .checkbox > label > input[type=checkbox] {
        margin-right: 5px;
        margin-top: 3px
    }

input[type=checkbox].checkbox-style-1 {
    width: 17px;
    height: 17px;
    opacity: .3
}

    input[type=checkbox].checkbox-style-1:checked {
        opacity: 1
    }

.checkbox-custom {
    position: relative;
    padding: 0 0 0 25px;
    margin-bottom: 7px;
    margin-top: 0
}

    .checkbox-custom.checkbox-inline {
        display: inline-block;
        vertical-align: middle
    }

.form-group .checkbox-custom.checkbox-inline {
    margin-top: 7px;
    padding-top: 0
}

.checkbox-custom:last-child, .checkbox-custom:last-of-type {
    margin-bottom: 0
}

.checkbox-custom input[type=checkbox] {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 3px;
    margin: -6px 0 0;
    z-index: 2;
    cursor: pointer
}

    .checkbox-custom input[type=checkbox]:disabled, .checkbox-custom input[type=checkbox]:disabled + label {
        cursor: not-allowed
    }

    .checkbox-custom input[type=checkbox]:checked + label:after {
        position: absolute;
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "";
        top: 50%;
        left: 4px;
        margin-top: -5px;
        font-size: 11px;
        line-height: 1;
        width: 16px;
        height: 16px;
        color: #333
    }

    .checkbox-custom input[type=checkbox]:disabled:checked + label:after {
        color: #999
    }

    .checkbox-custom input[type=checkbox]:disabled + label:before {
        background-color: #eee
    }

.checkbox-custom label {
    cursor: pointer;
    margin-bottom: 0;
    line-height: 1.5
}

    .checkbox-custom label:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -9px;
        width: 19px;
        height: 18px;
        display: inline-block;
        border-radius: 2px;
        border: 1px solid #bbb;
        background: #fff
    }

    .checkbox-custom label + label.error {
        display: block
    }

html.dark .checkbox-custom label:before {
    background: #282d36;
    border-color: #21262d
}

html.dark .checkbox-custom input[type=checkbox]:disabled + label:before {
    background: #242830;
    border-color: #242830
}

.checkbox-primary label:before, html.dark .checkbox-primary label:before {
    background: #22ae12;
    border-color: #6d094a
}

.checkbox-text-primary input[type=checkbox]:checked + label:after, html.dark .checkbox-text-primary input[type=checkbox]:checked + label:after {
    color: #22ae12
}

.checkbox-success input[type=checkbox]:checked + label:after, html.dark .checkbox-success input[type=checkbox]:checked + label:after {
    color: #fff
}

.checkbox-success label:before, html.dark .checkbox-success label:before {
    background: #47a447;
    border-color: #3f923f
}

.checkbox-text-success input[type=checkbox]:checked + label:after, html.dark .checkbox-text-success input[type=checkbox]:checked + label:after {
    color: #47a447
}

.checkbox-warning input[type=checkbox]:checked + label:after, html.dark .checkbox-warning input[type=checkbox]:checked + label:after {
    color: #fff
}

.checkbox-warning label:before, html.dark .checkbox-warning label:before {
    background: #ed9c28;
    border-color: #e89113
}

.checkbox-text-warning input[type=checkbox]:checked + label:after, html.dark .checkbox-text-warning input[type=checkbox]:checked + label:after {
    color: #ed9c28
}

.checkbox-danger input[type=checkbox]:checked + label:after, html.dark .checkbox-danger input[type=checkbox]:checked + label:after {
    color: #fff
}

.checkbox-danger label:before, html.dark .checkbox-danger label:before {
    background: #d2322d;
    border-color: #bd2d29
}

.checkbox-text-danger input[type=checkbox]:checked + label:after, html.dark .checkbox-text-danger input[type=checkbox]:checked + label:after {
    color: #d2322d
}

.checkbox-info input[type=checkbox]:checked + label:after, html.dark .checkbox-info input[type=checkbox]:checked + label:after {
    color: #fff
}

.checkbox-info label:before, html.dark .checkbox-info label:before {
    background: #5bc0de;
    border-color: #46b8da
}

.checkbox-text-info input[type=checkbox]:checked + label:after, html.dark .checkbox-text-info input[type=checkbox]:checked + label:after {
    color: #5bc0de
}

.checkbox-dark input[type=checkbox]:checked + label:after, html.dark .checkbox-dark input[type=checkbox]:checked + label:after {
    color: #fff
}

.checkbox-dark label:before, html.dark .checkbox-dark label:before {
    background: #171717;
    border-color: #0a0a0a
}

.checkbox-text-dark input[type=checkbox]:checked + label:after, html.dark .checkbox-text-dark input[type=checkbox]:checked + label:after {
    color: #171717
}

.radio-custom {
    position: relative;
    padding: 0 0 0 25px;
    margin-bottom: 7px;
    margin-top: 0
}

    .radio-custom.radio-inline {
        display: inline-block;
        vertical-align: middle
    }

.form-group .radio-custom.radio-inline {
    margin-top: 7px;
    padding-top: 0
}

.radio-custom:last-child, .radio-custom:last-of-type {
    margin-bottom: 0
}

.radio-custom input[type=radio] {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 3px;
    margin: -6px 0 0;
    z-index: 2;
    cursor: pointer
}

    .radio-custom input[type=radio]:checked + label:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 4px;
        margin-top: -5px;
        display: inline-block;
        font-size: 11px;
        line-height: 1;
        width: 10px;
        height: 10px;
        background-color: #444;
        border-radius: 50px;
        -webkit-box-shadow: 0 0 1px #444;
        box-shadow: 0 0 1px #444
    }

    .radio-custom input[type=radio]:disabled {
        cursor: not-allowed
    }

        .radio-custom input[type=radio]:disabled:checked + label:after {
            color: #999
        }

        .radio-custom input[type=radio]:disabled + label {
            cursor: not-allowed
        }

            .radio-custom input[type=radio]:disabled + label:before {
                background-color: #eee
            }

.radio-custom label {
    cursor: pointer;
    margin-bottom: 0;
    line-height: 1.2
}

    .radio-custom label:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -9px;
        width: 18px;
        height: 18px;
        display: inline-block;
        border-radius: 50px;
        border: 1px solid #bbb;
        background: #fff
    }

    .radio-custom label + label.error {
        display: block
    }

html.dark .radio-custom label:before {
    background: #282d36;
    border-color: #21262d
}

.thumbnail, html.dark .radio-custom input[type=radio]:checked + label:after {
    background-color: #fff
}

html.dark .radio-custom input[type=radio]:disabled + label:before {
    background: #242830;
    border-color: #242830
}

.radio-primary input[type=radio]:checked + label:after, html.dark .radio-primary input[type=radio]:checked + label:after {
    background: #22ae12;
    -webkit-box-shadow: 0 0 1px #22ae12;
    box-shadow: 0 0 1px #22ae12
}

.radio-success input[type=radio]:checked + label:after, html.dark .radio-success input[type=radio]:checked + label:after {
    background: #47a447;
    -webkit-box-shadow: 0 0 1px #47a447;
    box-shadow: 0 0 1px #47a447
}

.radio-warning input[type=radio]:checked + label:after, html.dark .radio-warning input[type=radio]:checked + label:after {
    background: #ed9c28;
    -webkit-box-shadow: 0 0 1px #ed9c28;
    box-shadow: 0 0 1px #ed9c28
}

.radio-danger input[type=radio]:checked + label:after, html.dark .radio-danger input[type=radio]:checked + label:after {
    background: #d2322d;
    -webkit-box-shadow: 0 0 1px #d2322d;
    box-shadow: 0 0 1px #d2322d
}

.radio-info input[type=radio]:checked + label:after, html.dark .radio-info input[type=radio]:checked + label:after {
    background: #5bc0de;
    -webkit-box-shadow: 0 0 1px #5bc0de;
    box-shadow: 0 0 1px #5bc0de
}

.radio-dark input[type=radio]:checked + label:after, html.dark .radio-dark input[type=radio]:checked + label:after {
    background: #171717;
    -webkit-box-shadow: 0 0 1px #171717;
    box-shadow: 0 0 1px #171717
}

.has-primary .checkbox, .has-primary .checkbox-inline, .has-primary .control-label, .has-primary .help-block, .has-primary .radio, .has-primary .radio-inline, .has-primary.checkbox label, .has-primary.checkbox-inline label, .has-primary.radio label, .has-primary.radio-inline label {
    color: #22ae12
}

.has-primary .form-control {
    border-color: #22ae12 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important
}

.has-success .form-control, .has-warning .form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #47a447
}

.has-success .form-control {
    border-color: #47a447 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #ed9c28
}

.has-warning .form-control {
    border-color: #ed9c28 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important
}

.has-danger .form-control, .has-info .form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important
}

.has-danger .checkbox, .has-danger .checkbox-inline, .has-danger .control-label, .has-danger .help-block, .has-danger .radio, .has-danger .radio-inline, .has-danger.checkbox label, .has-danger.checkbox-inline label, .has-danger.radio label, .has-danger.radio-inline label {
    color: #d2322d
}

.has-danger .form-control {
    border-color: #d2322d !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important
}

.has-info .checkbox, .has-info .checkbox-inline, .has-info .control-label, .has-info .help-block, .has-info .radio, .has-info .radio-inline, .has-info.checkbox label, .has-info.checkbox-inline label, .has-info.radio label, .has-info.radio-inline label {
    color: #5bc0de
}

.dark.h1, .dark.h2, .dark.h3, .dark.h4, .dark.h5, .has-dark .checkbox, .has-dark .checkbox-inline, .has-dark .control-label, .has-dark .help-block, .has-dark .radio, .has-dark .radio-inline, .has-dark.checkbox label, .has-dark.checkbox-inline label, .has-dark.radio label, .has-dark.radio-inline label, h1.dark, h2.dark, h3.dark, h4.dark, h5.dark {
    color: #171717
}

.has-info .form-control {
    border-color: #5bc0de !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important
}

.has-dark .form-control {
    border-color: #171717 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important
}

.validation-message ul {
    display: none;
    list-style: none;
    margin: -20px -20px 30px;
    padding: 20px 20px 10px;
    border-bottom: 1px solid #FFCBCB;
    background: #FFEFEF
}

    .validation-message ul label.error {
        display: block;
        padding-left: 22px;
        position: relative
    }

        .validation-message ul label.error:before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            font-size: 16px;
            color: #D9534F;
            display: inline-block
        }

.select2-drop-mask {
    z-index: 10010
}

.select2-drop {
    z-index: 10011
}

.select2-search {
    z-index: 10012
}

.select2-container--bootstrap.select2-container--open {
    z-index: 10013
}

.select2-container--bootstrap .select2-selection--single {
    line-height: 1.7;
    padding: 6px 24px 6px 12px
}

.select2-container--bootstrap .select2-selection--multiple {
    height: 38.5px
}

    .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
        line-height: 1.8
    }

@media (max-width:991px) {
    .select2-container--bootstrap {
        width: auto !important
    }
}

.input-group-select-append .btn-group > .btn:first-child {
    border-radius: 0 .25rem .25rem 0
}

.bootstrap-tagsinput {
    padding: 7px 6px 6.2px
}

.spinner-buttons.btn-group-vertical .btn {
    height: 21px !important
}

    .spinner-buttons.btn-group-vertical .btn:last-child {
        height: 20px !important
    }

.bootstrap-maxlength {
    z-index: 999999 !important
}

html.dark .fileupload .uneditable-input {
    background-color: #282d36;
    border-color: #282d36
}

html.dark .fileupload-new .input-append .btn-file {
    border-color: #21262d
}

.form-group-invisible {
    position: relative
}

    .form-group-invisible.focus .control-label-invisible {
        color: #08c
    }

    .form-group-invisible .control-label-invisible {
        bottom: 0;
        display: block;
        float: none;
        left: 0;
        line-height: 64px;
        margin: 0;
        padding-left: 50px;
        position: absolute;
        right: 0;
        top: -15px;
        -webkit-transition: color ease-in-out .15s;
        transition: color ease-in-out .15s;
        width: auto
    }

    .form-group-invisible .form-control-invisible, .form-group-invisible .form-control-invisible + .bootstrap-tagsinput, .form-group-invisible .form-control-invisible:active, .form-group-invisible .form-control-invisible:focus {
        background: 0 0 !important;
        border-color: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

        .form-group-invisible .form-control-invisible + .bootstrap-tagsinput {
            margin-bottom: 4px
        }

@media only screen and (max-width:767px) {
    .form-group-invisible {
        padding-top: 30px
    }

        .form-group-invisible .control-label-invisible {
            padding-left: 27px
        }
}

label.valid {
    display: inline-block;
    text-indent: -9999px
}

.icon.icon-inline, .list.list-filter > li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox
}

label.error {
    color: #C10000;
    font-size: .9em;
    margin-top: -5px;
    padding: 0
}

.spinner-buttons.btn-group-vertical .btn i {
    position: relative;
    top: -6px
}

.fileupload .uneditable-input {
    height: 37px
}

.input-group .btn, .input-group .btn.active, .input-group .btn:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.form-select .form-select-lg, .form-select-lg {
    font-size: 1rem !important
}

.select2-container--bootstrap .select2-selection--single {
    height: 42px !important
}

@media only screen and (max-width:767px) {
    #gmap {
        margin: -40px -15px 0
    }

    html.mobile-device #gmap {
        min-height: 100px
    }
}

@media only screen and (min-width:768px) {
    #gmap {
        bottom: 0;
        height: auto !important;
        left: 0;
        position: absolute !important;
        right: 0;
        top: 0;
        min-height: 0
    }
}

.img-thumbnail, .list-markers li {
    position: relative
}

.list-markers {
    border-bottom: 1px solid #21262d;
    padding-bottom: 10px
}

    .list-markers p {
        margin: 0 0 2px;
        padding: 3px 55px 3px 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%
    }

    .list-markers .location-action {
        position: absolute;
        right: 0;
        top: 2px
    }

        .list-markers .location-action.location-edit {
            right: 15px;
            top: 3px
        }

        .list-markers .location-action.location-center {
            right: 37px
        }

.marker-modal .modal-dialog {
    max-width: 450px
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 200;
    letter-spacing: -1px
}

.h1, .h2, h1, h2 {
    font-weight: 500
}

.h1, h1 {
    font-size: 2.7em;
    line-height: 44px
}

.h2, h2 {
    font-size: 2.25em;
    line-height: 42px
}

.h3, h3, p {
    line-height: 24px
}

.h3, h3 {
    font-size: 1.6em;
    font-weight: 400
}

.h4, h4 {
    font-size: 1.3em;
    font-weight: 400;
    line-height: 27px
}

.h5, .h6, h5, h6 {
    line-height: 18px;
    font-weight: 300
}

.h5, h5 {
    font-size: 1.1em
}

.h6, h6 {
    font-size: .9em
}

.big.h1, .word-rotator-title.h2, h1.big, h2.word-rotator-title {
    line-height: 54px
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.big.h1, h1.big {
    font-size: 4.2em
}

.small.h1, h1.small {
    font-size: 2.2em;
    line-height: 42px;
    font-weight: 600
}

.short.h1, .short.h2, h1.short, h2.short {
    margin-bottom: 15px
}

.short.h3, .short.h4, .short.h5, .short.h6, h3.short, h4.short, h5.short, h6.short {
    margin-bottom: 9px
}

.shorter.h1, .shorter.h2, .shorter.h3, .shorter.h4, .shorter.h5, .shorter.h6, h1.shorter, h2.shorter, h3.shorter, h4.shorter, h5.shorter, h6.shorter {
    margin-bottom: 0
}

.tall.h1, .tall.h2, .tall.h3, .tall.h4, .tall.h5, .tall.h6, h1.tall, h2.tall, h3.tall, h4.tall, h5.tall, h6.tall {
    margin-bottom: 33px
}

.taller.h1, .taller.h2, .taller.h3, .taller.h4, .taller.h5, .taller.h6, h1.taller, h2.taller, h3.taller, h4.taller, h5.taller, h6.taller {
    margin-bottom: 44px
}

.tabs, .thumbnail {
    margin-bottom: 20px
}

.spaced.h1, .spaced.h2, .spaced.h3, .spaced.h4, .spaced.h5, .spaced.h6, h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced {
    margin-top: 22px
}

.more-spaced.h1, .more-spaced.h2, .more-spaced.h3, .more-spaced.h4, .more-spaced.h5, .more-spaced.h6, h1.more-spaced, h2.more-spaced, h3.more-spaced, h4.more-spaced, h5.more-spaced, h6.more-spaced {
    margin-top: 44px
}

.light.h1, .light.h2, .light.h3, .light.h4, .light.h5, .light.h6, h1.light, h2.light, h3.light, h4.light, h5.light, h6.light {
    color: #FFF
}

.text-shadow.h1, .text-shadow.h2, .text-shadow.h3, .text-shadow.h4, .text-shadow.h5, .text-shadow.h6, h1.text-shadow, h2.text-shadow, h3.text-shadow, h4.text-shadow, h5.text-shadow, h6.text-shadow {
    text-shadow: 1px 1px 0 rgba(0,0,0,.2)
}

.icon {
    line-height: 1
}

    .icon.bx {
        padding-right: 4px;
        padding-top: 2px
    }

    .icon.icon-inline {
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .icon.icon-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .icon.icon-sm {
        width: 30px;
        height: 30px;
        font-size: .9rem
    }

    .icon.icon-md {
        width: 40px;
        height: 40px;
        font-size: 1.4rem
    }

    .icon.icon-lg {
        width: 50px;
        height: 50px;
        font-size: 1.7rem
    }

    .icon.icon-xl {
        width: 78px;
        height: 78px;
        font-size: 2.1rem
    }

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.img-thumbnail {
    display: inline-block;
    border-radius: 8px
}

    .img-thumbnail .zoom {
        display: block;
        position: absolute;
        right: 8px;
        bottom: 8px;
        height: 30px;
        width: 30px;
        padding: 6px;
        font-size: 14px;
        line-height: 18px;
        background: #CCC;
        border-radius: 100%;
        color: #FFF;
        text-align: center
    }

        .dialog, .image-frame .image-frame-wrapper, .img-thumbnail .zoom i, .ios-switch, .list.list-icons li, .white-popup-block {
            position: relative
        }

        .img-thumbnail .zoom i {
            top: 2px;
            left: 1px
        }

.thumbnail-gallery {
    list-style: none;
    margin: 10px 0;
    padding: 0
}

    .thumbnail-gallery .img-thumbnail, .thumbnail-gallery .thumbnail {
        margin: 10px 10px 0 0
    }

.image-frame .image-frame-wrapper .image-frame-badges-wrapper {
    position: absolute;
    top: 15px;
    left: 15px
}

.switch {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 3px 0
}

    .switch .ios-switch {
        height: 35px;
        width: 65px
    }

        .switch .ios-switch .handle {
            height: 31px;
            width: 31px
        }

    .switch.switch-primary .ios-switch .on-background {
        background: #22ae12
    }

    .switch.switch-success .ios-switch .on-background {
        background: #47a447
    }

    .switch.switch-warning .ios-switch .on-background {
        background: #ed9c28
    }

    .switch.switch-danger .ios-switch .on-background {
        background: #d2322d
    }

    .switch.switch-info .ios-switch .on-background {
        background: #5bc0de
    }

    .switch.switch-dark .ios-switch .on-background {
        background: #171717
    }

    .switch.switch-lg .ios-switch {
        height: 45px;
        width: 75px
    }

        .switch.switch-lg .ios-switch .handle {
            height: 41px;
            width: 41px
        }

    .switch.switch-sm .ios-switch {
        height: 25px;
        width: 55px
    }

        .switch.switch-sm .ios-switch .handle {
            height: 21px;
            width: 21px
        }

.ios-switch {
    height: 45px;
    width: 75px;
    background-color: #E5E5E5;
    border-radius: 100px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .ios-switch .background-fill {
        width: 100%;
        height: 100%;
        border-radius: 100px;
        position: absolute;
        left: 0;
        top: 0
    }

    .ios-switch .on-background {
        background-image: -webkit-gradient(linear,left top,left bottom,from(#00e459),to(#00e158));
        background-image: linear-gradient(#00e459,#00e158);
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        filter: alpha(opacity=0);
        z-index: 1;
        -webkit-transition: .3s .2s;
        transition: .3s .2s
    }

    .ios-switch .state-background {
        border-radius: 100px;
        z-index: 2;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#FDFDFD));
        background-image: linear-gradient(#fff,#FDFDFD);
        border: 2px solid #E5E5E5;
        box-sizing: border-box;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .4s;
        transition: .4s
    }

    .ios-switch .handle {
        width: 41px;
        height: 41px;
        background-color: #fff;
        top: 2px;
        left: 2px;
        position: absolute;
        border-radius: 20px;
        -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.075),0 3px 5px rgba(0,0,0,.15),1px 2px 2px rgba(0,0,0,.05);
        box-shadow: 0 0 3px 1px rgba(0,0,0,.075),0 3px 5px rgba(0,0,0,.15),1px 2px 2px rgba(0,0,0,.05);
        z-index: 3;
        -webkit-transition: -webkit-transform .3s .25s cubic-bezier(.455,.03,.215,1.33);
        transition: -webkit-transform .3s .25s cubic-bezier(.455,.03,.215,1.33);
        transition: transform .3s .25s cubic-bezier(.455,.03,.215,1.33);
        transition: transform .3s .25s cubic-bezier(.455,.03,.215,1.33),-webkit-transform .3s .25s cubic-bezier(.455,.03,.215,1.33);
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .ios-switch.off .handle {
        -webkit-animation: expand-off .3s .2s;
        animation: expand-off .3s .2s;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ios-switch.off .on-background {
        -webkit-transition: .3s 0s;
        transition: .3s 0s
    }

    .ios-switch.off .state-background {
        -webkit-transition: .4s .25s;
        transition: .4s .25s
    }

    .ios-switch.on .handle {
        -webkit-animation: expand-on .3s .2s;
        animation: expand-on .3s .2s;
        -webkit-transform: translate(30px,0);
        transform: translate(30px,0);
        -webkit-transform: translate3d(30px,0,0);
        transform: translate3d(30px,0,0)
    }

    .ios-switch.on .on-background {
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100)
    }

    .ios-switch.on .state-background {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

@-webkit-keyframes expand-on {
    0%,100% {
        padding-right: 0
    }

    40% {
        padding-right: 9px
    }
}

@keyframes expand-on {
    0%,100% {
        padding-right: 0
    }

    40% {
        padding-right: 9px
    }
}

@-webkit-keyframes expand-off {
    0%,100% {
        padding-right: 0;
        left: 2px
    }

    40% {
        padding-right: 9px;
        left: -7px
    }
}

@keyframes expand-off {
    0%,100% {
        padding-right: 0;
        left: 2px
    }

    40% {
        padding-right: 9px;
        left: -7px
    }
}

.jqvmap-zoomin, .jqvmap-zoomout {
    background: #22ae12;
    border-radius: 2px;
    color: #FFF;
    height: 20px;
    line-height: 20px;
    padding: 0;
    width: 20px;
    text-align: center
}

    .jqvmap-zoomin:hover, .jqvmap-zoomout:hover {
        background: #6d094a
    }

.jqvmap-zoomout {
    top: 35px
}

.mfp-close, .mfp-close-btn-in .mfp-close {
    font-family: Almarai;
    font-weight: 600;
    font-size: 22px;
    color: #838383
}

.mfp-no-margins img.mfp-img {
    padding: 0
}

.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0
}

.mfp-no-margins .mfp-container {
    padding: 0
}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: .001;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.my-mfp-zoom-in.mfp-bg {
    opacity: .001;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: .01;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}

.dialog {
    background: #fff;
    padding: 20px 30px;
    margin: 40px auto;
    max-width: 600px
}

    .dialog.dialog-xs {
        max-width: 200px
    }

    .dialog.dialog-sm {
        max-width: 400px
    }

    .dialog.dialog-md {
        max-width: 600px
    }

    .dialog.dialog-lg {
        max-width: 900px
    }

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    max-width: 600px;
    margin: 40px auto
}

    .white-popup-block.white-popup-block-xs {
        max-width: 200px
    }

    .white-popup-block.white-popup-block-sm {
        max-width: 400px
    }

    .modal-block, .white-popup-block.white-popup-block-md {
        max-width: 600px
    }

    .white-popup-block.white-popup-block-lg {
        max-width: 900px
    }

html.dark .dialog, html.dark .white-popup-block {
    background: #1d2127
}

.list li {
    margin-bottom: 13px
}

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

    .list.list-icons li {
        padding-left: 25px
    }

        .list.list-icons li a:first-child > .fa:first-child, .list.list-icons li a:first-child > .fab:first-child, .list.list-icons li a:first-child > .fal:first-child, .list.list-icons li a:first-child > .far:first-child, .list.list-icons li a:first-child > .fas:first-child, .list.list-icons li a:first-child > .icons:first-child, .list.list-icons li > .fa:first-child, .list.list-icons li > .fab:first-child, .list.list-icons li > .fal:first-child, .list.list-icons li > .far:first-child, .list.list-icons li > .fas:first-child, .list.list-icons li > .icons:first-child {
            position: absolute;
            left: 0;
            top: 5px
        }

    .list.list-icons.list-icons-style-2 li {
        padding-top: 5px;
        padding-left: 36px
    }

        .list.list-icons.list-icons-style-2 li a:first-child > .fa:first-child, .list.list-icons.list-icons-style-2 li a:first-child > .fab:first-child, .list.list-icons.list-icons-style-2 li a:first-child > .fal:first-child, .list.list-icons.list-icons-style-2 li a:first-child > .far:first-child, .list.list-icons.list-icons-style-2 li a:first-child > .fas:first-child, .list.list-icons.list-icons-style-2 li a:first-child > .icons:first-child, .list.list-icons.list-icons-style-2 li > .fa:first-child, .list.list-icons.list-icons-style-2 li > .fab:first-child, .list.list-icons.list-icons-style-2 li > .fal:first-child, .list.list-icons.list-icons-style-2 li > .far:first-child, .list.list-icons.list-icons-style-2 li > .fas:first-child, .list.list-icons.list-icons-style-2 li > .icons:first-child {
            border-width: 1px;
            border-style: solid;
            border-radius: 50%;
            width: 25px;
            height: 25px;
            text-align: center;
            padding: 4px
        }

    .list.list-icons.list-icons-style-3 li {
        padding-top: 5px;
        padding-left: 36px
    }

        .list.list-icons.list-icons-style-3 li a:first-child > .fa:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .fab:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .fal:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .far:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .fas:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child, .list.list-icons.list-icons-style-3 li > .fa:first-child, .list.list-icons.list-icons-style-3 li > .fab:first-child, .list.list-icons.list-icons-style-3 li > .fal:first-child, .list.list-icons.list-icons-style-3 li > .far:first-child, .list.list-icons.list-icons-style-3 li > .fas:first-child, .list.list-icons.list-icons-style-3 li > .icons:first-child {
            color: #FFF;
            border-radius: 50%;
            width: 25px;
            height: 25px;
            text-align: center;
            padding: 5px
        }

    .list.list-icons.list-icons-sm li {
        padding-left: 13px;
        margin-bottom: 5px
    }

        .list.list-icons.list-icons-sm li a:first-child > .fa:first-child, .list.list-icons.list-icons-sm li a:first-child > .fab:first-child, .list.list-icons.list-icons-sm li a:first-child > .fal:first-child, .list.list-icons.list-icons-sm li a:first-child > .far:first-child, .list.list-icons.list-icons-sm li a:first-child > .fas:first-child, .list.list-icons.list-icons-sm li a:first-child > .icons:first-child, .list.list-icons.list-icons-sm li > .fa:first-child, .list.list-icons.list-icons-sm li > .fab:first-child, .list.list-icons.list-icons-sm li > .fal:first-child, .list.list-icons.list-icons-sm li > .far:first-child, .list.list-icons.list-icons-sm li > .fas:first-child, .list.list-icons.list-icons-sm li > .icons:first-child {
            font-size: .8em;
            top: 7px
        }

    .list.list-icons.list-icons-sm.list-icons-style-2 li {
        padding-left: 32px
    }

        .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > .fa:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > .fab:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > .fal:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > .far:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > .fas:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > .icons:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li > .fa:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li > .fab:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li > .fal:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li > .far:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li > .fas:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li > .icons:first-child {
            width: 20px;
            height: 20px;
            padding: 3px
        }

    .list.list-icons.list-icons-sm.list-icons-style-3 li {
        padding-left: 32px
    }

        .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > .fa:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > .fab:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > .fal:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > .far:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > .fas:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > .icons:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li > .fa:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li > .fab:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li > .fal:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li > .far:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li > .fas:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li > .icons:first-child {
            width: 20px;
            height: 20px;
            padding: 3px
        }

    .list.list-icons.list-icons-lg li {
        padding-top: 5px;
        padding-left: 32px
    }

        .list.list-icons.list-icons-lg li a:first-child > .fa:first-child, .list.list-icons.list-icons-lg li a:first-child > .fab:first-child, .list.list-icons.list-icons-lg li a:first-child > .fal:first-child, .list.list-icons.list-icons-lg li a:first-child > .far:first-child, .list.list-icons.list-icons-lg li a:first-child > .fas:first-child, .list.list-icons.list-icons-lg li a:first-child > .icons:first-child, .list.list-icons.list-icons-lg li > .fa:first-child, .list.list-icons.list-icons-lg li > .fab:first-child, .list.list-icons.list-icons-lg li > .fal:first-child, .list.list-icons.list-icons-lg li > .far:first-child, .list.list-icons.list-icons-lg li > .fas:first-child, .list.list-icons.list-icons-lg li > .icons:first-child {
            font-size: 1.5em
        }

    .list.list-icons.list-icons-lg.list-icons-style-2 li {
        padding-top: 8px;
        padding-left: 42px
    }

        .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > .fa:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > .fab:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > .fal:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > .far:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > .fas:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > .icons:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li > .fa:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li > .fab:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li > .fal:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li > .far:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li > .fas:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li > .icons:first-child {
            width: 30px;
            height: 30px;
            padding: 4px
        }

    .list.list-icons.list-icons-lg.list-icons-style-3 li {
        padding-top: 8px;
        padding-left: 42px
    }

        .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > .fa:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > .fab:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > .fal:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > .far:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > .fas:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > .icons:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li > .fa:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li > .fab:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li > .fal:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li > .far:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li > .fas:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li > .icons:first-child {
            width: 30px;
            height: 30px;
            padding: 4px
        }

    .list.list-icons.list-icons-reverse li {
        text-align: right;
        padding-right: 25px;
        padding-left: 0
    }

        .list.list-icons.list-icons-reverse li a:first-child > .fa:first-child, .list.list-icons.list-icons-reverse li a:first-child > .fab:first-child, .list.list-icons.list-icons-reverse li a:first-child > .fal:first-child, .list.list-icons.list-icons-reverse li a:first-child > .far:first-child, .list.list-icons.list-icons-reverse li a:first-child > .fas:first-child, .list.list-icons.list-icons-reverse li a:first-child > .icons:first-child, .list.list-icons.list-icons-reverse li > .fa:first-child, .list.list-icons.list-icons-reverse li > .fab:first-child, .list.list-icons.list-icons-reverse li > .fal:first-child, .list.list-icons.list-icons-reverse li > .far:first-child, .list.list-icons.list-icons-reverse li > .fas:first-child, .list.list-icons.list-icons-reverse li > .icons:first-child {
            position: absolute;
            left: auto;
            right: 0;
            top: 5px
        }

    .list.list-icons.list-icons-reverse.list-icons-style-2 li, .list.list-icons.list-icons-reverse.list-icons-style-3 li {
        padding-right: 36px
    }

    .list.list-icons.list-icons-reverse.list-icons-sm li {
        padding-left: 0;
        padding-right: 13px
    }

    .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-2 li, .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-3 li {
        padding-right: 32px
    }

    .list.list-icons.list-icons-reverse.list-icons-lg li {
        padding-left: 0;
        padding-right: 32px
    }

    .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-2 li, .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-3 li {
        padding-right: 42px
    }

.list.list-borders li {
    border-bottom: 1px solid #DBDBDB;
    margin-top: 9px;
    margin-bottom: 0;
    padding-bottom: 9px
}

    .list.list-borders li:last-child {
        border-bottom: 0
    }

.list.list-side-borders {
    border-left: 1px solid #DBDBDB;
    padding-left: 10px
}

.list.list-ordened {
    counter-reset: custom-counter;
    list-style: none
}

    .list.list-ordened li {
        position: relative;
        padding-left: 22px
    }

        .list.list-ordened li:before {
            position: absolute;
            top: 0;
            left: 0;
            content: counter(custom-counter);
            counter-increment: custom-counter;
            font-weight: 700
        }

    .list.list-ordened.list-ordened-style-2 li, .list.list-ordened.list-ordened-style-3 li {
        padding-left: 32px
    }

        .list.list-ordened.list-ordened-style-2 li:before, .list.list-ordened.list-ordened-style-3 li:before {
            border-radius: 100%;
            border-style: solid;
            border-width: 1px;
            min-width: 26px;
            padding: 0;
            text-align: center
        }

        .list.list-ordened.list-ordened-style-3 li:before {
            color: #FFF;
            border: 0
        }

.list.list-unstyled {
    padding-left: 0;
    padding-right: 0
}

.list.list-filter > li a {
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 30px;
    font-weight: 600;
    border: 1px solid #CCC
}

    .list.list-filter > li a:active, .list.list-filter > li a:focus, .list.list-filter > li a:hover {
        border-color: #CCC
    }

    .list.list-filter > li a.active {
        background: #CCC;
        color: #FFF
    }

.list.list-filter > li:not(:last-child) {
    margin-right: .1rem;
    margin-bottom: .4rem
}

.list.list-item-bottom-space-0 > li {
    margin-bottom: 0;
    margin-top: 0
}

.list.list-item-bottom-space-xs > li {
    margin-bottom: 0
}

    .list.list-item-bottom-space-xs > li + li {
        margin-top: 3px
    }

.list.list-item-bottom-space-sm > li + li {
    margin-top: 6px
}

.list.list-item-bottom-space-md > li + li {
    margin-top: 10px
}

.list.list-item-bottom-space-lg > li + li {
    margin-top: 14px
}

dl dd {
    margin-bottom: 15px
}

.loading-overlay-showing {
    overflow: hidden
}

    .loading-overlay-showing > .loading-overlay {
        opacity: 1;
        visibility: visible
    }

.loading-overlay {
    -webkit-transition: visibility 0s ease-in-out .5s,opacity .5s ease-in-out;
    transition: visibility 0s ease-in-out .5s,opacity .5s ease-in-out;
    bottom: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
    visibility: hidden;
    background: #FFF
}

body > .loading-overlay {
    position: fixed;
    z-index: 999999
}

.bounce-loader {
    -webkit-transition: all .2;
    transition: all .2;
    margin: -9px 0 0 -35px;
    text-align: center;
    width: 70px;
    height: 20px;
    line-height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10000
}

    .bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3 {
        -webkit-animation: 1.4s ease-in-out 0s normal both infinite running bouncedelay;
        animation: 1.4s ease-in-out 0s normal both infinite running bouncedelay;
        background-color: #CCC;
        border-radius: 100%;
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
        box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
        display: inline-block;
        height: 18px;
        width: 18px
    }

    .bounce-loader .bounce1 {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .bounce-loader .bounce2 {
        -webkit-animation-delay: -.16s;
        animation-delay: -.16s
    }

@-webkit-keyframes bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#nprogress {
    pointer-events: none
}

    #nprogress .bar {
        background: #22ae12;
        position: fixed;
        z-index: 1031;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px
    }

    #nprogress .peg {
        display: block;
        position: absolute;
        right: 0;
        width: 100px;
        height: 100%;
        -webkit-box-shadow: 0 0 10px #22ae12,0 0 5px #22ae12;
        box-shadow: 0 0 10px #22ae12,0 0 5px #22ae12;
        opacity: 1;
        -webkit-transform: rotate(3deg) translate(0,-4px);
        transform: rotate(3deg) translate(0,-4px)
    }

    #nprogress .spinner {
        display: block;
        position: fixed;
        z-index: 1031;
        top: 15px;
        right: 15px
    }

    #nprogress .spinner-icon {
        width: 18px;
        height: 18px;
        box-sizing: border-box;
        border: 2px solid transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border-radius: 50%;
        -webkit-animation: nprogress-spinner .4s linear infinite;
        animation: nprogress-spinner .4s linear infinite
    }

.dd-handle, .dd-placeholder {
    -webkit-box-sizing: border-box
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

    .nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
        position: absolute
    }

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.md-editor {
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

    .md-editor > .md-header {
        border-radius: 4px 4px 0 0;
        padding: 10px 10px 4px
    }

    .md-editor > .md-preview, .md-editor > textarea {
        background: #FFF;
        border-bottom: none;
        border-radius: 0 0 4px 4px;
        padding: 10px;
        outline: 0;
        width: 100% !important
    }

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-group .mg-toggle:focus, body a, body a:active, body a:focus, body a:hover, body a:visited {
    outline: 0 !important
}

.md-editor .btn-group {
    margin-bottom: 6px;
    margin-right: 6px
}

html.dark .md-editor {
    border-color: #282d36
}

    html.dark .md-editor .md-footer, html.dark .md-editor > .md-header {
        background: #242830
    }

    html.dark .md-editor > .md-preview, html.dark .md-editor > textarea {
        background: #282d36
    }

    html.dark .md-editor > textarea {
        color: #EEE;
        border-color: #1d2127
    }

@media only screen and (max-width:767px) {
    .bootstrap-maxlength.bottom-left {
        margin-left: 40px
    }
}

.center {
    text-align: center
}

.popover .btn {
    margin-right: 5px
}

    .popover .btn:last-child {
        margin-right: 0
    }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

.show-grid [class*=col] {
    background-color: #EEE;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
    border: 1px solid #FFF;
    display: block
}

html.dark .show-grid [class*=col] {
    background-color: #282d36;
    border-color: #282d36
}

.embed-responsive.embed-soundcloud {
    padding-bottom: 19.25%
}

.embed-responsive.embed-responsive-borders {
    border: 1px solid #DDD;
    padding: 4px;
    border-radius: 4px
}

.modal-block.modal-full-color .card-footer, .modal-block.modal-full-color .card-header {
    border: 0
}

.changelog .h4, .changelog h4 {
    display: inline-block;
    color: #000;
    font-size: 1em;
    font-weight: 600
}

.changelog .release-date {
    color: #999;
    font-size: .9em
}

.changelog .label {
    display: inline-block;
    min-width: 100px
}

.arrow {
    background: url(../img/arrows.png) no-repeat;
    width: 47px;
    height: 120px;
    display: inline-block;
    position: relative
}

    .arrow.vbl, .arrow.vbr, .arrow.vtl, .arrow.vtr {
        width: 47px;
        height: 96px
    }

    .arrow.arrow-light {
        background-image: url(../img/arrows-dark.png)
    }

    .arrow.vtl {
        background-position: 0 0
    }

    .arrow.vtr {
        background-position: -101px 0
    }

    .arrow.vbl {
        background-position: 0 -144px
    }

    .arrow.vbr {
        background-position: -101px -144px
    }

    .arrow.hlb, .arrow.hlt, .arrow.hrb, .arrow.hrt {
        width: 120px;
        height: 47px
    }

    .arrow.hlt {
        background-position: -209px 0
    }

    .arrow.hlb {
        background-position: -209px -101px
    }

    .arrow.hrt {
        background-position: -353px 0
    }

    .arrow.hrb {
        background-position: -353px -101px
    }

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.shadow-style-1 {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 10px 10px 74px -15px rgba(74,74,74,.1);
    box-shadow: 10px 10px 74px -15px rgba(74,74,74,.1)
}

    .shadow-style-1:hover, .shadow-style-2 {
        -webkit-box-shadow: 10px 10px 74px -15px rgba(74,74,74,.4);
        box-shadow: 10px 10px 74px -15px rgba(74,74,74,.4)
    }

.popover .popover-header {
    margin: 0 !important
}

.tooltip {
    z-index: 1000000
}

.activity-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .activity-item .activity-time {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        min-width: 66px
    }

        .activity-item .activity-time + i {
            margin: 0 8px
        }

    .activity-item:first-child .activity-description {
        font-size: 1.05rem
    }

@media (max-width:1199px) {
    html:not(.sidebar-left-collapsed) .activity-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        html:not(.sidebar-left-collapsed) .activity-item .activity-time {
            width: 100%
        }

            html:not(.sidebar-left-collapsed) .activity-item .activity-time + i {
                display: none
            }
}

@media (max-width:767px) {
    .activity-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .activity-item .activity-time {
            width: 100%
        }

            .activity-item .activity-time + i {
                display: none
            }
}

.filters-sidebar-wrapper {
    padding: 30px 15px;
    -webkit-box-shadow: 0 0 37px -36px rgba(0,0,0,.4);
    box-shadow: 0 0 37px -36px rgba(0,0,0,.4)
}

    .filters-sidebar-wrapper a {
        color: inherit
    }

.modal-block.modal-full-color, .modal-block.modal-full-color .card-header .h2, .modal-block.modal-full-color .card-header h2, .modal-block.modal-header-color .card-header .h2, .modal-block.modal-header-color .card-header h2 {
    color: #FFF
}

.filters-sidebar-wrapper a:hover {
    text-decoration: none
}

.filters-sidebar-wrapper ul li:last-child {
    margin-bottom: 0
}

.filters-sidebar-wrapper .card {
    -webkit-box-shadow: none;
    box-shadow: none
}

    .filters-sidebar-wrapper .card .card-header {
        padding-top: 13px;
        padding-bottom: 13px
    }

        .filters-sidebar-wrapper .card .card-header + .card-body {
            background: 0 0;
            padding-bottom: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .filters-sidebar-wrapper .card .card-header .card-title {
            font-size: .9rem
        }

    .filters-sidebar-wrapper .card .card-actions {
        top: 11px
    }

.row-gutter-sm {
    margin-right: -10px;
    margin-left: -10px
}

    .row-gutter-sm .col, .row-gutter-sm .col-1, .row-gutter-sm .col-1-5, .row-gutter-sm .col-10, .row-gutter-sm .col-11, .row-gutter-sm .col-12, .row-gutter-sm .col-2, .row-gutter-sm .col-2-5, .row-gutter-sm .col-3, .row-gutter-sm .col-3-5, .row-gutter-sm .col-4, .row-gutter-sm .col-4-5, .row-gutter-sm .col-5, .row-gutter-sm .col-6, .row-gutter-sm .col-7, .row-gutter-sm .col-8, .row-gutter-sm .col-9, .row-gutter-sm .col-auto, .row-gutter-sm .col-lg, .row-gutter-sm .col-lg-1, .row-gutter-sm .col-lg-1-5, .row-gutter-sm .col-lg-10, .row-gutter-sm .col-lg-11, .row-gutter-sm .col-lg-12, .row-gutter-sm .col-lg-2, .row-gutter-sm .col-lg-2-5, .row-gutter-sm .col-lg-3, .row-gutter-sm .col-lg-3-5, .row-gutter-sm .col-lg-4, .row-gutter-sm .col-lg-4-5, .row-gutter-sm .col-lg-5, .row-gutter-sm .col-lg-6, .row-gutter-sm .col-lg-7, .row-gutter-sm .col-lg-8, .row-gutter-sm .col-lg-9, .row-gutter-sm .col-lg-auto, .row-gutter-sm .col-md, .row-gutter-sm .col-md-1, .row-gutter-sm .col-md-1-5, .row-gutter-sm .col-md-10, .row-gutter-sm .col-md-11, .row-gutter-sm .col-md-12, .row-gutter-sm .col-md-2, .row-gutter-sm .col-md-2-5, .row-gutter-sm .col-md-3, .row-gutter-sm .col-md-3-5, .row-gutter-sm .col-md-4, .row-gutter-sm .col-md-4-5, .row-gutter-sm .col-md-5, .row-gutter-sm .col-md-6, .row-gutter-sm .col-md-7, .row-gutter-sm .col-md-8, .row-gutter-sm .col-md-9, .row-gutter-sm .col-md-auto, .row-gutter-sm .col-sm, .row-gutter-sm .col-sm-1, .row-gutter-sm .col-sm-1-5, .row-gutter-sm .col-sm-10, .row-gutter-sm .col-sm-11, .row-gutter-sm .col-sm-12, .row-gutter-sm .col-sm-2, .row-gutter-sm .col-sm-2-5, .row-gutter-sm .col-sm-3, .row-gutter-sm .col-sm-3-5, .row-gutter-sm .col-sm-4, .row-gutter-sm .col-sm-4-5, .row-gutter-sm .col-sm-5, .row-gutter-sm .col-sm-6, .row-gutter-sm .col-sm-7, .row-gutter-sm .col-sm-8, .row-gutter-sm .col-sm-9, .row-gutter-sm .col-sm-auto, .row-gutter-sm .col-xl, .row-gutter-sm .col-xl-1, .row-gutter-sm .col-xl-1-5, .row-gutter-sm .col-xl-10, .row-gutter-sm .col-xl-11, .row-gutter-sm .col-xl-12, .row-gutter-sm .col-xl-2, .row-gutter-sm .col-xl-2-5, .row-gutter-sm .col-xl-3, .row-gutter-sm .col-xl-3-5, .row-gutter-sm .col-xl-4, .row-gutter-sm .col-xl-4-5, .row-gutter-sm .col-xl-5, .row-gutter-sm .col-xl-6, .row-gutter-sm .col-xl-7, .row-gutter-sm .col-xl-8, .row-gutter-sm .col-xl-9, .row-gutter-sm .col-xl-auto {
        padding-left: 10px;
        padding-right: 10px
    }

.modal {
    z-index: 1100
}

.mfp-bg {
    z-index: 10000
}

.mfp-wrap, .mfp-wrap .mfp-content {
    z-index: 10001
}

.modal-block {
    background: 0 0;
    padding: 0;
    margin: 40px auto;
    position: relative
}

    .modal-block.modal-block-xs {
        max-width: 200px
    }

    .modal-block.modal-block-sm {
        max-width: 400px
    }

    .modal-block.modal-block-md {
        max-width: 600px
    }

    .modal-block.modal-block-lg {
        max-width: 900px
    }

    .modal-block.modal-block-full {
        max-width: 98%
    }

    .modal-block.modal-full-color .card-body {
        background-color: transparent
    }

    .modal-block.modal-full-color .fa, .modal-block.modal-full-color .fab, .modal-block.modal-full-color .fal, .modal-block.modal-full-color .far, .modal-block.modal-full-color .fas {
        color: #FFF !important
    }

    .modal-block.modal-full-color p {
        color: #FFF
    }

.modal-wrapper {
    position: relative;
    padding: 25px 0
}

.modal-icon {
    float: left;
    width: 20%;
    text-align: center
}

    .modal-icon.center, .modal-icon.center + .modal-text {
        float: none;
        width: auto
    }

    .modal-icon .fa, .modal-icon .fab, .modal-icon .fal, .modal-icon .far, .modal-icon .fas {
        font-size: 52px;
        position: relative;
        top: -10px;
        color: #22ae12
    }

    .modal-icon.center {
        padding-top: 20px
    }

    .modal-icon + .modal-text {
        float: left;
        width: 80%
    }

.modal-text {
    padding: 0 5px
}

    .modal-text .h1, .modal-text .h2, .modal-text .h3, .modal-text .h4, .modal-text .h5, .modal-text .h6, .modal-text h1, .modal-text h2, .modal-text h3, .modal-text h4, .modal-text h5, .modal-text h6 {
        padding: 0;
        margin: -7px 0 4px
    }

.modal-block-primary .fa, .modal-block-primary .fab, .modal-block-primary .fal, .modal-block-primary .far, .modal-block-primary .fas {
    color: #22ae12
}

.modal-block-primary.modal-header-color .card-header {
    background-color: #22ae12
}

.modal-block-primary.modal-full-color .card {
    background-color: #ab0e74
}

.modal-block-primary.modal-full-color .card-header {
    background-color: #22ae12
}

.modal-block-primary.modal-full-color .card-footer {
    background-color: #ab0e74
}

.modal-block-success .fa, .modal-block-success .fab, .modal-block-success .fal, .modal-block-success .far, .modal-block-success .fas {
    color: #47a447
}

.modal-block-success.modal-header-color .card-header {
    background-color: #47a447
}

.modal-block-success.modal-full-color .card {
    background-color: #5cb85c
}

.modal-block-success.modal-full-color .card-header {
    background-color: #47a447
}

.modal-block-success.modal-full-color .card-footer {
    background-color: #5cb85c
}

.modal-block-warning .fa, .modal-block-warning .fab, .modal-block-warning .fal, .modal-block-warning .far, .modal-block-warning .fas {
    color: #ed9c28
}

.modal-block-warning.modal-header-color .card-header {
    background-color: #ed9c28
}

.modal-block-warning.modal-full-color .card {
    background-color: #f0ad4e
}

.modal-block-warning.modal-full-color .card-header {
    background-color: #ed9c28
}

.modal-block-warning.modal-full-color .card-footer {
    background-color: #f0ad4e
}

.modal-block-danger .fa, .modal-block-danger .fab, .modal-block-danger .fal, .modal-block-danger .far, .modal-block-danger .fas {
    color: #d2322d
}

.modal-block-danger.modal-header-color .card-header {
    background-color: #d2322d
}

.modal-block-danger.modal-full-color .card {
    background-color: #d9534f
}

.modal-block-danger.modal-full-color .card-header {
    background-color: #d2322d
}

.modal-block-danger.modal-full-color .card-footer {
    background-color: #d9534f
}

.modal-block-info .fa, .modal-block-info .fab, .modal-block-info .fal, .modal-block-info .far, .modal-block-info .fas {
    color: #5bc0de
}

.modal-block-info.modal-header-color .card-header {
    background-color: #5bc0de
}

.modal-block-info.modal-full-color .card {
    background-color: #7dcde5
}

.modal-block-info.modal-full-color .card-header {
    background-color: #5bc0de
}

.modal-block-info.modal-full-color .card-footer {
    background-color: #7dcde5
}

.modal-block-dark .fa, .modal-block-dark .fab, .modal-block-dark .fal, .modal-block-dark .far, .modal-block-dark .fas {
    color: #171717
}

.modal-block-dark.modal-header-color .card-header {
    background-color: #171717
}

.modal-block-dark.modal-full-color .card {
    background-color: #2b2b2b
}

.modal-block-dark.modal-full-color .card-header {
    background-color: #171717
}

.modal-block-dark.modal-full-color .card-footer {
    background-color: #2b2b2b
}

html.dark .modal-content {
    background-color: #1d2127
}

html.dark .modal-footer, html.dark .modal-header {
    border-color: #282d36
}

html.dark .multiselect-container {
    background-color: #282d36
}

    html.dark .multiselect-container > li > a {
        color: #EEE
    }

        html.dark .multiselect-container > li > a:focus, html.dark .multiselect-container > li > a:hover {
            background-color: #1d2127;
            color: #FFF
        }

.nav-pills > .active a, .nav-pills > .active a:focus, .nav-pills > .active a:hover {
    background-color: #22ae12
}

.nav-pills-primary > li a:focus, .nav-pills-primary > li a:hover {
    color: #22ae12;
    background-color: #f798d5
}

.nav-pills-primary > li.active > a, .nav-pills-primary > li.active > a:active, .nav-pills-primary > li.active > a:focus, .nav-pills-primary > li.active > a:hover {
    background-color: #22ae12
}

.nav-pills-success > li a:focus, .nav-pills-success > li a:hover {
    color: #47a447;
    background-color: #bfe2bc
}

.nav-pills-success > li.active > a, .nav-pills-success > li.active > a:active, .nav-pills-success > li.active > a:focus, .nav-pills-success > li.active > a:hover {
    background-color: #47a447
}

.nav-pills-warning > li a:focus, .nav-pills-warning > li a:hover {
    color: #ed9c28;
    background-color: #fbe4cd
}

.nav-pills-warning > li.active > a, .nav-pills-warning > li.active > a:active, .nav-pills-warning > li.active > a:focus, .nav-pills-warning > li.active > a:hover {
    background-color: #ed9c28
}

.nav-pills-danger > li a:focus, .nav-pills-danger > li a:hover {
    color: #d2322d;
    background-color: #f2c0c3
}

.nav-pills-danger > li.active > a, .nav-pills-danger > li.active > a:active, .nav-pills-danger > li.active > a:focus, .nav-pills-danger > li.active > a:hover {
    background-color: #d2322d
}

.nav-pills-info > li a:focus, .nav-pills-info > li a:hover {
    color: #5bc0de;
    background-color: #f0fafc
}

.nav-pills-info > li.active > a, .nav-pills-info > li.active > a:active, .nav-pills-info > li.active > a:focus, .nav-pills-info > li.active > a:hover {
    background-color: #5bc0de
}

.nav-pills-dark > li a:focus, .nav-pills-dark > li a:hover {
    color: #171717;
    background-color: #707070
}

.nav-pills-dark > li.active > a, .nav-pills-dark > li.active > a:active, .nav-pills-dark > li.active > a:focus, .nav-pills-dark > li.active > a:hover {
    background-color: #171717
}

ul.nav-list.primary > li {
    margin: 0;
    padding: 0
}

    ul.nav-list.primary > li:last-child a {
        border-bottom: transparent !important
    }

    ul.nav-list.primary > li a {
        -webkit-transition: all .3s;
        transition: all .3s;
        background-position: 9px 16px;
        background-repeat: no-repeat;
        border-bottom: 1px solid #EDEDDE;
        padding: 8px 20px
    }

.dd, .dd-list {
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    list-style: none
}

.dd {
    font-size: 13px;
    line-height: 20px
}

.dd-list .dd-list {
    padding-left: 30px
}

.dd-collapsed .dd-list {
    display: none
}

.dd-empty, .dd-item, .dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px
}

.dd-handle {
    display: block;
    height: 34px;
    margin: 5px 0;
    padding: 6px 10px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid #CCC;
    background: #F6F6F6;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

    .dd-handle:hover {
        color: #22ae12;
        background: #fff
    }

.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 7px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: 700
}

    .dd-item > button:before {
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0
    }

    .dd-item > button[data-action=collapse]:before {
        content: "-"
    }

.dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f8b0df;
    border: 1px dashed #22ae12;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dd-empty {
    margin: 5px 0;
    padding: 0;
    background: 0 0,30px 30px #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px dashed #bbb;
    min-height: 100px;
    background-image: linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
    background-size: 60px 60px
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999
}

    .dd-dragel > .dd-item .dd-handle {
        margin-top: 0
    }

    .dd-dragel .dd-handle {
        -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
        box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1)
    }

html.dark .dd-handle {
    background: #282d36;
    border-color: #21262d;
    color: #808697
}

    html.dark .dd-handle:hover {
        background: #21262d
    }

.notifications {
    display: inline-block;
    list-style: none;
    margin: 4px -10px 0 0;
    padding: 0;
    vertical-align: middle
}

    .notifications > li {
        float: left;
        margin: 0 10px 0 0;
        position: relative
    }

        .notifications > li .notification-icon {
            background: #FFF;
            border-radius: 50%;
            -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
            display: inline-block;
            height: 30px;
            position: relative;
            width: 30px;
            text-align: center
        }

            .notifications > li .notification-icon.dropdown-toggle:after {
                content: none
            }

            .notifications > li .notification-icon i {
                color: #777;
                font-size: 1.05rem;
                line-height: 30px;
                vertical-align: middle
            }

                .notifications > li .notification-icon i.fa-tasks {
                    line-height: 32px
                }

            .notifications > li .notification-icon .badge {
                background: #D2312D;
                color: #FFF;
                font-size: 10px;
                font-weight: 400;
                height: 16px;
                padding: 3px 5px;
                position: absolute;
                right: -8px;
                top: -3px;
                border-radius: 100%
            }

        .notifications > li > a {
            border: none;
            display: inline-block
        }

    .notifications .notification-menu {
        border: none;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);
        box-shadow: 0 0 2px rgba(0,0,0,.3);
        margin: 10px 0 0;
        padding: 0;
        right: -5px !important;
        top: 9px;
        width: 245px;
        -webkit-transform: translate3d(0,32px,0) !important;
        transform: translate3d(0,32px,0) !important
    }

@media only screen and (min-width:768px) {
    .notifications .notification-menu {
        left: auto !important
    }
}

.notifications .notification-menu.large {
    width: 325px
}

.notifications .notification-menu .notification-title {
    background: #22ae12;
    border-radius: 3px 3px 0 0;
    color: #FFF;
    font-size: .7rem;
    line-height: 1.5rem;
    padding: 8px 6px 8px 12px;
    text-transform: uppercase
}

    .notifications .notification-menu .notification-title .badge {
        font-size: .65rem;
        font-weight: 200;
        line-height: 14px;
        margin-left: 10px;
        margin-top: 2px;
        min-width: 35px
    }

    .notifications .notification-menu .notification-title .badge-default {
        background: #006697;
        color: #FFF
    }

.notifications .notification-menu .content {
    padding: 12px
}

.notifications .notification-menu hr {
    background: #E6E6E6;
    height: 1px;
    margin: 12px 0
}

.notifications .notification-menu .view-more {
    color: #ACACAC;
    font-size: .7rem;
    line-height: 1.1rem;
    text-transform: uppercase
}

.notifications .notification-icon:before, .notifications .notification-menu:before {
    border-bottom: 6px solid #22ae12;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    height: 0;
    margin-right: -3px;
    width: 0;
    position: absolute;
    pointer-events: none
}

.notifications .notification-menu:before {
    bottom: 100%;
    right: 16px
}

.notifications .notification-icon:before {
    display: none;
    right: 11px;
    top: 35px;
    z-index: 9999
}

.notification-menu {
    color: #ACACAC
}

    .notification-menu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .notification-menu li {
        margin: 0 0 12px
    }

        .notification-menu li:last-child {
            margin-bottom: 0
        }

    .notification-menu a {
        display: block;
        text-decoration: none
    }

    .notification-menu .image {
        float: left;
        margin: 0 10px 0 0
    }

        .notification-menu .image i {
            border-radius: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            width: 35px
        }

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

    .notification-menu .title {
        color: #001;
        display: block;
        font-size: 16px;
        line-height: 1.1rem;
        padding: 2px 0 0
    }

    .notification-menu .message {
        color: #ACACAC;
        display: block;
        font-size: .7rem;
        line-height: 1.1rem;
        padding: 0
    }

html.dark .notifications > li .notification-icon, html.header-dark .notifications > li .notification-icon {
    background: #282d36
}

    html.dark .notifications > li .notification-icon i, html.header-dark .notifications > li .notification-icon i {
        color: #C3C3C3
    }

html.dark .notifications .notification-menu hr, html.header-dark .notifications .notification-menu hr {
    background: #8d8f91
}

@media only screen and (max-width:767px) {
    .notifications {
        float: right;
        margin: 16px 8px 0 0
    }

        .notifications > li {
            position: static
        }

            .notifications > li.show .notification-icon:before {
                display: block
            }

            .notifications > li .notification-menu {
                top: auto;
                width: 94vw !important;
                left: 50% !important;
                -webkit-transform: translate3d(-50%,109px,0) !important;
                transform: translate3d(-50%,109px,0) !important
            }

                .notifications > li .notification-menu:before {
                    display: none
                }
}

.ui-pnotify {
    right: 15px;
    top: 15px
}

    .ui-pnotify .notification {
        border-radius: 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 15px 15px 15px 75px
    }

        .ui-pnotify .notification .ui-pnotify-icon {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 75px;
            text-align: center
        }

            .ui-pnotify .notification .ui-pnotify-icon > span {
                border: 2px solid #FFF;
                border-radius: 50%;
                display: inline-block;
                float: none;
                font-size: 35px;
                height: 50px;
                line-height: 48px;
                margin: 0;
                padding: 0;
                width: 50px;
                text-align: center
            }

        .ui-pnotify .notification .ui-pnotify-title {
            font-size: 14px;
            letter-spacing: 0;
            color: inherit;
            font-weight: inherit
        }

        .ui-pnotify .notification .ui-pnotify-text {
            font-size: 12px;
            line-height: 1.3em;
            line-height: 1.5
        }

        .ui-pnotify .notification.notification-danger .ui-pnotify-icon > span.fa-times {
            line-height: 47px
        }

    .ui-pnotify .ui-pnotify-shadow {
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.4);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.4)
    }

    .ui-pnotify.ui-pnotify-no-icon .notification {
        padding-left: 15px
    }

    .ui-pnotify .ui-pnotify-sharp {
        border-radius: 0
    }

body .ui-pnotify.icon-nb .notification .ui-pnotify-icon > span {
    border-color: transparent;
    border-radius: 0
}

.ui-pnotify .notification-danger .ui-pnotify-icon > span, .ui-pnotify .notification-dark .ui-pnotify-icon > span, .ui-pnotify .notification-info .ui-pnotify-icon > span, .ui-pnotify .notification-primary .ui-pnotify-icon > span, .ui-pnotify .notification-success .ui-pnotify-icon > span, .ui-pnotify .notification-warning .ui-pnotify-icon > span, .ui-pnotify.notification-danger .notification .ui-pnotify-icon > span, .ui-pnotify.notification-danger .notification-danger .ui-pnotify-icon > span, .ui-pnotify.notification-dark .notification .ui-pnotify-icon > span, .ui-pnotify.notification-dark .notification-dark .ui-pnotify-icon > span, .ui-pnotify.notification-info .notification .ui-pnotify-icon > span, .ui-pnotify.notification-info .notification-info .ui-pnotify-icon > span, .ui-pnotify.notification-primary .notification .ui-pnotify-icon > span, .ui-pnotify.notification-primary .notification-primary .ui-pnotify-icon > span, .ui-pnotify.notification-success .notification .ui-pnotify-icon > span, .ui-pnotify.notification-success .notification-success .ui-pnotify-icon > span, .ui-pnotify.notification-warning .notification .ui-pnotify-icon > span, .ui-pnotify.notification-warning .notification-warning .ui-pnotify-icon > span {
    border-color: rgba(255,255,255,.7)
}

.ui-pnotify.stack-bar-top {
    right: 0;
    top: 0
}

    .ui-pnotify.stack-bar-top .notification {
        border-radius: 0
    }

        .ui-pnotify.stack-bar-top .notification .ui-pnotify-icon > span {
            margin-top: 7px
        }

.ui-pnotify.stack-bar-bottom {
    bottom: 0;
    left: auto;
    margin-left: 15%;
    right: auto;
    top: auto
}

    .ui-pnotify.stack-bar-bottom .notification {
        border-radius: 0
    }

        .ui-pnotify.stack-bar-bottom .notification .ui-pnotify-icon > span {
            margin-top: 9px
        }

.ui-pnotify.click-2-close {
    cursor: pointer
}

.ui-pnotify .notification-primary {
    background: rgba(133,11,90,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.stack-bar-bottom .notification-primary, .ui-pnotify.stack-bar-top .notification-primary {
    background: #22ae12
}

.ui-pnotify.notification-primary .notification, .ui-pnotify.notification-primary .notification-primary {
    background: rgba(133,11,90,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.notification-primary.stack-bar-bottom .notification, .ui-pnotify.notification-primary.stack-bar-bottom .notification-primary, .ui-pnotify.notification-primary.stack-bar-top .notification, .ui-pnotify.notification-primary.stack-bar-top .notification-primary {
    background: #22ae12
}

.ui-pnotify .notification-success {
    background: rgba(71,164,71,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.stack-bar-bottom .notification-success, .ui-pnotify.stack-bar-top .notification-success {
    background: #47a447
}

.ui-pnotify.notification-success .notification, .ui-pnotify.notification-success .notification-success {
    background: rgba(71,164,71,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.notification-success.stack-bar-bottom .notification, .ui-pnotify.notification-success.stack-bar-bottom .notification-success, .ui-pnotify.notification-success.stack-bar-top .notification, .ui-pnotify.notification-success.stack-bar-top .notification-success {
    background: #47a447
}

.ui-pnotify .notification-warning {
    background: rgba(237,156,40,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.stack-bar-bottom .notification-warning, .ui-pnotify.stack-bar-top .notification-warning {
    background: #ed9c28
}

.ui-pnotify.notification-warning .notification, .ui-pnotify.notification-warning .notification-warning {
    background: rgba(237,156,40,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.notification-warning.stack-bar-bottom .notification, .ui-pnotify.notification-warning.stack-bar-bottom .notification-warning, .ui-pnotify.notification-warning.stack-bar-top .notification, .ui-pnotify.notification-warning.stack-bar-top .notification-warning {
    background: #ed9c28
}

.ui-pnotify .notification-danger {
    background: rgba(210,50,45,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.stack-bar-bottom .notification-danger, .ui-pnotify.stack-bar-top .notification-danger {
    background: #d2322d
}

.ui-pnotify.notification-danger .notification, .ui-pnotify.notification-danger .notification-danger {
    background: rgba(210,50,45,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.notification-danger.stack-bar-bottom .notification, .ui-pnotify.notification-danger.stack-bar-bottom .notification-danger, .ui-pnotify.notification-danger.stack-bar-top .notification, .ui-pnotify.notification-danger.stack-bar-top .notification-danger {
    background: #d2322d
}

.ui-pnotify .notification-info {
    background: rgba(91,192,222,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.stack-bar-bottom .notification-info, .ui-pnotify.stack-bar-top .notification-info {
    background: #5bc0de
}

.ui-pnotify.notification-info .notification, .ui-pnotify.notification-info .notification-info {
    background: rgba(91,192,222,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.notification-info.stack-bar-bottom .notification, .ui-pnotify.notification-info.stack-bar-bottom .notification-info, .ui-pnotify.notification-info.stack-bar-top .notification, .ui-pnotify.notification-info.stack-bar-top .notification-info {
    background: #5bc0de
}

.ui-pnotify .notification-dark {
    background: rgba(23,23,23,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.stack-bar-bottom .notification-dark, .ui-pnotify.stack-bar-top .notification-dark {
    background: #171717
}

.ui-pnotify.notification-dark .notification, .ui-pnotify.notification-dark .notification-dark {
    background: rgba(23,23,23,.95);
    color: rgba(255,255,255,.7)
}

.ui-pnotify.notification-dark.stack-bar-bottom .notification, .ui-pnotify.notification-dark.stack-bar-bottom .notification-dark, .ui-pnotify.notification-dark.stack-bar-top .notification, .ui-pnotify.notification-dark.stack-bar-top .notification-dark {
    background: #171717
}

@media only screen and (max-width:767px) {
    html > body > .ui-pnotify {
        bottom: auto !important;
        left: 0 !important;
        margin: 0 !important;
        right: 0 !important;
        top: 60px !important;
        width: auto !important
    }

        html > body > .ui-pnotify .notification {
            border-radius: 0 !important;
            height: auto !important;
            position: static !important;
            width: 100%
        }

            html > body > .ui-pnotify .notification .ui-pnotify-text, html > body > .ui-pnotify .notification .ui-pnotify-title {
                padding-right: 35px !important
            }

            html > body > .ui-pnotify .notification .ui-pnotify-sticker {
                display: none !important
            }

            html > body > .ui-pnotify .notification .ui-pnotify-closer {
                display: block !important;
                font-size: 24px !important;
                visibility: visible !important
            }

    .note-editor .note-toolbar {
        text-align: center
    }
}

.pagination > li a {
    color: #22ae12;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    .pagination > li a:focus, .pagination > li a:hover {
        color: #9d0d6a
    }

.pagination > li.active a, .pagination > li.active a:focus, .pagination > li.active a:hover, .pagination > li.active span, .pagination > li.active span:focus, .pagination > li.active span:hover {
    background-color: #22ae12;
    border-color: #22ae12
}

.pagination > li.active a {
    background-color: #22ae12
}

.pagination.pagination-modern > li a {
    border: 0;
    font-weight: 600;
    color: #444;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .pagination.pagination-modern > li a[disabled] {
        pointer-events: none;
        background: 0 0
    }

    .pagination.pagination-modern > li a.next, .pagination.pagination-modern > li a.prev {
        color: #999;
        background: 0 0
    }

.pagination.pagination-modern.pagination-modern-spacing > li a[disabled] {
    width: 25px;
    letter-spacing: 2.5px;
    padding-bottom: 14px
}

.pagination.pagination-modern.pagination-modern-spacing > li + li {
    margin-left: 10px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:focus, .pager li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #777;
        background-color: #fff;
        cursor: not-allowed
    }

.popover .arrow {
    background: 0 0
}

.portlet-handler {
    cursor: move
}

.portlet-placeholder {
    margin-bottom: 15px;
    padding: 0;
    border: 1px dashed #ddd;
    background: #fafafa;
    color: #444
}

.pricing-table {
    margin: 0;
    padding: 0;
    text-align: center
}

    .pricing-table ul {
        list-style: none;
        margin: 20px 0 0;
        padding: 0
    }

    .pricing-table li {
        border-top: 1px solid #ddd;
        padding: 10px 0;
        color: #777
    }

    .pricing-table .h3, .pricing-table h3 {
        background-color: #eee;
        border-radius: 2px 2px 0 0;
        font-size: 1.3em;
        font-weight: 400;
        margin: -20px -20px 50px;
        padding: 20px
    }

        .pricing-table .h3 .desc, .pricing-table h3 .desc {
            font-size: .7em;
            margin-bottom: 0;
            padding-bottom: 0;
            color: #777;
            font-style: normal;
            text-transform: none;
            display: block
        }

        .pricing-table .h3 span, .pricing-table h3 span {
            background: #FFF;
            border: 5px solid #FFF;
            border-radius: 100px;
            -webkit-box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset;
            box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset;
            color: #33353F;
            display: block;
            font: 700 25px/100px Georgia,Serif;
            height: 100px;
            margin: 20px auto -65px;
            width: 100px
        }

    .pricing-table .most-popular {
        border: 3px solid #CCC;
        -webkit-box-shadow: 11px 0 10px -10px rgba(0,0,0,.1),-11px 0 10px -10px rgba(0,0,0,.1);
        box-shadow: 11px 0 10px -10px rgba(0,0,0,.1),-11px 0 10px -10px rgba(0,0,0,.1);
        padding: 30px 20px;
        top: -10px;
        z-index: 2
    }

        .pricing-table .most-popular .h3, .pricing-table .most-popular h3 {
            background-color: #666;
            color: #FFF;
            padding-top: 30px
        }

            .pricing-table .most-popular .h3 .desc, .pricing-table .most-popular h3 .desc {
                color: #FFF
            }

    .pricing-table .plan-ribbon-wrapper {
        height: 88px;
        overflow: hidden;
        position: absolute;
        right: -3px;
        top: -5px;
        width: 85px
    }

    .pricing-table .plan-ribbon {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-image: -webkit-gradient(linear,left bottom,left top,from(#bfdc7a),to(#8ebf45));
        background-image: linear-gradient(to top,#bfdc7a,#8ebf45);
        background-color: #bfdc7a;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
        box-shadow: 0 0 3px rgba(0,0,0,.3);
        color: #333;
        font-size: 14px;
        left: -5px;
        padding: 7px 0;
        position: relative;
        text-align: center;
        text-shadow: rgba(255,255,255,.5) 0 1px 0;
        top: 15px;
        width: 120px
    }

        .pricing-table .plan-ribbon:after, .pricing-table .plan-ribbon:before {
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            bottom: -3px;
            position: absolute;
            content: ""
        }

        .pricing-table .plan-ribbon:before {
            left: 0
        }

        .pricing-table .plan-ribbon:after {
            right: 0
        }

    .pricing-table [class*=col-lg-] {
        padding-left: 0;
        padding-right: 0
    }

    .pricing-table .plan {
        background: #FFF;
        border: 1px solid #ddd;
        border-radius: 5px;
        color: #333;
        margin-bottom: 35px;
        margin-right: 0;
        padding: 20px;
        position: relative
    }

    .pricing-table .btn {
        margin-top: 5px
    }

    .pricing-table.pricing-table-sm .h3 .desc, .pricing-table.pricing-table-sm h3 .desc {
        font-size: .7em
    }

    .pricing-table.pricing-table-sm .h3 span, .pricing-table.pricing-table-sm h3 span {
        border: 3px solid #FFF;
        -webkit-box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset;
        box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset;
        font: 700 19px/65px Georgia,serif;
        height: 70px;
        margin: 10px auto -65px;
        width: 70px
    }

    .pricing-table.pricing-table-sm .most-popular {
        padding-bottom: 30px
    }

    .pricing-table.princig-table-flat .plan {
        padding-left: 0;
        padding-right: 0;
        margin: -1px
    }

        .pricing-table.princig-table-flat .plan .h3, .pricing-table.princig-table-flat .plan h3 {
            padding-left: 0;
            padding-right: 0;
            margin: -20px 0 0;
            background-color: #666;
            color: #FFF;
            padding-top: 30px;
            text-shadow: 0 1px #555
        }

            .pricing-table.princig-table-flat .plan .h3 .desc, .pricing-table.princig-table-flat .plan h3 .desc {
                color: #FFF
            }

            .pricing-table.princig-table-flat .plan .h3 span, .pricing-table.princig-table-flat .plan h3 span {
                border-radius: 0;
                border: 0;
                background: #666;
                color: #FFF;
                font-family: Almarai;
                -webkit-box-shadow: none;
                box-shadow: none;
                width: 100%;
                font-size: 1.5em;
                height: auto;
                line-height: 38px;
                margin: 0
            }

        .pricing-table.princig-table-flat .plan ul {
            margin-top: 0;
            margin-bottom: -15px
        }

            .pricing-table.princig-table-flat .plan ul li {
                padding: 8px 0
            }

        .pricing-table.princig-table-flat .plan.most-popular ul li {
            padding: 10px 0
        }

    .pricing-table.spaced [class*=col-lg-] {
        padding-left: 2px;
        padding-right: 2px
    }

    .pricing-table.no-borders .plan {
        border: 0 !important
    }

html.boxed .pricing-table .h3, html.boxed .pricing-table .plan, html.boxed .pricing-table h3 {
    border-radius: 0
}

@media (max-width:767px) {
    .pricing-table, html.boxed .pricing-table {
        margin-left: 0
    }

        .pricing-table .plan {
            margin-right: 0
        }
}

html.dark .pricing-table li {
    border-top-color: #21262d
}

html.dark .pricing-table .h3, html.dark .pricing-table h3 {
    background-color: #21262d;
    text-shadow: none
}

    html.dark .pricing-table .h3 span, html.dark .pricing-table h3 span {
        background: #2e353e;
        border-color: #242830;
        -webkit-box-shadow: 0 5px 20px #242830 inset,0 3px 0 #282d36 inset;
        box-shadow: 0 5px 20px #242830 inset,0 3px 0 #282d36 inset;
        color: #ebebeb
    }

html.dark .pricing-table .most-popular {
    border-color: #282d36
}

    html.dark .pricing-table .most-popular .h3, html.dark .pricing-table .most-popular h3 {
        background-color: #282d36;
        color: #808697;
        text-shadow: none
    }

html.dark .pricing-table .plan-ribbon {
    background-color: #282d36
}

html.dark .pricing-table .plan {
    background: #282d36;
    border: 1px solid #282d36;
    color: #808697;
    text-shadow: none
}

.progress-bar {
    background: #22ae12;
    height: 1.2rem
}

.progress .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    height: auto
}

.progress-bar-primary {
    background-color: #22ae12
}

.progress-bar.progress-without-number[aria-valuenow="1"], .progress-bar.progress-without-number[aria-valuenow="2"] {
    min-width: 0
}

.progress-bar.progress-bar-primary[aria-valuenow="0"] {
    background: 0 0
}

.progress {
    background: #474453;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.4) inset;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.4) inset
}

    .progress.light {
        background: #f6f7f8;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#F6F7F8),color-stop(10%,#F6F7F8),color-stop(11%,#f5f5f5));
        background-image: linear-gradient(#F6F7F8,#F6F7F8 10%,#f5f5f5 11%);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
        box-shadow: 0 1px 2px rgba(0,0,0,.1) inset
    }

html.dark .progress.light {
    background: #2e353e;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#2e353e),color-stop(10%,#2e353e),color-stop(11%,#282d36));
    background-image: linear-gradient(#2e353e,#2e353e 10%,#282d36 11%);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset
}

.progress-squared, .progress-squared .progress-bar {
    border-radius: 0 !important
}

.progress-xs {
    height: 7px
}

    .progress-xs, .progress-xs .progress-bar {
        border-radius: 7px
    }

        .progress-xs .progress-bar {
            direction: ltr !important;
            text-indent: -9999px
        }

        .progress-xs.progress-half-rounded, .progress-xs.progress-half-rounded .progress-bar {
            border-radius: 2px
        }

        .progress-xs.progress-striped .progress-bar {
            background-size: 15px 15px
        }

.progress-sm {
    height: 12px
}

    .progress-sm, .progress-sm .progress-bar {
        border-radius: 12px
    }

        .progress-sm .progress-bar {
            font-size: 10px;
            line-height: 12px
        }

        .progress-sm.progress-half-rounded, .progress-sm.progress-half-rounded .progress-bar {
            border-radius: 4px
        }

        .progress-sm.progress-striped .progress-bar {
            background-size: 20px 20px
        }

.progress-md {
    height: 14px
}

    .progress-md, .progress-md .progress-bar {
        border-radius: 14px
    }

        .progress-md .progress-bar {
            font-size: 11px;
            line-height: 14px
        }

        .progress-md.progress-half-rounded, .progress-md.progress-half-rounded .progress-bar {
            border-radius: 4px
        }

        .progress-md.progress-striped .progress-bar {
            background-size: 25px 25px
        }

.progress-lg {
    height: 16px
}

    .progress-lg, .progress-lg .progress-bar {
        border-radius: 16px
    }

        .progress-lg .progress-bar {
            line-height: 16px
        }

        .progress-lg.progress-half-rounded, .progress-lg.progress-half-rounded .progress-bar {
            border-radius: 5px
        }

        .progress-lg.progress-striped .progress-bar {
            background-size: 30px 30px
        }

.progress-xl {
    height: 18px
}

    .progress-xl, .progress-xl .progress-bar {
        border-radius: 18px
    }

        .progress-xl .progress-bar {
            line-height: 18px
        }

        .progress-xl.progress-half-rounded, .progress-xl.progress-half-rounded .progress-bar {
            border-radius: 6px
        }

        .progress-xl.progress-striped .progress-bar {
            background-size: 35px 35px
        }

.progress .progress-bar-primary {
    background-color: #22ae12
}

.progress .progress-bar-success {
    background-color: #47a447
}

.progress .progress-bar-warning {
    background-color: #ed9c28
}

.progress .progress-bar-danger {
    background-color: #d2322d
}

.progress .progress-bar-info {
    background-color: #5bc0de
}

.progress .progress-bar-dark {
    background-color: #171717
}

.circular-bar {
    margin-bottom: 25px
}

    .circular-bar .circular-bar-chart {
        position: relative
    }

    .circular-bar label, .circular-bar strong {
        position: absolute;
        width: 80%;
        display: block;
        text-align: center;
        left: 10%
    }

    .circular-bar strong {
        font-weight: 600;
        font-size: 18px;
        line-height: 30px;
        top: 35%
    }

    .circular-bar label {
        font-weight: 100;
        font-size: 17px;
        line-height: 20px;
        top: 50%
    }

html .scroll-to-top {
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #282d36;
    border-radius: 7px 7px 0 0;
    bottom: 0;
    color: #FFF;
    display: block;
    height: 9px;
    opacity: 0;
    padding: 5px 10px 25px;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none;
    min-width: 39px;
    z-index: 1040
}

    html .scroll-to-top:hover {
        opacity: 1
    }

    html .scroll-to-top.visible {
        opacity: .75
    }

    html .scroll-to-top span {
        display: inline-block;
        padding: 0 5px
    }

html.ie11 .scroll-to-top {
    right: 25px
}

@media (max-width:991px) {
    html .scroll-to-top.hidden-mobile {
        display: none !important
    }
}

.scrollable {
    overflow: hidden;
    position: relative;
    width: 100%
}

    .scrollable .scrollable-content {
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 37px 0 0;
        overflow-x: hidden;
        overflow-y: scroll;
        outline: 0
    }

        .scrollable .scrollable-content::-webkit-scrollbar {
            visibility: hidden
        }

    .scrollable .scrollable-pane {
        bottom: 0;
        opacity: .01;
        position: absolute;
        right: 5px;
        top: 0;
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        width: 4px
    }

    .scrollable .scrollable-slider {
        border-radius: 5px;
        background: #CCC;
        margin: 0;
        position: relative;
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        opacity: 0
    }

    .scrollable.scrollable-padding .scrollable-content {
        padding: 10px 24px 10px 10px
    }

    .scrollable.visible-slider .scrollable-slider, .scrollable:hover .scrollable-slider {
        opacity: 1
    }

.search-style-1 {
    width: 190px
}

    .search-style-1 .input-group > input {
        border-radius: 35px 0 0 35px;
        padding: 8px 10px 8px 20px;
        border-width: 0;
        background: #f4f4f4
    }

    .search-style-1 .input-group button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.1rem;
        border-radius: 0 35px 35px 0;
        padding: 8px 15px 8px 10px;
        border-width: 0;
        background: #f4f4f4
    }

.sidebar-widget.widget-collapsed .widget-content, .tab-pane-navigation {
    display: none
}

.search-style-1 .input-group button i[class*=fa-] {
    font-size: 16px
}

.search-style-1.search-style-1-lg {
    width: 240px
}

    .search-style-1.search-style-1-lg .input-group > input {
        line-height: 2.3
    }

.search-style-1.search-style-1-light .input-group > input {
    background: #FFF
}

    .search-style-1.search-style-1-light .input-group > input:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.search-style-1.search-style-1-light .input-group button {
    color: #777;
    background: #FFF
}

    .search-style-1.search-style-1-light .input-group button::-webkit-input-placeholder {
        color: #777
    }

    .search-style-1.search-style-1-light .input-group button::-moz-placeholder {
        color: #777
    }

    .search-style-1.search-style-1-light .input-group button::placeholder {
        color: #777
    }

    .search-style-1.search-style-1-light .input-group button:-ms-input-placeholder {
        color: #777
    }

    .search-style-1.search-style-1-light .input-group button::-ms-input-placeholder {
        color: #777
    }

html.dark .select2-container--bootstrap .select2-choice, html.dark .select2-container--bootstrap .select2-choices, html.dark .select2-container--bootstrap .select2-choices .select2-search-field input, html.dark .select2-container--bootstrap .select2-dropdown, html.dark .select2-container--bootstrap .select2-selection {
    color: #EEE;
    background-color: #282d36;
    border-color: #282d36
}

html.dark .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #EEE
}

html.dark .select2-container--bootstrap .select2-results__option[aria-selected=true], html.dark .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    color: #EEE;
    background-color: #2e353e;
    border-color: #2e353e
}

.sidebar-right .sidebar-widget {
    margin: 0
}

.sidebar-widget {
    margin: 0 30px 0 25px
}

    .sidebar-widget .widget-header {
        position: relative;
        margin: 0
    }

        .sidebar-widget .widget-header .h6, .sidebar-widget .widget-header h6 {
            font-size: .7rem;
            color: #FFF;
            font-weight: 600;
            margin: 0;
            padding: 0;
            text-transform: uppercase
        }

        .sidebar-widget .widget-header .btn-widget-act {
            position: relative;
            top: -2px;
            background-color: #0a0a0a;
            border-color: #0a0a0a #000 #000
        }

            .sidebar-widget .widget-header .btn-widget-act:hover {
                border-color: #121212;
                background-color: #121212
            }

            .sidebar-widget .widget-header .btn-widget-act:active, .sidebar-widget .widget-header .btn-widget-act:focus {
                border-color: #000;
                background-color: #000
            }

            .sidebar-widget .widget-header .btn-widget-act.dropdown-toggle {
                border-left-color: #000
            }

        .sidebar-widget .widget-header .widget-toggle {
            font-size: 17;
            line-height: 1.3rem;
            color: #FFF;
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer;
            text-align: center;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform,-webkit-transform;
            -webkit-transition-duration: .2s;
            transition-duration: .2s;
            -webkit-transition-timing-function: linear;
            transition-timing-function: linear
        }

    .sidebar-widget .widget-content {
        padding: 15px 0 0
    }

    .sidebar-widget.widget-collapsed .widget-header .widget-toggle {
        -webkit-transform: none;
        transform: none
    }

    .sidebar-widget.widget-tasks ul li {
        position: relative
    }

        .sidebar-widget.widget-tasks ul li a {
            color: #FFF;
            display: block;
            margin: 0 -25px 0 -30px;
            padding: 10px 0 10px 55px;
            font-size: 16px
        }

            .sidebar-widget.widget-tasks ul li a:hover {
                background: #21262d;
                text-decoration: none
            }

        .sidebar-widget.widget-tasks ul li:before {
            border: 5px solid #22ae12;
            border-radius: 100px;
            content: "";
            display: inline-block;
            left: 0;
            margin: -5px 0 0;
            position: absolute;
            top: 50%;
            z-index: 999
        }

        .sidebar-widget.widget-tasks ul li:nth-child(6n+1):before {
            border-color: #D64B4B
        }

        .sidebar-widget.widget-tasks ul li:nth-child(6n+2):before {
            border-color: #0090D9
        }

        .sidebar-widget.widget-tasks ul li:nth-child(6n+3):before {
            border-color: #4DD79C
        }

        .sidebar-widget.widget-tasks ul li:nth-child(6n+4):before {
            border-color: #D9A300
        }

        .sidebar-widget.widget-tasks ul li:nth-child(6n+5):before {
            border-color: #C926FF
        }

        .sidebar-widget.widget-tasks ul li:nth-child(6n+6):before {
            border-color: #FFFF26
        }

    .sidebar-widget.widget-stats ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .sidebar-widget.widget-stats .stats-title {
        color: #a6a6a6;
        font-size: .7rem
    }

    .sidebar-widget.widget-stats .stats-complete {
        float: right;
        font-size: .7rem;
        color: #666
    }

    .sidebar-widget.widget-stats .progress {
        height: 7px;
        background: #474453;
        -webkit-box-shadow: 0 1px 0 #585564 inset;
        box-shadow: 0 1px 0 #585564 inset;
        margin-bottom: 25px
    }

    .sidebar-widget.widget-calendar {
        margin: 0 0 25px
    }

        .sidebar-widget.widget-calendar .datepicker {
            background: 0 0
        }

        .sidebar-widget.widget-calendar ul {
            list-style: none;
            margin: 0;
            padding: 20px 0;
            border-top: 1px solid #000
        }

            .sidebar-widget.widget-calendar ul time {
                display: block;
                font-size: .75rem;
                line-height: 1.3em;
                font-weight: 600;
                color: #777;
                margin-bottom: .1em
            }

            .sidebar-widget.widget-calendar ul span {
                font-size: .85rem;
                line-height: 1.3em;
                color: #FFF
            }

    .sidebar-widget.widget-friends ul {
        list-style: none;
        margin: 0;
        padding: 10px 2px
    }

        .sidebar-widget.widget-friends ul li {
            padding: 10px 0
        }

            .sidebar-widget.widget-friends ul li .profile-info, .sidebar-widget.widget-friends ul li .profile-picture {
                display: inline-block;
                vertical-align: middle
            }

            .sidebar-widget.widget-friends ul li .profile-picture {
                position: relative;
                width: 35px;
                margin: 0
            }

                .sidebar-widget.widget-friends ul li .profile-picture img {
                    width: 100%;
                    height: auto
                }

            .sidebar-widget.widget-friends ul li .profile-info {
                margin: 0 35px 0 10px
            }

            .sidebar-widget.widget-friends ul li span.name {
                display: block;
                color: #FFF;
                font-weight: 600;
                vertical-align: top;
                line-height: 1.3em;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                margin-bottom: .2em
            }

.table .actions, .table .actions-hover, .table.table-ecommerce-simple tbody td {
    vertical-align: middle
}

.sidebar-widget.widget-friends ul li span.title {
    display: block;
    font-size: .75rem;
    line-height: 1.3em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sidebar-widget.widget-friends ul li.status-offline .profile-picture:after, .sidebar-widget.widget-friends ul li.status-online .profile-picture:after {
    position: absolute;
    top: -4px;
    right: -4px;
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #000;
    border-radius: 50%
}

.sidebar-widget.widget-friends ul li.status-online .profile-picture:after {
    display: block;
    background-color: #1AAE88
}

.sidebar-widget.widget-friends ul li.status-offline .profile-picture:after {
    display: block;
    background-color: #D2312D
}

html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act {
    background-color: #f2f2f2;
    border-color: #e6e6e6;
    color: #777;
    text-shadow: none
}

    html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act:hover {
        border: 1px solid #d2d2d2 !important;
        background-color: #fafafa
    }

    html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act:active, html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act:focus {
        border: 1px solid #d2d2d2 !important;
        background-color: #e6e6e6
    }

    html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act.dropdown-toggle {
        border-left-color: #e6e6e6
    }

html.sidebar-light:not(.dark) .sidebar-widget.widget-tasks ul li a {
    color: #777
}

    html.sidebar-light:not(.dark) .sidebar-widget.widget-tasks ul li a:hover {
        background: #fafafa
    }

html.sidebar-light:not(.dark) .sidebar-widget.widget-stats .stats-title {
    color: #777
}

html.sidebar-light:not(.dark) .sidebar-widget.widget-stats .progress {
    background: #d8d8d8;
    -webkit-box-shadow: 0 1px 0 #bfbfbf inset;
    box-shadow: 0 1px 0 #bfbfbf inset
}

html.sidebar-light:not(.dark) .sidebar-widget.widget-calendar ul {
    border-top: 1px solid #DDD
}

    html.sidebar-light:not(.dark) .sidebar-widget.widget-calendar ul span, html.sidebar-light:not(.dark) .sidebar-widget.widget-calendar ul time, html.sidebar-light:not(.dark) .sidebar-widget.widget-friends ul li span.name {
        color: #777
    }

html.sidebar-light:not(.dark) .sidebar-widget.widget-friends ul li.status-online .profile-picture:after {
    background-color: #1AAE88
}

html.sidebar-light:not(.dark) .sidebar-widget.widget-friends ul li.status-offline .profile-picture:after {
    background-color: #D2312D
}

.ui-slider.ui-widget-content {
    background: #ebebeb;
    border: none
}

.ui-slider-horizontal {
    height: 6px
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -7px
    }

.ui-slider-vertical {
    display: inline-block;
    width: 6px
}

    .ui-slider-vertical .ui-slider-handle {
        left: -7px
    }

.slider-modern.ui-slider {
    height: 3px;
    margin-bottom: 15px
}

    .slider-modern.ui-slider .ui-slider-handle {
        top: -4px;
        width: 10px;
        height: 10px;
        border: none
    }

    .slider-modern.ui-slider .ui-slider-range {
        height: 3px
    }

.ui-slider .ui-slider-handle {
    border: 6px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.4);
    cursor: pointer;
    height: 20px;
    width: 20px;
    -ms-touch-action: none;
    touch-action: none
}

    .ui-slider .ui-slider-handle:hover {
        -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.3);
        box-shadow: 0 0 2px 1px rgba(0,0,0,.3)
    }

.slider-primary .ui-slider-handle, .slider-primary .ui-slider-range {
    background: #22ae12
}

.slider-gradient.slider-primary .ui-slider-handle, .slider-gradient.slider-primary .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#b40f7a),color-stop(50%,#22ae12),to(#22ae12));
    background-image: linear-gradient(#b40f7a 0,#22ae12 50%,#22ae12 100%)
}

.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle, .slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#b40f7a),color-stop(50%,#22ae12),to(#22ae12));
    background-image: linear-gradient(to right,#b40f7a 0,#22ae12 50%,#22ae12 100%)
}

.slider-success .ui-slider-handle, .slider-success .ui-slider-range {
    background: #47a447
}

.slider-gradient.slider-success .ui-slider-handle, .slider-gradient.slider-success .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#63bb63),color-stop(50%,#47a447),to(#388038));
    background-image: linear-gradient(#63bb63 0,#47a447 50%,#388038 100%)
}

.slider-gradient.ui-slider-vertical.slider-success .ui-slider-handle, .slider-gradient.ui-slider-vertical.slider-success .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#63bb63),color-stop(50%,#47a447),to(#388038));
    background-image: linear-gradient(to right,#63bb63 0,#47a447 50%,#388038 100%)
}

.slider-warning .ui-slider-handle, .slider-warning .ui-slider-range {
    background: #ed9c28
}

.slider-gradient.slider-warning .ui-slider-handle, .slider-gradient.slider-warning .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f1b257),color-stop(50%,#ed9c28),to(#d18211));
    background-image: linear-gradient(#f1b257 0,#ed9c28 50%,#d18211 100%)
}

.slider-gradient.ui-slider-vertical.slider-warning .ui-slider-handle, .slider-gradient.ui-slider-vertical.slider-warning .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f1b257),color-stop(50%,#ed9c28),to(#d18211));
    background-image: linear-gradient(to right,#f1b257 0,#ed9c28 50%,#d18211 100%)
}

.slider-danger .ui-slider-handle, .slider-danger .ui-slider-range {
    background: #d2322d
}

.slider-gradient.slider-danger .ui-slider-handle, .slider-gradient.slider-danger .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#db5b57),color-stop(50%,#d2322d),to(#a82824));
    background-image: linear-gradient(#db5b57 0,#d2322d 50%,#a82824 100%)
}

.slider-gradient.ui-slider-vertical.slider-danger .ui-slider-handle, .slider-gradient.ui-slider-vertical.slider-danger .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#db5b57),color-stop(50%,#d2322d),to(#a82824));
    background-image: linear-gradient(to right,#db5b57 0,#d2322d 50%,#a82824 100%)
}

.slider-info .ui-slider-handle, .slider-info .ui-slider-range {
    background: #5bc0de
}

.slider-gradient.slider-info .ui-slider-handle, .slider-gradient.slider-info .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#85d0e7),color-stop(50%,#5bc0de),to(#31b0d5));
    background-image: linear-gradient(#85d0e7 0,#5bc0de 50%,#31b0d5 100%)
}

.slider-gradient.ui-slider-vertical.slider-info .ui-slider-handle, .slider-gradient.ui-slider-vertical.slider-info .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#85d0e7),color-stop(50%,#5bc0de),to(#31b0d5));
    background-image: linear-gradient(to right,#85d0e7 0,#5bc0de 50%,#31b0d5 100%)
}

.slider-dark .ui-slider-handle, .slider-dark .ui-slider-range {
    background: #171717
}

.slider-gradient.slider-dark .ui-slider-handle, .slider-gradient.slider-dark .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#313131),color-stop(50%,#171717),to(black));
    background-image: linear-gradient(#313131 0,#171717 50%,#000 100%)
}

.slider-gradient.ui-slider-vertical.slider-dark .ui-slider-handle, .slider-gradient.ui-slider-vertical.slider-dark .ui-slider-range {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#313131),color-stop(50%,#171717),to(black));
    background-image: linear-gradient(to right,#313131 0,#171717 50%,#000 100%)
}

html.dark .ui-slider.ui-widget-content {
    background: #21262d
}

.spinner-buttons.btn-group-vertical .btn {
    margin: 0 0 0 -1px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    width: 22px;
    line-height: 14px
}

.bootstrap-tagsinput, .table, .tabs-vertical, .toggle > input {
    width: 100%
}

.spinner-buttons.btn-group-vertical .btn i {
    margin-top: -2px
}

.spinner-buttons.btn-group-vertical .btn:first-child {
    border-radius: 0 4px 0 0 !important
}

.spinner-buttons.btn-group-vertical .btn:last-child {
    border-radius: 0 0 4px !important;
    margin-top: -1px
}

@font-face {
    font-family: summernote;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(../fonts/summernote.eot?#iefix) format("embedded-opentype"),url(../fonts/summernote.woff2) format("woff2"),url(../fonts/summernote.woff) format("woff"),url(../fonts/summernote.ttf) format("truetype")
}

.note-editor {
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

    .note-editor, .note-editor.note-frame {
        border: 1px solid #096d31;
        margin-top: 0 !important;
        font-family: Almarai
    }

        .note-editor .h1, .note-editor .h2, .note-editor .h3, .note-editor .h4, .note-editor .h5, .note-editor .h6, .note-editor h1, .note-editor h2, .note-editor h3, .note-editor h4, .note-editor h5, .note-editor h6, .note-editor.note-frame h1, .note-editor.note-frame h2, .note-editor.note-frame h3, .note-editor.note-frame h4, .note-editor.note-frame h5, .note-editor.note-frame h6 {
            color: #22ae12
        }

        .note-editor p, .note-editor.note-frame p {
            color: #33353F
        }

        .note-editor.active {
            border-color: #66afe9;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
        }

        .note-editor .btn-light {
            border-color: #CCC !important
        }

        .note-editor .note-toolbar {
            background-color: #f2f9ff;
            border-bottom: 1px solid #096d31;
            border-left: none;
            border-right: none;
            border-top: none;
            border-radius: 4px 4px 0 0;
            padding: 3px 10px 7px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .note-editor .note-toolbar i, .note-editor .note-toolbar i:before {
                margin: 0
            }

            .note-editor .note-toolbar .btn-group {
                float: none !important
            }

                .note-editor .note-toolbar .btn-group > .btn-group:last-child > .btn:first-child {
                    border-bottom-left-radius: 3px;
                    border-top-left-radius: 3px
                }

                .note-editor .note-toolbar .btn-group > .btn-group:first-child > .btn:last-child, .note-editor .note-toolbar .btn-group > .btn-group:first-child > .dropdown-toggle {
                    border-bottom-right-radius: 3px;
                    border-top-right-radius: 3px
                }

        .note-editor .note-editable {
            clear: both;
            background: #FFF;
            border: none;
            border-radius: 0 0 4px 4px;
            font-family: Almarai
        }

        .note-editor .note-statusbar {
            background: #f2f9ff;
            border-radius: 0 0 4px 4px
        }

            .note-editor .note-statusbar .note-resizebar {
                border-color: #DDD;
                display: block
            }

        .note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {
            background-color: #f2f9ff !important
        }

        .note-editor.note-airframe, .note-editor.note-frame {
            border: 1px solid #096d31 !important
        }

.note-btn, .note-dropdown-menu {
    border-color: #096d31 !important
}

.note-dropdown-menu {
    border-radius: 1rem
}

html.dark .note-editor {
    border-color: #282d36;
    color: #EEE
}

    html.dark .note-editor .note-statusbar, html.dark .note-editor .note-toolbar {
        background: #242830;
        border-color: #1d2127
    }

        html.dark .note-editor .note-statusbar .note-btn, html.dark .note-editor .note-toolbar .note-btn {
            background: #282d36;
            border-color: #2e353e !important
        }

    html.dark .note-editor .note-editable {
        background: #282d36;
        border-color: #1d2127
    }

    html.dark .note-editor .note-statusbar .note-resizebar {
        border-color: #1d2127
    }

        html.dark .note-editor .note-statusbar .note-resizebar .note-icon-bar {
            border-color: #444
        }

    html.dark .note-editor .note-editing-area .note-editable {
        color: #EEE;
        background: #282d36
    }

    html.dark .note-editor .caret {
        border-color: #FFF transparent transparent
    }

.note-editor .dropdown-toggle::after {
    all: unset
}

.note-editor .note-dropdown-menu, .note-editor .note-modal-footer {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.table .table {
    background: 0 0
}

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

.table.mb-0 {
    margin-bottom: 0 !important
}

.table .b-top-0 td {
    border-top: none
}

.table .actions a, .table .actions-hover a {
    display: inline-block;
    margin-right: 5px;
    color: #666
}

    .nav-tabs li:last-child .nav-link, .table .actions a:last-child, .table .actions-hover a:last-child {
        margin-right: 0
    }

    .table .actions a:hover, .table .actions-hover a:hover {
        color: #333
    }

.table tbody {
    border-top: 2px solid #DDD
}

.table .actions-hover a {
    opacity: 0
}

.table tr:hover .actions-hover a {
    opacity: 1
}

.table .actions-fade a {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

@media only screen and (max-width:991px) {
    .table.table-no-more, .table.table-no-more tbody, .table.table-no-more td, .table.table-no-more th, .table.table-no-more thead, .table.table-no-more tr {
        display: block
    }

        .table.table-no-more thead tr {
            left: -9999px;
            position: absolute;
            top: -9999px
        }

        .table.table-no-more tr {
            border-bottom: 1px solid #DDD
        }

        .table.table-no-more td {
            border: none;
            position: relative;
            padding-left: 50%;
            text-align: left;
            white-space: normal
        }

            .table.table-no-more td:before {
                content: attr(data-title);
                font-weight: 700;
                left: 6px;
                padding-right: 10px;
                position: absolute;
                text-align: left;
                top: 8px;
                white-space: nowrap;
                width: 45%
            }

        .table.table-no-more.table-bordered td {
            border-bottom: 1px solid #dedede
        }

        .table.table-no-more.table-sm td:before {
            top: 5px
        }
}

.table.table-ecommerce-simple {
    display: table
}

    .table.table-ecommerce-simple thead th {
        border-bottom-width: 1px;
        border-top: 0
    }

    .table.table-ecommerce-simple tbody tr:first-child td {
        border-top: 0
    }

    .table.table-ecommerce-simple.table-striped > tbody > tr:nth-child(2n+1) > td, .table.table-ecommerce-simple.table-striped > tbody > tr:nth-child(2n+1) > th {
        background-color: #f9f9f9
    }

    .table.table-ecommerce-simple.table-striped td, .table.table-ecommerce-simple.table-striped th {
        border-top: 0
    }

    .table.table-ecommerce-simple.table-ecomerce-simple-border-bottom {
        border-bottom: 1px solid #dee2e6
    }

html.dark .table-bordered, html.dark .table > tbody > tr > td, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > td, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > thead > tr > th {
    border-color: #262b33;
    color: #808697
}

html.dark .table-striped > tbody > tr:nth-child(2n+1) > td, html.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #282d36
}

html.dark .table-hover > tbody > tr:hover > td, html.dark .table-hover > tbody > tr:hover > th {
    background-color: #272c34
}

html.dark .table .actions a, html.dark .table .actions-hover a {
    color: #808697
}

@media screen and (max-width:991px) {
    html.dark .table-responsive {
        border-color: #262b33
    }
}

@media only screen and (max-width:991px) {
    html.dark .table.table-no-more tr, html.dark .table.table-no-more.table-bordered td {
        border-bottom-color: #262b33
    }
}

.table > tbody > tr.primary > td, .table > tbody > tr.primary > th, .table > tbody > tr > td.primary, .table > tbody > tr > th.primary, .table > tfoot > tr.primary > td, .table > tfoot > tr.primary > th, .table > tfoot > tr > td.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > thead > tr.primary > th, .table > thead > tr > td.primary, .table > thead > tr > th.primary {
    color: #FFF;
    background-color: #22ae12 !important
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    color: #FFF;
    background-color: #47a447 !important
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    color: #FFF;
    background-color: #ed9c28 !important
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    color: #FFF;
    background-color: #d2322d !important
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    color: #FFF;
    background-color: #5bc0de !important
}

.table > tbody > tr.dark > td, .table > tbody > tr.dark > th, .table > tbody > tr > td.dark, .table > tbody > tr > th.dark, .table > tfoot > tr.dark > td, .table > tfoot > tr.dark > th, .table > tfoot > tr > td.dark, .table > tfoot > tr > th.dark, .table > thead > tr.dark > td, .table > thead > tr.dark > th, .table > thead > tr > td.dark, .table > thead > tr > th.dark {
    background-color: #171717 !important;
    color: #FFF
}

.tabs {
    border-radius: 4px
}

.nav-tabs {
    margin: 0;
    padding: 0;
    border-bottom-color: #EEE
}

    .nav-tabs li .nav-link {
        border-radius: 5px 5px 0 0;
        margin-right: 1px
    }

        .nav-tabs li .nav-link, .nav-tabs li .nav-link:hover {
            background: #F4F4F4;
            border-bottom: none;
            border-left: 1px solid #EEE;
            border-right: 1px solid #EEE;
            border-top: 3px solid #EEE
        }

            .nav-tabs li .nav-link:hover {
                border-bottom-color: transparent;
                border-top: 3px solid #CCC;
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .nav-tabs li .nav-link:active, .nav-tabs li .nav-link:focus {
                border-bottom: 0
            }

            .nav-tabs li .nav-link .badge {
                border-radius: 100%;
                padding: .4rem .55rem;
                margin-right: 5px
            }

    .nav-tabs li.active .nav-link, .nav-tabs li.active .nav-link:focus, .nav-tabs li.active .nav-link:hover {
        background: #FFF;
        border-left-color: #EEE;
        border-right-color: #EEE
    }

.tab-content {
    padding: 15px
}

.tabs.tabs-bottom {
    margin: 0 0 20px;
    padding: 0
}

    .tabs.tabs-bottom .tab-content {
        border-radius: 4px 4px 0 0;
        border-bottom: 0;
        border-top: 1px solid #EEE
    }

    .tabs.tabs-bottom .nav-tabs {
        border-bottom: none;
        border-top: 1px solid #EEE
    }

        .tabs.tabs-bottom .nav-tabs li {
            margin-bottom: 0;
            margin-top: -1px
        }

            .tabs.tabs-bottom .nav-tabs li:last-child .nav-link {
                margin-right: 0
            }

            .tabs.tabs-bottom .nav-tabs li .nav-link {
                border-radius: 0 0 5px 5px;
                font-size: 14px;
                margin-right: 1px;
                border-top-color: transparent !important
            }

                .tabs.tabs-bottom .nav-tabs li .nav-link, .tabs.tabs-bottom .nav-tabs li .nav-link:hover {
                    border-bottom: 3px solid #EEE;
                    border-top: 1px solid #EEE
                }

                    .tabs.tabs-bottom .nav-tabs li .nav-link:hover {
                        border-bottom: 3px solid #CCC;
                        border-top: 1px solid #EEE
                    }

            .tabs.tabs-bottom .nav-tabs li.active .nav-link, .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus, .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover {
                border-bottom: 3px solid #CCC;
                border-top-color: transparent !important
            }

.tabs-vertical {
    display: table;
    padding: 0;
    border-top: 1px solid #EEE
}

    .tabs-vertical .nav-tabs, .tabs-vertical .tab-content {
        display: table-cell;
        vertical-align: top
    }

    .tabs-vertical .nav-tabs {
        border-bottom: none;
        height: 100%;
        float: none;
        padding: 0;
        width: 25%
    }

        .tabs-vertical .nav-tabs > li {
            display: block
        }

            .tabs-vertical .nav-tabs > li .nav-link {
                border-radius: 0;
                display: block;
                padding-top: 10px
            }

                .tabs-vertical .nav-tabs > li .nav-link, .tabs-vertical .nav-tabs > li .nav-link:focus, .tabs-vertical .nav-tabs > li .nav-link:hover {
                    border-bottom: none;
                    border-top: none
                }

            .tabs-vertical .nav-tabs > li.active .nav-link, .tabs-vertical .nav-tabs > li.active .nav-link:focus, .tabs-vertical .nav-tabs > li.active .nav-link:hover {
                border-top: none
            }

.tabs-left {
    padding: 0
}

    .tabs-left .tab-content {
        border-radius: 0 5px 5px;
        border-left: none
    }

    .tabs-left .nav-tabs > li {
        margin-right: -1px
    }

        .tabs-left .nav-tabs > li:first-child .nav-link {
            border-radius: 5px 0 0
        }

        .tabs-left .nav-tabs > li:last-child .nav-link {
            border-radius: 0 0 0 5px;
            border-bottom: 1px solid #eee
        }

        .tabs-left .nav-tabs > li .nav-link {
            border-right: 1px solid #EEE;
            border-left: 3px solid #EEE;
            margin-right: 1px;
            margin-left: -3px
        }

            .tabs-left .nav-tabs > li .nav-link:hover {
                border-left-color: #CCC
            }

        .tabs-left .nav-tabs > li.active .nav-link, .tabs-left .nav-tabs > li.active .nav-link:focus, .tabs-left .nav-tabs > li.active .nav-link:hover {
            border-left: 3px solid #CCC;
            border-right-color: #FFF
        }

.tabs-right {
    padding: 0
}

    .tabs-right .tab-content {
        border-radius: 5px 0 5px 5px;
        border-right: none
    }

    .tabs-right .nav-tabs > li {
        margin-left: -1px
    }

        .tabs-right .nav-tabs > li:first-child .nav-link {
            border-radius: 0 5px 0 0
        }

        .tabs-right .nav-tabs > li:last-child .nav-link {
            border-radius: 0 0 5px;
            border-bottom: 1px solid #eee
        }

        .tabs-right .nav-tabs > li .nav-link {
            border-right: 3px solid #EEE;
            border-left: 1px solid #EEE;
            margin-right: 1px;
            margin-left: 1px
        }

            .tabs-right .nav-tabs > li .nav-link:hover {
                border-right-color: #CCC
            }

        .tabs-right .nav-tabs > li.active .nav-link, .tabs-right .nav-tabs > li.active .nav-link:focus, .tabs-right .nav-tabs > li.active .nav-link:hover {
            border-right: 3px solid #CCC;
            border-left: 1px solid #FFF
        }

.nav-tabs.nav-justified {
    padding: 0;
    margin-bottom: -1px
}

    .nav-tabs.nav-justified li {
        margin-bottom: 0
    }

        .nav-tabs.nav-justified li:first-child .nav-link, .nav-tabs.nav-justified li:first-child .nav-link:hover {
            border-radius: 5px 0 0
        }

        .nav-tabs.nav-justified li:last-child .nav-link, .nav-tabs.nav-justified li:last-child .nav-link:hover {
            border-radius: 0 5px 0 0
        }

        .nav-tabs.nav-justified li .nav-link {
            border-bottom: 1px solid #DDD;
            border-radius: 0;
            margin-right: 0
        }

            .nav-tabs.nav-justified li .nav-link:focus, .nav-tabs.nav-justified li .nav-link:hover {
                border-bottom: 1px solid #DDD
            }

        .nav-tabs.nav-justified li.active .nav-link, .nav-tabs.nav-justified li.active .nav-link:hover {
            border-bottom: 1px solid #FFF
        }

            .nav-tabs.nav-justified li.active .nav-link, .nav-tabs.nav-justified li.active .nav-link:focus, .nav-tabs.nav-justified li.active .nav-link:hover {
                background: #FFF;
                border-left-color: #EEE;
                border-right-color: #EEE;
                border-top-width: 3px
            }

.tabs.tabs-bottom .nav.nav-tabs.nav-justified {
    border-top: none
}

    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link {
        margin-right: 0;
        border-top-color: transparent
    }

    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link {
        border-radius: 0 0 0 5px
    }

    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link {
        margin-right: 0;
        border-radius: 0 0 5px
    }

    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active .nav-link, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active .nav-link:focus, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active .nav-link:hover {
        border-top-color: transparent
    }

.tabs-center .nav-tabs {
    margin: 0 auto;
    text-align: center
}

.tabs-navigation {
    border-radius: 5px
}

    .tabs-navigation .nav-tabs > li {
        margin-bottom: 1px
    }

        .tabs-navigation .nav-tabs > li .nav-link {
            color: #777;
            padding: 18px;
            line-height: 100%;
            position: relative
        }

            .tabs-navigation .nav-tabs > li .nav-link:before {
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "";
                position: absolute;
                right: 15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .tabs-navigation .nav-tabs > li .nav-link .fa, .tabs-navigation .nav-tabs > li .nav-link .fab, .tabs-navigation .nav-tabs > li .nav-link .fal, .tabs-navigation .nav-tabs > li .nav-link .far, .tabs-navigation .nav-tabs > li .nav-link .fas, .tabs-navigation .nav-tabs > li .nav-link .icons {
                margin-right: 4px
            }

    .tabs-navigation .nav-tabs li:first-child .nav-link {
        border-radius: 5px 5px 0 0
    }

    .tabs-navigation .nav-tabs li.active .nav-link, .tabs-navigation .nav-tabs li.active .nav-link:focus, .tabs-navigation .nav-tabs li.active .nav-link:hover {
        border-right-color: #eee
    }

    .tabs-navigation .nav-tabs li:last-child .nav-link {
        border-radius: 0 0 5px 5px
    }

.tab-pane-navigation.active {
    display: block
}

.tabs.tabs-simple .nav-tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    margin-bottom: 10px
}

    .tabs.tabs-simple .nav-tabs > li {
        margin-left: 0;
        margin-bottom: 20px
    }

        .tabs.tabs-simple .nav-tabs > li .nav-link, .tabs.tabs-simple .nav-tabs > li .nav-link:focus, .tabs.tabs-simple .nav-tabs > li .nav-link:hover {
            padding: 15px 30px;
            background: 0 0;
            border: 0;
            border-bottom: 3px solid #eee;
            border-radius: 0;
            color: #777;
            font-size: 16px
        }

.tabs.tabs-simple .tab-content {
    background: 0 0;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tabs-modern > div[class*=col]:first-child {
    padding: 0 !important
}

.tabs-modern .nav .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222529;
    font-weight: 700;
    font-size: .9rem;
    padding: 1.2rem 1.4rem;
    border-bottom: 1px solid #efefef
}

    .tabs-modern .nav .nav-link.active {
        background: #FFF;
        border-radius: 0 4px 4px 0
    }

    .tabs-modern .nav .nav-link:last-child {
        border-bottom: 0
    }

    .tabs-modern .nav .nav-link > i {
        font-size: 1.5rem;
        color: #e7e7e7
    }

.tabs-modern .tab-content {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width:575px) {
    .tabs .nav.nav-tabs.nav-justified li {
        display: block;
        margin-bottom: -5px
    }

        .tabs .nav.nav-tabs.nav-justified li .nav-link {
            border-top-width: 3px !important;
            border-bottom-width: 0 !important
        }

        .tabs .nav.nav-tabs.nav-justified li:first-child .nav-link, .tabs .nav.nav-tabs.nav-justified li:first-child .nav-link:hover {
            border-radius: 5px 5px 0 0
        }

        .tabs .nav.nav-tabs.nav-justified li:last-child .nav-link, .tabs .nav.nav-tabs.nav-justified li:last-child .nav-link:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link:hover {
            border-radius: 0
        }

    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li {
        margin-bottom: 0;
        margin-top: -5px
    }

        .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link {
            border-bottom-width: 3px !important;
            border-top-width: 0 !important
        }

        .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link:hover {
            border-radius: 0 0 5px 5px
        }
}

html.dark .tab-content, html.dark .tabs.tabs-bottom .tab-content {
    background-color: #21262d;
    border-color: #282d36
}

html.dark .nav-tabs, html.dark .tabs.tabs-bottom .nav-tabs {
    border-bottom-color: #282d36;
    border-top-color: #282d36
}

    html.dark .nav-tabs li .nav-link, html.dark .tabs.tabs-bottom .nav-tabs li .nav-link {
        background: #282d36;
        border-left-color: #282d36;
        border-right-color: #282d36;
        border-top-color: #2e353e
    }

    html.dark .nav-tabs li.active .nav-link, html.dark .tabs.tabs-bottom .nav-tabs li.active .nav-link {
        background: #21262d;
        border-left-color: #282d36;
        border-right-color: #282d36
    }

    html.dark .tabs.tabs-bottom .nav-tabs li .nav-link {
        border-bottom-color: #2e353e
    }

    html.dark .tabs.tabs-bottom .nav-tabs li.active .nav-link, html.dark .tabs.tabs-bottom .nav-tabs li.active .nav-link:active, html.dark .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus, html.dark .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover {
        border-top-width: 1px
    }

html.dark .tabs .nav-tabs.nav-justified li .nav-link {
    border-bottom-color: #21262d
}

html.dark .tabs .nav-tabs.nav-justified li.active .nav-link:active, html.dark .tabs .nav-tabs.nav-justified li.active .nav-link:focus, html.dark .tabs .nav-tabs.nav-justified li.active .nav-link:hover {
    background-color: #21262d;
    border-left-color: #282d36;
    border-right-color: #282d36
}

html.dark .tabs.tabs-vertical {
    border-top-color: #282d36
}

    html.dark .tabs.tabs-vertical .nav-tabs li .nav-link {
        border-bottom-color: #282d36
    }

    html.dark .tabs.tabs-vertical .nav-tabs li.active .nav-link {
        border-right-color: #21262d
    }

        html.dark .tabs.tabs-vertical .nav-tabs li.active .nav-link:active, html.dark .tabs.tabs-vertical .nav-tabs li.active .nav-link:focus, html.dark .tabs.tabs-vertical .nav-tabs li.active .nav-link:hover {
            border-left-color: #2e353e;
            border-right-color: #21262d;
            border-bottom-color: #282d36
        }

    html.dark .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link, html.dark .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:active, html.dark .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus, html.dark .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover {
        border-left-color: #21262d
    }

html.dark .tabs.tabs-dark .nav-tabs li .nav-link, html.dark .tabs.tabs-dark .nav-tabs li .nav-link:active, html.dark .tabs.tabs-dark .nav-tabs li .nav-link:focus, html.dark .tabs.tabs-dark .nav-tabs li .nav-link:hover, html.dark .tabs.tabs-dark .nav-tabs li.active .nav-link, html.dark .tabs.tabs-dark .nav-tabs li.active .nav-link:active, html.dark .tabs.tabs-dark .nav-tabs li.active .nav-link:focus, html.dark .tabs.tabs-dark .nav-tabs li.active .nav-link:hover {
    color: #777
}

.form-group-invisible .bootstrap-tagsinput {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.bootstrap-tagsinput .badge {
    border: 0
}

html.dark .bootstrap-tagsinput {
    background: #282d36;
    border-color: #282d36
}

html.dark .bootstrap-timepicker-widget {
    background-color: #282d36
}

    html.dark .bootstrap-timepicker-widget:before {
        border-bottom-color: #1d2127
    }

    html.dark .bootstrap-timepicker-widget:after {
        border-bottom-color: #282d36
    }

    html.dark .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
        border-top-color: #1d2127
    }

    html.dark .bootstrap-timepicker-widget.timepicker-orient-bottom:after {
        border-top-color: #282d36
    }

    html.dark .bootstrap-timepicker-widget table td a {
        color: #FFF
    }

        html.dark .bootstrap-timepicker-widget table td a:hover {
            border-color: #282d36
        }

    html.dark .bootstrap-timepicker-widget table td input {
        background-color: #21262d;
        border-color: #282d36;
        color: #EEE
    }

.toggle {
    margin: 10px 0 20px;
    position: relative;
    clear: both
}

    .toggle .toggle {
        margin: 10px 0 0
    }

    .toggle > input {
        cursor: pointer;
        filter: alpha(opacity=0);
        height: 45px;
        margin: 0;
        opacity: 0;
        position: absolute;
        z-index: 2
    }

    .toggle > label {
        -webkit-transition: all .15s ease-out;
        transition: all .15s ease-out;
        background: #F4F4F4;
        border-left: 3px solid #CCC;
        border-radius: 5px;
        color: #CCC;
        display: block;
        font-size: 1.1em;
        min-height: 20px;
        padding: 12px 20px 12px 10px;
        position: relative;
        cursor: pointer;
        font-weight: 400
    }

        .toggle > label:-moz-selection {
            background: 0 0
        }

        .toggle > label i.fa-minus {
            display: none
        }

        .toggle > label i.fa-plus {
            display: inline
        }

        .toggle > label:selection {
            background: 0 0
        }

        .toggle > label:before {
            border: 6px solid transparent;
            border-left-color: inherit;
            content: "";
            margin-top: -6px;
            position: absolute;
            right: 4px;
            top: 50%
        }

        .toggle > label:hover {
            background: #f5f5f5
        }

        .toggle > label + p {
            color: #999;
            display: block;
            overflow: hidden;
            padding-left: 30px;
            text-overflow: ellipsis;
            white-space: nowrap;
            height: 25px
        }

        .toggle > label i {
            font-size: .7em;
            margin-right: 8px;
            position: relative;
            top: -1px
        }

    .toggle > .toggle-content {
        display: none
    }

        .toggle > .toggle-content > p {
            margin-bottom: 0;
            padding: 10px 0
        }

    .toggle.active i.fa-minus {
        display: inline
    }

    .toggle.active i.fa-plus {
        display: none
    }

    .toggle.active > label {
        background: #F4F4F4;
        border-color: #CCC
    }

        .toggle.active > label:before {
            border: 6px solid transparent;
            border-top-color: #FFF;
            margin-top: -3px;
            right: 10px
        }

    .toggle.active > p {
        white-space: normal
    }

    .toggle > p.preview-active {
        height: auto;
        white-space: normal
    }

    .toggle.toggle-sm .toggle > label {
        font-size: .9em;
        padding: 6px 20px 6px 10px
    }

    .toggle.toggle-sm .toggle > .toggle-content > p {
        font-size: .9em
    }

    .toggle.toggle-lg .toggle > label {
        font-size: 1.1em;
        padding: 16px 20px
    }

    .toggle.toggle-lg .toggle > .toggle-content > p {
        font-size: 1.1em
    }

    .toggle.toggle-simple .toggle > label {
        border-radius: 0;
        border: 0;
        background: 0 0;
        padding-left: 32px;
        margin-bottom: -10px;
        font-size: 1em;
        font-weight: 600;
        color: #171717
    }

        .toggle.toggle-simple .toggle > label:after {
            content: "";
            position: absolute;
            left: 0;
            display: block;
            width: 24px;
            height: 24px;
            background: #CCC;
            top: 23px;
            margin-top: -12px;
            border-radius: 3px;
            z-index: 1
        }

        .toggle.toggle-simple .toggle > label:before {
            border: 0;
            left: 7px;
            right: auto;
            margin-top: 0;
            top: 12px;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "";
            z-index: 2;
            color: #FFF;
            font-size: 13px
        }

    .toggle.toggle-simple .toggle.active > label {
        background: 0 0;
        color: #171717
    }

        .toggle.toggle-simple .toggle.active > label:before {
            content: ""
        }

html.dark .toggle > label {
    background: #282d36
}

.inner-toolbar {
    background: #1D2127;
    margin: -40px -40px 30px;
    padding: 0;
    border: 1px solid transparent;
    border-left: 1px solid #121418
}

    .inner-toolbar > ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .inner-toolbar > ul > li {
            display: inline-block;
            padding: 15px;
            font-size: 13px;
            border-right: 1px solid #121418
        }

            .inner-toolbar > ul > li > a {
                display: inline-block;
                padding: 0;
                color: #FFF
            }

                .inner-toolbar > ul > li > a:focus, .inner-toolbar > ul > li > a:hover {
                    color: #fff;
                    text-decoration: none
                }

            .inner-toolbar > ul > li.right {
                float: right;
                padding-right: 10px
            }

            .inner-toolbar > ul > li .fab, .inner-toolbar > ul > li .fal, .inner-toolbar > ul > li .far, .inner-toolbar > ul > li .fas, .inner-toolbar > ul > li i.fa {
                font-size: 14px
            }

            .inner-toolbar > ul > li > .btn {
                margin-top: -9px
            }

    .inner-toolbar .nav-pills {
        margin-top: -8px
    }

        .inner-toolbar .nav-pills > li {
            margin-right: 1px
        }

            .inner-toolbar .nav-pills > li > label {
                margin-bottom: 0;
                margin-right: 12px;
                margin-top: 8px
            }

        .inner-toolbar .nav-pills a {
            color: #FFF;
            padding-top: 8px;
            padding-bottom: 8px
        }

            .inner-toolbar .nav-pills a:hover {
                background: #171717;
                color: #FFF
            }

        .inner-toolbar .nav-pills .active a {
            color: #FFF
        }

html.sidebar-light:not(.dark) .inner-toolbar {
    background: #E2E3E6;
    border: 1px solid #D5D6D7
}

    html.sidebar-light:not(.dark) .inner-toolbar > ul > li {
        border-right: 1px solid #D5D6D7
    }

        html.sidebar-light:not(.dark) .inner-toolbar > ul > li > a {
            color: #777
        }

            html.sidebar-light:not(.dark) .inner-toolbar > ul > li > a:focus, html.sidebar-light:not(.dark) .inner-toolbar > ul > li > a:hover {
                color: #999
            }

    html.sidebar-light:not(.dark) .inner-toolbar .nav-pills li:not(.active) a {
        color: #777
    }

        html.sidebar-light:not(.dark) .inner-toolbar .nav-pills li:not(.active) a:hover {
            background: #E2E3E6;
            color: #999
        }

@media only screen and (max-width:767px) {
    .inner-toolbar {
        clear: both;
        margin: -40px -15px 30px;
        padding: 0 15px
    }

        .inner-toolbar ul > li {
            border-right: 0
        }

            .inner-toolbar ul > li:first-child {
                padding-left: 0
            }

            .inner-toolbar ul > li.right {
                padding-left: 0;
                padding-right: 0
            }

    .userbox .name, .userbox .role {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media only screen and (max-width:480px) {
    .inner-toolbar .nav-pills a {
        padding-left: 10px;
        padding-right: 10px
    }

    .inner-toolbar ul > li.right {
        clear: both;
        float: none;
        vertical-align: top
    }
}

@media only screen and (min-width:768px) {
    html.fixed .inner-toolbar {
        left: 300px;
        right: 0;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 114px;
        z-index: 1001
    }
}

html.dark .inner-toolbar {
    border-left: none;
    border-bottom: 1px solid #242830
}

    html.dark .inner-toolbar > ul > li {
        border-color: #242830
    }

.jstree-default .jstree-checkbox {
    background-image: url(../img/jstree.png)
}

.jstree-default .jstree-icon {
    color: #333
}

.jstree-default .jstree-hovered {
    background-color: #f8b0df
}

.jstree-default .jstree-clicked {
    background-color: #f581cc
}

.jstree-default .jstree-disabled {
    opacity: .5;
    cursor: not-allowed
}

.jstree-default .colored, .jstree-default .colored .jstree-icon, .jstree-default .colored-icon .jstree-icon {
    color: #22ae12
}

.jstree-default .folder .jstree-icon {
    color: #ddc03f !important
}

html.dark body .jstree-default .jstree-checkbox {
    background-image: url(../img/jstree-dark.png)
}

html.dark body .jstree-default .jstree-hovered {
    background-color: #21262d !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

html.dark body .jstree-default .jstree-clicked {
    background-color: #1d2127 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

html.dark body .jstree-default .jstree-icon {
    color: #808697
}

blockquote {
    border-left: 5px solid #eee;
    margin: 0 0 1rem;
    padding: .5rem 1rem;
    font-size: 1em
}

    blockquote.with-borders {
        border-radius: 6px;
        border-top: 1px solid #DFDFDF;
        border-bottom: 1px solid #DFDFDF;
        border-left: 1px solid #ECECEC;
        border-right: 1px solid #ECECEC;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.04);
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.04);
        padding: 1.3rem
    }

    blockquote.primary {
        border-color: #22ae12
    }

    blockquote.success {
        border-color: #47a447
    }

    blockquote.warning {
        border-color: #ed9c28
    }

    blockquote.danger {
        border-color: #d2322d
    }

    blockquote.info {
        border-color: #5bc0de
    }

    blockquote.dark {
        border-color: #171717
    }

p {
    color: #33353F;
    margin: 0 0 20px
}

    p.featured {
        font-size: 1.6em;
        line-height: 1.5em
    }

    p.lead {
        line-height: 1.6rem
    }

    p .alternative-font {
        display: inline-block;
        margin-top: -15px;
        position: relative;
        top: 3px;
        margin-bottom: -6px
    }

a, a:focus, a:hover {
    color: #171717
}

p.drop-caps:first-letter {
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding: 4px;
    margin-right: 5px;
    margin-top: 5px;
    font-family: Georgia
}

.alternative-font, .default-font {
    font-family: Almarai
}

p.drop-caps.drop-caps-style-2:first-letter {
    background-color: #CCC;
    color: #FFF;
    padding: 6px;
    margin-right: 5px;
    border-radius: 4px
}

.alternative-font {
    color: #CCC;
    font-size: 1.6em
}

.highlight {
    color: #FFF;
    padding: 3px 6px
}

.userbox {
    display: inline-block;
    margin: 3px 17px 0 0;
    position: relative;
    vertical-align: middle
}

    .userbox > a {
        display: inline-block;
        text-decoration: none
    }

    .userbox a:hover {
        text-decoration: none
    }

    .userbox .profile-info, .userbox .profile-picture {
        display: inline-block;
        vertical-align: middle;
        margin: 0
    }

        .userbox .profile-picture img {
            width: 35px;
            color: transparent
        }

    .userbox .profile-info {
        margin: -3px 25px 0 10px
    }

    .userbox .name, .userbox .role {
        display: block
    }

    .userbox .name {
        color: #001;
        font-size: 16px;
        line-height: 1.1rem
    }

    .userbox .role {
        color: #ACACAC;
        font-size: .7rem;
        line-height: .7rem
    }

    .userbox .custom-caret {
        color: #001;
        font-size: 16px;
        font-weight: 700
    }

        .userbox .custom-caret:before {
            content: ""
        }

    .userbox > a.show {
        position: relative;
        z-index: 993
    }

        .userbox > a.show .custom-caret:before {
            content: ""
        }

    .userbox .dropdown-menu {
        border: none;
        -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.2);
        box-shadow: 0 1px 2px 1px rgba(0,0,0,.2);
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        left: -11px !important;
        padding: 45px 10px 0;
        top: -10px !important;
        -webkit-transform: none !important;
        transform: none !important;
        width: 100%;
        min-width: 0;
        z-index: 992
    }

        .userbox .dropdown-menu li {
            margin-bottom: 5px
        }

        .userbox .dropdown-menu a {
            border-radius: 2px;
            color: #7d7d7d;
            display: block;
            line-height: 1.3rem;
            padding: 4px 10px;
            font-size: .75rem
        }

            .userbox .dropdown-menu a i {
                font-size: 1.1rem
            }

            .userbox .dropdown-menu a:hover {
                background: #22ae12;
                color: #FFF
            }

html.dark .userbox .custom-caret, html.dark .userbox .dropdown-menu .custom-caret, html.dark .userbox .dropdown-menu .name, html.dark .userbox .name, html.header-dark .userbox .custom-caret, html.header-dark .userbox .dropdown-menu .custom-caret, html.header-dark .userbox .dropdown-menu .name, html.header-dark .userbox .name {
    color: #C3C3C3
}

.userbox .dropdown-menu i {
    margin-right: 3px;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .userbox {
        float: left;
        margin: 16px 0 0 12px;
        position: relative
    }

        .userbox:after {
            background: #E9E9E6;
            content: "";
            height: 63px;
            margin: 0;
            position: absolute;
            right: -21px;
            top: -18px;
            width: 1px
        }

        .userbox .profile-picture {
            display: none
        }

        .userbox .dropdown-menu {
            left: -5px !important;
            padding: 43px 0 0
        }
}

html.dark .userbox:after, html.header-dark .userbox:after {
    background: #121518
}

html.dark .userbox .dropdown-menu, html.header-dark .userbox .dropdown-menu {
    background: #282d36
}

    html.dark .userbox .dropdown-menu a:hover, html.header-dark .userbox .dropdown-menu a:hover {
        color: #FFF
    }

    html.dark .userbox .dropdown-menu .divider, html.header-dark .userbox .dropdown-menu .divider {
        background: #1D2127
    }

    html.dark .userbox .dropdown-menu a, html.header-dark .userbox .dropdown-menu a {
        color: #C3C3C3
    }

.thumb-info {
    position: relative
}

    .thumb-info .thumb-info-title {
        -webkit-transition: all .3s;
        transition: all .3s;
        background: rgba(36,27,28,.9);
        bottom: 10%;
        color: #FFF;
        font-size: 18px;
        font-weight: 700;
        left: 0;
        letter-spacing: -1px;
        padding: 9px 11px;
        position: absolute;
        text-shadow: 1px 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        z-index: 1
    }

    .thumb-info .thumb-info-inner {
        -webkit-transition: all .3s;
        transition: all .3s;
        display: block;
        white-space: nowrap
    }

    .thumb-info .thumb-info-type {
        background-color: #22ae12;
        border-radius: 2px;
        display: inline-block;
        float: left;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 8px -2px -15px;
        padding: 2px 9px;
        text-transform: none
    }

.widget-toggle-expand .widget-header {
    position: relative;
    margin: 0;
    padding: 5px 0
}

    .widget-toggle-expand .widget-header .h6, .widget-toggle-expand .widget-header h6 {
        font-size: 16px;
        margin: 0;
        padding: 0
    }

    .widget-toggle-expand .widget-header .widget-toggle {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        text-align: center;
        color: #b4b4b4;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

.widget-toggle-expand.widget-collapsed .widget-content-expanded {
    display: none
}

.widget-toggle-expand.widget-collapsed .widget-header .widget-toggle {
    -webkit-transform: none;
    transform: none
}

ul.simple-user-list {
    list-style: none;
    padding: 0
}

    ul.simple-user-list li {
        margin: 0 0 20px
    }

        ul.simple-user-list li .image {
            float: left;
            margin: 0 10px 0 0
        }

        ul.simple-user-list li .title {
            color: #001;
            display: block;
            line-height: 1.334
        }

        ul.simple-user-list li .message {
            display: block;
            font-size: .7rem;
            line-height: 1.334
        }

ul.simple-post-list {
    list-style: none;
    margin: 0;
    padding: 0
}

    ul.simple-post-list li {
        border-bottom: 1px dotted #E2E2E2;
        padding: 15px 0
    }

        ul.simple-post-list li::after {
            display: block;
            clear: both;
            content: ""
        }

        ul.simple-post-list li::last-child {
            border-bottom: 0
        }

        ul.simple-post-list li .post-image {
            float: left;
            margin-right: 12px
        }

        ul.simple-post-list li .post-meta {
            color: #888;
            font-size: .8em
        }

        ul.simple-post-list li:last-child {
            border-bottom: none
        }

.simple-todo-list {
    list-style: none;
    padding: 0;
    margin: 0
}

    .simple-todo-list li {
        position: relative;
        padding: 0 0 4px 20px
    }

        .simple-todo-list li.completed {
            color: #A7A7A7
        }

            .simple-todo-list li.completed:before {
                position: absolute;
                top: -1px;
                left: 0;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "";
                z-index: 1
            }

.social-icons-list {
    display: block;
    margin: 0;
    padding: 0
}

    .social-icons-list a {
        background: #22ae12;
        border-radius: 25px;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        text-align: center;
        width: 30px
    }

        .social-icons-list a:hover {
            text-decoration: none
        }

        .social-icons-list a span {
            display: none
        }

        .social-icons-list a i {
            color: #FFF;
            font-weight: 400
        }

.simple-compose-box {
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    background-color: #fff
}

    .simple-compose-box textarea {
        background-color: transparent;
        display: block;
        width: 100%;
        padding: 10px 10px 5px;
        border: 0;
        resize: none;
        border-radius: 3px
    }

        .simple-compose-box textarea:focus {
            border: 0;
            outline: 0
        }

    .simple-compose-box .compose-box-footer {
        background-color: #F6F7F8;
        border-radius: 0 0 5px 5px
    }

        .simple-compose-box .compose-box-footer::after {
            display: block;
            clear: both;
            content: ""
        }

        .simple-compose-box .compose-box-footer .compose-toolbar {
            list-style: none;
            margin: 0;
            padding: 0 3px;
            float: left
        }

            .simple-compose-box .compose-box-footer .compose-toolbar li {
                display: inline-block
            }

                .simple-compose-box .compose-box-footer .compose-toolbar li a {
                    display: block;
                    text-align: center;
                    font-size: 16px;
                    line-height: 30px;
                    width: 30px;
                    color: #B3B7BD
                }

                    .simple-compose-box .compose-box-footer .compose-toolbar li a:hover {
                        background-color: #e8eaed
                    }

        .simple-compose-box .compose-box-footer .compose-btn {
            list-style: none;
            margin: 0;
            padding: 3px;
            float: right
        }

ul.simple-card-list {
    list-style: none;
    padding: 0
}

    ul.simple-card-list li {
        padding: 10px 15px;
        margin: 15px 0;
        border-radius: 7px
    }

        ul.simple-card-list li .h3, ul.simple-card-list li h3 {
            font-weight: 600;
            margin: 0
        }

        ul.simple-card-list li p {
            margin: 0;
            opacity: .7
        }

.simple-card-list li.primary {
    background: #22ae12;
    color: #FFF
}

.simple-card-list li.success {
    background: #47a447;
    color: #FFF
}

.simple-card-list li.warning {
    background: #ed9c28;
    color: #FFF
}

.simple-card-list li.danger {
    background: #d2322d;
    color: #FFF
}

.simple-card-list li.info {
    background: #5bc0de;
    color: #FFF
}

.simple-card-list li.dark {
    background: #171717;
    color: #FFF
}

.bg-danger .widget-summary .summary-icon, .bg-dark .widget-summary .summary-icon, .bg-info .widget-summary .summary-icon, .bg-primary .widget-summary .summary-icon, .bg-quaternary .widget-summary .summary-icon, .bg-secondary .widget-summary .summary-icon, .bg-success .widget-summary .summary-icon, .bg-tertiary .widget-summary .summary-icon, .bg-warning .widget-summary .summary-icon, div.simple-card-list .card .card-content {
    background-color: rgba(0,0,0,.1)
}

div.simple-card-list {
    display: table;
    width: 100%
}

    div.simple-card-list .card {
        display: table-cell
    }

        div.simple-card-list .card .card-content {
            border-radius: 3px;
            margin: 0 7px;
            padding: 5px
        }

        div.simple-card-list .card .h3, div.simple-card-list .card h3 {
            font-weight: 600;
            margin: 0
        }

        div.simple-card-list .card p {
            margin: 0;
            opacity: .7
        }

ul.simple-bullet-list {
    list-style: none;
    padding: 0
}

    ul.simple-bullet-list li {
        position: relative;
        padding: 0 0 0 20px;
        margin: 0 0 10px
    }

        ul.simple-bullet-list li:before {
            border: 6px solid #22ae12;
            border-radius: 100px;
            content: "";
            display: inline-block;
            left: 0;
            margin: 0;
            position: absolute;
            top: 5px;
            z-index: 2
        }

        ul.simple-bullet-list li .title {
            display: block;
            font-weight: 700;
            font-size: .85rem;
            line-height: 1.4;
            color: #171717
        }

        ul.simple-bullet-list li .description {
            display: block;
            color: #999;
            font-size: .7rem;
            line-height: 1.334
        }

        ul.simple-bullet-list li.red:before {
            border-color: #d64b4b
        }

        ul.simple-bullet-list li.green:before {
            border-color: #4dd79c
        }

        ul.simple-bullet-list li.blue:before {
            border-color: #0090d9
        }

        ul.simple-bullet-list li.orange:before {
            border-color: #E2A917
        }

.widget-summary {
    display: table;
    width: 100%
}

    .widget-summary::after {
        display: block;
        clear: both;
        content: ""
    }

    .widget-summary .widget-summary-col {
        display: table-cell;
        vertical-align: top;
        width: 100%
    }

    .widget-summary.widget-summary-md .summary-footer, .widget-summary.widget-summary-sm .summary-footer, .widget-summary.widget-summary-xs .summary .info, .widget-summary.widget-summary-xs .summary-footer {
        display: none
    }

    .widget-summary .widget-summary-col.widget-summary-col-icon {
        width: 1%
    }

    .widget-summary .summary-icon {
        margin-right: 15px;
        width: 90px;
        height: 90px;
        line-height: 90px;
        font-size: 3.2rem;
        text-align: center;
        color: #fff;
        border-radius: 55px
    }

    .widget-summary .summary {
        min-height: 65px;
        word-break: break-all
    }

        .widget-summary .summary .title {
            margin: 0;
            font-size: .9rem;
            color: #333;
            font-weight: 500;
            line-height: 1.5
        }

        .widget-summary .summary .info {
            font-size: .85rem
        }

            .widget-summary .summary .info span {
                vertical-align: middle
            }

        .widget-summary .summary .amount {
            margin-right: .2em;
            font-weight: 600;
            color: #333;
            vertical-align: middle;
            font-size: 1.4rem
        }

    .widget-summary .summary-footer {
        padding: 5px 0 0;
        border-top: 1px dotted #ddd;
        text-align: right
    }

.bg-primary .widget-summary .summary .amount, .bg-primary .widget-summary .summary .title {
    color: #FFF !important
}

.bg-primary .widget-summary .summary-footer {
    border-top: 1px solid #fff;
    border-top-color: rgba(255,255,255,.2)
}

    .bg-primary .widget-summary .summary-footer a {
        color: #FFF;
        opacity: .6
    }

.bg-secondary .widget-summary .summary .amount, .bg-secondary .widget-summary .summary .title {
    color: #FFF !important
}

.bg-secondary .widget-summary .summary-footer {
    border-top: 1px solid #fff;
    border-top-color: rgba(255,255,255,.2)
}

    .bg-secondary .widget-summary .summary-footer a {
        color: #FFF;
        opacity: .6
    }

.bg-tertiary .widget-summary .summary .amount, .bg-tertiary .widget-summary .summary .title {
    color: #FFF !important
}

.bg-tertiary .widget-summary .summary-footer {
    border-top: 1px solid #fff;
    border-top-color: rgba(255,255,255,.2)
}

    .bg-tertiary .widget-summary .summary-footer a {
        color: #FFF;
        opacity: .6
    }

.bg-quaternary .widget-summary .summary .amount, .bg-quaternary .widget-summary .summary .title {
    color: #FFF !important
}

.bg-quaternary .widget-summary .summary-footer {
    border-top: 1px solid #fff;
    border-top-color: rgba(255,255,255,.2)
}

    .bg-quaternary .widget-summary .summary-footer a {
        color: #FFF;
        opacity: .6
    }

.bg-success .widget-summary .summary .amount, .bg-success .widget-summary .summary .title {
    color: #FFF !important
}

.bg-success .widget-summary .summary-footer {
    border-top: 1px solid #fff;
    border-top-color: rgba(255,255,255,.2)
}

    .bg-success .widget-summary .summary-footer a {
        color: #FFF;
        opacity: .6
    }

.bg-warning .widget-summary .summary .amount, .bg-warning .widget-summary .summary .title {
    color: #FFF !important
}

.bg-warning .widget-summary .summary-footer {
    border-top: 1px solid #fff;
    border-top-color: rgba(255,255,255,.2)
}

    .bg-warning .widget-summary .summary-footer a {
        color: #FFF;
        opacity: .6
    }

.bg-danger .widget-summary .summary .amount, .bg-danger .widget-summary .summary .title {
    color: #FFF !important
}

.bg-danger .widget-summary .summary-footer {
    border-top: 1px solid #fff;
    border-top-color: rgba(255,255,255,.2)
}

    .bg-danger .widget-summary .summary-footer a {
        color: #FFF;
        opacity: .6
    }

.bg-info .widget-summary .summary .amount, .bg-info .widget-summary .summary .title {
    color: #FFF !important
}

.bg-info .widget-summary .summary-footer {
    border-top: 1px solid #fff;
    border-top-color: rgba(255,255,255,.2)
}

    .bg-info .widget-summary .summary-footer a {
        color: #FFF;
        opacity: .6
    }

.bg-dark .widget-summary .summary .amount, .bg-dark .widget-summary .summary .title {
    color: #FFF !important
}

.bg-dark .widget-summary .summary-footer {
    border-top: 1px solid #fff;
    border-top-color: rgba(255,255,255,.2)
}

    .bg-dark .widget-summary .summary-footer a {
        color: #FFF;
        opacity: .6
    }

@media (min-width:480px) {
    .widget-summary.widget-summary-xlg {
        padding: 5px 0
    }

        .widget-summary.widget-summary-xlg .summary-icon {
            width: 110px;
            height: 110px;
            line-height: 110px;
            font-size: 3.2rem
        }

        .widget-summary.widget-summary-xlg .summary {
            min-height: 80px
        }

            .widget-summary.widget-summary-xlg .summary .title {
                font-size: 1.4rem
            }

            .widget-summary.widget-summary-xlg .summary .info {
                font-size: .9rem
            }
}

.widget-summary.widget-summary-lg, .widget-summary.widget-summary-md, .widget-summary.widget-summary-sm, .widget-summary.widget-summary-xs, ul.widget-todo-list {
    padding: 0
}

    .widget-summary.widget-summary-lg .summary-icon {
        width: 90px;
        height: 90px;
        line-height: 90px;
        font-size: 3rem
    }

    .widget-summary.widget-summary-lg .summary {
        min-height: 65px
    }

        .widget-summary.widget-summary-lg .summary .title {
            font-size: .9rem
        }

        .widget-summary.widget-summary-lg .summary .info {
            font-size: .85rem
        }

    .widget-summary.widget-summary-md .summary-icon {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 2.4rem
    }

    .widget-summary.widget-summary-md .summary {
        min-height: 0;
        margin-top: 12px
    }

        .widget-summary.widget-summary-md .summary .title {
            font-size: .75rem
        }

        .widget-summary.widget-summary-md .summary .info {
            font-size: .7rem
        }

        .widget-summary.widget-summary-md .summary .amount {
            font-size: 1rem;
            font-weight: 700
        }

    .widget-summary.widget-summary-sm .summary-icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 1.7rem
    }

    .widget-summary.widget-summary-sm .summary {
        min-height: 0;
        margin-top: 4px
    }

        .widget-summary.widget-summary-sm .summary .title {
            font-size: .75rem
        }

        .widget-summary.widget-summary-sm .summary .info {
            font-size: .7rem
        }

        .widget-summary.widget-summary-sm .summary .amount {
            font-size: .9rem;
            font-weight: 700
        }

    .widget-summary.widget-summary-xs .summary-icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 1rem
    }

    .widget-summary.widget-summary-xs .summary {
        min-height: 0
    }

        .widget-summary.widget-summary-xs .summary .title {
            font-size: .75rem;
            line-height: 40px
        }

ul.widget-todo-list {
    list-style: none;
    margin: 0;
    position: relative
}

    ul.widget-todo-list li {
        border-bottom: 1px dotted #ddd;
        padding: 15px 15px 15px 0;
        position: relative
    }

        ul.widget-todo-list li .checkbox-custom {
            margin-bottom: 0
        }

            ul.widget-todo-list li .checkbox-custom label {
                padding-left: 10px
            }

        ul.widget-todo-list li .todo-actions {
            position: absolute;
            top: 14px;
            right: 0;
            bottom: 14px
        }

            ul.widget-todo-list li .todo-actions .todo-remove {
                font-size: 10px;
                vertical-align: middle;
                color: #999
            }

        ul.widget-todo-list li:last-child {
            border-bottom: 0 none
        }

.widget-profile-info {
    display: table;
    width: 100%
}

    .widget-profile-info .profile-picture {
        display: table-cell;
        vertical-align: middle;
        width: 1%
    }

        .widget-profile-info .profile-picture img {
            display: block;
            width: 100px;
            height: 100px;
            margin-right: 15px;
            border: 4px solid #fff;
            border-radius: 50px
        }

    .widget-profile-info .profile-info {
        display: table-cell;
        vertical-align: bottom;
        width: 100%;
        color: #FFF
    }

        .widget-profile-info .profile-info .profile-footer {
            padding: 5px 0 0;
            border-top: 1px solid rgba(255,255,255,.6);
            text-align: right
        }

            .widget-profile-info .profile-info .profile-footer a {
                color: #fff;
                opacity: .6
            }

.widget-twitter-profile {
    background-color: #22ae12;
    border-radius: 5px;
    color: #fff
}

    .widget-twitter-profile .top-image img {
        width: 100%;
        border-radius: 5px 5px 0 0
    }

    .widget-twitter-profile .profile-info {
        padding: 15px;
        min-height: 75px
    }

        .widget-twitter-profile .profile-info::after {
            display: block;
            clear: both;
            content: ""
        }

        .widget-twitter-profile .profile-info .profile-picture {
            float: left;
            margin-right: 15px;
            position: relative
        }

            .widget-twitter-profile .profile-info .profile-picture img {
                display: block;
                width: 100px;
                height: 100px;
                margin: -25px 0;
                border: 4px solid #fff;
                border-radius: 50px
            }

        .widget-twitter-profile .profile-info .profile-account {
            float: left
        }

            .widget-twitter-profile .profile-info .profile-account .name {
                margin: 0
            }

            .widget-twitter-profile .profile-info .profile-account .account {
                color: #f798d5;
                margin: 0;
                line-height: 1.4
            }

        .widget-twitter-profile .profile-info .profile-stats {
            float: right;
            list-style: none;
            padding: 5px 0;
            margin: 0
        }

            .widget-twitter-profile .profile-info .profile-stats li {
                float: left;
                padding: 0 10px
            }

                .widget-twitter-profile .profile-info .profile-stats li .stat {
                    margin: 0
                }

                .widget-twitter-profile .profile-info .profile-stats li .count {
                    display: block;
                    margin: 0;
                    line-height: 1.4;
                    font-weight: 600
                }

    .widget-twitter-profile .profile-quote {
        background-color: #980d67;
        border-radius: 0 0 5px 5px;
        padding: 25px 15px 15px 150px
    }

        .widget-twitter-profile .profile-quote blockquote {
            padding: 0;
            margin: 0;
            border: 0
        }

            .widget-twitter-profile .profile-quote blockquote p {
                position: relative;
                font-style: italic;
                font-size: 1rem;
                line-height: 1.6;
                padding: 15px 0;
                margin: 0 0 10px;
                font-family: Georgia,serif;
                color: #FFF
            }

                .widget-twitter-profile .profile-quote blockquote p:before {
                    position: absolute;
                    top: 0;
                    left: -45px;
                    content: "“";
                    line-height: 1;
                    font-size: 80px;
                    font-family: Georgia,serif;
                    font-style: normal
                }

        .widget-twitter-profile .profile-quote .quote-footer {
            border-top: 1px solid #b40f7a;
            padding: 5px 0;
            text-align: right;
            color: #f798d5
        }

            .widget-twitter-profile .profile-quote .quote-footer a {
                color: #f798d5
            }

@media only screen and (max-width:479px) {
    .widget-twitter-profile .profile-info .profile-stats {
        clear: both;
        float: none;
        padding: 45px 0 0;
        text-align: center
    }

        .widget-twitter-profile .profile-info .profile-stats li {
            display: inline-block;
            float: none
        }
}

@media only screen and (max-width:767px) {
    .widget-twitter-profile .profile-quote {
        padding-left: 10px
    }

        .widget-twitter-profile .profile-quote blockquote {
            padding-left: 45px
        }
}

.widget-user-info .widget-user-info-header {
    position: relative;
    background: #e7e7e9;
    padding: 1.9rem 1.5rem
}

    .widget-user-info .widget-user-info-header .h1, .widget-user-info .widget-user-info-header .h2, .widget-user-info .widget-user-info-header .h3, .widget-user-info .widget-user-info-header .h4, .widget-user-info .widget-user-info-header .h5, .widget-user-info .widget-user-info-header .h6, .widget-user-info .widget-user-info-header h1, .widget-user-info .widget-user-info-header h2, .widget-user-info .widget-user-info-header h3, .widget-user-info .widget-user-info-header h4, .widget-user-info .widget-user-info-header h5, .widget-user-info .widget-user-info-header h6 {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 1.4
    }

    .widget-user-info .widget-user-info-header p {
        line-height: 1.4
    }

    .widget-user-info .widget-user-info-header .widget-user-acrostic {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        bottom: 0;
        right: 0;
        font-size: 2.5rem;
        color: #FFF;
        width: 100px;
        height: 100px;
        border-radius: 100%;
        border: 5px solid #FFF;
        -webkit-transform: translate3d(-20px,50%,0);
        transform: translate3d(-20px,50%,0)
    }

.widget-user-info .widget-user-info-body {
    padding: 1.9rem 1.5rem
}

    .widget-user-info .widget-user-info-body .h3, .widget-user-info .widget-user-info-body h3 {
        margin-top: 0;
        margin-bottom: 0
    }

html.dark .widget-summary .summary .amount, html.dark .widget-summary .summary .title {
    color: #EEE
}

html.dark .widget-summary .summary-footer {
    border-color: #4C4C4C
}

html.dark .card-footer-btn-group a {
    background-color: #282d36;
    border-color: #21262d
}

    html.dark .card-footer-btn-group a:hover {
        background-color: #2e353e
    }

html.dark ul.widget-todo-list li {
    border-color: #242830
}

html.dark ul.simple-post-list li {
    border-color: #4c4c4c
}

html.dark ul.simple-bullet-list li .title, html.dark ul.simple-user-list li .title {
    color: #EEE
}

html.dark .simple-compose-box {
    background-color: #282d36;
    border-color: #282d36
}

    html.dark .simple-compose-box .compose-box-footer {
        background-color: #21262d
    }

.wizard-steps.wizard-steps-style-2.nav-tabs li .nav-link .badge {
    border-radius: 100%;
    padding: .4rem .55rem;
    margin-right: 5px
}

.card-body .wizard-tabs {
    margin: -15px -15px 15px
}

.card-body-nopadding .wizard-tabs {
    margin: 0
}

.wizard-tabs ul {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

    .wizard-tabs ul > li {
        display: table-cell;
        border-bottom: 1px solid #EEE
    }

        .wizard-tabs ul > li.active {
            border-bottom-color: transparent
        }

            .wizard-tabs ul > li.active > a, .wizard-tabs ul > li.active > a:focus, .wizard-tabs ul > li.active > a:hover {
                background: #FFF;
                color: #555
            }

                .wizard-tabs ul > li.active > a:after {
                    border-left-color: #FFF
                }

            .wizard-tabs ul > li.active .badge {
                background-color: #22ae12
            }

        .wizard-tabs ul > li.disabled > a, .wizard-tabs ul > li.disabled > a:focus, .wizard-tabs ul > li.disabled > a:hover {
            color: #CCC
        }

        .wizard-tabs ul > li.disabled .badge {
            background-color: #CCC
        }

        .wizard-tabs ul > li > a {
            position: relative;
            display: block;
            padding: 5px;
            font-size: .85rem;
            text-decoration: none
        }

            .wizard-tabs ul > li > a .badge {
                border-radius: 100%;
                color: #FFF;
                background: #CCC;
                padding: .4rem .55rem;
                margin-right: 5px;
                position: relative;
                top: -1px
            }

            .wizard-tabs ul > li > a, .wizard-tabs ul > li > a:hover {
                background: #F4F4F4;
                color: #555
            }

                .wizard-tabs ul > li > a:hover {
                    -webkit-box-shadow: none;
                    box-shadow: none
                }

                .wizard-tabs ul > li > a:active, .wizard-tabs ul > li > a:focus {
                    border-bottom: 0
                }

                .wizard-tabs ul > li > a:after, .wizard-tabs ul > li > a:before {
                    display: block;
                    content: "";
                    position: absolute;
                    top: 0;
                    right: -10px;
                    z-index: 1;
                    border: 17px solid transparent;
                    border-right: 0;
                    border-left: 10px solid transparent;
                    width: 0;
                    height: 0
                }

                .wizard-tabs ul > li > a:before {
                    z-index: 1;
                    right: -11px;
                    border-left-color: #E0E0E0
                }

                .wizard-tabs ul > li > a:after {
                    z-index: 2;
                    border-left-color: #F4F4F4
                }

        .wizard-tabs ul > li:last-child > a:after, .wizard-tabs ul > li:last-child > a:before {
            display: none
        }

html.dark .wizard-tabs ul > li {
    border-color: #282d36
}

    html.dark .wizard-tabs ul > li.active {
        border-color: #2e353e
    }

        html.dark .wizard-tabs ul > li.active a, html.dark .wizard-tabs ul > li.active a:active, html.dark .wizard-tabs ul > li.active a:hover {
            background: #2e353e;
            color: #EEE
        }

            html.dark .wizard-tabs ul > li.active a:before {
                border-left-color: #21262d
            }

            html.dark .wizard-tabs ul > li.active a:after {
                border-left-color: #2e353e
            }

    html.dark .wizard-tabs ul > li a, html.dark .wizard-tabs ul > li a:hover {
        background: #282d36;
        color: #EEE
    }

        html.dark .wizard-tabs ul > li a:before {
            border-left-color: #21262d
        }

        html.dark .wizard-tabs ul > li a:after {
            border-left-color: #282d36
        }

html .wizard-progress, html.dark .wizard-progress {
    margin: 0 15px
}

    html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress {
        height: 2px;
        margin: 0 38px;
        position: relative;
        top: 15px;
        background: #CCC
    }

        html .wizard-progress .steps-progress .progress-indicator, html.dark .wizard-progress .steps-progress .progress-indicator {
            height: 100%;
            width: 0;
            background: #22ae12;
            -webkit-transition: width .2s ease-in;
            transition: width .2s ease-in
        }

    html .wizard-progress .wizard-steps, html.dark .wizard-progress .wizard-steps {
        list-style: none;
        margin: 0;
        padding: 15px 0 0;
        display: inline-block;
        width: 100%;
        font-size: 0;
        text-align: justify
    }

        html .wizard-progress .wizard-steps:after, html.dark .wizard-progress .wizard-steps:after {
            display: inline-block;
            width: 100%;
            content: ".";
            font-size: 0;
            height: 0;
            line-height: 0;
            visibility: hidden
        }

        html .wizard-progress .wizard-steps li, html.dark .wizard-progress .wizard-steps li {
            display: inline-block;
            vertical-align: top;
            min-width: 50px;
            max-width: 100px
        }

            html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a {
                position: relative;
                display: block;
                padding: 25px 8px 0;
                font-size: 11px;
                color: #33333F;
                font-weight: 700;
                line-height: 1;
                text-align: center;
                text-decoration: none;
                background-color: transparent
            }

                html .wizard-progress .wizard-steps li a span, html.dark .wizard-progress .wizard-steps li a span {
                    position: absolute;
                    top: 0;
                    left: 50%;
                    display: block;
                    background: #CCC;
                    color: #FFF;
                    line-height: 26px;
                    text-align: center;
                    margin-top: -15px;
                    margin-left: -15px;
                    width: 30px;
                    height: 30px;
                    border-radius: 35px;
                    font-size: 13px;
                    text-indent: -1px;
                    border: 2px solid #CCC;
                    -webkit-transition: all .2s ease-in;
                    transition: all .2s ease-in
                }

            html .wizard-progress .wizard-steps li.completed a span, html.dark .wizard-progress .wizard-steps li.completed a span {
                background: #22ae12;
                color: #FFF
            }

            html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span {
                background: #FFF;
                color: #22ae12;
                border-color: #22ae12
            }

            html .wizard-progress .wizard-steps li.completed.active a span, html.dark .wizard-progress .wizard-steps li.completed.active a span {
                color: #FFF
            }

    html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {
        margin: 0 auto 30px;
        width: 80%
    }

        html .wizard-progress.wizard-progress-lg .steps-progress, html.dark .wizard-progress.wizard-progress-lg .steps-progress {
            margin: 0 52px;
            height: 4px;
            top: 34px
        }

        html .wizard-progress.wizard-progress-lg .wizard-steps, html.dark .wizard-progress.wizard-progress-lg .wizard-steps {
            padding-top: 30px
        }

        html .wizard-progress.wizard-progress-lg ul li, html.dark .wizard-progress.wizard-progress-lg ul li {
            max-width: 135px
        }

            html .wizard-progress.wizard-progress-lg ul li a, html.dark .wizard-progress.wizard-progress-lg ul li a {
                padding-top: 40px;
                font-size: 14px
            }

                html .wizard-progress.wizard-progress-lg ul li a span, html.dark .wizard-progress.wizard-progress-lg ul li a span {
                    width: 60px;
                    height: 60px;
                    margin-top: -30px;
                    margin-left: -30px;
                    border-radius: 60px;
                    line-height: 52px;
                    font-size: 22px;
                    border-width: 4px
                }

    html.dark .wizard-progress .wizard-steps li a {
        color: #808697
    }

    html.dark .wizard-progress.wizard-progress ul li a span {
        background: #242830;
        border-color: #242830
    }

    html.dark .wizard-progress .steps-progress, html.dark .wizard-progress .wizard-steps li.active a span {
        background: #242830
    }

@media only screen and (max-width:991px) {
    html .wizard-progress, html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress, html.dark .wizard-progress.wizard-progress-lg {
        width: auto;
        margin-bottom: 0;
        margin-left: -15px;
        margin-right: -15px
    }

        html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress {
            display: none
        }

        html .wizard-progress .wizard-steps, html.dark .wizard-progress .wizard-steps {
            display: block;
            font-size: 0;
            overflow: hidden;
            white-space: nowrap;
            text-align: left;
            width: 100%
        }

            html .wizard-progress .wizard-steps li, html.dark .wizard-progress .wizard-steps li {
                -webkit-transition: margin .5s linear;
                transition: margin .5s linear;
                display: inline-block;
                float: none;
                position: relative;
                width: 100%;
                min-width: 0;
                max-width: none
            }

                html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a {
                    position: relative;
                    z-index: 2
                }

                html .wizard-progress .wizard-steps li:after, html .wizard-progress .wizard-steps li:before, html.dark .wizard-progress .wizard-steps li:after, html.dark .wizard-progress .wizard-steps li:before {
                    content: "";
                    display: block;
                    height: 2px;
                    position: absolute;
                    top: 0;
                    width: 50%
                }

                html .wizard-progress .wizard-steps li:before, html.dark .wizard-progress .wizard-steps li:before {
                    background: #22ae12;
                    left: 0
                }

                html .wizard-progress .wizard-steps li:after, html.dark .wizard-progress .wizard-steps li:after {
                    background: #CCC;
                    right: 0
                }

                html .wizard-progress .wizard-steps li.active, html.dark .wizard-progress .wizard-steps li.active {
                    margin-left: 0
                }

                html .wizard-progress .wizard-steps li.completed, html.dark .wizard-progress .wizard-steps li.completed {
                    margin-left: -100%
                }

                    html .wizard-progress .wizard-steps li.completed:after, html.dark .wizard-progress .wizard-steps li.completed:after {
                        background: #22ae12
                    }

                    html .wizard-progress .wizard-steps li.completed.active, html.dark .wizard-progress .wizard-steps li.completed.active {
                        margin-left: 0
                    }

                html .wizard-progress .wizard-steps li:first-child:before, html .wizard-progress .wizard-steps li:last-child:after, html.dark .wizard-progress .wizard-steps li:first-child:before, html.dark .wizard-progress .wizard-steps li:last-child:after {
                    display: none
                }

        html .wizard-progress.wizard-progress-lg .wizard-steps li, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li {
            min-width: 0;
            max-width: none
        }

            html .wizard-progress.wizard-progress-lg .wizard-steps li:after, html .wizard-progress.wizard-progress-lg .wizard-steps li:before, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li:after, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li:before {
                height: 4px
            }
}

.form-wizard {
    margin-bottom: 20px
}

    .form-wizard .tabs {
        margin-bottom: 0
    }

    .form-wizard .tab-content {
        background: #fdfdfd;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .form-wizard ul.pager .finish a, .form-wizard ul.pager .first a, .form-wizard ul.pager .last a, .form-wizard ul.pager .next a, .form-wizard ul.pager .previous a {
        cursor: pointer
    }

    .form-wizard ul.pager .disabled a {
        cursor: not-allowed
    }

    .form-wizard ul.pager .next.disabled {
        display: none
    }

html.dark .form-wizard .pager li > a, html.dark .form-wizard .pager li > a:focus, html.dark .form-wizard .pager li > a:hover, html.dark .form-wizard .pager li > span {
    background: #2e353e;
    border-color: #282d36;
    color: #EEE
}

html.dark .form-wizard .pager .disabled > a, html.dark .form-wizard .pager .disabled > a:focus, html.dark .form-wizard .pager .disabled > a:hover, html.dark .form-wizard .pager .disabled > span {
    background: #282d36;
    border-color: #282d36;
    color: #EEE
}

.wort-rotator {
    visibility: hidden;
    width: 100px;
    height: 0;
    margin-bottom: -7px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative;
    top: -1px
}

    .wort-rotator.active {
        visibility: visible;
        width: auto
    }

    .wort-rotator .wort-rotator-items {
        position: relative;
        top: 0;
        width: 100%
    }

        .wort-rotator .wort-rotator-items span {
            display: block;
            white-space: nowrap
        }

    .wort-rotator.highlight {
        top: 1px
    }

.h1 .wort-rotator, .h2 .wort-rotator, h1 .wort-rotator, h2 .wort-rotator {
    margin-bottom: -12px
}

.fc .fc-toolbar .h2, .fc .fc-toolbar h2 {
    color: #171717;
    font-size: 1.2rem;
    font-weight: 700
}

    .fc .fc-toolbar .h2:before, .fc .fc-toolbar h2:before {
        color: #22ae12;
        content: "";
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1.8rem;
        font-style: normal;
        line-height: 1;
        margin-right: 10px;
        position: relative;
        top: 2px;
        -webkit-font-smoothing: antialiased
    }

.fc .fc-toolbar .btn {
    background: #FFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    font-size: .9em;
    padding: 7px 1.1em 6px;
    height: auto;
    border: 1px solid rgba(0,0,0,.15);
    color: #212121
}

    .fc .fc-toolbar .btn.active, .fc .fc-toolbar .btn.fc-state-active {
        color: #FFF;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.fc .fc-day-grid-container {
    height: auto !important
}

.fc .fc-widget-header th {
    line-height: 35px
}

.fc .fc-event {
    color: #FFF !important
}

.fc .table-bordered a {
    text-decoration: none
}

.fc .table-bordered thead th {
    border-bottom: 1px solid rgba(0,0,0,.1) !important
}

.fc .table-bordered td, .fc .table-bordered th {
    border-color: rgba(0,0,0,.1)
}

.fc .fc-daygrid-event {
    line-height: 16px;
    padding-left: 4px;
    padding-right: 4px
}

    .fc .fc-daygrid-event .fc-event-title {
        font-weight: 400
    }

    .fc .fc-daygrid-event .fc-event-time {
        font-weight: 800
    }

.fc-event.fc-event-default {
    background: #ebebeb;
    border-color: #ebebeb
}

    .fc-event.fc-event-default .fc-event-inner, a.fc-event.fc-event-default:hover {
        color: #777
    }

.fc-event.fc-event-danger .fc-event-inner, .fc-event.fc-event-dark .fc-event-inner, .fc-event.fc-event-info .fc-event-inner, .fc-event.fc-event-primary .fc-event-inner, .fc-event.fc-event-success .fc-event-inner, .fc-event.fc-event-warning .fc-event-inner, a.fc-event.fc-event-danger:hover, a.fc-event.fc-event-dark:hover, a.fc-event.fc-event-info:hover, a.fc-event.fc-event-primary:hover, a.fc-event.fc-event-success:hover, a.fc-event.fc-event-warning:hover, html.dark .fc .fc-toolbar .fc-button, html.dark .fc .fc-toolbar .h2, html.dark .fc .fc-toolbar h2 {
    color: #FFF
}

.fc-event.fc-event-primary {
    background: #22ae12;
    border-color: #22ae12
}

.fc-event.fc-event-success {
    background: #47a447;
    border-color: #47a447
}

.fc-event.fc-event-warning {
    background: #ed9c28;
    border-color: #ed9c28
}

.fc-event.fc-event-danger {
    background: #d2322d;
    border-color: #d2322d
}

.fc-event.fc-event-info {
    background: #5bc0de;
    border-color: #5bc0de
}

.fc-event.fc-event-dark {
    background: #171717;
    border-color: #171717
}

.external-event {
    cursor: move;
    display: inline-block;
    font-size: .75rem;
    font-weight: 400;
    margin: 5px;
    padding: 10px
}

html.dark .fc .fc-toolbar .fc-button {
    background: #21262d
}

html.dark .fc-unthemed .fc-divider, html.dark .fc-unthemed .fc-popover, html.dark .fc-unthemed .fc-row, html.dark .fc-unthemed tbody, html.dark .fc-unthemed td, html.dark .fc-unthemed th, html.dark .fc-unthemed thead {
    border-color: rgba(0,0,0,.3)
}

html.dark .fc-unthemed .fc-today {
    background: #21262d
}

.invoice {
    padding: 0 15px 15px
}

    .invoice address {
        color: #7F8597;
        line-height: 1.5em
    }

    .invoice header {
        border-bottom: 1px solid #DADADA;
        margin-bottom: 15px
    }

        .invoice header .h2, .invoice header .h4 {
            letter-spacing: 0
        }

    .invoice .bill-data, .invoice .bill-to {
        padding: 15px 0
    }

        .invoice .bill-data .value {
            display: inline-block;
            margin-left: 10px;
            width: 90px
        }

    .invoice table.table {
        table-layout: fixed
    }

        .invoice table.table > thead:first-child > tr > th {
            background-color: #F8F8F8;
            border-bottom: 1px solid #DADADA;
            border-top: 1px solid #DADADA
        }

        .invoice table.table > tbody tr > td {
            border-color: #DADADA
        }

    .invoice .invoice-items > tbody tr:last-child > td {
        border-bottom: 1px solid #DADADA
    }

    .invoice .invoice-items #cell-id {
        width: 10%
    }

    .invoice .invoice-items #cell-desc, .invoice .invoice-items #cell-item {
        width: 20%
    }

    .invoice .invoice-items #cell-price, .invoice .invoice-items #cell-qty, .invoice .invoice-items #cell-total {
        width: 10%
    }

.invoice-summary .col-sm-4 {
    padding-left: 0
}

@media only screen and (max-width:991px) {
    .invoice .table-responsive > table.table {
        table-layout: auto
    }

    .invoice-summary .col-sm-4 {
        padding-left: 15px
    }
}

@media print {
    .invoice .table-responsive {
        border: none !important;
        overflow: visible !important;
        width: auto !important
    }

    .invoice table.table.invoice-items {
        table-layout: auto
    }

    .invoice .bill-info .col-md-6, .invoice header .col-sm-6:first-child, .invoice header .col-sm-6:last-child {
        float: left !important
    }

    .invoice header .col-sm-6:first-child {
        width: 25% !important
    }

    .invoice header .col-sm-6:last-child {
        width: 75% !important
    }

    .invoice .bill-info .col-md-6 {
        width: 50% !important
    }

    .invoice .invoice-summary .col-sm-4 {
        float: right;
        padding: 0;
        width: 40%
    }
}

html.dark .invoice header {
    border-bottom-color: #282d36
}

html.dark .invoice table.table > thead:first-child > tr > th {
    background-color: #282d36;
    border-bottom-color: #282d36;
    border-top-color: #282d36
}

html.dark .invoice table.table > tbody tr > td {
    border-color: #282d36
}

.container-with-sidebar {
    max-width: none
}

html.boxed .container-with-sidebar {
    width: 100% !important
}

html.boxed:not(.sidebar-left-collapsed) .container-with-sidebar [class*=col-]:not(.isotope-item) {
    width: 100%
}

@media (min-width:768px) and (max-width:991px) {
    .container-with-sidebar {
        width: 100%
    }
}

@media (min-width:992px) {
    .container-with-sidebar {
        width: calc(970px - 144px)
    }
}

@media (min-width:1200px) {
    .container-with-sidebar {
        width: calc(1170px - 144px)
    }
}

@media (min-width:1600px) {
    .container-with-sidebar {
        width: calc(1570px - 144px) !important
    }
}

@media (min-width:768px) and (max-width:1199px) {
    html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar, html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar [class*=col-]:not(.isotope-item) {
        width: 100%
    }
}

@media (min-width:992px) {
    html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar {
        width: calc(970px - 300px)
    }
}

@media (min-width:1200px) {
    html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar {
        width: calc(1170px - 300px)
    }
}

html.boxed .custom-padding {
    padding-bottom: 0;
    padding-top: 50px
}

@media (max-width:1470px) {
    html:not(.sidebar-left-collapsed) .custom-padding {
        padding-bottom: 0;
        padding-top: 30px
    }
}

@media (max-width:1599px) {
    .custom-padding {
        padding-bottom: 0;
        padding-top: 30px
    }
}

@media (max-width:767px) {
    .custom-padding {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width:1600px) {
    html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar {
        width: calc(1570px - 300px) !important
    }

    .custom-padding {
        padding-bottom: 0;
        padding-top: 50px
    }
}

.custom-pos {
    position: relative;
    top: 20px
}

@media (max-width:1599px) {
    .custom-pos {
        top: 70px
    }

        .custom-pos .abs-bottom-left {
            left: 0
        }
}

@media (max-width:1199px) {
    .custom-pos .abs-bottom-left {
        width: 30%;
        bottom: 120px
    }
}

@media (max-width:991px) {
    .custom-pos {
        top: 10px
    }

        .custom-pos .abs-bottom-left {
            width: initial;
            left: 8vw;
            bottom: -10px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }
}

@media (max-width:1599px) {
    html:not(.sidebar-left-collapsed) .custom-pos {
        top: 100px
    }

        html:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
            width: 30%;
            bottom: 80px
        }
}

@media (max-width:1199px) {
    html:not(.sidebar-left-collapsed) .custom-pos {
        top: 10px
    }

        html:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
            width: 30%;
            bottom: 190px
        }
}

@media (max-width:991px) {
    html:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
        width: 35%;
        left: 8vw;
        bottom: 0
    }
}

html.boxed .custom-pos {
    top: 100px
}

    html.boxed .custom-pos .abs-bottom-left {
        left: -5px
    }

@media (max-width:991px) {
    html.boxed .custom-pos .abs-bottom-left {
        width: 35%;
        left: 9vw
    }
}

html.boxed:not(.sidebar-left-collapsed) .custom-pos {
    top: 10px
}

    html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
        left: 6vw
    }

@media (max-width:1599px) {
    html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
        width: 24%
    }
}

@media (max-width:1199px) {
    html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
        width: 27%;
        left: 2vw
    }
}

@media (max-width:991px) {
    html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
        width: 35%;
        left: 9vw
    }
}

.section-padding {
    padding: 90px 0 75px
}

.section-full-width-bg-light {
    position: relative;
    background-color: #FFF
}

    .section-full-width-bg-light:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        background-color: #FFF;
        z-index: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

html.dark .section-full-width-bg-light, html.dark .section-full-width-bg-light:before {
    background-color: #21262d
}

.abs-bottom-left {
    position: absolute;
    bottom: -3px;
    left: 40px
}

.list.list-icons > li {
    line-height: 2.2
}

.testimonial {
    background: #ecedf0;
    padding: 40px
}

    .testimonial blockquote {
        position: relative;
        border-left: none;
        font-family: Georgia,serif;
        padding: 10px 60px;
        margin-bottom: 0
    }

        .testimonial blockquote:after, .testimonial blockquote:before {
            color: #777;
            font-style: normal;
            line-height: 1;
            position: absolute;
            font-family: Georgia,serif
        }

        .testimonial blockquote:before {
            left: 10px;
            top: 0;
            content: "“";
            font-size: 80px
        }

        .testimonial blockquote:after {
            content: "”";
            font-size: 80px;
            bottom: -.5em;
            right: 10px
        }

        .testimonial blockquote p {
            font-family: Georgia,serif;
            font-size: 18px;
            line-height: 1.8
        }

html.dark .testimonial {
    background: #282d36
}

.log-viewer {
    line-height: 2.6rem;
    font-family: monospace;
    font-size: .85rem
}

.mailbox .content-with-menu-container {
    background: #FFF
}

.mailbox .mailbox-bullets .ball {
    border: 5px solid red;
    border-radius: 100px;
    display: block;
    float: right;
    margin-top: 6px
}

    .mailbox .mailbox-bullets .ball.pink {
        border-color: #EA4C89
    }

    .mailbox .mailbox-bullets .ball.green {
        border-color: #9AE14F
    }

    .mailbox .mailbox-bullets .ball.blue {
        border-color: #1BC3E1
    }

    .mailbox .mailbox-bullets .ball.orange {
        border-color: #E2A917
    }

.mailbox .mailbox-folder {
    height: auto !important;
    padding: 0 0 40px
}

    .mailbox .mailbox-folder .mailbox-header {
        padding: 38px 40px 43px
    }

        .mailbox .mailbox-folder .mailbox-header .search {
            float: right;
            margin-top: 3px;
            max-width: 100px
        }

            .mailbox .mailbox-folder .mailbox-header .search input[type=text] {
                -webkit-transition-property: width,margin;
                transition-property: width,margin;
                -webkit-transition-duration: .3s;
                transition-duration: .3s;
                -webkit-transition-timing-function: cubic-bezier(.05,.91,.25,.99);
                transition-timing-function: cubic-bezier(.05,.91,.25,.99)
            }

                .mailbox .mailbox-folder .mailbox-header .search input[type=text]:focus {
                    margin-left: -150%;
                    width: 250%
                }

@media only screen and (max-width:767px) {
    .mailbox .mailbox-folder .mailbox-header {
        padding: 20px
    }

        .mailbox .mailbox-folder .mailbox-header .mailbox-title {
            margin-bottom: 10px !important
        }

        .mailbox .mailbox-folder .mailbox-header .search input[type=text]:focus {
            margin-left: 0;
            width: 100%
        }

        .mailbox .mailbox-folder .mailbox-header .search {
            max-width: none;
            width: 100%
        }
}

.mailbox .mailbox-actions {
    border-top: 1px solid #EFEFEF;
    padding-left: 40px;
    padding-right: 40px
}

    .mailbox .mailbox-actions ul a {
        color: #171717;
        text-decoration: none;
        font-size: .9rem
    }

        .mailbox .mailbox-actions ul a.item-action {
            background: #FFF;
            border-radius: 100px;
            -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
            box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
            color: #B4BBC1;
            display: inline-block;
            height: 30px;
            line-height: 1.9rem;
            position: relative;
            width: 30px;
            text-align: center;
            -webkit-transition-property: color;
            transition-property: color;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
            -webkit-transition-timing-function: cubic-bezier(.2,.6,.25,1);
            transition-timing-function: cubic-bezier(.2,.6,.25,1);
            -webkit-transition-delay: .1s;
            transition-delay: .1s
        }

.mailbox .mailbox-email, .mailbox .mailbox-email-list li:hover {
    background: #FAFAFA
}

.mailbox .mailbox-actions ul a.item-action:hover {
    color: #57636C;
    text-decoration: none
}

.mailbox .mailbox-actions ul a.item-action.text-primary:hover {
    color: #22ae12 !important
}

.mailbox .mailbox-actions ul a.item-action.text-success:hover {
    color: #388038 !important
}

.mailbox .mailbox-actions ul a.item-action.text-warning:hover {
    color: #d18211 !important
}

.mailbox .mailbox-actions ul a.item-action.text-danger:hover {
    color: #a82824 !important
}

.mailbox .mailbox-actions ul a.item-action.text-info:hover {
    color: #31b0d5 !important
}

.mailbox .mailbox-actions ul a.item-action.text-dark:hover {
    color: #000 !important
}

.mailbox .mailbox-email-list {
    border-top: 1px solid #f7f7f7;
    font-weight: 300
}

@media only screen and (max-width:767px) {
    .mailbox .mailbox-actions {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center
    }

    .mailbox .mailbox-email-list {
        position: static !important
    }
}

.mailbox .mailbox-email-list li {
    border-bottom: 1px solid #f7f7f7;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    position: relative;
    font-size: 1rem
}

    .mailbox .mailbox-email-list li a {
        color: #777
    }

    .mailbox .mailbox-email-list li.unread a {
        color: #555;
        font-weight: 500
    }

    .mailbox .mailbox-email-list li.active {
        background: #22ae12
    }

        .mailbox .mailbox-email-list li.active a {
            color: #FFF
        }

.mailbox .mailbox-email-list .mail-label {
    border: 4px solid transparent;
    border-radius: 10px;
    display: inline-block;
    left: 16px;
    position: absolute;
    top: 21px
}

.mailbox .mailbox-email-list .col-sender {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
    white-space: nowrap
}

@media only screen and (max-width:767px) {
    .mailbox .mailbox-email-list li {
        height: 75px;
        padding: 0 20px
    }

    .mailbox .mailbox-email-list .mail-label {
        border-radius: 0;
        border-width: 1px;
        bottom: 0;
        left: 0;
        top: 0
    }

    .mailbox .mailbox-email-list .col-sender {
        width: 100%
    }
}

.mailbox .mailbox-email-list .col-sender p {
    left: 80px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 13px;
    white-space: nowrap
}

@media only screen and (max-width:767px) {
    .mailbox .mailbox-email-list .col-sender p {
        left: 60px
    }
}

.mailbox .mailbox-email-list .col-mail {
    bottom: 0;
    left: 290px;
    position: absolute;
    right: 40px;
    top: 0
}

@media only screen and (max-width:767px) {
    .mailbox .mailbox-email-list .col-mail {
        left: 60px;
        right: 20px
    }
}

.mailbox .mailbox-email-list .col-mail .mail-attachment, .mailbox .mailbox-email-list .col-mail .mail-content, .mailbox .mailbox-email-list .col-mail .mail-date {
    position: absolute;
    top: 0
}

.mailbox .mailbox-email-list .col-mail .mail-content {
    left: 0;
    right: 140px;
    top: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media only screen and (max-width:767px) {
    .mailbox .mailbox-email-list .col-mail .mail-content {
        right: 0;
        top: 25px;
        line-height: 2.9
    }
}

.mailbox .mailbox-email-list .col-mail .mail-attachment {
    color: #BBB;
    right: 100px;
    line-height: 50px
}

@media only screen and (max-width:767px) {
    .mailbox .mailbox-email-list .col-mail .mail-attachment {
        font-size: 11;
        line-height: 1.4rem;
        right: 55px;
        top: 6px
    }
}

.mailbox .mailbox-email-list .col-mail .mail-date {
    padding-left: 80px;
    right: 0;
    top: 13px;
    width: 150px
}

@media only screen and (max-width:767px) {
    .mailbox .mailbox-email-list .col-mail .mail-date {
        font-size: 7;
        line-height: 1.4rem;
        padding-left: 0;
        text-align: right;
        top: 5px;
        width: 130px
    }

    .mailbox .mailbox-email-list .nano {
        position: static;
        height: auto;
        overflow: visible;
        width: auto
    }

        .mailbox .mailbox-email-list .nano .nano-content {
            position: static;
            overflow: visible
        }
}

html.boxed .mailbox .mailbox-email-list .nano, html.scroll .mailbox .mailbox-email-list .nano {
    position: static;
    height: auto;
    overflow: visible;
    width: auto
}

    html.boxed .mailbox .mailbox-email-list .nano .nano-content, html.scroll .mailbox .mailbox-email-list .nano .nano-content {
        position: static;
        overflow: visible
    }

@media only screen and (min-width:768px) {
    html.fixed .mailbox .mailbox-email-list {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        overflow: hidden;
        top: 191px
    }
}

.mailbox .mailbox-email .mailbox-email-header {
    background: #FFF;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
    margin: -40px -40px 0;
    padding: 30px
}

@media only screen and (max-width:767px) {
    .mailbox .mailbox-email .mailbox-email-header {
        margin-left: -15px;
        margin-right: -15px
    }
}

.mailbox .mailbox-email .mailbox-close-mail {
    color: #22ae12;
    cursor: pointer;
    font-weight: 300;
    float: left
}

    .mailbox .mailbox-email .mailbox-close-mail:hover {
        color: #9d0d6a
    }

    .mailbox .mailbox-email .mailbox-close-mail, .mailbox .mailbox-email .mailbox-close-mail:focus {
        text-decoration: none
    }

.mailbox .mailbox-email .card .card-header {
    background: #FFF;
    border-bottom-color: #EFEFEF
}

    .mailbox .mailbox-email .card .card-header .card-actions {
        top: 17px
    }

        .mailbox .mailbox-email .card .card-header .card-actions a:hover {
            background: #FFF;
            color: #22ae12
        }

.mailbox .mailbox-email .card .card-footer {
    background: #FFF;
    border-top-color: #EFEFEF;
    color: #BBB
}

@media only screen and (min-width:768px) and (max-width:1365px) {
    .mailbox .mailbox-folder .mailbox-header .mailbox-title {
        position: relative;
        top: 28px
    }

    .mailbox .mailbox-email .mailbox-email-header {
        padding-top: 80px
    }

    html.inner-menu-opened .mailbox .mailbox-folder .mailbox-header .mailbox-title {
        position: static
    }

    html.inner-menu-opened .mailbox .mailbox-email .mailbox-email-header {
        padding-top: 30px
    }
}

.mailbox-compose {
    margin: -20px -40px 0;
    padding: 0 15px
}

    .mailbox-compose .form-bordered .form-group {
        min-height: 55px
    }

    .mailbox-compose label {
        top: -11px !important
    }

    .mailbox-compose .mailbox-compose-field .bootstrap-tagsinput, .mailbox-compose .mailbox-compose-field .form-control {
        padding-left: 120px
    }

    .mailbox-compose .compose {
        margin: 0 40px
    }

        .mailbox-compose .compose .note-editable {
            min-height: 250px;
            border: 1px solid #eff2f7
        }

        .mailbox-compose .compose .note-editor, .mailbox-compose .compose .note-toolbar {
            border: none
        }

html.dark .mailbox .mailbox-actions, html.dark .mailbox .mailbox-email-list {
    border-top-color: #282d36
}

.mailbox-compose .compose .note-resizebar {
    display: none
}

@media only screen and (max-width:767px) {
    .mailbox-compose {
        margin: -20px -15px 0
    }

        .mailbox-compose .compose {
            margin-left: 5px;
            margin-right: 5px
        }
}

html.dark .mailbox .content-with-menu-container, html.dark .mailbox .mailbox-email {
    background: #1d2127
}

html.dark .mailbox .mailbox-actions ul a.item-action {
    background: #2e353e
}

html.dark .mailbox .mailbox-email-list li {
    border-bottom-color: #242830
}

    html.dark .mailbox .mailbox-email-list li:hover {
        background: #161a1e
    }

    html.dark .mailbox .mailbox-email-list li a {
        color: #808697
    }

    html.dark .mailbox .mailbox-email-list li.unread a {
        color: #9ca1ae
    }

html.dark .mailbox .mailbox-email .mailbox-email-header {
    background: #21262d
}

html.dark .mailbox .mailbox-email .card .card-footer, html.dark .mailbox .mailbox-email .card .card-header {
    background-color: #282d36;
    border-color: #21262d;
    color: #808697
}

    html.dark .mailbox .mailbox-email .card .card-footer .card-title, html.dark .mailbox .mailbox-email .card .card-header .card-title {
        color: #808697
    }

    html.dark .mailbox .mailbox-compose .note-editor .note-editable, html.dark .mailbox .mailbox-compose .note-editor .note-statusbar, html.dark .mailbox .mailbox-compose .note-editor .note-toolbar, html.dark .mailbox .mailbox-email .card .card-header .card-actions a:hover {
        background: #1d2127
    }

html.dark .mailbox .mailbox-compose .note-editor .note-editable {
    color: #808697
}

.media-gallery ul.mg-folders {
    list-style: none;
    padding: 0;
    margin: 0
}

    .media-gallery ul.mg-folders > li {
        display: block;
        position: relative
    }

        .media-gallery ul.mg-folders > li a.menu-item {
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-right: 80px
        }

            .media-gallery ul.mg-folders > li a.menu-item i {
                margin-right: 5px;
                width: 16px
            }

        .media-gallery ul.mg-folders > li .item-options {
            position: absolute;
            padding: 10px 0;
            right: 0;
            top: 0;
            opacity: 0;
            -webkit-transition: opacity .1s ease-in;
            transition: opacity .1s ease-in
        }

            .media-gallery ul.mg-folders > li .item-options a:hover {
                text-decoration: none
            }

        .media-gallery ul.mg-folders > li:hover .item-options {
            opacity: 1
        }

.media-gallery ul.mg-tags {
    list-style: none;
    padding: 0;
    margin: 10px 0 0
}

    .media-gallery ul.mg-tags::after {
        display: block;
        clear: both;
        content: ""
    }

    .media-gallery ul.mg-tags > li {
        float: left;
        margin-right: 5px;
        margin-bottom: 5px
    }

        .media-gallery ul.mg-tags > li a {
            display: block;
            padding: 2px 7px;
            font-size: 11px;
            background-color: #171717;
            border-radius: 5px;
            color: #666
        }

            .media-gallery ul.mg-tags > li a:hover {
                color: #fff;
                text-decoration: none;
                background-color: #22ae12
            }

.media-gallery .mg-files {
    padding: 5px 0 30px
}

    .media-gallery .mg-files .thumbnail {
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 30px;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

        .media-gallery .mg-files .thumbnail .thumb-preview {
            position: relative;
            z-index: 2
        }

            .media-gallery .mg-files .thumbnail .thumb-preview .thumb-image {
                display: block;
                overflow: hidden
            }

            .media-gallery .mg-files .thumbnail .thumb-preview img {
                width: 100%;
                border-radius: 5px
            }

            .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: rgba(0,0,0,.7);
                visibility: hidden;
                overflow: hidden
            }

        .media-gallery .mg-files .thumbnail.thumbnail-selected .thumb-preview .mg-thumb-options, .media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options {
            visibility: visible
        }

        .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
            position: absolute;
            top: 0;
            right: 0;
            padding: 10px 15px 15px;
            color: #fff;
            background-color: #22ae12;
            border-radius: 0 0 0 15px;
            cursor: pointer;
            -webkit-transition: -webkit-transform .1s linear .1s;
            transition: -webkit-transform .1s linear .1s;
            transition: transform .1s linear .1s;
            transition: transform .1s linear .1s,-webkit-transform .1s linear .1s;
            -webkit-transform: translate(100%,0);
            transform: translate(100%,0)
        }

            .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom > i {
                position: relative;
                top: 3px
            }

        .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #22ae12;
            color: #fff;
            padding: 6px 10px;
            -webkit-transition: -webkit-transform .1s linear .1s;
            transition: -webkit-transform .1s linear .1s;
            transition: transform .1s linear .1s;
            transition: transform .1s linear .1s,-webkit-transform .1s linear .1s;
            -webkit-transform: translate(0,100%);
            transform: translate(0,100%)
        }

            .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar::after {
                display: block;
                clear: both;
                content: ""
            }

            .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-option {
                margin: 0
            }

            .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-group > a {
                color: #fff;
                padding: 0 5px
            }

            .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-group .mg-toggle {
                color: #fff;
                background: 0 0;
                border: none;
                padding: 2px 2px 2px 10px;
                border-left: 1px solid rgba(255,255,255,.3);
                cursor: pointer
            }

            .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-group .mg-dropdown {
                -webkit-transform: none !important;
                transform: none !important;
                top: 32px !important;
                left: auto !important;
                right: 0 !important
            }

        .media-gallery .mg-files .thumbnail .mg-title {
            margin: 13px 0 2px;
            padding-bottom: 2px;
            display: inline-block;
            font-size: 1rem
        }

            .media-gallery .mg-files .thumbnail .mg-title .small, .media-gallery .mg-files .thumbnail .mg-title small {
                position: relative;
                top: 0;
                left: 0;
                color: #9e9e9e;
                opacity: 0;
                z-index: 1;
                font-size: 10
            }

        .media-gallery .mg-files .thumbnail.thumbnail-selected .mg-title .small, .media-gallery .mg-files .thumbnail.thumbnail-selected .mg-title small, .media-gallery .mg-files .thumbnail:hover .mg-title .small, .media-gallery .mg-files .thumbnail:hover .mg-title small {
            opacity: 1
        }

        .media-gallery .mg-files .thumbnail .mg-description::after {
            display: block;
            clear: both;
            content: ""
        }

        .media-gallery .mg-files .thumbnail.thumbnail-selected {
            border-color: #FFF;
            -webkit-box-shadow: 0 0 8px -1px #22ae12;
            box-shadow: 0 0 8px -1px #22ae12
        }

            .media-gallery .mg-files .thumbnail.thumbnail-selected .thumb-preview .mg-thumb-options .mg-toolbar {
                -webkit-transform: translate(0,0);
                transform: translate(0,0)
            }

        .media-gallery .mg-files .thumbnail:hover .thumb-preview img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

        .media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options .mg-toolbar, .media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options .mg-zoom {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }

html.sidebar-light:not(.dark) .media-gallery ul.mg-tags > li a {
    background-color: #f2f2f2;
    color: #777
}

html.dark .media-gallery .mg-files .thumbnail.thumbnail-selected {
    border-color: #242830
}

html.dark .media-gallery .mg-files .thumbnail .mg-title .small, html.dark .media-gallery .mg-files .thumbnail .mg-title small {
    color: #808697
}

html.search-results body {
    background: #FFF
}

.search-content {
    margin: -40px
}

    .search-content .search-control-wrapper {
        background: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        margin-top: 3px;
        padding: 20px
    }

    .search-content .search-toolbar {
        border-bottom: 1px solid #ebebeb;
        margin: 0 0 40px
    }

        .search-content .search-toolbar .nav-pills {
            margin: 0 40px
        }

            .search-content .search-toolbar .nav-pills li {
                margin: 0 15px 0 0
            }

                .search-content .search-toolbar .nav-pills li:last-child {
                    margin-right: 0
                }

                .search-content .search-toolbar .nav-pills li a {
                    cursor: pointer;
                    padding-left: 5px;
                    padding-right: 5px;
                    border-left: 0;
                    border-right: 0;
                    margin-bottom: -1px
                }

                    .search-content .search-toolbar .nav-pills li a, .search-content .search-toolbar .nav-pills li a:focus, .search-content .search-toolbar .nav-pills li a:hover {
                        background: 0 0;
                        border-radius: 0;
                        border-bottom: 2px solid #FFF;
                        border-top: 2px solid #FFF;
                        color: #777
                    }

                        .search-content .search-toolbar .nav-pills li a:focus, .search-content .search-toolbar .nav-pills li a:hover {
                            background: 0 0;
                            border-radius: 0;
                            border-bottom: 2px solid #FFF;
                            border-top: 2px solid #FFF;
                            color: #555
                        }

                .search-content .search-toolbar .nav-pills li.active a {
                    color: #22ae12;
                    border-bottom-color: #22ae12
                }

    .search-content > .tab-content {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0 40px
    }

    .search-content .total-results {
        margin-top: -25px
    }

.card + .card, .search-results-list a .title {
    margin-top: 0
}

.search-results-list {
    max-width: 750px
}

    .search-results-list li {
        border-bottom: 1px solid #EEE;
        margin-bottom: 15px;
        padding-bottom: 15px;
        position: relative
    }

        .search-results-list li:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0
        }

    .search-results-list .result-type {
        right: 5px;
        position: absolute;
        top: 5px
    }

    .search-results-list a {
        border-radius: 4px;
        display: block;
        padding: 25px;
        text-decoration: none
    }

        .search-results-list a .description {
            color: #777
        }

        .search-results-list a p:last-child {
            margin-bottom: 0
        }

        .search-results-list a:hover {
            background: #f7f7f7
        }

    .search-results-list .has-thumb {
        display: table;
        width: 100%
    }

        .search-results-list .has-thumb .result-data, .search-results-list .has-thumb .result-thumb {
            display: table-cell;
            vertical-align: top
        }

    .search-results-list .result-thumb {
        padding-right: 25px
    }

        .search-results-list .result-thumb .fa, .search-results-list .result-thumb .fab, .search-results-list .result-thumb .fal, .search-results-list .result-thumb .far, .search-results-list .result-thumb .fas, .search-results-list .result-thumb img {
            height: 75px;
            width: 75px
        }

        .search-results-list .result-thumb .fa, .search-results-list .result-thumb .fab, .search-results-list .result-thumb .fal, .search-results-list .result-thumb .far, .search-results-list .result-thumb .fas {
            background: #22ae12;
            color: #FFF;
            font-size: 36;
            line-height: 7.5rem;
            text-align: center
        }

@media only screen and (max-width:767px) {
    .search-content {
        margin: -20px
    }
}

@media only screen and (max-width:480px) {
    .search-results-list .has-thumb {
        display: block
    }

        .search-results-list .has-thumb::after {
            display: block;
            clear: both;
            content: ""
        }

        .search-results-list .has-thumb .result-data, .search-results-list .has-thumb .result-thumb {
            display: block
        }

        .search-results-list .has-thumb .result-thumb {
            float: left
        }

        .search-results-list .has-thumb .result-data .title {
            margin-top: 3px
        }

    .search-results-list .result-thumb .fa, .search-results-list .result-thumb .fab, .search-results-list .result-thumb .fal, .search-results-list .result-thumb .far, .search-results-list .result-thumb .fas, .search-results-list .result-thumb img {
        height: 35px;
        width: 35px
    }

    .search-results-list .result-thumb .fa, .search-results-list .result-thumb .fab, .search-results-list .result-thumb .fal, .search-results-list .result-thumb .far, .search-results-list .result-thumb .fas {
        font-size: .9rem;
        line-height: 3.5rem
    }
}

html.dark .search-content .search-control-wrapper {
    background: #1d2127;
    border-bottom-color: #282d36
}

html.dark .search-content .tab-content {
    background: 0 0
}

html.dark .search-content .search-toolbar {
    background: #21262d;
    border-bottom-color: #21262d
}

    html.dark .search-content .search-toolbar .nav-pills a, html.dark .search-content .search-toolbar .nav-pills a:focus, html.dark .search-content .search-toolbar .nav-pills a:hover {
        border-bottom-color: #21262d;
        border-top-color: #21262d;
        color: #808697
    }

        html.dark .search-content .search-toolbar .nav-pills a:focus, html.dark .search-content .search-toolbar .nav-pills a:hover {
            border-bottom-color: #21262d;
            border-top-color: #21262d;
            color: #555
        }

    html.dark .search-content .search-toolbar .nav-pills li.active a, html.dark .search-content .search-toolbar .nav-pills li.active a:focus, html.dark .search-content .search-toolbar .nav-pills li.active a:hover {
        color: #22ae12;
        border-bottom-color: #22ae12
    }

html.dark .search-content .search-results-list a .description, html.dark body {
    color: #808697
}

html.dark .search-content .search-results-list li {
    border-bottom-color: #282d36
}

html.dark .search-content .search-results-list a:hover {
    background: #282d36
}

.body-sign {
    display: table;
    height: 100vh;
    margin: 0 auto;
    max-width: 500px;
    padding: 0 15px;
    width: 100%
}

    .body-sign .center-sign {
        display: table-cell;
        padding-top: 20px;
        vertical-align: middle
    }

    .body-sign .card-sign {
        background: 0 0
    }

        .body-sign .card-sign .card-title-sign .title {
            background-color: #22ae12;
            border-radius: 5px 5px 0 0;
            color: #FFF;
            display: inline-block;
            font-size: .75rem;
            padding: 13px 17px;
            vertical-align: bottom
        }

        .body-sign .card-sign .card-body {
            background: #FFF;
            border-top: 5px solid #22ae12;
            border-radius: 5px 0 5px 5px;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
            box-shadow: 0 1px 2px rgba(0,0,0,.1);
            padding: 33px 33px 15px
        }

    .body-sign .checkbox-custom {
        margin-top: 8px
    }

    .body-sign .line-thru {
        display: block;
        font-size: .75rem;
        position: relative
    }

        .body-sign .line-thru span {
            color: #CCC;
            position: relative;
            z-index: 3
        }

        .body-sign .line-thru:before {
            background-color: #FFF;
            content: "";
            height: 10px;
            left: 50%;
            position: absolute;
            margin: -5px 0 0 -20px;
            top: 50%;
            width: 40px;
            z-index: 2
        }

        .body-sign .line-thru:after {
            border-bottom: 1px solid #DADADA;
            content: "";
            display: block;
            left: 10%;
            position: absolute;
            top: 47%;
            width: 81%;
            z-index: 1
        }

.body-locked {
    background: url(../img/patterns/noisy_net.png);
    max-width: none;
    min-height: 400px
}

    .body-locked.body-locked-inline {
        background: 0 0;
        bottom: 0;
        height: 100%;
        left: 0;
        min-height: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999
    }

    .body-locked .card-sign {
        margin: 0 auto;
        max-width: 400px;
        padding-top: 40px
    }

        .body-locked .card-sign .card-body {
            border-radius: 5px;
            position: relative
        }

    .body-locked .current-user {
        margin-top: 60px;
        margin-bottom: 35px
    }

        .body-locked .current-user .user-image {
            border: 5px solid #22ae12;
            border-radius: 150px;
            height: 150px;
            left: 50%;
            position: absolute;
            margin-left: -75px;
            top: -75px;
            width: 150px
        }

        .body-locked .current-user .user-name {
            font-size: 2rem
        }

        .body-locked .current-user .user-email {
            font-size: .7rem
        }

@media only screen and (max-width:767px) and (orientation:landscape) {
    .body-locked .card-sign, .body-locked .center-sign, .body-locked.body-locked-inline .card-sign, .body-locked.body-locked-inline .center-sign {
        padding-top: 0
    }

        .body-locked .center-sign .current-user, .body-locked.body-locked-inline .center-sign .current-user {
            margin-bottom: 45px;
            margin-left: 100px;
            margin-top: 10px
        }

            .body-locked .center-sign .current-user .user-image, .body-locked.body-locked-inline .center-sign .current-user .user-image {
                height: 100px;
                left: 35px;
                margin-left: 0;
                margin-top: 0;
                top: 15px;
                width: 100px
            }
}

.mfp-lock-screen.mfp-bg {
    background: url(../img/patterns/noisy_net.png) #000;
    opacity: .99;
    z-index: 9998
}

.mfp-lock-screen.mfp-wrap {
    background: 0 0;
    z-index: 9999
}

html.dark .body-sign .card-sign .card-body, html.dark .body-sign .line-thru:before {
    background-color: #2e353e
}

html.dark .body-sign .line-thru:after {
    border-bottom-color: #282d36
}

.timeline .tm-body {
    position: relative;
    padding: 30px 0
}

    .timeline .tm-body:after {
        background: -webkit-gradient(linear,left top,left bottom,from(rgba(80,80,80,0)),color-stop(8%,#505050),color-stop(92%,#505050),to(rgba(80,80,80,0)));
        background: linear-gradient(to bottom,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);
        content: "";
        display: block;
        height: 100%;
        left: 140px;
        margin-left: -2px;
        position: absolute;
        top: 0;
        width: 3px;
        z-index: 0;
        opacity: .35
    }

.timeline .tm-title {
    position: relative;
    display: inline-block;
    text-align: center;
    min-width: 200px;
    background-color: #fff;
    padding: 4px 5px;
    margin: 0 40px;
    z-index: 1;
    border-radius: 3px
}

.timeline .tm-items {
    list-style: none;
    padding: 0;
    margin: 0
}

    .timeline .tm-items > li {
        position: relative;
        margin: 30px 0;
        padding: 0 0 0 190px;
        min-height: 65px;
        z-index: 1
    }

        .timeline .tm-items > li .tm-datetime {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100px;
            height: 48px;
            margin-top: -24px;
            text-align: right;
            z-index: 3
        }

            .timeline .tm-items > li .tm-datetime .tm-datetime-time {
                color: #22ae12;
                font-size: 1.4rem;
                font-weight: 700;
                margin: 0;
                white-space: nowrap
            }

        .timeline .tm-items > li .tm-icon {
            position: absolute;
            top: 50%;
            left: 140px;
            background-color: #212529;
            border: 3px solid #22ae12;
            color: #22ae12;
            font-size: 28px;
            padding: 10px;
            width: 55px;
            height: 55px;
            text-align: center;
            line-height: 29px;
            margin-top: -28px;
            margin-left: -28px;
            z-index: 2;
            border-radius: 28px
        }

        .timeline .tm-items > li .tm-box {
            position: relative;
            background: #fff;
            min-height: 65px;
            padding: 10px 20px;
            border: 1px solid #e9e9e9;
            border-radius: 6px
        }

            .timeline .tm-items > li .tm-box:after {
                right: 100%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-right-color: #fff;
                border-width: 8px;
                top: 50%;
                margin-top: -8px;
                z-index: 2
            }

            .timeline .tm-items > li .tm-box p:last-child {
                margin-bottom: 0
            }

            .timeline .tm-items > li .tm-box .tm-meta {
                margin: 10px 0 0
            }

                .timeline .tm-items > li .tm-box .tm-meta span {
                    display: inline-block;
                    padding-right: 8px
                }

                    .timeline .tm-items > li .tm-box .tm-meta span:last-child, .timeline .tm-items > li .tm-box .tm-meta span:last-of-type {
                        padding-right: 0
                    }

.timeline.timeline-simple .tm-body:after {
    left: 30px
}

.timeline.timeline-simple .tm-body .tm-title {
    border: 1px solid #e9e9e9;
    margin: 0 10px
}

.timeline.timeline-simple .tm-body .tm-items > li {
    padding: 0 0 0 55px
}

    .timeline.timeline-simple .tm-body .tm-items > li:before {
        display: block;
        position: absolute;
        content: " ";
        background: #22ae12;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 3px #FFF,0 0 0 6px #22ae12;
        box-shadow: 0 0 0 3px #FFF,0 0 0 6px #22ae12;
        height: 7px;
        left: 30px;
        top: 50%;
        width: 8px;
        margin-left: -4px;
        margin-top: -4px
    }

    .timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
        left: -17px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-right-color: #e9e9e9;
        border-width: 8px;
        top: 50%;
        margin-top: -8px;
        z-index: 1
    }

@media only screen and (max-width:991px) {
    .timeline .tm-body:after {
        left: 20px
    }

    .timeline .tm-title {
        margin: 0
    }

    .timeline .tm-items > li {
        padding-left: 50px
    }

        .timeline .tm-items > li .tm-info {
            margin: 0 0 15px
        }

            .timeline .tm-items > li .tm-info::after {
                display: block;
                clear: both;
                content: ""
            }

        .timeline .tm-items > li .tm-icon {
            border-width: 2px;
            float: left;
            font-size: 22px;
            height: 40px;
            line-height: 36px;
            margin: 0 15px 0 0;
            padding: 0;
            position: static;
            width: 40px
        }

        .timeline .tm-items > li .tm-datetime {
            margin: 0;
            position: static;
            text-align: left
        }

            .timeline .tm-items > li .tm-datetime .tm-datetime-date {
                font-size: .75rem;
                line-height: 1.3
            }

            .timeline .tm-items > li .tm-datetime .tm-datetime-time {
                font-size: 1rem;
                line-height: 1.3
            }
}

@media only screen and (max-width:767px) {
    .timeline .tm-items > li .tm-box .tm-meta span {
        display: block
    }
}

html.dark .timeline .tm-items > li .tm-box {
    background: #282d36;
    border-color: #21262d
}

    html.dark .timeline .tm-items > li .tm-box:after {
        border-right-color: #282d36
    }

    html.dark .timeline .tm-items > li .tm-box:before {
        border-right-color: #21262d
    }

html.dark .timeline .tm-items > li .tm-icon {
    background-color: #1d2127
}

html.dark .timeline .tm-title, html.dark .timeline.timeline-simple .tm-body .tm-title {
    background-color: #282d36;
    border-color: #21262d
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
    -webkit-box-shadow: 0 0 0 3px #2e353e,0 0 0 6px #22ae12;
    box-shadow: 0 0 0 3px #2e353e,0 0 0 6px #22ae12
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box:after {
    border-right-color: #282d36
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
    border-right-color: #21262d
}

html.dark, html.dark body, html.dark.boxed .content-body {
    background-color: #1d2127
}

    html.dark .bg-white {
        background-color: #21262d !important
    }

    html.dark .h1, html.dark .h2, html.dark .h3, html.dark .h4, html.dark .h5, html.dark .h6, html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 {
        color: #FFF
    }

    html.dark .alert .h1, html.dark .alert .h2, html.dark .alert .h3, html.dark .alert .h4, html.dark .alert .h5, html.dark .alert .h6, html.dark .alert h1, html.dark .alert h2, html.dark .alert h3, html.dark .alert h4, html.dark .alert h5, html.dark .alert h6 {
        color: #111
    }

    html.dark blockquote:not(.primary):not(.success):not(.danger):not(.warning):not(.info):not(.dark) {
        border-color: #282d36
    }

    html.dark .text-dark {
        color: #FFF !important
    }

    html.dark ul.nav-list.primary > li a {
        border-bottom-color: #282d36
    }

        html.dark ul.nav-list.primary > li a:hover {
            background-color: #282d36
        }

    html.dark .pagination > li > a, html.dark .pagination > li > span {
        background-color: #282d36;
        border-color: #242830
    }

    html.dark .pagination > li.active > a, html.dark .pagination > li.active > span {
        background-color: #22ae12;
        border-color: #242830
    }

    html.dark .pagination > li.disabled > a, html.dark .pagination > li.disabled > span {
        background-color: #282d36;
        border-color: #242830
    }

    html.dark .dropdown-menu {
        background-color: #282d36
    }

        html.dark .dropdown-menu > li > a {
            color: #EEE
        }

            html.dark .dropdown-menu > li > a:focus, html.dark .dropdown-menu > li > a:hover {
                background-color: #1d2127;
                color: #FFF
            }

    html.dark hr.dotted, html.dark hr.solid {
        border-color: #4C4C4C
    }

    html.dark .img-thumbnail, html.dark .thumbnail {
        background-color: #21262d;
        border-color: #282d36
    }

    html.dark .notification-menu .title {
        color: #c3c3c3
    }

    html.dark .input-group-text {
        background-color: #21262d;
        border-color: #21262d;
        color: #808697
    }

    html.dark .mailbox-compose .bootstrap-tagsinput {
        background: 0 0
    }

        html.dark .mailbox-compose .bootstrap-tagsinput > input {
            color: #FFF
        }

body, html {
    font-family: Almarai,Almarai;
    background: #ecedf0;
    width: 100%;
    color: #33353F
}

.page-item.active .page-link {
    background-color: #22ae12;
    border-color: #22ae12
}

@media screen and (max-width:601px) {
    .table-bordered > :not(caption) > * {
        border: 0;
        border: 3px solid #22ae12
    }

    table.table-bordered.dataTable tbody td, table.table-bordered.dataTable tbody th {
        border-bottom-width: 1px
    }

    table.mobile-optimised {
        word-wrap: break-word;
        border: 0 solid transparent;
        background-color: #fff !important
    }

        table.mobile-optimised thead {
            display: none
        }

        table.mobile-optimised > :not(:first-child) {
            border-top: none;
            background-color: #33353F
        }

        table.mobile-optimised td {
            display: block;
            float: left;
            width: calc(100% - 20px);
            clear: both;
            padding: 5px 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    table.table-bordered.dataTable td, table.table-bordered.dataTable th {
        border-left-width: 0;
        border-right-width: 0
    }

    table.mobile-optimised tbody, table.mobile-optimised tr {
        display: block;
        background-color: #f2f9ff
    }

    table.mobile-optimised tr {
        border-width: 1px;
        border-radius: 10px
    }

    .mobile-optimised tbody tr td:last-child {
        border-bottom-width: 0
    }

    .mobile-optimised td:before {
        content: attr(data-th);
        display: block;
        font-weight: 700;
        color: #000
    }

    .mobile-optimised tbody tr {
        float: left;
        width: 100%;
        margin-bottom: 20px
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    div.dataTables_wrapper div.dataTables_length label {
        text-align: center
    }

    table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable th:last-child {
        border-right-width: 0
    }

    table.table-bordered.dataTable td:first-child, table.table-bordered.dataTable th:first-child {
        border-left-width: 0
    }
}

.header .separator {
    background-image: none
}

.userbox::after {
    background: 0 0
}

@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    input[type=checkbox], input[type=radio] {
        --active: #0146ab;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #0146ab;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: 0;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid;
        background: var(--b,var(--background));
        -webkit-transition: background .3s,border-color .3s,-webkit-box-shadow .2s;
        transition: background .3s,border-color .3s,-webkit-box-shadow .2s;
        transition: background .3s,border-color .3s,box-shadow .2s;
        transition: background .3s,border-color .3s,box-shadow .2s,-webkit-box-shadow .2s
    }

        input[type=checkbox]:after, input[type=radio]:after {
            content: "";
            display: block;
            left: 0;
            top: 0;
            position: absolute;
            -webkit-transition: opacity var(--d-o,.2s),-webkit-transform var(--d-t,.3s) var(--d-t-e,ease);
            transition: opacity var(--d-o,.2s),-webkit-transform var(--d-t,.3s) var(--d-t-e,ease);
            transition: transform var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s);
            transition: transform var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s),-webkit-transform var(--d-t,.3s) var(--d-t-e,ease)
        }

        input[type=checkbox]:checked, input[type=radio]:checked {
            --b: var(--active);
            --bc: var(--active);
            --d-o: .3s;
            --d-t: .6s;
            --d-t-e: cubic-bezier(.2, .85, .32, 1.2)
        }

        input[type=checkbox]:disabled, input[type=radio]:disabled {
            --b: var(--disabled);
            cursor: not-allowed;
            opacity: .9
        }

            input[type=checkbox]:disabled:checked, input[type=radio]:disabled:checked {
                --b: var(--disabled-inner);
                --bc: var(--border)
            }

            input[type=checkbox]:disabled + label, input[type=radio]:disabled + label {
                cursor: not-allowed
            }

        input[type=checkbox]:hover:not(:checked):not(:disabled), input[type=radio]:hover:not(:checked):not(:disabled) {
            --bc: var(--border-hover)
        }

        input[type=checkbox]:focus, input[type=radio]:focus {
            -webkit-box-shadow: 0 0 0 var(--focus);
            box-shadow: 0 0 0 var(--focus)
        }

        input[type=checkbox]:not(.switch), input[type=radio]:not(.switch) {
            width: 21px
        }

            input[type=checkbox]:not(.switch):after, input[type=radio]:not(.switch):after {
                opacity: var(--o,0)
            }

            input[type=checkbox]:not(.switch):checked, input[type=radio]:not(.switch):checked {
                --o: 1
            }

        input[type=checkbox] + label, input[type=radio] + label {
            font-size: 14px;
            line-height: 21px;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
            margin-left: 4px
        }

        input[type=checkbox]:not(.switch) {
            border-radius: 7px
        }

            input[type=checkbox]:not(.switch):after {
                width: 5px;
                height: 9px;
                border-top: 0;
                border-left: 0;
                left: 7px;
                top: 4px;
                -webkit-transform: rotate(var(--r,20deg));
                transform: rotate(var(--r,20deg))
            }

            input[type=checkbox]:not(.switch):checked {
                --r: 43deg
            }

        input[type=checkbox].switch {
            width: 38px;
            border-radius: 11px
        }

            input[type=checkbox].switch:after {
                left: 2px;
                top: 2px;
                border-radius: 50%;
                width: 15px;
                height: 15px;
                background: var(--ab,var(--border));
                -webkit-transform: translateX(var(--x,0));
                transform: translateX(var(--x,0))
            }

            input[type=checkbox].switch:checked {
                --ab: var(--active-inner);
                --x: 17px
            }

            input[type=checkbox].switch:disabled:not(:checked):after {
                opacity: .6
            }

    input[type=radio] {
        border-radius: 50%
    }

        input[type=radio]:after {
            width: 19px;
            height: 19px;
            border-radius: 50%;
            background: var(--active-inner);
            opacity: 0;
            -webkit-transform: scale(var(--s,.7));
            transform: scale(var(--s,.7))
        }

        input[type=radio]:checked {
            --s: .5
        }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    color: #171717
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

.content-body {
    min-height: calc(100vh - 110px)
}

.summernote.dir-rtl + .note-editor .note-editing-area {
    direction: rtl !important
}

.emojionearea-filters-scroll {
    text-align: left !important
}

.emojionearea.dir-rtl .emojionearea-editor {
    direction: rtl
}

.summernote + .note-editor .note-editing-area .h1, .summernote + .note-editor .note-editing-area .h2, .summernote + .note-editor .note-editing-area .h3, .summernote + .note-editor .note-editing-area .h4, .summernote + .note-editor .note-editing-area .h5, .summernote + .note-editor .note-editing-area .h6, .summernote + .note-editor .note-editing-area h1, .summernote + .note-editor .note-editing-area h2, .summernote + .note-editor .note-editing-area h3, .summernote + .note-editor .note-editing-area h4, .summernote + .note-editor .note-editing-area h5, .summernote + .note-editor .note-editing-area h6 {
    margin-bottom: 16px;
    color: #22ae12
}

.summernote + .note-editor .note-editing-area p, .summernote + .note-editor .note-editing-area ul {
    margin-bottom: 16px
}

.body-bg-primary {
    background-color: #f3edf0
}

.body-bg-secondary {
    background-color: #f2f9ff
}

.body-bg-warning {
    background-color: rgba(237,156,40,.2)
}

.ajax-loader-container, .loader-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rotate {
    position: relative;
    width: 150px;
    -webkit-animation: rotation 2s infinite ease-in-out;
    animation: rotation 2s infinite ease-in-out
}

@-webkit-keyframes rotation {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes rotation {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.rounded-4 {
    border-radius: 1rem
}

.rounded-5 {
    border-radius: 2rem
}

span.select2-selection.select2-selection--single {
    height: 48px;
    border-radius: 1rem;
    border: 1px solid #096d31;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    span.select2-selection.select2-selection--single .select2-selection__rendered {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

span.select2-selection.select2-selection--multiple {
    height: 48px;
    border-radius: 1rem;
    border: 1px solid #096d31;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    span.select2-selection.select2-selection--multiple .select2-selection__rendered {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

.select2-container--bootstrap .select2-selection--multiple {
    padding: 0 24px 6px 12px !important
}

.multiselect.form-select {
    border-radius: 1rem;
    border: 1px solid #096d31;
    width: 100%
}

    .multiselect.form-select.dropdown-toggle::after {
        display: none
    }

.multiselect-native-select .btn-group {
    width: 100%
}

    .multiselect-native-select .btn-group .text-center {
        text-align: left !important
    }

.input-daterange.rounded-4 input:last-child {
    border-radius: 1rem
}

.datepicker {
    z-index: 999999999 !important
}

    .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
        background: #22ae12
    }

    .datepicker table thead tr:last-child th:hover {
        background: #22ae12;
        color: #fff
    }

    .datepicker table tr td.range {
        background-color: #f3edf0
    }

    .datepicker table tbody tr td.day.active, .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
        background: #22ae12
    }

.inputGroup.active {
    background-color: #f3edf0 !important;
    border-color: #22ae12 !important
}

input[type=radio] {
    accent-color: #22ae12 !important
}

.delivery-addresses .nav-link {
    color: #212529;
    border-color: #096d31 !important;
    background-color: #f2f9ff;
    opacity: 1
}

    .delivery-addresses .nav-link img {
        -webkit-filter: grayscale(100%) !important;
        filter: grayscale(100%) !important;
        opacity: .5
    }

    .delivery-addresses .nav-link.active {
        background-color: #f3edf0;
        border-color: #22ae12 !important;
        color: #22ae12
    }

        .delivery-addresses .nav-link.active img {
            -webkit-filter: none !important;
            filter: none !important;
            opacity: 1
        }

        .delivery-addresses .nav-link.active span {
            color: #22ae12 !important
        }

.delivery-addresses.nav-pills > .active a, .delivery-addresses.nav-pills > .active a:focus, .delivery-addresses.nav-pills > .active a:hover {
    background-color: #f2f9ff
}

.tab-content {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: none;
    border: 0;
    border-top: 0
}

ul.nav-main li .nav-children, ul.nav-main li .nav-children li a:focus, ul.nav-main li .nav-children li a:hover {
    background-color: #f3edf0
}

ul.nav-main .nav-children li a {
    color: #22ae12
}

div.dataTables_info {
    font-size: 16px !important
}

.toast {
    z-index: 9999;
    background-color: #fff
}

.nav-tabs li.active .nav-link, .nav-tabs li.active .nav-link:focus, .nav-tabs li.active .nav-link:hover {
    border-top: 3px solid #22ae12;
    color: #22ae12;
    font-size: 1rem;
    font-weight: 700
}

.nav-tabs li .nav-link, .nav-tabs li .nav-link:hover {
    color: #22ae12;
    font-size: 1rem;
    font-weight: 700
}

ul.nav-main li.nav-parent ul.nav-children li.nav-parent > a:after {
    color: #22ae12
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
    top: calc(50% - 9px) !important
}

.form-control.is-invalid, .form-select.is-invalid, .was-validated .form-control:invalid, .was-validated .form-select:invalid {
    border-color: #d2322d !important
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right !important
}