.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.invisible {
    display: none !important;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.blog-link-button .fl {
    display: inline;
    text-transform: capitalize;
}

.fl {
    display: inline-block;
}

.fl:first-letter {
    text-transform: uppercase;
}

.fil-ariane {
    font-size: 12px;
    display: flex;
    align-items: center;
}

.fil-ariane .fa-angle-right {
    margin: 0px 4px;
}

.fil-ariane .current {
    font-weight: bold;
    color: black;
}

.fil-ariane a {
    color: #999;
}

#navbar-link-dashboard:not(:hover) #navbar-link-submenus {
    display: none;
}

#navbar-link-submenus {
    position: absolute;
    top: 61px;
    left: 0px;
    width: 200px;
    z-index: 2;
    background: #fafafa;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .04), 0 1px 6px rgba(0, 0, 0, .04);
}

#navbar-link-submenus a {
    display: block;
    padding: 10px 16px;
    border-bottom: solid 1px #ececec;
    color: #666;
}

#navbar-link-submenus a:hover {
    background: #f1f1f1;
    color: #333;
}

#navbar-link-submenus a:last-of-type {
    border-bottom: none;
}

.pixie-editor {
    position: fixed;
    z-index: 9999999999999999999999999999999999;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: white;
}

#scroll-top-gallery {
    position: fixed;
    bottom: 45px;
    left: 50%;
    margin-left: 382px;
    background: #ff4081;
    color: white;
    z-index: 10000000000000000000;
    width: 42px;
    height: 42px;
    text-align: center;
    padding-top: 6px;
    font-size: 22px;
    border-radius: 29px;
}

#scroll-top-gallery:hover {
    background: white;
    color: black;
    cursor: pointer;
}


/*
 * Name        : Power Tour
 * Description : CSS for the tour plugin.
 * Version     : Version 3.1.0
 * Author      : CreativeMilk
 * Author URI  : www.creativemilk.net
 * Updated     : 2015-11-22 15:34:41 UTC+02:00
 * Copyright   : (c) 2015 CreativeMilk
 */

.powertour-step,
.powertour-step.powertour-hide iframe {
    visibility: hidden
}

.powertour-step {
    padding: 0;
    position: absolute;
    z-index: -1
}

.powertour-hook {
    position: relative
}

.powertour-activestep,
.powertour-step.animated,
.powertour-step.powertour-show,
.powertour-tooltip:hover .powertour-step {
    visibility: visible
}

.powertour-hide {
    visibility: hidden !important;
}

.powertour-step.powertour-show iframe {
    visibility: visible;
    display: block
}

.powertour-step:after,
.powertour-step:before,
.powertour-step>:after,
.powertour-step>:before {
    content: "";
    display: table
}

.powertour-step:after,
.powertour-step>:after {
    clear: both
}

.powertour-step,
.powertour-step>:after {
    zoom: 1
}

#powertour-mask {
    width: 100%;
    height: 100%;
    z-index: 9000 !important;
    position: fixed;
    top: 0;
    left: 0;
    display: none
}

.powertour-step>* {
    position: relative
}

[data-powertour-position] {
    position: fixed !important
}

.powertour-activehook.powertour-highlight,
.powertour-step.powertour-activestep,
.powertour-step.powertour-keepvisible,
.powertour-tooltip:hover .powertour-step {
    z-index: 9001 !important;
    outline: none !important;
}

body .powertour-step>* {
    display: inherit
}

.powertour-fxin {
    opacity: 1;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s
}

.powertour-fxout {
    opacity: 0;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

#appdrag-modal-payment .select2-selection__rendered {
    padding-left: 0px !important;
}

#appdrag-modal-payment .select2-selection {
    height: 26px !important;
    padding: 0px 0px !important;
    border: none !important;
    font-size: 16px !important;
}

#appdrag-modal-payment .select2-selection__arrow {
    height: 16px !important;
}


/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */

.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    margin-top: 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

#card-errors {
    padding-top: 2px;
    color: red;
    margin-bottom: 16px;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    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-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    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-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

.bounce {
    -webkit-animation-name: 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% {
        -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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes shake {

    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 shake {

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

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-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(0deg);
        transform: rotate(0deg)
    }
}

@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(0deg);
        transform: rotate(0deg)
    }
}

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

@-webkit-keyframes tada {
    0% {
        -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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

    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: none;
        transform: none
    }

    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 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-name: bounceIn;
    animation-name: bounceIn
}

@-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);
        transform: translate3d(0, -3000px, 0)
    }

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@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);
        transform: translate3d(0, -3000px, 0)
    }

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

.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);
        transform: translate3d(-3000px, 0, 0)
    }

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@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);
        transform: translate3d(-3000px, 0, 0)
    }

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

.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);
        transform: translate3d(3000px, 0, 0)
    }

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@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);
        transform: translate3d(3000px, 0, 0)
    }

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

.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);
        transform: translate3d(0, 3000px, 0)
    }

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

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

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

    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);
        transform: translate3d(0, 3000px, 0)
    }

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

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

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

    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 {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

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

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

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

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

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

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

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

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

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

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

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

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

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

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

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

.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: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.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: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.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: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.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: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.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: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.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: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.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: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.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: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-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 flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -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);
        opacity: 0
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    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);
        opacity: 0
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    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 {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    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);
        opacity: 0
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    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 {
    -webkit-backface-visibility: visible !important;
    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 {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    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-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    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)
    }

    60%,
    80% {
        opacity: 1
    }

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

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    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)
    }

    60%,
    80% {
        opacity: 1
    }

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

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -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% {
        transform-origin: top left
    }

    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -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-name: hinge;
    animation-name: hinge
}

@-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: none;
        transform: none
    }
}

@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: none;
        transform: none
    }
}

.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% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50%,
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    50%,
    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-transform-origin: center bottom;
        transform-origin: center bottom;
        -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-transform-origin: center bottom;
        transform-origin: center bottom;
        -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-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);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@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);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-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);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@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);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-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-transform-origin: center bottom;
        transform-origin: center bottom;
        -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-transform-origin: center bottom;
        transform-origin: center bottom;
        -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-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
}


/*
 * Name        : Power Tour style : clean
 * Description : CSS styling for the tour plugin.
 * Version     : Version 1.0.2
 * Author      : CreativeMilk
 * Author URI  : www.creativemilk.net
 * Updated     : 2015-09-14 14:10:18 UTC+02:00
 * Copyright   : (c) 2015 CreativeMilk
 */

#powertour-mask {
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.single-step {
    position: relative;
    display: none;
    z-index: 9001;
    /*
	-webkit-box-shadow : 0 0 4px 0 #ccc;
	-moz-box-shadow    : 0 0 4px 0 #ccc;
	box-shadow         : 0 0 4px 0 #ccc;
	*/
    padding: 20px;
    background-color: #fff;
    color: #333;
    text-align: left;
    border: solid 5px #FF4081;
    font-weight: normal
}

.single-step header {
    float: left;
    height: 30px;
    width: 100%;
    margin: 5px 0 10px 0;
    line-height: 30px;
}

.single-step .single-step-close {
    position: absolute;
    top: -13px;
    width: 26px;
    height: 26px;
    background-color: rgba(0, 0, 0, 0.75);
    color: rgb(255, 255, 255);
    right: -14px;
    border-radius: 40px;
    font-size: 12px;
    padding-left: 8px;
    padding-top: 4px;
    cursor: pointer;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    -webkit-transition: color 1000ms linear;
    -ms-transition: color 1000ms linear;
    transition: color 1000ms linear;
}

.single-step .single-step-close:hover {
    color: #CECECE;
    cursor: pointer;
}

.single-step header h3 {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold
}

.single-step footer {
    float: left;
    height: auto;
    width: 100%;
    margin: 20px 0 0 0;
    line-height: 30px;
}

.single-step .close-btn {
    position: absolute;
    top: -34px;
    right: -1px;
    height: 24px;
    width: 24px;
    background-color: #eee;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    color: #999;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ccc;
}


/* new 2.7.0 */

.powertour-active.powertour-highlight {
    background-color: #fff;
}


/* BS CAROUSEL STEP */

.single-step.carousel-step {
    width: 600px;
    height: 540px;
    padding: 0;
    border: none;
}

.single-step.carousel-step .item,
.single-step.carousel-step .carousel-inner {
    height: 540px;
}

.single-step.carousel-step .carousel-caption {
    text-shadow: none;
    color: #555;
    left: 0;
    right: 0;
    bottom: 90px;
    padding: 0 40px;
}

.single-step.carousel-step .item .img-container {
    width: 600px;
    height: 300px;
    text-align: center;
    overflow: hidden;
}

.single-step.carousel-step .item img {
    max-width: 100%;
    max-height: 100%;
}

.single-step.carousel-step .carousel-indicators {
    bottom: 60px;
}

.single-step.carousel-step .carousel-indicators li {
    border-color: #2854a1;
}

.single-step.carousel-step .carousel-indicators li.active {
    background-color: #2854a1;
}

.carousel-ctrls {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 0 20px;
}


/*
** APP LOADER
*/

#app-loader-logo {
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    text-align: center;
}

#app-loader-logo img {
    width: 250px;
    margin: auto;
}

.spinner {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 42%;
}

.spinner-bg {
    position: fixed;
    top: 40px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #353535;
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #aaa;
    opacity: 0.6;
    position: absolute;
    -webkit-transition: background-color 600ms linear;
    -ms-transition: background-color 600ms linear;
    transition: background-color 600ms linear;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}


/*
** MAGNFIC POPUP
*/


/* Magnific Popup CSS */

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    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-inline-holder .mfp-content,
.mfp-ajax-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: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 1px;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    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%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}


/* Main image in popup */

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}


/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444;
}

.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) {

    /**
       * Remove all paddings around the image on small screen
       */
    .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 {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-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, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.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;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}


/*
** POPUP
*/

.popup-overlay {
    display: flex;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99999999999;
}

.popup {
    width: 320px;
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.26);
    border-radius: 4px;
    background: white;
    padding: 11px;
    text-align: left;
}


/*
** MODAL IMAGE EDIT
*/

body.modal-open #main>:not(.modal) {
    /*-webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);*/
    margin-top: 0px !important;
}

.modal {
    z-index: 2000000004 !important;
    overflow-y: scroll !important;
    -webkit-transform: translate3d(0, 0, 0);
}

.modal-backdrop {
    -webkit-transform: translate3d(0, 0, 0);
}

@media (min-width: 1200px) {
    .modal-dialog {
        width: 750px !important;
    }
}

.modal-dialog {
    z-index: 10000;
}

.modal-content {
    border: none;
}

.modal-header h4 .fa {
    font-size: 13px;
    margin-right: 3px;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: none;
    background-color: #FF4081;
    color: white;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: lighter;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4 {
    font-size: inherit;
    font-weight: inherit;
    margin-top: 0px;
    margin-bottom: 0px;
    color: white;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: lighter;
    line-height: 22px;
}

.modal-header .close {
    display: inline-block;
    float: right;
    position: absolute;
    left: auto;
    top: 7px;
    right: 8px;
}

.modal-header .close {
    color: white;
    opacity: 1;
    font-size: 30px;
    padding: 6px;
}

.modal-header .close:hover {
    opacity: 0.5;
}

#photo-gallery-assets .folders {
    margin-top: 8px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

#photo-gallery-assets .asset-folder {
    display: flex;
    align-items: center;
}

#photo-gallery-assets .asset-folder:hover {
    cursor: pointer;
    color: #666;
    border-radius: 4px;
}

#photo-gallery-assets .asset-folder i {
    margin-right: 4px;
}

#photo-gallery-assets .current-folder {
    display: flex;
    align-items: center;
    margin-top: 8px;
    border-bottom: solid 1px #ececec;
    padding-bottom: 8px;
}

#photo-gallery-assets .current-folder-title {
    flex-grow: 1;
    font-size: 16px;
}

#photo-gallery-assets .current-folder-title i {
    margin-right: 4px;
    color: #999;
}

#photo-gallery-assets .listing {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

#photo-gallery-assets .listing .col-xs-4 {
    float: none;
    padding: 0px;
    width: 32%;
    flex-grow: 1;
    max-width: calc(33.333333% - 8px);
}

.modal-assets-image {
    width: 100%;
    height: 180px;
    background-size: contain;
    background-position: center center;
    cursor: pointer;
    border: solid 1px #ECECEC;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.12) !important;
    position: relative;
}

.modal-assets-image-container .delete-asset {
    position: absolute;
    top: -5px;
    right: 8px;
    display: none;
    background-color: #F44336;
    color: white;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    z-index: 10;
    padding: 4px 9px;
}

.modal-assets-image-container:hover .delete-asset {
    display: block;
}

.modal-assets-image-container:hover .delete-asset:hover {
    background-color: #D32F2F;
    cursor: pointer;
}

.modal-assets-image-container {
    background-image: url('//cf.appdrag.com/resources/builder/transparency-large (normal).png');
    margin-bottom: 0px;
}

.modal-photo-header {
    padding-top: 12px;
    margin-left: -15px;
    margin-right: -15px;
    background: #fafafa;
    padding-bottom: 12px;
}

.modal-photo-header .btn {
    width: 100%;
    font-size: 13px;
}

.modal-photo-illustration {
    background: #fcfcfc;
    padding: 8pt 0;
    border: 1px solid #f0f0f0;
    width: 29%;
    margin: 14px 2%;
}

.modal-photo-illustration:hover {
    background: #f5f5f5;
    cursor: pointer;
}

.modal-photo-illustration .img-container {
    height: 180px;
    padding: 0 10%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
}

.modal-photo-illustration h4 {
    max-width: 86%;
    margin: 0 auto;
    text-align: center;
    font-weight: 300;
    font-size: 13px;
}

.modal-photo-illustration img {
    max-width: 100%;
    max-height: 85%;
}

#appallin-modal-photo-gallery .FreeGalleryItem {
    width: calc(33.333333% - 10px);
}

#appallin-modal-photo-gallery .FreeGalleryItem img {
    width: 100%;
    margin-bottom: 10px;
}

#appallin-modal-photo-gallery .nav-tabs>li>a {
    padding: 8px 9px;
    color: #555;
    border: none;
    border-bottom: #e8e8e8 solid 3px;
    margin-right: 0px;
    border-radius: 0px;
    border-right: solid 1px #ececec;
}

#appallin-modal-photo-gallery .nav-tabs>li>a:hover {
    background: #fafafa;
    border-bottom-color: #ff4081;
}

#appallin-modal-photo-gallery .nav-tabs>li.active>a {
    border-bottom-color: #ff4081;
    color: #ff4081;
}

#photo-gallery-videos-content:after,
#photo-gallery-pixabay-content:after,
#photo-gallery-pexels-content:after,
#photo-gallery-unsplash:after,
#photo-gallery-giphy-content:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

#photo-gallery-iconfinder-content .icons-set-container {
    width: 25%;
    padding: 6px;
    float: left;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
}

#photo-gallery-iconfinder-content .icons-set-sub-container {
    background: #ececec;
    padding: 3px;
    height: 68px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

#photo-gallery-iconfinder-content .icons-set-sub-container:hover {
    background: #e0e0e0;
}

#photo-gallery-icons-content .icons-set-container,
#photo-gallery-iconfinder-content-cat .icons-set-container {
    width: 25%;
    padding: 6px;
    float: left;
    cursor: pointer;
}

#photo-gallery-patterns-content .icons-set-container {
    width: 50%;
    padding: 6px;
    float: left;
    text-align: center;
    cursor: pointer;
}

#photo-gallery-icons-content .icons-set-container img,
#photo-gallery-iconfinder-content-cat .icons-set-container img {
    max-width: 100%;
    height: 290px;
}

#photo-gallery-patterns-content .icons-set-sub-container img {
    max-width: 100%;
    height: 290px;
}

#photo-gallery-icons-content .icons-set-sub-container,
#photo-gallery-iconfinder-content-cat .icons-set-sub-container {
    border: solid 1px #D3D3D3;
    text-align: center;
}

#photo-gallery-icons-content-sub .icons-set-container,
#photo-gallery-iconfinder-content-sub .icons-set-container {
    width: 16.6%;
    padding: 20px;
    float: left;
    cursor: pointer;
    text-align: center;
    height: 105px;
}

#photo-gallery-icons-content .icons-set-container img,
#photo-gallery-iconfinder-content-cat .icons-set-container img {
    max-width: 100%;
    height: 144px;
}

#photo-gallery-icons-content-sub .icons-set-container img,
#photo-gallery-iconfinder-content-sub .icons-set-container img {
    max-width: 100%;
    max-height: 72px;
    /*height: 49.75px;*/
}

#appallin-modal-photo-gallery .icon-set-title {
    padding: 10px;
    background: #ececec;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: black;
    letter-spacing: 0.02em;
}

#photo-gallery-icons-content .icons-set-label,
#photo-gallery-icons-content-sub .icons-set-label,
#photo-gallery-iconfinder-content-cat .icons-set-container .icons-set-label,
#photo-gallery-patterns-content .icons-set-label,
#photo-gallery-patterns-content-sub .icons-set-label {
    background-color: #E91E63;
    color: white;
    text-align: center;
    padding: 6px;
    text-transform: capitalize;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.photo-gallery-head-source {
    padding: 10px;
    margin-top: 10px;
    color: #606060;
    background-color: #ECECEC;
}

.photo-gallery-head-source a {
    color: #424242;
    text-decoration: underline;
}

.photo-gallery-head-source a:hover {
    color: #000000;
    text-decoration: underline;
}

.photo-gallery-patterns-pattern-container {
    width: calc(50% - 8px);
    height: 204px;
    float: left;
    padding: 4px;
}

.photo-gallery-patterns-pattern {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border: solid 1px #ECECEC;
    margin-top: 10px;
    background-repeat: repeat;
    position: relative;
}

.photo-gallery-patterns-pattern>div {
    z-index: 10 !important;
}

.photo-gallery-patterns-color:hover {
    cursor: pointer;
}

.ytplayer-container {
    position: absolute;
    top: 0;
    z-index: -1;
    bottom: 0px;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
}


/**
 * 	 APPDRAG NAVBAR
 */

#appdrag-navbar {
    border: none;
    background-color: white;
}

@media (max-width: 770px) {
    #navbar {
        position: fixed !important;
        margin-bottom: 0;
        height: auto !important;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        width: 100% !important;
        background: white !important;
        border-bottom: solid 1px #efefef !important;
        max-height: none !important;
    }

    .navbar-right,
    .navbar-left {
        float: none !important;
        display: inline-block !important;
        width: 100%;
    }
}

.navbar .icon-bar {
    background: #212121;
}

.navbar-brand {
    display: block !important;
    width: 192px;
    padding: 16px 15px;
}

.navbar.bg-dark,
.navbar .navbar-left>li.open>a {
    background-color: white !important;
    color: #424242;
}

#navbar {
    min-height: 60px;
    position: relative;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .04), 0 1px 6px rgba(0, 0, 0, .04);
}

.navbar-branding {
    position: relative;
    overflow: hidden;
    float: left;
    width: 230px;
    height: 60px;
}

.navbar-header {
    width: 252px;
}

.navbar-nav.navbar-left {
    float: left;
    position: relative;
    max-height: 60px;
}

.navbar .nav>li>a {
    color: black !important;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 61px;
    max-height: 61px;
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 600;
}

.navbar .navbar-left>li>a:hover,
.navbar .navbar-left>li>a:visited,
.navbar .navbar-left>li>a.active {
    background-color: #F3F3F3 !important;
    background: linear-gradient(0deg, #f3f3f3, white);
}

.navbar-nav.navbar-left>li>a {
    padding-right: 16px;
    padding-left: 16px
}

.navbar-nav.navbar-right,
.navbar-nav.navbar-right:last-child {
    float: right;
    margin: 0;
}

.navbar-right .dropdown-menu {}

#user-image {
    width: 30px;
    height: 30px;
    background-color: #ececec;
    background-size: cover;
    display: inline-block;
    border-radius: 64px;
    margin-right: 15px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: bold;
    padding: 0;
    font-size: 16px;
    text-transform: uppercase;
}

#current-flag-container {
    background-color: transparent !important;
    padding-top: 13px;
    padding-left: 0px;
}

#current-flag {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #ececec;
    background-size: 19px;
}

.br-t {
    border-top: 1px solid #eeeeee !important;
}

.animated.animated-short {
    -webkit-animation-duration: 0.6s !important;
    animation-duration: 0.6s !important;
}

.dropdown-menu>li>a {
    display: block;
    padding: 5px 15px;
    clear: both;
    color: #666666;
    font-weight: normal;
    line-height: 1.5;
    white-space: nowrap;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.fullwidth {
    width: 100%;
}

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

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}

.p12 {
    padding: 12px !important;
}

.fw600 {
    font-weight: 600 !important;
}

.pr5 {
    padding-right: 5px !important;
}

.dropdown-menu>li>a {
    display: block;
    padding: 5px 15px;
    clear: both;
    color: #666666;
    font-weight: normal;
    line-height: 1.5;
    white-space: nowrap;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    display: none;
    float: left;
    min-width: 100%;
    padding: 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 8px 10px;
    clear: both;
    color: #666666;
    font-weight: normal;
    white-space: nowrap;
    border-bottom: solid 1px #ECECEC;
}

.dropdown-menu>li:last-child>a {
    border-bottom: none;
}

.dropdown-menu>li>a .fa {
    color: #555;
    margin-right: 8px;
    width: 18px;
    text-align: center;
}


/* FLAGS*/

.flag-icon,
.flag-icon-background {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.flag-icon:before {
    content: "\00a0"
}

.flag-icon.flag-icon-squared {
    width: 1em
}

.flag-icon-ad {
    background-image: url(../flags/4x3/ad.svg)
}

.flag-icon-ad.flag-icon-squared {
    background-image: url(../flags/1x1/ad.svg)
}

.flag-icon-ae {
    background-image: url(../flags/4x3/ae.svg)
}

.flag-icon-ae.flag-icon-squared {
    background-image: url(../flags/1x1/ae.svg)
}

.flag-icon-af {
    background-image: url(../flags/4x3/af.svg)
}

.flag-icon-af.flag-icon-squared {
    background-image: url(../flags/1x1/af.svg)
}

.flag-icon-ag {
    background-image: url(../flags/4x3/ag.svg)
}

.flag-icon-ag.flag-icon-squared {
    background-image: url(../flags/1x1/ag.svg)
}

.flag-icon-ai {
    background-image: url(../flags/4x3/ai.svg)
}

.flag-icon-ai.flag-icon-squared {
    background-image: url(../flags/1x1/ai.svg)
}

.flag-icon-al {
    background-image: url(../flags/4x3/al.svg)
}

.flag-icon-al.flag-icon-squared {
    background-image: url(../flags/1x1/al.svg)
}

.flag-icon-am {
    background-image: url(../flags/4x3/am.svg)
}

.flag-icon-am.flag-icon-squared {
    background-image: url(../flags/1x1/am.svg)
}

.flag-icon-ao {
    background-image: url(../flags/4x3/ao.svg)
}

.flag-icon-ao.flag-icon-squared {
    background-image: url(../flags/1x1/ao.svg)
}

.flag-icon-aq {
    background-image: url(../flags/4x3/aq.svg)
}

.flag-icon-aq.flag-icon-squared {
    background-image: url(../flags/1x1/aq.svg)
}

.flag-icon-ar {
    background-image: url(../flags/4x3/ar.svg)
}

.flag-icon-ar.flag-icon-squared {
    background-image: url(../flags/1x1/ar.svg)
}

.flag-icon-as {
    background-image: url(../flags/4x3/as.svg)
}

.flag-icon-as.flag-icon-squared {
    background-image: url(../flags/1x1/as.svg)
}

.flag-icon-at {
    background-image: url(../flags/4x3/at.svg)
}

.flag-icon-at.flag-icon-squared {
    background-image: url(../flags/1x1/at.svg)
}

.flag-icon-au {
    background-image: url(../flags/4x3/au.svg)
}

.flag-icon-au.flag-icon-squared {
    background-image: url(../flags/1x1/au.svg)
}

.flag-icon-aw {
    background-image: url(../flags/4x3/aw.svg)
}

.flag-icon-aw.flag-icon-squared {
    background-image: url(../flags/1x1/aw.svg)
}

.flag-icon-ax {
    background-image: url(../flags/4x3/ax.svg)
}

.flag-icon-ax.flag-icon-squared {
    background-image: url(../flags/1x1/ax.svg)
}

.flag-icon-az {
    background-image: url(../flags/4x3/az.svg)
}

.flag-icon-az.flag-icon-squared {
    background-image: url(../flags/1x1/az.svg)
}

.flag-icon-ba {
    background-image: url(../flags/4x3/ba.svg)
}

.flag-icon-ba.flag-icon-squared {
    background-image: url(../flags/1x1/ba.svg)
}

.flag-icon-bb {
    background-image: url(../flags/4x3/bb.svg)
}

.flag-icon-bb.flag-icon-squared {
    background-image: url(../flags/1x1/bb.svg)
}

.flag-icon-bd {
    background-image: url(../flags/4x3/bd.svg)
}

.flag-icon-bd.flag-icon-squared {
    background-image: url(../flags/1x1/bd.svg)
}

.flag-icon-be {
    background-image: url(../flags/4x3/be.svg)
}

.flag-icon-be.flag-icon-squared {
    background-image: url(../flags/1x1/be.svg)
}

.flag-icon-bf {
    background-image: url(../flags/4x3/bf.svg)
}

.flag-icon-bf.flag-icon-squared {
    background-image: url(../flags/1x1/bf.svg)
}

.flag-icon-bg {
    background-image: url(../flags/4x3/bg.svg)
}

.flag-icon-bg.flag-icon-squared {
    background-image: url(../flags/1x1/bg.svg)
}

.flag-icon-bh {
    background-image: url(../flags/4x3/bh.svg)
}

.flag-icon-bh.flag-icon-squared {
    background-image: url(../flags/1x1/bh.svg)
}

.flag-icon-bi {
    background-image: url(../flags/4x3/bi.svg)
}

.flag-icon-bi.flag-icon-squared {
    background-image: url(../flags/1x1/bi.svg)
}

.flag-icon-bj {
    background-image: url(../flags/4x3/bj.svg)
}

.flag-icon-bj.flag-icon-squared {
    background-image: url(../flags/1x1/bj.svg)
}

.flag-icon-bl {
    background-image: url(../flags/4x3/bl.svg)
}

.flag-icon-bl.flag-icon-squared {
    background-image: url(../flags/1x1/bl.svg)
}

.flag-icon-bm {
    background-image: url(../flags/4x3/bm.svg)
}

.flag-icon-bm.flag-icon-squared {
    background-image: url(../flags/1x1/bm.svg)
}

.flag-icon-bn {
    background-image: url(../flags/4x3/bn.svg)
}

.flag-icon-bn.flag-icon-squared {
    background-image: url(../flags/1x1/bn.svg)
}

.flag-icon-bo {
    background-image: url(../flags/4x3/bo.svg)
}

.flag-icon-bo.flag-icon-squared {
    background-image: url(../flags/1x1/bo.svg)
}

.flag-icon-bq {
    background-image: url(../flags/4x3/bq.svg)
}

.flag-icon-bq.flag-icon-squared {
    background-image: url(../flags/1x1/bq.svg)
}

.flag-icon-br {
    background-image: url(../flags/4x3/br.svg)
}

.flag-icon-br.flag-icon-squared {
    background-image: url(../flags/1x1/br.svg)
}

.flag-icon-bs {
    background-image: url(../flags/4x3/bs.svg)
}

.flag-icon-bs.flag-icon-squared {
    background-image: url(../flags/1x1/bs.svg)
}

.flag-icon-bt {
    background-image: url(../flags/4x3/bt.svg)
}

.flag-icon-bt.flag-icon-squared {
    background-image: url(../flags/1x1/bt.svg)
}

.flag-icon-bv {
    background-image: url(../flags/4x3/bv.svg)
}

.flag-icon-bv.flag-icon-squared {
    background-image: url(../flags/1x1/bv.svg)
}

.flag-icon-bw {
    background-image: url(../flags/4x3/bw.svg)
}

.flag-icon-bw.flag-icon-squared {
    background-image: url(../flags/1x1/bw.svg)
}

.flag-icon-by {
    background-image: url(../flags/4x3/by.svg)
}

.flag-icon-by.flag-icon-squared {
    background-image: url(../flags/1x1/by.svg)
}

.flag-icon-bz {
    background-image: url(../flags/4x3/bz.svg)
}

.flag-icon-bz.flag-icon-squared {
    background-image: url(../flags/1x1/bz.svg)
}

.flag-icon-ca {
    background-image: url(../flags/4x3/ca.svg)
}

.flag-icon-ca.flag-icon-squared {
    background-image: url(../flags/1x1/ca.svg)
}

.flag-icon-cc {
    background-image: url(../flags/4x3/cc.svg)
}

.flag-icon-cc.flag-icon-squared {
    background-image: url(../flags/1x1/cc.svg)
}

.flag-icon-cd {
    background-image: url(../flags/4x3/cd.svg)
}

.flag-icon-cd.flag-icon-squared {
    background-image: url(../flags/1x1/cd.svg)
}

.flag-icon-cf {
    background-image: url(../flags/4x3/cf.svg)
}

.flag-icon-cf.flag-icon-squared {
    background-image: url(../flags/1x1/cf.svg)
}

.flag-icon-cg {
    background-image: url(../flags/4x3/cg.svg)
}

.flag-icon-cg.flag-icon-squared {
    background-image: url(../flags/1x1/cg.svg)
}

.flag-icon-ch {
    background-image: url(../flags/4x3/ch.svg)
}

.flag-icon-ch.flag-icon-squared {
    background-image: url(../flags/1x1/ch.svg)
}

.flag-icon-ci {
    background-image: url(../flags/4x3/ci.svg)
}

.flag-icon-ci.flag-icon-squared {
    background-image: url(../flags/1x1/ci.svg)
}

.flag-icon-ck {
    background-image: url(../flags/4x3/ck.svg)
}

.flag-icon-ck.flag-icon-squared {
    background-image: url(../flags/1x1/ck.svg)
}

.flag-icon-cl {
    background-image: url(../flags/4x3/cl.svg)
}

.flag-icon-cl.flag-icon-squared {
    background-image: url(../flags/1x1/cl.svg)
}

.flag-icon-cm {
    background-image: url(../flags/4x3/cm.svg)
}

.flag-icon-cm.flag-icon-squared {
    background-image: url(../flags/1x1/cm.svg)
}

.flag-icon-cn {
    background-image: url(../flags/4x3/cn.svg)
}

.flag-icon-cn.flag-icon-squared {
    background-image: url(../flags/1x1/cn.svg)
}

.flag-icon-co {
    background-image: url(../flags/4x3/co.svg)
}

.flag-icon-co.flag-icon-squared {
    background-image: url(../flags/1x1/co.svg)
}

.flag-icon-cr {
    background-image: url(../flags/4x3/cr.svg)
}

.flag-icon-cr.flag-icon-squared {
    background-image: url(../flags/1x1/cr.svg)
}

.flag-icon-cu {
    background-image: url(../flags/4x3/cu.svg)
}

.flag-icon-cu.flag-icon-squared {
    background-image: url(../flags/1x1/cu.svg)
}

.flag-icon-cv {
    background-image: url(../flags/4x3/cv.svg)
}

.flag-icon-cv.flag-icon-squared {
    background-image: url(../flags/1x1/cv.svg)
}

.flag-icon-cw {
    background-image: url(../flags/4x3/cw.svg)
}

.flag-icon-cw.flag-icon-squared {
    background-image: url(../flags/1x1/cw.svg)
}

.flag-icon-cx {
    background-image: url(../flags/4x3/cx.svg)
}

.flag-icon-cx.flag-icon-squared {
    background-image: url(../flags/1x1/cx.svg)
}

.flag-icon-cy {
    background-image: url(../flags/4x3/cy.svg)
}

.flag-icon-cy.flag-icon-squared {
    background-image: url(../flags/1x1/cy.svg)
}

.flag-icon-cz {
    background-image: url(../flags/4x3/cz.svg)
}

.flag-icon-cz.flag-icon-squared {
    background-image: url(../flags/1x1/cz.svg)
}

.flag-icon-de {
    background-image: url(../flags/4x3/de.svg)
}

.flag-icon-de.flag-icon-squared {
    background-image: url(../flags/1x1/de.svg)
}

.flag-icon-dj {
    background-image: url(../flags/4x3/dj.svg)
}

.flag-icon-dj.flag-icon-squared {
    background-image: url(../flags/1x1/dj.svg)
}

.flag-icon-dk {
    background-image: url(../flags/4x3/dk.svg)
}

.flag-icon-dk.flag-icon-squared {
    background-image: url(../flags/1x1/dk.svg)
}

.flag-icon-dm {
    background-image: url(../flags/4x3/dm.svg)
}

.flag-icon-dm.flag-icon-squared {
    background-image: url(../flags/1x1/dm.svg)
}

.flag-icon-do {
    background-image: url(../flags/4x3/do.svg)
}

.flag-icon-do.flag-icon-squared {
    background-image: url(../flags/1x1/do.svg)
}

.flag-icon-dz {
    background-image: url(../flags/4x3/dz.svg)
}

.flag-icon-dz.flag-icon-squared {
    background-image: url(../flags/1x1/dz.svg)
}

.flag-icon-ec {
    background-image: url(../flags/4x3/ec.svg)
}

.flag-icon-ec.flag-icon-squared {
    background-image: url(../flags/1x1/ec.svg)
}

.flag-icon-ee {
    background-image: url(../flags/4x3/ee.svg)
}

.flag-icon-ee.flag-icon-squared {
    background-image: url(../flags/1x1/ee.svg)
}

.flag-icon-eg {
    background-image: url(../flags/4x3/eg.svg)
}

.flag-icon-eg.flag-icon-squared {
    background-image: url(../flags/1x1/eg.svg)
}

.flag-icon-eh {
    background-image: url(../flags/4x3/eh.svg)
}

.flag-icon-eh.flag-icon-squared {
    background-image: url(../flags/1x1/eh.svg)
}

.flag-icon-er {
    background-image: url(../flags/4x3/er.svg)
}

.flag-icon-er.flag-icon-squared {
    background-image: url(../flags/1x1/er.svg)
}

.flag-icon-es {
    background-image: url(../flags/4x3/es.svg)
}

.flag-icon-es.flag-icon-squared {
    background-image: url(../flags/1x1/es.svg)
}

.flag-icon-et {
    background-image: url(../flags/4x3/et.svg)
}

.flag-icon-et.flag-icon-squared {
    background-image: url(../flags/1x1/et.svg)
}

.flag-icon-fi {
    background-image: url(../flags/4x3/fi.svg)
}

.flag-icon-fi.flag-icon-squared {
    background-image: url(../flags/1x1/fi.svg)
}

.flag-icon-fj {
    background-image: url(../flags/4x3/fj.svg)
}

.flag-icon-fj.flag-icon-squared {
    background-image: url(../flags/1x1/fj.svg)
}

.flag-icon-fk {
    background-image: url(../flags/4x3/fk.svg)
}

.flag-icon-fk.flag-icon-squared {
    background-image: url(../flags/1x1/fk.svg)
}

.flag-icon-fm {
    background-image: url(../flags/4x3/fm.svg)
}

.flag-icon-fm.flag-icon-squared {
    background-image: url(../flags/1x1/fm.svg)
}

.flag-icon-fo {
    background-image: url(../flags/4x3/fo.svg)
}

.flag-icon-fo.flag-icon-squared {
    background-image: url(../flags/1x1/fo.svg)
}

.flag-icon-fr {
    background-image: url(../flags/4x3/fr.svg)
}

.flag-icon-fr.flag-icon-squared {
    background-image: url(../flags/1x1/fr.svg)
}

.flag-icon-ga {
    background-image: url(../flags/4x3/ga.svg)
}

.flag-icon-ga.flag-icon-squared {
    background-image: url(../flags/1x1/ga.svg)
}

.flag-icon-gb {
    background-image: url(../flags/4x3/gb.svg)
}

.flag-icon-gb.flag-icon-squared {
    background-image: url(../flags/1x1/gb.svg)
}

.flag-icon-gd {
    background-image: url(../flags/4x3/gd.svg)
}

.flag-icon-gd.flag-icon-squared {
    background-image: url(../flags/1x1/gd.svg)
}

.flag-icon-ge {
    background-image: url(../flags/4x3/ge.svg)
}

.flag-icon-ge.flag-icon-squared {
    background-image: url(../flags/1x1/ge.svg)
}

.flag-icon-gf {
    background-image: url(../flags/4x3/gf.svg)
}

.flag-icon-gf.flag-icon-squared {
    background-image: url(../flags/1x1/gf.svg)
}

.flag-icon-gg {
    background-image: url(../flags/4x3/gg.svg)
}

.flag-icon-gg.flag-icon-squared {
    background-image: url(../flags/1x1/gg.svg)
}

.flag-icon-gh {
    background-image: url(../flags/4x3/gh.svg)
}

.flag-icon-gh.flag-icon-squared {
    background-image: url(../flags/1x1/gh.svg)
}

.flag-icon-gi {
    background-image: url(../flags/4x3/gi.svg)
}

.flag-icon-gi.flag-icon-squared {
    background-image: url(../flags/1x1/gi.svg)
}

.flag-icon-gl {
    background-image: url(../flags/4x3/gl.svg)
}

.flag-icon-gl.flag-icon-squared {
    background-image: url(../flags/1x1/gl.svg)
}

.flag-icon-gm {
    background-image: url(../flags/4x3/gm.svg)
}

.flag-icon-gm.flag-icon-squared {
    background-image: url(../flags/1x1/gm.svg)
}

.flag-icon-gn {
    background-image: url(../flags/4x3/gn.svg)
}

.flag-icon-gn.flag-icon-squared {
    background-image: url(../flags/1x1/gn.svg)
}

.flag-icon-gp {
    background-image: url(../flags/4x3/gp.svg)
}

.flag-icon-gp.flag-icon-squared {
    background-image: url(../flags/1x1/gp.svg)
}

.flag-icon-gq {
    background-image: url(../flags/4x3/gq.svg)
}

.flag-icon-gq.flag-icon-squared {
    background-image: url(../flags/1x1/gq.svg)
}

.flag-icon-gr {
    background-image: url(../flags/4x3/gr.svg)
}

.flag-icon-gr.flag-icon-squared {
    background-image: url(../flags/1x1/gr.svg)
}

.flag-icon-gs {
    background-image: url(../flags/4x3/gs.svg)
}

.flag-icon-gs.flag-icon-squared {
    background-image: url(../flags/1x1/gs.svg)
}

.flag-icon-gt {
    background-image: url(../flags/4x3/gt.svg)
}

.flag-icon-gt.flag-icon-squared {
    background-image: url(../flags/1x1/gt.svg)
}

.flag-icon-gu {
    background-image: url(../flags/4x3/gu.svg)
}

.flag-icon-gu.flag-icon-squared {
    background-image: url(../flags/1x1/gu.svg)
}

.flag-icon-gw {
    background-image: url(../flags/4x3/gw.svg)
}

.flag-icon-gw.flag-icon-squared {
    background-image: url(../flags/1x1/gw.svg)
}

.flag-icon-gy {
    background-image: url(../flags/4x3/gy.svg)
}

.flag-icon-gy.flag-icon-squared {
    background-image: url(../flags/1x1/gy.svg)
}

.flag-icon-hk {
    background-image: url(../flags/4x3/hk.svg)
}

.flag-icon-hk.flag-icon-squared {
    background-image: url(../flags/1x1/hk.svg)
}

.flag-icon-hm {
    background-image: url(../flags/4x3/hm.svg)
}

.flag-icon-hm.flag-icon-squared {
    background-image: url(../flags/1x1/hm.svg)
}

.flag-icon-hn {
    background-image: url(../flags/4x3/hn.svg)
}

.flag-icon-hn.flag-icon-squared {
    background-image: url(../flags/1x1/hn.svg)
}

.flag-icon-hr {
    background-image: url(../flags/4x3/hr.svg)
}

.flag-icon-hr.flag-icon-squared {
    background-image: url(../flags/1x1/hr.svg)
}

.flag-icon-ht {
    background-image: url(../flags/4x3/ht.svg)
}

.flag-icon-ht.flag-icon-squared {
    background-image: url(../flags/1x1/ht.svg)
}

.flag-icon-hu {
    background-image: url(../flags/4x3/hu.svg)
}

.flag-icon-hu.flag-icon-squared {
    background-image: url(../flags/1x1/hu.svg)
}

.flag-icon-id {
    background-image: url(../flags/4x3/id.svg)
}

.flag-icon-id.flag-icon-squared {
    background-image: url(../flags/1x1/id.svg)
}

.flag-icon-ie {
    background-image: url(../flags/4x3/ie.svg)
}

.flag-icon-ie.flag-icon-squared {
    background-image: url(../flags/1x1/ie.svg)
}

.flag-icon-il {
    background-image: url(../flags/4x3/il.svg)
}

.flag-icon-il.flag-icon-squared {
    background-image: url(../flags/1x1/il.svg)
}

.flag-icon-im {
    background-image: url(../flags/4x3/im.svg)
}

.flag-icon-im.flag-icon-squared {
    background-image: url(../flags/1x1/im.svg)
}

.flag-icon-in {
    background-image: url(../flags/4x3/in.svg)
}

.flag-icon-in.flag-icon-squared {
    background-image: url(../flags/1x1/in.svg)
}

.flag-icon-io {
    background-image: url(../flags/4x3/io.svg)
}

.flag-icon-io.flag-icon-squared {
    background-image: url(../flags/1x1/io.svg)
}

.flag-icon-iq {
    background-image: url(../flags/4x3/iq.svg)
}

.flag-icon-iq.flag-icon-squared {
    background-image: url(../flags/1x1/iq.svg)
}

.flag-icon-ir {
    background-image: url(../flags/4x3/ir.svg)
}

.flag-icon-ir.flag-icon-squared {
    background-image: url(../flags/1x1/ir.svg)
}

.flag-icon-is {
    background-image: url(../flags/4x3/is.svg)
}

.flag-icon-is.flag-icon-squared {
    background-image: url(../flags/1x1/is.svg)
}

.flag-icon-it {
    background-image: url(../flags/4x3/it.svg)
}

.flag-icon-it.flag-icon-squared {
    background-image: url(../flags/1x1/it.svg)
}

.flag-icon-je {
    background-image: url(../flags/4x3/je.svg)
}

.flag-icon-je.flag-icon-squared {
    background-image: url(../flags/1x1/je.svg)
}

.flag-icon-jm {
    background-image: url(../flags/4x3/jm.svg)
}

.flag-icon-jm.flag-icon-squared {
    background-image: url(../flags/1x1/jm.svg)
}

.flag-icon-jo {
    background-image: url(../flags/4x3/jo.svg)
}

.flag-icon-jo.flag-icon-squared {
    background-image: url(../flags/1x1/jo.svg)
}

.flag-icon-jp {
    background-image: url(../flags/4x3/jp.svg)
}

.flag-icon-jp.flag-icon-squared {
    background-image: url(../flags/1x1/jp.svg)
}

.flag-icon-ke {
    background-image: url(../flags/4x3/ke.svg)
}

.flag-icon-ke.flag-icon-squared {
    background-image: url(../flags/1x1/ke.svg)
}

.flag-icon-kg {
    background-image: url(../flags/4x3/kg.svg)
}

.flag-icon-kg.flag-icon-squared {
    background-image: url(../flags/1x1/kg.svg)
}

.flag-icon-kh {
    background-image: url(../flags/4x3/kh.svg)
}

.flag-icon-kh.flag-icon-squared {
    background-image: url(../flags/1x1/kh.svg)
}

.flag-icon-ki {
    background-image: url(../flags/4x3/ki.svg)
}

.flag-icon-ki.flag-icon-squared {
    background-image: url(../flags/1x1/ki.svg)
}

.flag-icon-km {
    background-image: url(../flags/4x3/km.svg)
}

.flag-icon-km.flag-icon-squared {
    background-image: url(../flags/1x1/km.svg)
}

.flag-icon-kn {
    background-image: url(../flags/4x3/kn.svg)
}

.flag-icon-kn.flag-icon-squared {
    background-image: url(../flags/1x1/kn.svg)
}

.flag-icon-kp {
    background-image: url(../flags/4x3/kp.svg)
}

.flag-icon-kp.flag-icon-squared {
    background-image: url(../flags/1x1/kp.svg)
}

.flag-icon-kr {
    background-image: url(../flags/4x3/kr.svg)
}

.flag-icon-kr.flag-icon-squared {
    background-image: url(../flags/1x1/kr.svg)
}

.flag-icon-kw {
    background-image: url(../flags/4x3/kw.svg)
}

.flag-icon-kw.flag-icon-squared {
    background-image: url(../flags/1x1/kw.svg)
}

.flag-icon-ky {
    background-image: url(../flags/4x3/ky.svg)
}

.flag-icon-ky.flag-icon-squared {
    background-image: url(../flags/1x1/ky.svg)
}

.flag-icon-kz {
    background-image: url(../flags/4x3/kz.svg)
}

.flag-icon-kz.flag-icon-squared {
    background-image: url(../flags/1x1/kz.svg)
}

.flag-icon-la {
    background-image: url(../flags/4x3/la.svg)
}

.flag-icon-la.flag-icon-squared {
    background-image: url(../flags/1x1/la.svg)
}

.flag-icon-lb {
    background-image: url(../flags/4x3/lb.svg)
}

.flag-icon-lb.flag-icon-squared {
    background-image: url(../flags/1x1/lb.svg)
}

.flag-icon-lc {
    background-image: url(../flags/4x3/lc.svg)
}

.flag-icon-lc.flag-icon-squared {
    background-image: url(../flags/1x1/lc.svg)
}

.flag-icon-li {
    background-image: url(../flags/4x3/li.svg)
}

.flag-icon-li.flag-icon-squared {
    background-image: url(../flags/1x1/li.svg)
}

.flag-icon-lk {
    background-image: url(../flags/4x3/lk.svg)
}

.flag-icon-lk.flag-icon-squared {
    background-image: url(../flags/1x1/lk.svg)
}

.flag-icon-lr {
    background-image: url(../flags/4x3/lr.svg)
}

.flag-icon-lr.flag-icon-squared {
    background-image: url(../flags/1x1/lr.svg)
}

.flag-icon-ls {
    background-image: url(../flags/4x3/ls.svg)
}

.flag-icon-ls.flag-icon-squared {
    background-image: url(../flags/1x1/ls.svg)
}

.flag-icon-lt {
    background-image: url(../flags/4x3/lt.svg)
}

.flag-icon-lt.flag-icon-squared {
    background-image: url(../flags/1x1/lt.svg)
}

.flag-icon-lu {
    background-image: url(../flags/4x3/lu.svg)
}

.flag-icon-lu.flag-icon-squared {
    background-image: url(../flags/1x1/lu.svg)
}

.flag-icon-lv {
    background-image: url(../flags/4x3/lv.svg)
}

.flag-icon-lv.flag-icon-squared {
    background-image: url(../flags/1x1/lv.svg)
}

.flag-icon-ly {
    background-image: url(../flags/4x3/ly.svg)
}

.flag-icon-ly.flag-icon-squared {
    background-image: url(../flags/1x1/ly.svg)
}

.flag-icon-ma {
    background-image: url(../flags/4x3/ma.svg)
}

.flag-icon-ma.flag-icon-squared {
    background-image: url(../flags/1x1/ma.svg)
}

.flag-icon-mc {
    background-image: url(../flags/4x3/mc.svg)
}

.flag-icon-mc.flag-icon-squared {
    background-image: url(../flags/1x1/mc.svg)
}

.flag-icon-md {
    background-image: url(../flags/4x3/md.svg)
}

.flag-icon-md.flag-icon-squared {
    background-image: url(../flags/1x1/md.svg)
}

.flag-icon-me {
    background-image: url(../flags/4x3/me.svg)
}

.flag-icon-me.flag-icon-squared {
    background-image: url(../flags/1x1/me.svg)
}

.flag-icon-mf {
    background-image: url(../flags/4x3/mf.svg)
}

.flag-icon-mf.flag-icon-squared {
    background-image: url(../flags/1x1/mf.svg)
}

.flag-icon-mg {
    background-image: url(../flags/4x3/mg.svg)
}

.flag-icon-mg.flag-icon-squared {
    background-image: url(../flags/1x1/mg.svg)
}

.flag-icon-mh {
    background-image: url(../flags/4x3/mh.svg)
}

.flag-icon-mh.flag-icon-squared {
    background-image: url(../flags/1x1/mh.svg)
}

.flag-icon-mk {
    background-image: url(../flags/4x3/mk.svg)
}

.flag-icon-mk.flag-icon-squared {
    background-image: url(../flags/1x1/mk.svg)
}

.flag-icon-ml {
    background-image: url(../flags/4x3/ml.svg)
}

.flag-icon-ml.flag-icon-squared {
    background-image: url(../flags/1x1/ml.svg)
}

.flag-icon-mm {
    background-image: url(../flags/4x3/mm.svg)
}

.flag-icon-mm.flag-icon-squared {
    background-image: url(../flags/1x1/mm.svg)
}

.flag-icon-mn {
    background-image: url(../flags/4x3/mn.svg)
}

.flag-icon-mn.flag-icon-squared {
    background-image: url(../flags/1x1/mn.svg)
}

.flag-icon-mo {
    background-image: url(../flags/4x3/mo.svg)
}

.flag-icon-mo.flag-icon-squared {
    background-image: url(../flags/1x1/mo.svg)
}

.flag-icon-mp {
    background-image: url(../flags/4x3/mp.svg)
}

.flag-icon-mp.flag-icon-squared {
    background-image: url(../flags/1x1/mp.svg)
}

.flag-icon-mq {
    background-image: url(../flags/4x3/mq.svg)
}

.flag-icon-mq.flag-icon-squared {
    background-image: url(../flags/1x1/mq.svg)
}

.flag-icon-mr {
    background-image: url(../flags/4x3/mr.svg)
}

.flag-icon-mr.flag-icon-squared {
    background-image: url(../flags/1x1/mr.svg)
}

.flag-icon-ms {
    background-image: url(../flags/4x3/ms.svg)
}

.flag-icon-ms.flag-icon-squared {
    background-image: url(../flags/1x1/ms.svg)
}

.flag-icon-mt {
    background-image: url(../flags/4x3/mt.svg)
}

.flag-icon-mt.flag-icon-squared {
    background-image: url(../flags/1x1/mt.svg)
}

.flag-icon-mu {
    background-image: url(../flags/4x3/mu.svg)
}

.flag-icon-mu.flag-icon-squared {
    background-image: url(../flags/1x1/mu.svg)
}

.flag-icon-mv {
    background-image: url(../flags/4x3/mv.svg)
}

.flag-icon-mv.flag-icon-squared {
    background-image: url(../flags/1x1/mv.svg)
}

.flag-icon-mw {
    background-image: url(../flags/4x3/mw.svg)
}

.flag-icon-mw.flag-icon-squared {
    background-image: url(../flags/1x1/mw.svg)
}

.flag-icon-mx {
    background-image: url(../flags/4x3/mx.svg)
}

.flag-icon-mx.flag-icon-squared {
    background-image: url(../flags/1x1/mx.svg)
}

.flag-icon-my {
    background-image: url(../flags/4x3/my.svg)
}

.flag-icon-my.flag-icon-squared {
    background-image: url(../flags/1x1/my.svg)
}

.flag-icon-mz {
    background-image: url(../flags/4x3/mz.svg)
}

.flag-icon-mz.flag-icon-squared {
    background-image: url(../flags/1x1/mz.svg)
}

.flag-icon-na {
    background-image: url(../flags/4x3/na.svg)
}

.flag-icon-na.flag-icon-squared {
    background-image: url(../flags/1x1/na.svg)
}

.flag-icon-nc {
    background-image: url(../flags/4x3/nc.svg)
}

.flag-icon-nc.flag-icon-squared {
    background-image: url(../flags/1x1/nc.svg)
}

.flag-icon-ne {
    background-image: url(../flags/4x3/ne.svg)
}

.flag-icon-ne.flag-icon-squared {
    background-image: url(../flags/1x1/ne.svg)
}

.flag-icon-nf {
    background-image: url(../flags/4x3/nf.svg)
}

.flag-icon-nf.flag-icon-squared {
    background-image: url(../flags/1x1/nf.svg)
}

.flag-icon-ng {
    background-image: url(../flags/4x3/ng.svg)
}

.flag-icon-ng.flag-icon-squared {
    background-image: url(../flags/1x1/ng.svg)
}

.flag-icon-ni {
    background-image: url(../flags/4x3/ni.svg)
}

.flag-icon-ni.flag-icon-squared {
    background-image: url(../flags/1x1/ni.svg)
}

.flag-icon-nl {
    background-image: url(../flags/4x3/nl.svg)
}

.flag-icon-nl.flag-icon-squared {
    background-image: url(../flags/1x1/nl.svg)
}

.flag-icon-no {
    background-image: url(../flags/4x3/no.svg)
}

.flag-icon-no.flag-icon-squared {
    background-image: url(../flags/1x1/no.svg)
}

.flag-icon-np {
    background-image: url(../flags/4x3/np.svg)
}

.flag-icon-np.flag-icon-squared {
    background-image: url(../flags/1x1/np.svg)
}

.flag-icon-nr {
    background-image: url(../flags/4x3/nr.svg)
}

.flag-icon-nr.flag-icon-squared {
    background-image: url(../flags/1x1/nr.svg)
}

.flag-icon-nu {
    background-image: url(../flags/4x3/nu.svg)
}

.flag-icon-nu.flag-icon-squared {
    background-image: url(../flags/1x1/nu.svg)
}

.flag-icon-nz {
    background-image: url(../flags/4x3/nz.svg)
}

.flag-icon-nz.flag-icon-squared {
    background-image: url(../flags/1x1/nz.svg)
}

.flag-icon-om {
    background-image: url(../flags/4x3/om.svg)
}

.flag-icon-om.flag-icon-squared {
    background-image: url(../flags/1x1/om.svg)
}

.flag-icon-pa {
    background-image: url(../flags/4x3/pa.svg)
}

.flag-icon-pa.flag-icon-squared {
    background-image: url(../flags/1x1/pa.svg)
}

.flag-icon-pe {
    background-image: url(../flags/4x3/pe.svg)
}

.flag-icon-pe.flag-icon-squared {
    background-image: url(../flags/1x1/pe.svg)
}

.flag-icon-pf {
    background-image: url(../flags/4x3/pf.svg)
}

.flag-icon-pf.flag-icon-squared {
    background-image: url(../flags/1x1/pf.svg)
}

.flag-icon-pg {
    background-image: url(../flags/4x3/pg.svg)
}

.flag-icon-pg.flag-icon-squared {
    background-image: url(../flags/1x1/pg.svg)
}

.flag-icon-ph {
    background-image: url(../flags/4x3/ph.svg)
}

.flag-icon-ph.flag-icon-squared {
    background-image: url(../flags/1x1/ph.svg)
}

.flag-icon-pk {
    background-image: url(../flags/4x3/pk.svg)
}

.flag-icon-pk.flag-icon-squared {
    background-image: url(../flags/1x1/pk.svg)
}

.flag-icon-pl {
    background-image: url(../flags/4x3/pl.svg)
}

.flag-icon-pl.flag-icon-squared {
    background-image: url(../flags/1x1/pl.svg)
}

.flag-icon-pm {
    background-image: url(../flags/4x3/pm.svg)
}

.flag-icon-pm.flag-icon-squared {
    background-image: url(../flags/1x1/pm.svg)
}

.flag-icon-pn {
    background-image: url(../flags/4x3/pn.svg)
}

.flag-icon-pn.flag-icon-squared {
    background-image: url(../flags/1x1/pn.svg)
}

.flag-icon-pr {
    background-image: url(../flags/4x3/pr.svg)
}

.flag-icon-pr.flag-icon-squared {
    background-image: url(../flags/1x1/pr.svg)
}

.flag-icon-ps {
    background-image: url(../flags/4x3/ps.svg)
}

.flag-icon-ps.flag-icon-squared {
    background-image: url(../flags/1x1/ps.svg)
}

.flag-icon-pt {
    background-image: url(../flags/4x3/pt.svg)
}

.flag-icon-pt.flag-icon-squared {
    background-image: url(../flags/1x1/pt.svg)
}

.flag-icon-pw {
    background-image: url(../flags/4x3/pw.svg)
}

.flag-icon-pw.flag-icon-squared {
    background-image: url(../flags/1x1/pw.svg)
}

.flag-icon-py {
    background-image: url(../flags/4x3/py.svg)
}

.flag-icon-py.flag-icon-squared {
    background-image: url(../flags/1x1/py.svg)
}

.flag-icon-qa {
    background-image: url(../flags/4x3/qa.svg)
}

.flag-icon-qa.flag-icon-squared {
    background-image: url(../flags/1x1/qa.svg)
}

.flag-icon-re {
    background-image: url(../flags/4x3/re.svg)
}

.flag-icon-re.flag-icon-squared {
    background-image: url(../flags/1x1/re.svg)
}

.flag-icon-ro {
    background-image: url(../flags/4x3/ro.svg)
}

.flag-icon-ro.flag-icon-squared {
    background-image: url(../flags/1x1/ro.svg)
}

.flag-icon-rs {
    background-image: url(../flags/4x3/rs.svg)
}

.flag-icon-rs.flag-icon-squared {
    background-image: url(../flags/1x1/rs.svg)
}

.flag-icon-ru {
    background-image: url(../flags/4x3/ru.svg)
}

.flag-icon-ru.flag-icon-squared {
    background-image: url(../flags/1x1/ru.svg)
}

.flag-icon-rw {
    background-image: url(../flags/4x3/rw.svg)
}

.flag-icon-rw.flag-icon-squared {
    background-image: url(../flags/1x1/rw.svg)
}

.flag-icon-sa {
    background-image: url(../flags/4x3/sa.svg)
}

.flag-icon-sa.flag-icon-squared {
    background-image: url(../flags/1x1/sa.svg)
}

.flag-icon-sb {
    background-image: url(../flags/4x3/sb.svg)
}

.flag-icon-sb.flag-icon-squared {
    background-image: url(../flags/1x1/sb.svg)
}

.flag-icon-sc {
    background-image: url(../flags/4x3/sc.svg)
}

.flag-icon-sc.flag-icon-squared {
    background-image: url(../flags/1x1/sc.svg)
}

.flag-icon-sd {
    background-image: url(../flags/4x3/sd.svg)
}

.flag-icon-sd.flag-icon-squared {
    background-image: url(../flags/1x1/sd.svg)
}

.flag-icon-se {
    background-image: url(../flags/4x3/se.svg)
}

.flag-icon-se.flag-icon-squared {
    background-image: url(../flags/1x1/se.svg)
}

.flag-icon-sg {
    background-image: url(../flags/4x3/sg.svg)
}

.flag-icon-sg.flag-icon-squared {
    background-image: url(../flags/1x1/sg.svg)
}

.flag-icon-sh {
    background-image: url(../flags/4x3/sh.svg)
}

.flag-icon-sh.flag-icon-squared {
    background-image: url(../flags/1x1/sh.svg)
}

.flag-icon-si {
    background-image: url(../flags/4x3/si.svg)
}

.flag-icon-si.flag-icon-squared {
    background-image: url(../flags/1x1/si.svg)
}

.flag-icon-sj {
    background-image: url(../flags/4x3/sj.svg)
}

.flag-icon-sj.flag-icon-squared {
    background-image: url(../flags/1x1/sj.svg)
}

.flag-icon-sk {
    background-image: url(../flags/4x3/sk.svg)
}

.flag-icon-sk.flag-icon-squared {
    background-image: url(../flags/1x1/sk.svg)
}

.flag-icon-sl {
    background-image: url(../flags/4x3/sl.svg)
}

.flag-icon-sl.flag-icon-squared {
    background-image: url(../flags/1x1/sl.svg)
}

.flag-icon-sm {
    background-image: url(../flags/4x3/sm.svg)
}

.flag-icon-sm.flag-icon-squared {
    background-image: url(../flags/1x1/sm.svg)
}

.flag-icon-sn {
    background-image: url(../flags/4x3/sn.svg)
}

.flag-icon-sn.flag-icon-squared {
    background-image: url(../flags/1x1/sn.svg)
}

.flag-icon-so {
    background-image: url(../flags/4x3/so.svg)
}

.flag-icon-so.flag-icon-squared {
    background-image: url(../flags/1x1/so.svg)
}

.flag-icon-sr {
    background-image: url(../flags/4x3/sr.svg)
}

.flag-icon-sr.flag-icon-squared {
    background-image: url(../flags/1x1/sr.svg)
}

.flag-icon-ss {
    background-image: url(../flags/4x3/ss.svg)
}

.flag-icon-ss.flag-icon-squared {
    background-image: url(../flags/1x1/ss.svg)
}

.flag-icon-st {
    background-image: url(../flags/4x3/st.svg)
}

.flag-icon-st.flag-icon-squared {
    background-image: url(../flags/1x1/st.svg)
}

.flag-icon-sv {
    background-image: url(../flags/4x3/sv.svg)
}

.flag-icon-sv.flag-icon-squared {
    background-image: url(../flags/1x1/sv.svg)
}

.flag-icon-sx {
    background-image: url(../flags/4x3/sx.svg)
}

.flag-icon-sx.flag-icon-squared {
    background-image: url(../flags/1x1/sx.svg)
}

.flag-icon-sy {
    background-image: url(../flags/4x3/sy.svg)
}

.flag-icon-sy.flag-icon-squared {
    background-image: url(../flags/1x1/sy.svg)
}

.flag-icon-sz {
    background-image: url(../flags/4x3/sz.svg)
}

.flag-icon-sz.flag-icon-squared {
    background-image: url(../flags/1x1/sz.svg)
}

.flag-icon-tc {
    background-image: url(../flags/4x3/tc.svg)
}

.flag-icon-tc.flag-icon-squared {
    background-image: url(../flags/1x1/tc.svg)
}

.flag-icon-td {
    background-image: url(../flags/4x3/td.svg)
}

.flag-icon-td.flag-icon-squared {
    background-image: url(../flags/1x1/td.svg)
}

.flag-icon-tf {
    background-image: url(../flags/4x3/tf.svg)
}

.flag-icon-tf.flag-icon-squared {
    background-image: url(../flags/1x1/tf.svg)
}

.flag-icon-tg {
    background-image: url(../flags/4x3/tg.svg)
}

.flag-icon-tg.flag-icon-squared {
    background-image: url(../flags/1x1/tg.svg)
}

.flag-icon-th {
    background-image: url(../flags/4x3/th.svg)
}

.flag-icon-th.flag-icon-squared {
    background-image: url(../flags/1x1/th.svg)
}

.flag-icon-tj {
    background-image: url(../flags/4x3/tj.svg)
}

.flag-icon-tj.flag-icon-squared {
    background-image: url(../flags/1x1/tj.svg)
}

.flag-icon-tk {
    background-image: url(../flags/4x3/tk.svg)
}

.flag-icon-tk.flag-icon-squared {
    background-image: url(../flags/1x1/tk.svg)
}

.flag-icon-tl {
    background-image: url(../flags/4x3/tl.svg)
}

.flag-icon-tl.flag-icon-squared {
    background-image: url(../flags/1x1/tl.svg)
}

.flag-icon-tm {
    background-image: url(../flags/4x3/tm.svg)
}

.flag-icon-tm.flag-icon-squared {
    background-image: url(../flags/1x1/tm.svg)
}

.flag-icon-tn {
    background-image: url(../flags/4x3/tn.svg)
}

.flag-icon-tn.flag-icon-squared {
    background-image: url(../flags/1x1/tn.svg)
}

.flag-icon-to {
    background-image: url(../flags/4x3/to.svg)
}

.flag-icon-to.flag-icon-squared {
    background-image: url(../flags/1x1/to.svg)
}

.flag-icon-tr {
    background-image: url(../flags/4x3/tr.svg)
}

.flag-icon-tr.flag-icon-squared {
    background-image: url(../flags/1x1/tr.svg)
}

.flag-icon-tt {
    background-image: url(../flags/4x3/tt.svg)
}

.flag-icon-tt.flag-icon-squared {
    background-image: url(../flags/1x1/tt.svg)
}

.flag-icon-tv {
    background-image: url(../flags/4x3/tv.svg)
}

.flag-icon-tv.flag-icon-squared {
    background-image: url(../flags/1x1/tv.svg)
}

.flag-icon-tw {
    background-image: url(../flags/4x3/tw.svg)
}

.flag-icon-tw.flag-icon-squared {
    background-image: url(../flags/1x1/tw.svg)
}

.flag-icon-tz {
    background-image: url(../flags/4x3/tz.svg)
}

.flag-icon-tz.flag-icon-squared {
    background-image: url(../flags/1x1/tz.svg)
}

.flag-icon-ua {
    background-image: url(../flags/4x3/ua.svg)
}

.flag-icon-ua.flag-icon-squared {
    background-image: url(../flags/1x1/ua.svg)
}

.flag-icon-ug {
    background-image: url(../flags/4x3/ug.svg)
}

.flag-icon-ug.flag-icon-squared {
    background-image: url(../flags/1x1/ug.svg)
}

.flag-icon-um {
    background-image: url(../flags/4x3/um.svg)
}

.flag-icon-um.flag-icon-squared {
    background-image: url(../flags/1x1/um.svg)
}

.flag-icon-us {
    background-image: url(../flags/4x3/us.svg)
}

.flag-icon-us.flag-icon-squared {
    background-image: url(../flags/1x1/us.svg)
}

.flag-icon-uy {
    background-image: url(../flags/4x3/uy.svg)
}

.flag-icon-uy.flag-icon-squared {
    background-image: url(../flags/1x1/uy.svg)
}

.flag-icon-uz {
    background-image: url(../flags/4x3/uz.svg)
}

.flag-icon-uz.flag-icon-squared {
    background-image: url(../flags/1x1/uz.svg)
}

.flag-icon-va {
    background-image: url(../flags/4x3/va.svg)
}

.flag-icon-va.flag-icon-squared {
    background-image: url(../flags/1x1/va.svg)
}

.flag-icon-vc {
    background-image: url(../flags/4x3/vc.svg)
}

.flag-icon-vc.flag-icon-squared {
    background-image: url(../flags/1x1/vc.svg)
}

.flag-icon-ve {
    background-image: url(../flags/4x3/ve.svg)
}

.flag-icon-ve.flag-icon-squared {
    background-image: url(../flags/1x1/ve.svg)
}

.flag-icon-vg {
    background-image: url(../flags/4x3/vg.svg)
}

.flag-icon-vg.flag-icon-squared {
    background-image: url(../flags/1x1/vg.svg)
}

.flag-icon-vi {
    background-image: url(../flags/4x3/vi.svg)
}

.flag-icon-vi.flag-icon-squared {
    background-image: url(../flags/1x1/vi.svg)
}

.flag-icon-vn {
    background-image: url(../flags/4x3/vn.svg)
}

.flag-icon-vn.flag-icon-squared {
    background-image: url(../flags/1x1/vn.svg)
}

.flag-icon-vu {
    background-image: url(../flags/4x3/vu.svg)
}

.flag-icon-vu.flag-icon-squared {
    background-image: url(../flags/1x1/vu.svg)
}

.flag-icon-wf {
    background-image: url(../flags/4x3/wf.svg)
}

.flag-icon-wf.flag-icon-squared {
    background-image: url(../flags/1x1/wf.svg)
}

.flag-icon-ws {
    background-image: url(../flags/4x3/ws.svg)
}

.flag-icon-ws.flag-icon-squared {
    background-image: url(../flags/1x1/ws.svg)
}

.flag-icon-ye {
    background-image: url(../flags/4x3/ye.svg)
}

.flag-icon-ye.flag-icon-squared {
    background-image: url(../flags/1x1/ye.svg)
}

.flag-icon-yt {
    background-image: url(../flags/4x3/yt.svg)
}

.flag-icon-yt.flag-icon-squared {
    background-image: url(../flags/1x1/yt.svg)
}

.flag-icon-za {
    background-image: url(../flags/4x3/za.svg)
}

.flag-icon-za.flag-icon-squared {
    background-image: url(../flags/1x1/za.svg)
}

.flag-icon-zm {
    background-image: url(../flags/4x3/zm.svg)
}

.flag-icon-zm.flag-icon-squared {
    background-image: url(../flags/1x1/zm.svg)
}

.flag-icon-zw {
    background-image: url(../flags/4x3/zw.svg)
}

.flag-icon-zw.flag-icon-squared {
    background-image: url(../flags/1x1/zw.svg)
}

.flag-icon-eu {
    background-image: url(../flags/4x3/eu.svg)
}

.flag-icon-eu.flag-icon-squared {
    background-image: url(../flags/1x1/eu.svg)
}

.flag-icon-gb-eng {
    background-image: url(../flags/4x3/gb-eng.svg)
}

.flag-icon-gb-eng.flag-icon-squared {
    background-image: url(../flags/1x1/gb-eng.svg)
}

.flag-icon-gb-sct {
    background-image: url(../flags/4x3/gb-sct.svg)
}

.flag-icon-gb-sct.flag-icon-squared {
    background-image: url(../flags/1x1/gb-sct.svg)
}

.flag-icon-gb-wls {
    background-image: url(../flags/4x3/gb-wls.svg)
}

.flag-icon-gb-wls.flag-icon-squared {
    background-image: url(../flags/1x1/gb-wls.svg)
}

.flag-icon-un {
    background-image: url(../flags/4x3/un.svg)
}

.flag-icon-un.flag-icon-squared {
    background-image: url(../flags/1x1/un.svg)
}


/*
** TOPBAR
*/

#topbar {
    position: absolute;
    top: 00px;
    left: 0px;
    right: 0;
    height: 40px;
    background: #F3F3F3;
    border-bottom: solid 1px #dAD8D8;
}

#project-upgrade {
    background: #FFC107;
    color: white;
}

#project-upgrade:hover {
    background: #FFA000;
}

.light-gray {
    color: #ECECEC;
    font-weight: bold;
}

#switch-app-container {
    height: 70vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

#topbar-resolutions {
    width: 42px;
    /* margin: auto; */
    text-align: center;
    font-size: 26px;
    color: #424242;
    position: absolute;
    left: 0;
    z-index: 2;
}

#topbar-resolutions-content {
    max-height: 0;
    transition: max-height 0.25s ease-out;
    overflow: hidden;
    float: left;
}

#topbar-resolutions-container {
    float: left;
    width: 60px;
    height: 60px;
    position: relative;
    margin-right: 0px;
    z-index: 100;
}

#topbar-xray-container {
    float: left;
    width: 60px;
    height: 40px;
    cursor: pointer;
    font-size: 14px
}

#topbar-resolutions:hover #topbar-resolutions-content {
    max-height: 500px;
    transition: max-height 0.25s ease-in;
}

#topbar-resolutions .icon:hover {
    background-color: white;
    cursor: pointer;
}

#topbar-resolutions .icon {
    display: block;
    height: 39px;
    width: 60px;
    float: left;
    text-align: center;
    padding-top: 8px;
    background: #F3F3F3;
    padding-bottom: 3px;
    font-size: 16px;
}

#toggle-x-ray {
    padding-top: 10px;
    height: 100%;
    padding-left: 6px;
    padding-right: 6px;
    background: transparent;
    text-align: center;
}

#toggle-x-ray:hover {
    background-color: white;
}

#topbar-resolutions .separators {
    height: 40px;
    width: 1px;
    display: block;
    background-color: white;
    float: left;
}

#topbar-mobile {
    font-size: 29px;
    padding-top: 5px !important;
}

#topbar-tablet,
#topbar-tablet-landscape {
    font-size: 26px;
    width: 100%;
}

#topbar-tablet-landscape {
    overflow: hidden;
}

#topbar-tablet-landscape .fa {
    margin-top: -6px;
}

.topbar-right-block {
    position: absolute;
    font-family: 'Raleway', sans-serif;
    color: black;
    right: 0px;
    font-size: 0px;
}

.topbar-right-block button {
    border: none;
    height: 41px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 4px;
    background-color: transparent;
    min-width: 40px;
    text-align: center;
    border-left: solid 1px #e8e8e8;
}

.topbar-right-block button span {
    padding-right: 6px
}

.topbar-right-block button:hover,
.topbar-right-block .powertour-activehook button {
    background: white;
}

#topbar-undo-button,
#topbar-redo-button {
    color: #607D8B;
}

#topbar-undo-button.enabled,
#topbar-redo-button.enabled {
    color: #424242;
}


/*
 ** BLOG AND SHOP TOPBAR + IFRAME
 */

#translation-container .select2-container {
    width: auto !important;
}

#article-translation {
    width: 40%;
    display: inline-block;
}

#topbar-blog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: #F3F3F3;
    border-bottom: 1px solid #e5e5e5;
}

.topbar-left-block-not-hover:hover {
    background-color: transparent !important;
}

.topbar-left-block-not-hover:hover span {
    color: #2196F3;
}

.topbar-left-block-ellipsis {
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topbar-left-block {
    float: left;
    font-family: 'Raleway', sans-serif;
    color: #212121;
    height: 39px;
    padding: 11px;
    font-size: 14px;
    cursor: pointer;
}

.topbar-left-block:hover {
    background-color: white;
}

#topbar .topbar-left-block:first-child,
#topbar-blog .topbar-left-block:first-child,
#topbar-shop .topbar-left-block:first-child {
    background-color: white;
}

#topbar .topbar-left-block:hover:first-child,
#topbar-blog .topbar-left-block:hover:first-child,
#topbar-shop .topbar-left-block:hover:first-child {
    background-color: #f3f3f3;
}

#appdrag-back-dashboard {
    float: left;
    margin-right: 12px;
    color: #212121;
    padding-right: 0px;
    border-right: solid 0px;
}

.topbar-left-block:hover #appdrag-back-dashboard {
    cursor: pointer;
    color: #E91E63;
    transition: color 0.3s ease;
}

#appdrag-back-dashboard img {
    margin-top: -4px;
    max-width: 100px;
    max-height: 29px;
}

.appdrag-blog-interface .iframe-container {
    position: absolute;
    top: 40px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.ace_editor,
.ace_editor * {
    font-family: 'Cousine', monospace !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.ace_editor .ace_search.right * {
    font-family: 'Roboto' !important;
}


/*@media (max-width:767px) {*/


/*    .appdrag-blog-interface .iframe-container {*/


/*        top: 0;*/


/*    }*/


/*}*/

.appdrag-blog-interface iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    border: none;
}

#back-to-dashboard-btn {
    position: relative;
    z-index: 1000;
    color: #fff;
    top: 17px;
    left: 10px;
}

#back-to-dashboard-btn:hover {
    color: #555;
}


/*
 ** END OF - BLOG AND SHOP TOPBAR + IFRAME
 */

.my-app-preview-image:hover .my-app-preview-image-overflow {
    visibility: visible;
    opacity: 1.0;
}

.my-app-preview-image-overflow .overlay-buttons {
    position: absolute;
    top: 50%;
    left: 12%;
    z-index: 2;
    width: 32%;
    transform: translateY(-50%);
}

#app-listing .my-app-preview-image {
    border: none !important;
}

.my-app-preview-image {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    border: solid 1px #e8e8e8;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    aspect-ratio: 16/9;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

.my-app-preview-image-overflow {
    width: 100%;
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    top: 0px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.my-app-preview-image-overflow img:first-of-type {
    position: absolute;
    top: 50%;
    right: 30%;
    transform: translate(50%, -50%);
    width: 24%;
    background-color: transparent;
}

.my-app-preview-image-overflow img:last-of-type {
    position: absolute;
    top: 50%;
    right: 30.1%;
    transform: translate(50%, -50%);
    z-index: 1;
    border: 1px solid #E2E2E2;
    border-bottom: none;
    width: 21%;
    background-color: transparent;
}

.my-app-preview {
    text-align: center;
}

.my-app-preview img {
    max-width: 100%;
}

.my-app-url {
    padding-top: 0px;
    display: block;
    font-size: 15px;
    color: #03A9F4;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow-x: hidden;
    margin-bottom: 0px;
}

.my-app-buttons {
    padding: 0px;
}

.my-app-buttons .btn {}

.my-app-item {}

.w-1000 {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}


/*
 ** CONTACT MANAGER LISTS
 */

#appdrag-contact-manager .contact-manager-btns .btn {
    font-size: 11px;
    padding: 8px 6px;
}

#appdrag-contact-manager .modal-dialog {
    width: 70% !important;
}

#appdrag-contact-manager .modal-dialog,
#appdrag-contact-manager .modal-content {
    height: 90%;
}

#appdrag-contact-manager .modal-body {
    height: calc(100% - 135px);
    overflow-y: auto;
}

#contact-manager-left {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 180px;
    border-right: solid 1px #CECECE;
}

#contact-manager-right .select2-container {
    width: 200px !important;
}

#contact-manager-lists {
    position: absolute;
    left: 0px;
    top: 60px;
    bottom: 0px;
    right: 0px;
    overflow-y: auto;
}

#contact-manager-list .contact-list {}

#contact-manager-right {
    position: absolute;
    left: 190px;
    right: 10px;
    bottom: 0px;
    top: 0px;
}

#contact-manager-actions table {
    width: 100%;
    height: 60px;
    border-bottom: solid 1px #CECEEC;
}

#contact-manager-actions-2 table {
    width: 100%;
    height: 42px;
}

#contact-manager-list {
    position: absolute;
    width: 100%;
    top: 102px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
}

#contact-manager-lists .contact-list {
    padding: 10px;
    border-bottom: solid 1px #ECECEC;
    cursor: pointer;
}

#appdrag-contact-manager .contact-list:hover {
    color: #2196F3;
}

#appdrag-contact-manager .contact-list-actions {
    font-size: 14px;
    color: #666;
}

#appdrag-contact-manager .contact-list-actions i:hover {
    cursor: pointer;
    color: black;
}

.import-contact-box {
    text-align: center;
}

.import-contact-box img {
    width: 74px;
    margin: auto;
}

.import-contact-box p {
    margin-top: 12px;
    text-align: center;
}

.import-contact-box:hover {
    cursor: pointer;
}

.import-contact-box .import-contact-box-container {
    padding: 34px 10px;
    background-color: #eef3f5;
    border-radius: 6px;
}

.contact-list-box {
    padding: 3px;
    margin-top: 6px;
    border-bottom: solid 1px #DEDEDE;
    width: 98%;
}

.contact-list-load-more {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.contact-list-box table,
.contact-list-box label {
    width: 100%;
    cursor: pointer;
}

.contact-list-box table td {
    vertical-align: middle;
    word-break: break-word;
}

.contact-list-box-icon {
    width: 5%;
}

.contact-list-box-icon span {
    background-color: #3F51B5;
    border-radius: 77px;
    color: white;
    font-size: 18px;
    height: 48px;
    width: 48px;
    display: block;
    text-align: center;
    padding-top: 12px;
}

.contact-list-box-icon span.single {
    background-color: #00BCD4;
    font-weight: 300;
    padding-top: 13px;
    text-transform: uppercase;
    font-size: 17px;
    text-align: center;
}

.contact-list-box-actions {
    width: 14%;
}

.contact-list-box-check {
    text-align: center;
    width: 5%;
}

.contact-list-box-name,
.contact-list-box-mail {
    padding: 10px;
    letter-spacing: 0.05em;
    color: #424242;
    width: 30%;
    font-weight: normal;
}

.contact-list-box-mail {
    text-align: right;
}

.contact-list-box-name {}


/*
**
*/


/*
**
*/

.text-btn {
    font-size: 15px;
    color: #03A9F4;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal !important;
    word-wrap: break-word;
}

.text-btn .fa,
.text-btn .fal {
    width: 16px;
    text-align: center;
    margin-right: 2px;
}

.text-btn:hover {
    color: #2287d8;
    cursor: pointer;
    text-decoration: none;
}

.modal-input-container {
    max-width: 500px;
    text-align: center;
    margin: auto;
    padding: 20px;
}

.modal-input-container p {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Roboto';
}

.modal-input-container .loader {
    display: table;
    width: 100%;
    height: 100%;
}

.modal-input-container .loader i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
}

.modal-input-container input {
    width: 100%;
    padding: 9px;
    border: none;
    border-bottom: solid 1px #CECECE;
}

.modal-input-container input[type="radio"] {
    width: auto;
    margin-right: 8px;
}

.modal-input-container select {
    padding: 9px;
    width: 100%;
    min-height: 34px;
    margin-top: 10px;
    border: solid 1px #CECECE;
}

.modal-input-container .error {
    border: solid 1px #D32F2F;
    color: #D32F2F;
    background-color: #FFCDD2;
    padding: 10px;
    margin-bottom: 10px;
}

.modal-input-container input[type="radio"]:focus {
    outline: none;
}

.modal-input-container input:focus,
.modal-input-container select:focus {
    outline: solid 2px #424242;
}

.modal-input-container .btn {
    margin-top: 10px;
    width: 100%;
}


/*
 ** PNOTIFY
 */


/* -- Notice */

.ui-pnotify {
    top: 25px;
    right: 25px;
    position: absolute;
    height: auto;
    /* Ensures notices are above everything */
    z-index: 99999999999999999999999999999999999999 !important;
}

.ui-pnotify-sticker {
    display: none;
}


/* Hides position: fixed from IE6 */

html>body>.ui-pnotify {
    position: fixed;
}

.ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}

.ui-pnotify-container {
    background-position: 0 0;
    padding: .8em;
    height: 100%;
    margin: 0;
}

.ui-pnotify-container.ui-pnotify-sharp {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ui-pnotify-title {
    display: block;
    margin-bottom: .4em;
    margin-top: 0;
    font-size: 18px;
    font-family: 'Roboto';
}

.ui-pnotify-text {
    display: block;
    font-size: 15px;
    font-family: 'Roboto';
}

.ui-pnotify-icon,
.ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em;
}


/* Alternate stack initial positioning. */

.ui-pnotify.stack-topleft,
.ui-pnotify.stack-bottomleft {
    left: 25px;
    right: auto;
}

.ui-pnotify.stack-bottomright,
.ui-pnotify.stack-bottomleft {
    bottom: 25px;
    top: auto;
}


/*
** PNOTIFY
*/

.ui-pnotify {
    top: 36px;
    right: 36px;
    position: absolute;
    height: auto;
    z-index: 2
}

body>.ui-pnotify {
    position: fixed;
    z-index: 100040
}

.ui-pnotify-modal-overlay {
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}

body>.ui-pnotify-modal-overlay {
    position: fixed;
    z-index: 100039
}

.ui-pnotify.ui-pnotify-in {
    display: block !important
}

.ui-pnotify.ui-pnotify-move {
    transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-slow {
    transition: opacity .6s linear;
    opacity: 0
}

.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
    transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-normal {
    transition: opacity .4s linear;
    opacity: 0
}

.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
    transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-fast {
    transition: opacity .2s linear;
    opacity: 0
}

.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
    transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-in {
    opacity: 1
}

.ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: 0 6px 28px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 6px 28px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 6px 28px 0 rgba(0, 0, 0, .1)
}

.ui-pnotify-container {
    background-position: 0 0;
    padding: .8em;
    height: 100%;
    margin: 0
}

.ui-pnotify-container:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.ui-pnotify-container.ui-pnotify-sharp {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.ui-pnotify-title {
    display: block;
    margin-bottom: 0px;
    margin-top: 0;
    font-size: 15px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-pnotify-text {
    display: block
}

.notify-information .ui-pnotify-container {
    color: #333;
    background: rgba(242, 242, 242, 0.8);
    text-align: center;
}

.notify-information .ui-pnotify-icon {
    display: none;
}

.ui-pnotify-icon,
.ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em;
    padding-top: 2px;
}

.ui-pnotify.stack-bottomleft,
.ui-pnotify.stack-topleft {
    left: 25px;
    right: auto
}

.ui-pnotify.stack-bottomleft,
.ui-pnotify.stack-bottomright {
    bottom: 25px;
    top: auto
}

.ui-pnotify.stack-modal {
    left: 50%;
    right: auto;
    margin-left: -150px
}

.brighttheme {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.brighttheme.ui-pnotify-container {
    padding: 18px
}

.brighttheme .ui-pnotify-title {}

.brighttheme-notice {
    background-color: #FFFFA2;
    border: 0 solid #FF0;
    color: #4F4F00
}

.brighttheme-info {
    background-color: #8FCEDD;
    border: 0 solid #0286A5;
    color: #012831
}

.brighttheme-success {
    background-color: #AFF29A;
    border: 0 solid #35DB00;
    color: #104300
}

.brighttheme-error {
    background-color: #FFABA2;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255, 255, 255, .3) 35px, rgba(255, 255, 255, .3) 70px);
    border: 0 solid #FF1800;
    color: #4F0800
}

.brighttheme-icon-closer,
.brighttheme-icon-info,
.brighttheme-icon-notice,
.brighttheme-icon-sticker,
.brighttheme-icon-success {
    position: relative;
    width: 16px;
    height: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    font-family: "Courier New", Courier, monospace;
    border-radius: 50%
}

.brighttheme-icon-closer:after,
.brighttheme-icon-info:after,
.brighttheme-icon-notice:after,
.brighttheme-icon-sticker:after,
.brighttheme-icon-success:after {
    position: absolute;
    top: 0;
    left: 4px
}

.brighttheme-icon-notice {
    background-color: #2E2E00;
    color: #FFFFA2;
    margin-top: 2px
}

.brighttheme-icon-notice:after {
    content: "!"
}

.brighttheme-icon-info {
    background-color: #012831;
    color: #8FCEDD;
    margin-top: 2px
}

.brighttheme-icon-info:after {
    content: "i"
}

.brighttheme-icon-success {
    background-color: #104300;
    color: #AFF29A;
    margin-top: 2px
}

.brighttheme-icon-success:after {
    content: "\002713"
}

.brighttheme-icon-error {
    position: relative;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid #2E0400;
    font-size: 0;
    line-height: 0;
    color: #FFABA2;
    margin-top: 1px
}

.brighttheme-icon-error:after {
    position: absolute;
    top: 1px;
    left: -4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    font-family: "Courier New", Courier, monospace;
    content: "!"
}

.brighttheme-icon-closer,
.brighttheme-icon-sticker {
    display: inline-block
}

.brighttheme-icon-closer:after {
    top: -4px;
    content: "\002715"
}

.brighttheme-icon-sticker:after {
    top: -5px;
    content: "\01D1BC";
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.brighttheme-icon-sticker.brighttheme-icon-stuck:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.brighttheme .ui-pnotify-action-bar {
    padding-top: 12px
}

.brighttheme .ui-pnotify-action-bar input,
.brighttheme .ui-pnotify-action-bar textarea {
    display: block;
    width: 100%;
    margin-bottom: 12px !important
}

.brighttheme .ui-pnotify-action-button {
    text-transform: uppercase;
    font-weight: 700;
    padding: 4px 8px;
    border: none;
    background: 0 0
}

.brighttheme .ui-pnotify-action-button.btn-primary {
    border: none;
    border-radius: 0
}

.brighttheme-notice .ui-pnotify-action-button.btn-primary {
    background-color: #FF0;
    color: #4F4F00
}

.brighttheme-info .ui-pnotify-action-button.btn-primary {
    background-color: #0286A5;
    color: #012831
}

.brighttheme-success .ui-pnotify-action-button.btn-primary {
    background-color: #35DB00;
    color: #104300
}

.brighttheme-error .ui-pnotify-action-button.btn-primary {
    background-color: #FF1800;
    color: #4F0800
}

.ui-pnotify-closer,
.ui-pnotify-sticker {
    float: right;
    margin-left: .2em
}

.ui-pnotify-container {
    position: relative;
    left: 0;
    opacity: 0.9;
    border-top-right-radius: 5px;
}

.error-msg {
    color: #FF5252;
}

.success-msg {
    color: #4CAF50;
}

@media (max-width:480px) {
    .ui-pnotify-mobile-able.ui-pnotify {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: auto !important;
        font-size: 1.2em;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased;
        font-smoothing: antialiased
    }

    .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-bottom-width: 5px
    }

    .ui-pnotify-mobile-able .ui-pnotify-container {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft,
    .ui-pnotify-mobile-able.ui-pnotify.stack-topleft {
        left: 0;
        right: 0
    }

    .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft,
    .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto
    }

    .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft .ui-pnotify-shadow,
    .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright .ui-pnotify-shadow {
        border-top-width: 5px;
        border-bottom-width: 1px
    }
}


/*
** FUNCTION MODAL PAYMENT
*/

body.noscroll {
    overflow: hidden;
}

body.noscroll .modal {
    display: none !important;
}

#appdrag-modal-payment {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: -10px;
    padding-bottom: 10px;
    right: 0px;
    z-index: 2147483646;
    background: white;
    font-family: 'Roboto';
    font-weight: 400;
    overflow-y: auto;
    font-size: 15px;
}

#appdrag-modal-payment h2 {
    font-size: 21px;
    letter-spacing: 0.05em;
    color: #555;
    font-weight: normal;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 10px;
}

.appdrag-modal-payment-topbar {
    background-color: #f2f5f7;
    border-bottom: 1px solid #ecedee;
}

.appdrag-modal-payment-topbar {
    text-align: center;
}

.appdrag-modal-payment-topbar img {
    text-align: center;
    width: 192px;
    margin-top: 16px;
    margin-bottom: 16px;
    display: inline;
}

.appdrag-modal-payment-topbar .close-modal {
    color: #888;
    position: absolute;
    right: 5%;
    top: 26px;
    line-height: 24px;
    font-size: 16px;
}

.appdrag-modal-payment-topbar .close-modal:hover {
    color: #555;
    cursor: pointer;
}

.appdrag-modal-payment-title {
    border-bottom: 1px solid #CECECE;
    padding-top: 18px;
    padding-bottom: 18px;
    text-align: center;
    font-size: 26px;
    font-family: 'Roboto';
    letter-spacing: 0.05em;
}

#appdrag-modal-payment #payment-box-container {
    display: none;
}

#appdrag-modal-payment .select-offer-btn-container {
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
}

#appdrag-modal-payment .plan-period .price {
    font-weight: normal;
}

#appdrag-modal-payment .plan-period label {
    padding: 20px 0px;
    border-top: solid 1px #ececec;
}

#appdrag-modal-payment .select-offer-btn-container .btn {
    padding: 12px 70px;
    border-radius: 20px;
}

#appdrag-modal-payment .offers-list {
    display: flex;
    flex-wrap: wrap;
}

#appdrag-modal-payment .offer-block {
    border: solid 1px #ececec;
    border-top: solid 5px #ececec;
    margin: 10px;
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
}

#appdrag-modal-payment .single-offer-block {
    max-width: 600px;
    margin: 0 auto;
}

#appdrag-modal-payment .offer-title input[type="radio"] {
    margin-right: 4px;
}

#appdrag-modal-payment .offer-title {
    text-align: center;
    font-size: 18px;
    padding: 20px 0px 4px 0px;
    outline: none;
    font-weight: bold;
}

#appdrag-modal-payment .offer-price {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -2px;
    text-align: center;
}

#appdrag-modal-payment .offer-price-month {
    font-size: 12px;
    font-weight: normal;
    color: #777;
    letter-spacing: 0px;
    display: block;
    margin-top: -6px;
}

#appdrag-modal-payment .offer-info {
    text-align: center;
    padding: 16px 2px;
    font-weight: lighter;
    border-top: solid 1px #f2F2F2;
}

#appdrag-modal-payment .offer-content {
    padding: 10px;
    color: #606060;
    flex-grow: 1;
}

#appdrag-modal-payment .offer-description {
    border-bottom: solid 1px #ececec;
    padding-bottom: 10px;
}

#appdrag-modal-payment .offer-pricing {
    padding-top: 10px;
}

#appdrag-modal-payment .offer-pricing table {
    width: 100%;
}

#appdrag-modal-payment .offer-pricing table tr:hover {
    cursor: pointer;
}

#appdrag-modal-payment .offer-pricing table td {
    padding-top: 5px;
    padding-bottom: 5px;
}

#appdrag-modal-payment .offer-pricing input[type="radio"],
#appdrag-modal-payment .offer-pricing input[type="checkbox"] {
    margin: 0px;
    margin-right: 4px;
    position: relative;
}

#appdrag-modal-payment .offer-pricing table .price {
    text-align: right;
    font-weight: bold;
}

#appdrag-modal-payment .input-wrapper {
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 5px 8px;
    cursor: text;
    box-shadow: 0 1px 3px 0 #e6ebf1;
}

#appdrag-modal-payment .input-wrapper.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

#appdrag-modal-payment .input-wrapper.focused {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

#appdrag-modal-payment .input-wrapper .optional {
    color: #AAA;
}

#appdrag-modal-payment .input-wrapper.required {
    border: solid 1px #F44336;
}

#appdrag-modal-payment .input-wrapper label {
    font-size: 13px;
    color: #666;
    font-weight: normal;
    cursor: text;
}

#appdrag-modal-payment .input-wrapper input,
#appdrag-modal-payment .input-wrapper select {
    border-radius: 0;
    font-size: 16px;
    border: none;
    display: block;
    outline: none;
    width: 100%;
    height: 26px;
}

#appdrag-modal-payment .total-recap {
    font-weight: bold;
}

#appdrag-modal-payment .pay-now,
#appdrag-modal-payment .pay-now-loading {
    padding: 20px 32px;
    border-radius: 28px;
    margin-top: 8px;
}

#appdrag-modal-payment .pay-now:hover {}

#appdrag-modal-payment .payment-card-icons {
    margin-top: 12px;
    margin-bottom: 12px;
    text-align: left;
}

#appdrag-modal-payment .payment-card-icons img {
    width: 42px;
    margin-right: 14px;
    display: inline;
}

#appdrag-modal-payment .loader-modal {
    font-size: 32px;
    margin-top: 200px;
    text-align: center;
}

#appdrag-modal-payment .user-card {
    font-size: 16px;
}

#appdrag-modal-payment .pricing-recap-table.total-line {
    border-top: solid 1px #DEDEDE;
    margin-top: 10px;
}

#appdrag-modal-payment .payment-box {
    padding: 32px;
    display: flex;
}

@media(max-width:767px) {
    #appdrag-modal-payment .payment-box {
        display: block;
    }

    #appdrag-modal-payment .offers-list {
        display: block;
    }

    #appdrag-modal-payment .offer-block {
        margin-top: 14px;
    }
}

#appdrag-modal-payment .offer-block.highlight {
    border-top: solid 5px #FF4081;
}

#appdrag-modal-payment .offer-block.highlight .btn-primary {
    background-color: #FF4081;
}

#appdrag-modal-payment .offer-block.highlight .btn-primary:hover {
    background-color: #E91E63 !important;
}

#appdrag-modal-payment .content-row {
    padding-bottom: 20px;
}

#appdrag-modal-payment .pricing-recap-table {
    width: 100%;
}

#appdrag-modal-payment .pricing-recap-table td {
    vertical-align: top;
    font-size: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 70%;
}

#appdrag-modal-payment .pricing-recap-table td:last-child {
    text-align: right;
}

#appdrag-modal-payment .error-msg {
    color: #FF5252;
}

#appdrag-modal-payment .confirmation-payment {
    text-align: center;
}

#appdrag-modal-payment .confirmation-payment-image {
    margin-top: 102px;
    height: 102px;
}

#appdrag-modal-payment .confirmation-payment-image img {
    width: 102px;
    display: inline;
    height: 102px;
}

#appdrag-modal-payment .confirmation-payment-label {
    font-size: 18px;
    margin-top: 20px;
    font-weight: bold;
}

#appdrag-modal-payment .error-msg-box {
    color: #de4040;
    background: #fddee1;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 4px;
}

#appdrag-modal-payment .total-prorata {
    font-size: 13px;
    color: #666;
}

.select2-selection--multiple {
    height: auto !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container--open {
    z-index: 20000000001;
}

.select2-container .select2-search__field {
    outline: none;
}

.select2-container--default .select2-selection--single {
    display: block;
    width: 100%;
    height: 39px;
    padding: 9px 12px;
    font-size: 13px;
    line-height: 1.5;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #eeeeee;
    border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 20px;
}


/*================================================== Buttons ==================================================== */

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 0px solid transparent;
    border-color: rgba(0, 0, 0, 0);
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 1px;
    white-space: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: 0.03em;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: 0;
    outline-offset: -2px;
}

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

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-gradient {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
}

.btn.btn-rounded {
    border-radius: 20px;
}

.btn-default {
    color: #666666;
    background-color: #f0f0f0;
    border-color: rgba(0, 0, 0, 0.1);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #666666;
    background-color: #eaeaea;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #f0f0f0;
    border-color: #eeeeee;
}

.btn-default .badge {
    color: #f0f0f0;
    background-color: #666666;
}

.btn-default.btn-gradient {
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
}

.btn-default.light {
    background-color: #FAFAFA;
}

.btn-default.light:hover,
.btn-default.light:focus,
.btn-default.light:active,
.btn-default.light.active,
.open>.dropdown-toggle.btn-default.light {
    background-color: #ececec;
}

.btn-default.dark {
    background-color: #e8e8e8;
}

.btn-default.dark:hover,
.btn-default.dark:focus,
.btn-default.dark:active,
.btn-default.dark.active,
.open>.dropdown-toggle.btn-default.dark {
    background-color: #e1e1e1;
}

.btn.btn-primary {
    color: #ffffff;
    background: #4a89dc;
    background: linear-gradient(107deg, #5491e0, #2d75d5);
    border-radius: 4px !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.open>.dropdown-toggle.btn-primary,
.btn.btn-primary.active.focus,
.btn.btn-primary.active:focus,
.btn.btn-primary.active:hover,
.btn.btn-primary:active.focus,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #ffffff;
    background-color: #2a74d6;
    border-color: rgba(0, 0, 0, 0.05);
}

.btn.btn-primary:active,
.btn.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #4a89dc;
    border-color: #4a89dc;
}

.btn-primary .badge {
    color: #4a89dc;
    background-color: #ffffff;
}

.btn-primary.light {
    background-color: #649ae1;
}

.btn-primary.light:hover,
.btn-primary.light:focus,
.btn-primary.light:active,
.btn-primary.light.active,
.open>.dropdown-toggle.btn-primary.light {
    background-color: #3078d7;
}

.btn-primary.dark {
    background-color: #3078d7;
}

.btn-primary.dark:hover,
.btn-primary.dark:focus,
.btn-primary.dark:active,
.btn-primary.dark.active,
.open>.dropdown-toggle.btn-primary.dark {
    background-color: #266ac3;
}

.btn-success {
    color: #ffffff;
    background-color: #70ca63;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #56c046;
    border-color: rgba(0, 0, 0, 0.05);
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #70ca63;
    border-color: #70ca63;
}

.btn-success .badge {
    color: #70ca63;
    background-color: #ffffff;
}

.btn-success.light {
    background-color: #85d27a;
}

.btn-success.light:hover,
.btn-success.light:focus,
.btn-success.light:active,
.btn-success.light.active,
.open>.dropdown-toggle.btn-success.light {
    background-color: #5bc24c;
}

.btn-success.dark {
    background-color: #5bc24c;
}

.btn-success.dark:hover,
.btn-success.dark:focus,
.btn-success.dark:active,
.btn-success.dark.active,
.open>.dropdown-toggle.btn-success.dark {
    background-color: #4cb33d;
}

.btn-info {
    color: #ffffff;
    background-color: #3bafda;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #269dc9;
    border-color: rgba(0, 0, 0, 0.05);
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #3bafda;
    border-color: #3bafda;
}

.btn-info .badge {
    color: #3bafda;
    background-color: #ffffff;
}

.btn-info.light {
    background-color: #55badf;
}

.btn-info.light:hover,
.btn-info.light:focus,
.btn-info.light:active,
.btn-info.light.active,
.open>.dropdown-toggle.btn-info.light {
    background-color: #27a2cf;
}

.btn-info.dark {
    background-color: #27a2cf;
}

.btn-info.dark:hover,
.btn-info.dark:focus,
.btn-info.dark:active,
.btn-info.dark.active,
.open>.dropdown-toggle.btn-info.dark {
    background-color: #228eb6;
}

.btn-warning {
    color: #ffffff;
    background-color: #f6bb42;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #f4ae1d;
    border-color: rgba(0, 0, 0, 0.05);
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f6bb42;
    border-color: #f6bb42;
}

.btn-warning .badge {
    color: #f6bb42;
    background-color: #ffffff;
}

.btn-warning.light {
    background-color: #f7c65f;
}

.btn-warning.light:hover,
.btn-warning.light:focus,
.btn-warning.light:active,
.btn-warning.light.active,
.open>.dropdown-toggle.btn-warning.light {
    background-color: #f5b025;
}

.btn-warning.dark {
    background-color: #f5b025;
}

.btn-warning.dark:hover,
.btn-warning.dark:focus,
.btn-warning.dark:active,
.btn-warning.dark.active,
.open>.dropdown-toggle.btn-warning.dark {
    background-color: #efa50b;
}

.btn-danger {
    color: #ffffff;
    background-color: #e9573f;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #e5391d;
    border-color: rgba(0, 0, 0, 0.05);
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #e9573f;
    border-color: #e9573f;
}

.btn-danger .badge {
    color: #e9573f;
    background-color: #ffffff;
}

.btn-danger.light {
    background-color: #ec6f5a;
}

.btn-danger.light:hover,
.btn-danger.light:focus,
.btn-danger.light:active,
.btn-danger.light.active,
.open>.dropdown-toggle.btn-danger.light {
    background-color: #e63f24;
}

.btn-danger.dark {
    background-color: #e63f24;
}

.btn-danger.dark:hover,
.btn-danger.dark:focus,
.btn-danger.dark:active,
.btn-danger.dark.active,
.open>.dropdown-toggle.btn-danger.dark {
    background-color: #d33218;
}

.btn-alert {
    color: #ffffff;
    background-color: #967adc;
}

.btn-alert:hover,
.btn-alert:focus,
.btn-alert:active,
.btn-alert.active,
.open>.dropdown-toggle.btn-alert {
    color: #ffffff;
    background-color: #7e5cd4;
    border-color: rgba(0, 0, 0, 0.05);
}

.btn-alert:active,
.btn-alert.active,
.open>.dropdown-toggle.btn-alert {
    background-image: none;
}

.btn-alert.disabled,
.btn-alert[disabled],
fieldset[disabled] .btn-alert,
.btn-alert.disabled:hover,
.btn-alert[disabled]:hover,
fieldset[disabled] .btn-alert:hover,
.btn-alert.disabled:focus,
.btn-alert[disabled]:focus,
fieldset[disabled] .btn-alert:focus,
.btn-alert.disabled:active,
.btn-alert[disabled]:active,
fieldset[disabled] .btn-alert:active,
.btn-alert.disabled.active,
.btn-alert[disabled].active,
fieldset[disabled] .btn-alert.active {
    background-color: #967adc;
    border-color: #967adc;
}

.btn-alert .badge {
    color: #967adc;
    background-color: #ffffff;
}

.btn-alert.light {
    background-color: #a992e2;
}

.btn-alert.light:hover,
.btn-alert.light:focus,
.btn-alert.light:active,
.btn-alert.light.active,
.open>.dropdown-toggle.btn-alert.light {
    background-color: #8362d6;
}

.btn-alert.dark {
    background-color: #8362d6;
}

.btn-alert.dark:hover,
.btn-alert.dark:focus,
.btn-alert.dark:active,
.btn-alert.dark.active,
.open>.dropdown-toggle.btn-alert.dark {
    background-color: #704acf;
}

.btn-system {
    color: #ffffff;
    background-color: #37bc9b;
}

.btn-system:hover,
.btn-system:focus,
.btn-system:active,
.btn-system.active,
.open>.dropdown-toggle.btn-system {
    color: #ffffff;
    background-color: #2e9e83;
    border-color: rgba(0, 0, 0, 0.05);
}

.btn-system:active,
.btn-system.active,
.open>.dropdown-toggle.btn-system {
    background-image: none;
}

.btn-system.disabled,
.btn-system[disabled],
fieldset[disabled] .btn-system,
.btn-system.disabled:hover,
.btn-system[disabled]:hover,
fieldset[disabled] .btn-system:hover,
.btn-system.disabled:focus,
.btn-system[disabled]:focus,
fieldset[disabled] .btn-system:focus,
.btn-system.disabled:active,
.btn-system[disabled]:active,
fieldset[disabled] .btn-system:active,
.btn-system.disabled.active,
.btn-system[disabled].active,
fieldset[disabled] .btn-system.active {
    background-color: #37bc9b;
    border-color: #37bc9b;
}

.btn-system .badge {
    color: #37bc9b;
    background-color: #ffffff;
}

.btn-system.light {
    background-color: #48c9a9;
}

.btn-system.light:hover,
.btn-system.light:focus,
.btn-system.light:active,
.btn-system.light.active,
.open>.dropdown-toggle.btn-system.light {
    background-color: #30a487;
}

.btn-system.dark {
    background-color: #30a487;
}

.btn-system.dark:hover,
.btn-system.dark:focus,
.btn-system.dark:active,
.btn-system.dark.active,
.open>.dropdown-toggle.btn-system.dark {
    background-color: #298d74;
}

.btn-dark {
    color: #ffffff;
    background-color: #3b3f4f;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open>.dropdown-toggle.btn-dark {
    color: #ffffff;
    background-color: #2b2e39;
    border-color: rgba(0, 0, 0, 0.05);
}

.btn-dark:active,
.btn-dark.active,
.open>.dropdown-toggle.btn-dark {
    background-image: none;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
    background-color: #3b3f4f;
    border-color: #3b3f4f;
}

.btn-dark .badge {
    color: #3b3f4f;
    background-color: #ffffff;
}

.btn-dark.light {
    background-color: #484d61;
}

.btn-dark.light:hover,
.btn-dark.light:focus,
.btn-dark.light:active,
.btn-dark.light.active,
.open>.dropdown-toggle.btn-dark.light {
    background-color: #2e313d;
}

.btn-dark.dark {
    background-color: #2e313d;
}

.btn-dark.dark:hover,
.btn-dark.dark:focus,
.btn-dark.dark:active,
.btn-dark.dark.active,
.open>.dropdown-toggle.btn-dark.dark {
    background-color: #21232c;
}

.btn-link {
    color: #4a89dc;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
    color: #2363b6;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none;
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33;
    border-radius: 3px;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}

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

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

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

.btn.btn-alt {
    position: relative;
    padding: 7px 11px;
    margin: 5px 3px;
    color: #999;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    background-color: #fbfbfb;
    border-radius: 1px;
    border: 1px solid #EEE;
    border-left: 4px solid #EEE;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.btn.btn-alt.item-active,
.btn.btn-alt:hover,
.btn.btn-alt:hover {
    color: #666;
    background-color: #fefefe;
}

.btn.btn-alt.btn-gradient {
    background-color: #f0f0f0;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.14);
    border-left: 4px solid #DDD;
}

.btn.btn-alt.btn-gradient:hover,
.btn.btn-alt.btn-gradient:hover {
    background-color: #eee;
}

.btn.btn-alt.btn-default {
    border-left-color: #AAA;
}

.btn.btn-alt.btn-primary {
    border-left-color: #4a89dc;
}

.btn.btn-alt.btn-success {
    border-left-color: #70ca63;
}

.btn.btn-alt.btn-info {
    border-left-color: #3bafda;
}

.btn.btn-alt.btn-warning {
    border-left-color: #f6bb42;
}

.btn.btn-alt.btn-danger {
    border-left-color: #e9573f;
}

.btn.btn-alt.btn-alert {
    border-left-color: #967adc;
}

.btn.btn-alt.btn-system {
    border-left-color: #37bc9b;
}

.btn.btn-alt.btn-dark {
    border-left-color: #3b3f4f;
}

.btn.btn-alt.item-checked {
    opacity: 1;
    color: #666;
    border-left-color: #70ca63 !important;
    transition: all 0.2s ease;
}

.alt-btns-hover .btn.btn-alt {
    opacity: 0.5;
}

.alt-btns-hover .btn.btn-alt:hover,
.alt-btns-hover .btn.btn-alt.item-active {
    opacity: 1;
}

.holder-style {
    display: block;
    padding: 9px 16px;
    color: #AAA;
    background-color: #f1f1f1;
    outline: 2px dashed #d9d9d9;
    border: 0;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.holder-style:hover,
.holder-style:focus {
    cursor: pointer;
    color: #777;
    background-color: #EEE;
    outline: 2px dashed #aaa;
    border: 0;
    text-decoration: none;
}

.holder-style.holder-active {
    background-color: #FFF;
    outline-color: #70ca63;
}

.holder-style .holder-icon {
    color: #AAA;
    font-size: 30px;
    padding-bottom: 10px;
}

.holder-style:hover .holder-icon,
.holder-style:focus .holder-icon,
.holder-style.holder-active .holder-icon {
    color: #70ca63;
}


/*=============================================== E. Margin Helpers ================================================= */


/* margin center helper */

.mauto {
    margin-left: auto;
    margin-right: auto;
}

.mn {
    margin: 0 !important;
}

.m1 {
    margin: 1px !important;
}

.m2 {
    margin: 2px !important;
}

.m3 {
    margin: 3px !important;
}

.m4 {
    margin: 4px !important;
}

.m5 {
    margin: 5px !important;
}

.m8 {
    margin: 8px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.m50 {
    margin: 50px !important;
}

.mtn {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mrn {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mbn {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mln {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}


/* Axis Margins (both top/bottom or left/right)
    */

.mv5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mv10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mv15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mv20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mv25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.mv30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mv40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mv50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mv70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.mh5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mh10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mh15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mh20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mh25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mh30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.mh40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.mh50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.mh70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
}


/* Negative Margin Helpers */

.mtn5 {
    margin-top: -5px !important;
}

.mtn10 {
    margin-top: -10px !important;
}

.mtn15 {
    margin-top: -15px !important;
}

.mtn20 {
    margin-top: -20px !important;
}

.mtn30 {
    margin-top: -30px !important;
}

.mrn5 {
    margin-right: -5px !important;
}

.mrn10 {
    margin-right: -10px !important;
}

.mrn15 {
    margin-right: -15px !important;
}

.mrn20 {
    margin-right: -20px !important;
}

.mrn30 {
    margin-right: -30px !important;
}

.mbn5 {
    margin-bottom: -5px !important;
}

.mbn10 {
    margin-bottom: -10px !important;
}

.mbn15 {
    margin-bottom: -15px !important;
}

.mbn20 {
    margin-bottom: -20px !important;
}

.mbn30 {
    margin-bottom: -30px !important;
}

.mln5 {
    margin-left: -5px !important;
}

.mln10 {
    margin-left: -10px !important;
}

.mln15 {
    margin-left: -15px !important;
}

.mln20 {
    margin-left: -20px !important;
}

.mln30 {
    margin-left: -30px !important;
}


/* Vertical Negative Margin "mv" + "n" + "x" */

.mvn5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
}

.mvn10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}

.mvn15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
}

.mvn20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
}

.mvn30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
}


/* Horizontal Negative Margin "mh" + "n" + "x" */

.mhn5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.mhn10 {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.mhn15 {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.mhn20 {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.mhn30 {
    margin-left: -30px !important;
    margin-right: -30px !important;
}


/*================================================== Progress Bars ==================================================== */

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 19px;
    margin-bottom: 19px;
    background-color: #ececec;
    border-radius: 1px;
    box-shadow: none;
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    min-width: 45px;
    font-weight: 600;
    line-height: 19px;
    padding-top: 4px;
    color: #ffffff;
    text-align: center;
    background-color: #999999;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
    min-width: 30px;
}

.progress-bar[aria-valuenow="0"] {
    min-width: 30px;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: black;
}

.progress {
    height: 18px;
    border-radius: 2px;
}

.progress.progress-bar-xxs {
    height: 3px;
    border-radius: 2px;
}

.progress.progress-bar-xxs .progress-bar {
    line-height: 3px;
}

.progress.progress-bar-xs {
    height: 6px;
    border-radius: 2px;
}

.progress.progress-bar-xs .progress-bar {
    line-height: 6px;
}

.progress.progress-bar-sm {
    height: 10px;
    border-radius: 2px;
}

.progress.progress-bar-sm .progress-bar {
    line-height: 10px;
}

.progress.progress-bar-lg {
    height: 20px;
}

.progress.progress-bar-lg .progress-bar {
    line-height: 20px;
}

.progress.progress-bar-xl {
    height: 24px;
}

.progress.progress-bar-xl .progress-bar {
    line-height: 24px;
}

.progress.right .progress-bar {
    float: right;
}

.progress.vertical {
    height: 100%;
    min-height: 200px;
    width: 22px;
    position: relative;
}

.progress.vertical .progress-bar {
    width: 100%;
    position: absolute;
    font-size: 11px;
    line-height: 20px;
}

.progress.vertical.bottom .progress-bar {
    bottom: 0;
}

.progress {
    height: 24px;
    border-radius: 2px;
}

.progress.vertical.progress-bar-sm {
    width: 16px;
}

.progress.vertical.progress-bar-lg {
    width: 30px;
}

.progress.vertical.progress-bar-xl {
    width: 40px;
}

.progress-bar-default {
    background-color: #999999;
}

.progress-bar-default.light {
    background-color: #a2a2a2;
}

.progress-bar-default.dark {
    background-color: #909090;
}

.progress-striped .progress-bar-default {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-primary {
    background-color: #4a89dc;
}

.progress-bar-primary.light {
    background-color: #5993df;
}

.progress-bar-primary.dark {
    background-color: #3b7fd9;
}

.progress-striped .progress-bar-primary {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-success {
    background-color: #70ca63 !important;
}

.progress-bar-success.light {
    background-color: #7ccf70;
}

.progress-bar-success.dark {
    background-color: #64c556;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #3bafda;
}

.progress-bar-info.light {
    background-color: #4ab5dd;
}

.progress-bar-info.dark {
    background-color: #2ca9d7;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #f6bb42 !important;
}

.progress-bar-warning.light {
    background-color: #f7c153;
}

.progress-bar-warning.dark {
    background-color: #f5b531;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #e9573f !important;
}

.progress-bar-danger.light {
    background-color: #eb654f;
}

.progress-bar-danger.dark {
    background-color: #e7492f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-alert {
    background-color: #967adc;
}

.progress-bar-alert.light {
    background-color: #a188e0;
}

.progress-bar-alert.dark {
    background-color: #8b6cd8;
}

.progress-striped .progress-bar-alert {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-system {
    background-color: #37bc9b;
}

.progress-bar-system.light {
    background-color: #3ec7a5;
}

.progress-bar-system.dark {
    background-color: #33ae90;
}

.progress-striped .progress-bar-system {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-dark {
    background-color: #3b3f4f;
}

.progress-bar-dark.light {
    background-color: #434759;
}

.progress-bar-dark.dark {
    background-color: #333745;
}

.progress-striped .progress-bar-dark {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}


/*================================================== Typography ==================================================== */

h2,
.h2 {
    font-size: 24px;
}

h3,
.h3 {
    font-size: 18px;
}

h4,
.h4 {
    font-size: 15px;
}

h5,
.h5 {
    font-size: 13px;
}

h6,
.h6 {
    font-size: 11px;
    color: #999999;
}

.cursor-pointer {
    cursor: pointer;
}

#fine-uploader-s3 .preview-link {
    display: block;
    width: 100%;
}

.text-white {
    color: #ffffff;
}

a.text-white:hover {
    color: #808080;
}

.text-white-light {
    color: #ffffff;
}

.text-white-lighter {
    color: #ffffff;
}

.text-white-dark {
    color: #f6f6f6;
}

.text-white-darker {
    color: #ececec;
}

.text-muted {
    color: #999999;
}

a.text-muted:hover {
    color: #191919;
}

.text-muted-light {
    color: #a2a2a2;
}

.text-muted-lighter {
    color: #acacac;
}

.text-muted-dark {
    color: #909090;
}

.text-muted-darker {
    color: #868686;
}

.text-primary {
    color: #4a89dc;
}

a.text-primary:hover {
    color: #061221;
}

.text-primary-light {
    color: #5993df;
}

.text-primary-lighter {
    color: #6a9ee2;
}

.text-primary-dark {
    color: #3b7fd9;
}

.text-primary-darker {
    color: #2a74d6;
}

.text-success {
    color: #4CAF50;
}

.text-error {
    color: #F44336;
}

a.text-success:hover {
    color: #0f220c;
}

.text-success-light {
    color: #7ccf70;
}

.text-success-lighter {
    color: #8ad480;
}

.text-success-dark {
    color: #64c556;
}

.text-success-darker {
    color: #56c046;
}

.text-info {
    color: #3bafda;
}

a.text-info:hover {
    color: #030e13;
}

.text-info-light {
    color: #4ab5dd;
}

.text-info-lighter {
    color: #5bbce0;
}

.text-info-dark {
    color: #2ca9d7;
}

.text-info-darker {
    color: #269dc9;
}

.text-warning {
    color: #FF9800;
}

a.text-warning:hover {
    color: #362503;
}

.text-warning-light {
    color: #f7c153;
}

.text-warning-lighter {
    color: #f8c867;
}

.text-warning-dark {
    color: #f5b531;
}

.text-warning-darker {
    color: #f4ae1d;
}

.text-danger {
    color: #e9573f;
}

a.text-danger:hover {
    color: #250904;
}

.text-danger-light {
    color: #eb654f;
}

.text-danger-lighter {
    color: #ed7561;
}

.text-danger-dark {
    color: #e7492f;
}

.text-danger-darker {
    color: #e5391d;
}

.text-alert {
    color: #967adc;
}

a.text-alert:hover {
    color: #211245;
}

.text-alert-light {
    color: #a188e0;
}

.text-alert-lighter {
    color: #ae98e4;
}

.text-alert-dark {
    color: #8b6cd8;
}

.text-alert-darker {
    color: #7e5cd4;
}

.text-system {
    color: #37bc9b;
}

a.text-system:hover {
    color: #000000;
}

.text-system-light {
    color: #3ec7a5;
}

.text-system-lighter {
    color: #4ecbac;
}

.text-system-dark {
    color: #33ae90;
}

.text-system-darker {
    color: #2e9e83;
}

.text-dark {
    color: #3b3f4f;
}

a.text-dark:hover {
    color: #000000;
}

.text-dark-light {
    color: #434759;
}

.text-dark-lighter {
    color: #4b5065;
}

.text-dark-dark {
    color: #333745;
}

.text-dark-darker {
    color: #2b2e39;
}


/*================================================== Input Groups ==================================================== */

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 45px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33;
    border-radius: 3px;
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 45px;
    line-height: 45px;
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    min-width: 40px;
    padding: 9px 12px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #4a89dc;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 0px;
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 0px;
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 17px;
    border-radius: 3px;
}

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

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

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn>.btn {
    position: relative;
}

.input-group-btn>.btn+.btn {
    margin-left: -1px;
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: -1px;
}


/*================================================== Forms ==================================================== */

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

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 19px;
    font-size: 19.5px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 0;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 10px;
    font-size: 13px;
    line-height: 1.5;
    color: #555555;
}

.form-control {
    display: block;
    width: 100%;
    height: 39px;
    padding: 9px 12px;
    font-size: 13px;
    line-height: 1.5;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #eeeeee;
    border-radius: 0px;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.form-control:focus {
    border-color: #75a5e4;
    outline: 0;
}

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

.form-control:-ms-input-placeholder {
    color: #a7a7a7;
}

.form-control::-webkit-input-placeholder {
    color: #a7a7a7;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #fafafa;
    opacity: 1;
}

textarea.form-control {
    height: auto;
}

textarea.form-control {
    resize: vertical;
}

textarea.textarea-grow {
    height: 39px;
    resize: none;
}

textarea.textarea-grow:focus {
    height: auto;
    resize: vertical;
}

.input-hero .form-control {
    padding: 14px 25px;
    height: 60px;
    background: #f9f9f9;
    border: 1px solid #DDD;
    font-size: 16px;
    border-radius: 3px;
}

input[type="search"] {
    -webkit-appearance: none;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    line-height: 39px;
    line-height: 1.5 \0;
}

input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
    line-height: 30px;
}

input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
    line-height: 45px;
}

.form-group {
    margin-bottom: 15px;
}

.modal-input-container .form-group {
    text-align: left;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    min-height: 19px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,
.checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

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

.input-sm,
.form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

.input-lg,
.form-horizontal .form-group-lg .form-control {
    height: 45px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33;
    border-radius: 3px;
}

select.input-lg {
    height: 45px;
    line-height: 45px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 48.75px;
}

.form-control-feedback {
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 2;
    display: block;
    width: 39px;
    height: 39px;
    line-height: 39px;
    text-align: center;
}

.input-lg+.form-control-feedback {
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-primary .help-block,
.has-primary .control-label,
.has-primary .radio,
.has-primary .checkbox,
.has-primary .radio-inline,
.has-primary .checkbox-inline,
.has-primary .append-icon {
    color: #4a89dc;
}

.has-primary .form-control {
    border-color: #75a5e4;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-primary .form-control:focus {
    border-color: #276ecc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #9fc1ed;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #9fc1ed;
}

.has-primary .input-group-addon {
    color: #4a89dc;
    border-color: #4a89dc;
    background-color: #75a5e4;
}

.has-primary .form-control-feedback {
    color: #4a89dc;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success .append-icon {
    color: #70ca63;
}

.has-success .form-control {
    border-color: #93d789;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
    border-color: #4fbb3f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #b6e4af;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #b6e4af;
}

.has-success .input-group-addon {
    color: #70ca63;
    border-color: #70ca63;
    background-color: #93d789;
}

.has-success .form-control-feedback {
    color: #70ca63;
}

.has-info .help-block,
.has-info .control-label,
.has-info .radio,
.has-info .checkbox,
.has-info .radio-inline,
.has-info .checkbox-inline,
.has-info .append-icon {
    color: #3bafda;
}

.has-info .form-control {
    border-color: #66c1e2;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-info .form-control:focus {
    border-color: #2494be;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #91d2ea;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #91d2ea;
}

.has-info .input-group-addon {
    color: #3bafda;
    border-color: #3bafda;
    background-color: #66c1e2;
}

.has-info .form-control-feedback {
    color: #3bafda;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning .append-icon {
    color: #f6bb42;
}

.has-warning .form-control {
    border-color: #f8cd73;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
    border-color: #f4a911;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #fbdea3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #fbdea3;
}

.has-warning .input-group-addon {
    color: #f6bb42;
    border-color: #f6bb42;
    background-color: #f8cd73;
}

.has-warning .form-control-feedback {
    color: #f6bb42;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error .append-icon {
    color: #e9573f;
}

.has-error .form-control {
    border-color: #ee7f6d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: #dc3519;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #f3a79b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #f3a79b;
}

.has-error .input-group-addon {
    color: #e9573f;
    border-color: #e9573f;
    background-color: #f08b7a;
}

.has-error .form-control-feedback {
    color: #e9573f;
}

.has-alert .help-block,
.has-alert .control-label,
.has-alert .radio,
.has-alert .checkbox,
.has-alert .radio-inline,
.has-alert .checkbox-inline,
.has-alert .append-icon {
    color: #967adc;
}

.has-alert .form-control {
    border-color: #b6a2e7;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-alert .form-control:focus {
    border-color: #7652d1;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #d6cbf1;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #d6cbf1;
}

.has-alert .input-group-addon {
    color: #967adc;
    border-color: #967adc;
    background-color: #ac96e3;
}

.has-alert .form-control-feedback {
    color: #967adc;
}

.has-system .help-block,
.has-system .control-label,
.has-system .radio,
.has-system .checkbox,
.has-system .radio-inline,
.has-system .checkbox-inline,
.has-system .append-icon {
    color: #37bc9b;
}

.has-system .form-control {
    border-color: #58ceb1;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-system .form-control:focus {
    border-color: #2b957a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #7fdac3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #7fdac3;
}

.has-system .input-group-addon {
    color: #37bc9b;
    border-color: #37bc9b;
    background-color: #58ceb1;
}

.has-system .form-control-feedback {
    color: #37bc9b;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a6a6a6;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

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

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }

    .form-inline .input-group>.form-control {
        width: 100%;
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }

    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 29px;
}

.form-horizontal .form-group {
    margin-left: -11px;
    margin-right: -11px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 10px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 11px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.3px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
}


/*=============================================== E. PANEL TABS ----------------------------------------------- Panel Tab Navigation must be placed inside ".panel-heading" see Docs for example =================================================
    */

.panel-tabs {
    position: absolute;
    bottom: 0;
    right: 0;
}


/* tabs */

.panel-tabs>li {
    position: relative;
    float: left;
    margin-bottom: -1px;
}

.panel-tabs>li>a {
    line-height: 18px;
    border-radius: 0;
    padding: 10px 18px;
    border-left: 1px solid #DDD;
    font-size: 12px;
    color: #777;
}


/* hover and active states */

.panel-tabs>li>a:hover {
    background-color: transparent;
}

.panel-tabs>li.active>a,
.panel-tabs>li.active>a:hover,
.panel-tabs>li.active>a:focus {
    color: #555555;
    cursor: default;
    background: #ffffff;
}


/* Panel Tab Alignments */

.panel-tabs-left {
    left: 0;
}

.panel-tabs-left>li>a {
    border-right: 1px solid #DDD;
    border-left: 1px solid transparent;
}

.panel-tabs.panel-tabs-border>li.active:after {
    background: #4a89dc;
}


/* TAB NAVIGATION - ALT STYLE: BORDER */

.tabs-border.nav-tabs>li.active>a,
.tabs-border-bottom .nav-tabs>li.active>a {
    border-top-color: #4a89dc;
}


/* TAB NAVIGATION - ALT STYLE: BORDER */

.tabs-border.tabs-left>li.active>a,
.tabs-border .tabs-left>li.active>a {
    border-left-color: #4a89dc;
}


/* TAB NAVIGATION - ALT STYLE: BORDER */

.tabs-border.tabs-right>li.active>a,
.tabs-border .tabs-right>li.active>a {
    border-right-color: #4a89dc;
}


/* TAB NAVIGATION -
    ALT STYLE: BORDER */

.tabs-border-bottom.nav-tabs>li.active>a,
.tabs-border-bottom .nav-tabs>li.active>a {
    border-bottom-color: #4a89dc;
}

a {
    color: #03A9F4;
    text-decoration: none;
}

a,
a .fa {
    transition: color 0.5s ease;
    /*i just moved this from anchor*/
}

a:hover,
a:active,
a:focus,
a:hover:not(.btn-primary) .fa,
a:active .fa,
a:focus .fa {
    color: #2196F3;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    .appdrag-modal-payment-topbar img {
        text-align: center;
        width: 120px;
        margin-top: 23px;
        margin-bottom: 16px;
        display: inline;
    }
}


/*
** CHECKBOX AND RADIO
*/

.checkbox-custom {
    padding-left: 20px;
    font-size: 14px;
}

.checkbox-custom {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox-custom input[type="checkbox"]:checked+label::after {
    color: #ffffff;
}

.checkbox-custom input[type="checkbox"]:checked+label::before {
    background-color: #71b6f9;
    border-color: #71b6f9;
}

.checkbox-custom label::before {
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    background-color: #ffffff;
    border-radius: 2px;
    border: 1px solid #cccccc;
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin-left: -20px;
    position: absolute;
    transition: 0.3s ease-in-out;
    width: 16px;
    outline: none !important;
    top: 2px;
}

.checkbox-custom input[type="checkbox"]:checked+label::after {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
}

.checkbox-custom label::after {
    color: #555555;
    display: inline-block;
    font-size: 11px;
    height: 16px;
    left: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    position: absolute;
    top: 2px;
    width: 16px;
}

.checkbox-custom input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: none !important;
}

.checkbox-custom label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
}

.radio {
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

.radio+.radio {
    margin-top: 7px;
}

.radio input[type='radio'] {
    display: none;
}

.radio input+span {
    display: inline-block;
    position: relative;
    padding-left: 25px;
}

.radio input+span:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0px;
    border-radius: 50%;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    background: #fff;
}

.radio input+span:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #03A9F4;
    position: absolute;
    border-radius: 50%;
    top: 5px;
    left: 3px;
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

.radio input:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}


/*
** FA PICKER
*/


/*!
 * Font Awesome Icon Picker
 * http://mjolnic.github.io/fontawesome-iconpicker/
 *
 * Originally written by (c) 2014 Javier Aguilar @mjolnic
 * Licensed under the MIT License
 * https://github.com/mjolnic/fontawesome-iconpicker/blob/master/LICENSE
 *
 */

.iconpicker-popover.popover {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    max-width: none;
    padding: 1px;
    text-align: left;
    width: 242px;
    background: #f7f7f7
}

.iconpicker-popover.popover.top,
.iconpicker-popover.popover.topLeftCorner,
.iconpicker-popover.popover.topLeft,
.iconpicker-popover.popover.topRight,
.iconpicker-popover.popover.topRightCorner {
    margin-top: -10px
}

.iconpicker-popover.popover.right,
.iconpicker-popover.popover.rightTop,
.iconpicker-popover.popover.rightBottom {
    margin-left: 10px
}

.iconpicker-popover.popover.bottom,
.iconpicker-popover.popover.bottomRightCorner,
.iconpicker-popover.popover.bottomRight,
.iconpicker-popover.popover.bottomLeft,
.iconpicker-popover.popover.bottomLeftCorner {
    margin-top: 10px
}

.iconpicker-popover.popover.left,
.iconpicker-popover.popover.leftBottom,
.iconpicker-popover.popover.leftTop {
    margin-left: -10px
}

.iconpicker-popover.popover.inline {
    margin: 0 0 14px 0;
    position: relative;
    display: inline-block;
    opacity: 1;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    max-width: 100%;
    box-shadow: none;
    z-index: auto;
    vertical-align: top
}

.iconpicker-popover.popover.inline>.arrow {
    display: none
}

.dropdown-menu .iconpicker-popover.inline {
    margin: 0;
    border: none
}

.dropdown-menu.iconpicker-container {
    padding: 0
}

.iconpicker-popover.popover .popover-title {
    padding: 14px;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px solid #ebebeb;
    background-color: #f7f7f7
}

.iconpicker-popover.popover .popover-title input[type=search].iconpicker-search {
    margin: 0 0 2px 0
}

.iconpicker-popover.popover .popover-title-text~input[type=search].iconpicker-search {
    margin-top: 14px
}

.iconpicker-popover.popover .popover-content {
    padding: 0px;
    text-align: center
}

.iconpicker-popover .popover-footer {
    float: none;
    clear: both;
    padding: 14px;
    text-align: right;
    margin: 0;
    border-top: 1px solid #ebebeb;
    background-color: #f7f7f7
}

.iconpicker-popover .popover-footer:before,
.iconpicker-popover .popover-footer:after {
    content: " ";
    display: table
}

.iconpicker-popover .popover-footer:after {
    clear: both
}

.iconpicker-popover .popover-footer .iconpicker-btn {
    margin-left: 10px
}

.iconpicker-popover .popover-footer input[type=search].iconpicker-search {
    margin-bottom: 14px
}

.iconpicker-popover.popover>.arrow,
.iconpicker-popover.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.iconpicker-popover.popover>.arrow {
    border-width: 11px
}

.iconpicker-popover.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.iconpicker-popover.popover.top>.arrow,
.iconpicker-popover.popover.topLeft>.arrow,
.iconpicker-popover.popover.topRight>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px
}

.iconpicker-popover.popover.top>.arrow:after,
.iconpicker-popover.popover.topLeft>.arrow:after,
.iconpicker-popover.popover.topRight>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.iconpicker-popover.popover.topLeft>.arrow {
    left: 14px;
    margin-left: 0
}

.iconpicker-popover.popover.topRight>.arrow {
    left: auto;
    right: 14px;
    margin-left: 0
}

.iconpicker-popover.popover.right>.arrow,
.iconpicker-popover.popover.rightTop>.arrow,
.iconpicker-popover.popover.rightBottom>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.iconpicker-popover.popover.right>.arrow:after,
.iconpicker-popover.popover.rightTop>.arrow:after,
.iconpicker-popover.popover.rightBottom>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.iconpicker-popover.popover.rightTop>.arrow {
    top: auto;
    bottom: 14px;
    margin-top: 0
}

.iconpicker-popover.popover.rightBottom>.arrow {
    top: 14px;
    margin-top: 0
}

.iconpicker-popover.popover.bottom>.arrow,
.iconpicker-popover.popover.bottomRight>.arrow,
.iconpicker-popover.popover.bottomLeft>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px
}

.iconpicker-popover.popover.bottom>.arrow:after,
.iconpicker-popover.popover.bottomRight>.arrow:after,
.iconpicker-popover.popover.bottomLeft>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.iconpicker-popover.popover.bottomLeft>.arrow {
    left: 14px;
    margin-left: 0
}

.iconpicker-popover.popover.bottomRight>.arrow {
    left: auto;
    right: 14px;
    margin-left: 0
}

.iconpicker-popover.popover.left>.arrow,
.iconpicker-popover.popover.leftBottom>.arrow,
.iconpicker-popover.popover.leftTop>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.iconpicker-popover.popover.left>.arrow:after,
.iconpicker-popover.popover.leftBottom>.arrow:after,
.iconpicker-popover.popover.leftTop>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.iconpicker-popover.popover.leftBottom>.arrow {
    top: 14px;
    margin-top: 0
}

.iconpicker-popover.popover.leftTop>.arrow {
    top: auto;
    bottom: 14px;
    margin-top: 0
}

.iconpicker {
    position: relative;
    text-align: left;
    text-shadow: none;
    line-height: 0;
    display: block;
    margin: 0;
    overflow: hidden
}

.iconpicker * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative
}

.iconpicker:before,
.iconpicker:after {
    content: " ";
    display: table
}

.iconpicker:after {
    clear: both
}

.iconpicker .iconpicker-items {
    position: relative;
    clear: both;
    float: none;
    padding: 14px 0 0 14px;
    background: #fff;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
    min-height: 55px;
    max-height: 275px
}

.iconpicker .iconpicker-items:before,
.iconpicker .iconpicker-items:after {
    content: " ";
    display: table
}

.iconpicker .iconpicker-items:after {
    clear: both
}

.iconpicker .iconpicker-item {
    float: left;
    width: 14px;
    height: 14px;
    padding: 14px;
    margin: 0 14px 14px 0;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    font-size: 14px;
    box-shadow: 0 0 0 1px #ddd
}

.iconpicker .iconpicker-item:hover:not(.iconpicker-selected) {
    background-color: #eee
}

.iconpicker .iconpicker-item.iconpicker-selected {
    box-shadow: none
}

.iconpicker-component {
    cursor: pointer
}


/*
** DISPLAY AFTER LOADING
*/

body {
    display: block;
}