/* Minification failed. Returning unminified contents.
(7007,33): run-time error CSS1046: Expect comma, found '0'
(7007,37): run-time error CSS1046: Expect comma, found '/'
(7034,378): run-time error CSS1046: Expect comma, found '0'
(7034,382): run-time error CSS1046: Expect comma, found '/'
(7051,36): run-time error CSS1046: Expect comma, found '0'
(7051,40): run-time error CSS1046: Expect comma, found '/'
(8715,40): run-time error CSS1030: Expected identifier, found ' '
(8715,49): run-time error CSS1031: Expected selector, found '!important'
(8715,49): run-time error CSS1025: Expected comma or open brace, found '!important'
(8715,62): run-time error CSS1019: Unexpected token, found '}'
 */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.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;
    }

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -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 {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -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 {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.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: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -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 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    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 {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        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 {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-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% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-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-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

/*---------------------------------------------------------------/*-----------------------------------------------------------------------------------------------------------------------------
    This file contains css from Site.css, Site_OnlinePortal, and Site_Colour.css.
    Many classes from Site_OnlinePortal have been overwritten to display purple rather than blue. 
    For example, class btn-op-darkish-blue now has shades of purple instead of blue for background-color and border-color.
    Most comments from the respective css files have been been carried over.
-----------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------*/
/*    Site.css 								    */
/*----------------------------------------------*/
html, body {
    width: 100%;
    min-height: 100% !important;
    height: 100%;
    font-family: 'Oswald', sans-serif !important;
    font-size: 14px;
    background-color: #fff !important;
    text-align: left;
}

header, footer, nav, section {display: block;}

/* Styles for basic forms */
fieldset {border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0;}

legend {font-size: 1.2em; font-weight: bold;}

textarea {min-height: 75px;}


input[type="checkbox"] { /* Hide the native checkbox */ -webkit-appearance: none; width: 17px; height: 17px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.64); background-position: center; border: solid 1px rgba(0, 0, 0, 0.2); }
input[type="checkbox"]:checked { background-size: 10px 10px; background-image: url(font-awesome/6.4.0/svgs/regular/check.svg); background-repeat: no-repeat; color: black; font-weight: 300; }
input[type="checkbox"]:disabled { background-color: rgba(0, 0, 0, 0.1); background-position: center; border: solid 1px rgba(0, 0, 0, 0.2); }
input[type="checkbox"]:disabled:checked { background-size: 10px 10px; background-image: url(font-awesome/6.4.0/svgs/regular/check.svg); background-repeat: no-repeat; color: darkgrey; font-weight: 300; }

input[type="checkbox"]:focus { outline: -webkit-focus-ring-color none; }

input[type="radio"] { /* Hide the native radio */ -webkit-appearance: none; width: 12px; height: 12px; border-radius: 10px; background-color: rgba(255, 255, 255, 1.0); background-position: center; border: solid 1px rgba(0, 0, 0, 0.2); }
input[type="radio"]:checked{ background-size: 6px 6px; background-image: url(font-awesome/6.4.0/svgs/solid/circle.svg); background-repeat: no-repeat; color: black; font-weight: 300; }
input[type="radio"]:focus { outline: -webkit-focus-ring-color none; }
input[type="radio"]:disabled { background-color: rgba(0, 0, 0, 0.2); background-position: center; border: solid 1px rgba(0, 0, 0, 0.1); }
input[type="radio"]:disabled:checked { background-size: 6px 6px; background-image: url(font-awesome/6.4.0/svgs/solid/circle.svg); background-repeat: no-repeat; color: darkgrey; font-weight: 300; }
.radio-label-padding { padding-left: 5px; padding-right: 15px; }
.coi-radio-label-padding { float:left; width:80%; padding-left:10px }

.editor-label {margin: 1em 0 0 0;} 
.editor-field {margin: 0.5em 0 0 0;}
.noresize { resize: none; }
.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {margin: 1px !important;}
.k-numeric-wrap.k-expand-padding {padding-right: 3px; }

.k-autocomplete.k-state-default .k-input,
.k-combobox .k-state-default .k-input,
.k-picker-wrap.k-state-default .k-input, 
.k-numeric-wrap.k-state-default .k-input, 
.k-multiselect-wrap, 
.k-multiselect-float-wrap, 
.k-slider-track, 
.k-slider-selection, 
.k-progress-status-wrap {
   -webkit-box-shadow: none !important; 
   box-shadow: none !important;
   margin:1px;
   border: none!important;
}
span.k-autocomplete { height: auto !important; }
.k-autocomplete .form-control, .k-autocomplete .rgmp-op-form-control { height: auto !important; width: 99%; }

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-numeric-wrap:before, .k-webkit .k-picker-wrap:before { padding-bottom: 0em; }
.k-combobox .k-dropdown-wrap:before, .k-numeric-wrap:before, .k-picker-wrap:before {padding-bottom: 0em;}
.k-button.k-state-hover {
    background-color: #891c5a !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.dropdown-xs{font-size: 100%;}
.dropdown-sm{font-size: 120%;}
.dropdown-lg{font-size: 140%;}
.underline{text-decoration: underline;}

/* Styles for validation helpers*/
.field-validation-error {color: #f00;}
.field-validation-valid {display: none;}
.input-validation-error {border: 1px solid #f00;background-color: #fee;}

.validation-summary-errors {font-weight: bold; color: #f00;}
.validation-summary-valid {display: none;}

.rgmp-renderbody-row { padding-top: 0.4%;}
.rgmpContainer { padding-top: 50px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; margin-right: auto; margin-left: auto;}
.rgmpAdvisorDesktopContainer { padding-top: 10px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; margin-right: auto; margin-left: auto;}
.rgmpProductTitle { color: #A39161; font-size: 24px; font-weight: bold;}
.rgmpMenu {margin-right: 0; margin-left: 0; background-color: #ddd; border-width: 1px; border-radius: 4px 4px 0 0; box-shadow: none;}
.rgmpMenuItem {padding-top: .25%;}

.impersonateLabel {font-size: 14px; font-weight: bold;}
.impersonateInput {font-size: 14px; width: 100%;}

.filteractions {padding-left: 1%; padding-right: 1%;}
.filteraction {padding-top:.5%;}
.filteraction {padding-top:.5%;}

.scrollable-dropdown-menu {height: auto; max-height: 200px;overflow-x: hidden;}
.advance-filter-label {font-weight: bold;}
.advance-filter-input-text{width: 80%;}
.jqx-grid-cell-filter{background-color: Yellow;}

img { max-width: 100%; }

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .hide-me-tablet {
        display: none;
    }
}

/* css loader styles */
body.loading { overflow: hidden; }
body.loading .modal-loading { display: block; }

.modal-loading { display: none; position: fixed; z-index: 1000000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 100, 100, 100, .4 ); }
.modal-spinner {
	position: fixed; z-index: 1000001; top: -100px; left: 0; height: 100%; width: 100%; background: rgba( 0, 0, 0, .0 ) url('./Images/Standard/loader.png') 50% 50% no-repeat;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 1000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-ms-keyframes spin {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); } 
    to { transform:rotate(360deg); }
}

/* Are these used anywhere?
.rgmp-label-primary-gold { background-color: #A39161; }
.rgmp-label-primary-blue { background-color: #00447C; }
.rgmp-label-primary-midblue { background-color: #759AB7; }
.rgmp-label-primary-softblue { background-color: #B8CBDA; }
.rgmp-label-primary-darkgrey { background-color: #3F3F3F; }
.rgmp-label-primary-softgrey { background-color: #BFBFBF; }
*/
.hidden-skip-link { padding: 0.75rem; padding-bottom: 1.25rem; position: absolute; background: #890c58; color: #fff; left: 50%; height: 50px; transform: translateY(-100%); transition: transform 0.3s; opacity: 0; z-index: 999; text-decoration:none;}
    .hidden-skip-link:focus { transform: translateY(0%); opacity: 1; border: 2px solid; border-color: #890c58; text-decoration: underline; color: #fff; }

/* rgmp panel classes */
.rgmp-panel-heading {}
.rgmp-panel-sub-heading {font-weight: bold;}
.rgmp-panel-label-class {font-size: 14px;margin-top: 10px;margin-bottom: 10px;font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;}
.rgmp-panel-data-class {font-size: 14px;margin-top: 10px;margin-bottom: 10px;font-family: inherit;font-weight:600;line-height: 1.1;color: inherit;}

/* rgmp navbar classes */
.rgmp-navbar { border-radius: 4px; position: relative; min-height: 50px; border: 1px solid transparent;}
.navbar-main { background-color: #f8f8f8; border-color: #e7e7e7; }
.rgmp-navbar-sub { border-radius: 4px; position: relative; min-height: 50px; border: 1px solid transparent;}
.navbar-sub { border-color: #e7e7e7; }

/* rgmp seperator classes */
.rgmp-hr-seperator {margin-top:0px!important;}

.canvas-container {margin-right: auto; margin-left: auto; width: 300px;}
.rgmp-input-container {padding-top: 2%;}
.rgmp-select-container {padding-top: 4%;}
.rgmp-message-panel-item:hover{ border-color: transparent; border-color:#999;  background: #e8e8e8; cursor: pointer; }
.rgmp-positive-balance{ color: green; }
.rgmp-negative-balance { color: #d0011b; }
.rgmp-filter-dropdown-row:hover{ cursor: pointer;}
.rgmp-filter-remove { cursor: pointer; }
.rgmp-fee-breakdown-total {border-top: solid 1px;}
.rgmp-menu-item {}
.rgmp-overlay-menu { background-color: gray; width: 100%; height: 200px; display: block; }

/* new hoverable menu */
.rgmp-row-spacer {padding-bottom: 0.5%;}
.rgmp-menu {height: 55px; line-height: 55px; font-size: 16px; position: relative; background-color: #00447C;}
#rgmp-menu-search {font-size: 16px; position: relative; background-color: #00447C;height: 55px;}
#rgmp-site-menu {height: 55px; line-height: 55px; font-size: 16px; position: relative; min-width: 100%; background-color: #759AB7;}

#rgmp-search-form {top:12px;height:60%;box-shadow: 0 1px rgba(255,255,255,0.09),0 1px rgba(0,0,0,0.2) inset;background-color: #003057;border: none;display: block;border-radius: 18px;position: relative;}
#rgmp-search-form-input {margin-left: 5px;font-size: 16px;background: none;border: none;width: 100%;height: 30px;padding-bottom: 0; color: #fff; line-height: 1.7;}

/*#rgmp-menu-primary {font-size: 16px; position: relative; min-width: 100%; display: block;}*/
#rgmp-menu-primary-site {font-size: 16px; position: relative; min-width: 100%; display: block;}

.rgmp-primary-nav-item {position: relative; height: 55px; display: block; text-decoration: none; color: white;}
.rgmp-primary-nav-item > a { cursor: pointer; text-decoration: none;}
.rgmp-primary-nav-item:hover { cursor: pointer; text-decoration: none; color: white;}

.rgmp-primary-nav-item-site {position: relative; height: 55px; display: block; text-decoration: none; color: white;}
.rgmp-primary-nav-item-site > a { cursor: pointer; text-decoration: none;}
.rgmp-primary-nav-item-site:hover { cursor: pointer; text-decoration: none; color: white;}

.rgmp-primary-menu-item { float: right; position: relative; padding: 0 20px;}
.rgmp-primary-menu-item-left {border-left: 1px solid rgba(0,0,0,0.2); box-shadow: 1px 0 rgba(255,255,255,0.1) inset;}
.rgmp-primary-menu-item:hover:before{background-color: rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;content: "";position: absolute;display: block;height: 100%;width: 100%;top: 0;left: 0;}
.rgmp-primary-menu-item:hover > .rgmp-menu-wrapper{top: 54px; visibility: visible; opacity: 1;}

.rgmp-primary-menu-item-float-left { float: left; position: relative; padding: 0 20px;}
.rgmp-primary-menu-item-float-left:hover:before{background-color: rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;content: "";position: absolute;display: block;height: 100%;width: 100%;top: 0;left: 0;}
.rgmp-primary-menu-item-float-left:hover > .rgmp-menu-wrapper{top: 54px; visibility: visible; opacity: 1;}

.rgmp-menu-wrapper nav { overflow: hidden; display: block;}
.rgmp-menu-wrapper {font-size:14px;position:absolute;top:85px;left:0;z-index:5000000;box-shadow:0 3px 8px 3px rgba(0,0,0,0.1);background-color:#fff;opacity:0;visibility:hidden;-webkit-transition:opacity 0.2s ease,top 0.2s ease;-moz-transition:opacity 0.2s ease,top 0.2s ease;-o-transition:opacity 0.2s ease,top 0.2s ease;transition:opacity 0.2s ease,top 0.2s ease}
.rgmp-menu-wrapper:after {position: absolute;content: "";display: block;background: url('http://cnet4.cbsistatic.com/fly/1046-fly/bundles/cnetcss/images/sprites/main-sa34defa97d.png') 0 -1437px no-repeat;left: 30px;padding-top: 0;top: -5px;height: 5px;width: 11px;}

.rgmp-menu-item-header {}
.rgmp-menu-item-information {}

.rgmp-nav-wrapper {background:#DBDBDB;box-shadow:2px 0 3px -3px rgba(0,0,0,0.4) inset;float:left;left:180px;position:relative;width:450px;display:inline-block;}
.rgmp-nav-wrapper-links {background:white;margin:0;padding:20px 0 20px 20px;width:160px; right: 180px; position: relative;float:left; margin: 0;}
.rgmp-nav-wrapper-links li {display: list-item;text-align:left;position:relative;margin:8px 0;list-style: none;line-height:1.6; }
.rgmp-nav-wrapper-links li:hover:after {content: "";display: block;height: 12px;position: absolute;right: -24px;top: 2px;width: 10px;z-index: 9;background: url('http://cnet3.cbsistatic.com/fly/1055-fly/bundles/cnetcss/images/main/hover-arrow-left.png') no-repeat;}
.rgmp-nav-wrapper-links-title {text-transform: uppercase; margin-top:0;font-weight:600;list-style:none;}
.rgmp-nav-wrapper-information {display:none;padding:20px;position:relative;right:180px;float:left;width:230px;list-style:none; margin:0; }
.rgmp-nav-wrapper-information li {display: list-item;text-align:left;position:relative;margin:8px 0 0 20px;line-height:1.6;}
.rgmp-nav-wrapper-information-title {text-transform: uppercase; margin-top:0;font-weight:600;}

.active { display: block;}
.deactive { display: none;}

.rgmp-nav-wrapper-links a { color: #00447C;display: block; text-decoration: none; cursor: pointer;}
.rgmp-nav-wrapper-links a:hover { color: #B8CBDA; text-decoration: none;}

.rgmp-nav-wrapper-information a { color: #00447C;display: block; text-decoration: none; cursor: pointer;}
.rgmp-nav-wrapper-information a:hover { color: #B8CBDA; text-decoration: none;}
.rgmp-nav-wrapper-primary-submenu-details {text-align:justify;}

.rgmp-dropdown-input-search {text-align:left!important; -webkit-user-select:auto!important;width:100%;}
.rgmp-dropdown-input-readonly {text-align:left!important; -webkit-user-select:auto!important;width:100%;}

.rgmp-server-details{font-size: 10px; color: white;}

/* Page Template for the exported PDF */
.rgmp-page-template {
    font-family: "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.rgmp-page-template .header {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    border-bottom: 1px solid #888;
    color: #888;
}

.rgmp-page-template .disclaimer {
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	border-top: 1px solid #888;
	text-align: center;
	color: #888;
}

.rgmp-page-template .footer {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    border-top: 1px solid #888;
    text-align: center;
    color: #888;
}

.rgmp-page-template .watermark {
    font-weight: bold;
    font-size: 400%;
    text-align: center;
    margin-top: 30%;
    color: #aaaaaa;
    opacity: 0.1;
    transform: rotate(-35deg) scale(1.7, 1.5);
}

/* End of Page Template for the exported PDF */

.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.rgmp-dashboard-panel-primary {margin-top: 10px!important;margin-bottom:10px!important;box-shadow: 10px 10px 5px #888888!important;}
.rgmp-dashboard-panel-navigation{margin-top: 15px;}
.rgmp-dashboard-panel-grid-record{font-size: 11px;}
.rgmp-nopadding-hr {margin-top:0px!important;margin-bottom:5px!important;}
.rgmp-dsahboard-panel-item-order-change {}
.rgmp-dashboard-panel-body {height: 115px!important; overflow-y: hidden;}
.rgmp-dashboard-panel-body-marquee{width: 100%; height: 70px;}
.rgmp-dashboard-panel-icon {margin-top: 14px;}

.rgmp-dropdown-label {margin-top: 4px;}

.panel-primary-rgmp-primaryblue { border-color: #00447C; }
.panel-primary-rgmp-primaryblue > .panel-heading {
  color: #fff;
  background-color: #00447C;
  border-color: #00447C;
}
.panel-primary-rgmp-primaryblue > .panel-heading + .panel-collapse > .panel-body {border-top-color: #00447C;}
.panel-primary-rgmp-primaryblue > .panel-heading .badge {color: #00447C;background-color: #fff;}
.panel-primary-rgmp-primaryblue > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #00447C;}

.rgmp-has-error{border-color: #a94442!important;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.rgmp-has-error-text{color: #a94442!important;}

.rgmp-flag {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 11px;
    background: url('./Images/Standard/ISOFlags.png') no-repeat
}

.rgmp-flag.rgmp-flag-gu {
    background-position: -96px -55px
}

.rgmp-flag.rgmp-flag-mn {
    background-position: -208px -88px
}

.rgmp-flag.rgmp-flag-va {
    background-position: -48px -154px
}

.rgmp-flag.rgmp-flag-tibet {
    background-position: -32px -143px
}

.rgmp-flag.rgmp-flag-fo {
    background-position: -64px -44px
}

.rgmp-flag.rgmp-flag-th {
    background-position: -16px -143px
}

.rgmp-flag.rgmp-flag-tr {
    background-position: -144px -143px
}

.rgmp-flag.rgmp-flag-tl {
    background-position: -80px -143px
}

.rgmp-flag.rgmp-flag-kz {
    background-position: -144px -77px
}

.rgmp-flag.rgmp-flag-zm {
    background-position: -16px -165px
}

.rgmp-flag.rgmp-flag-uz {
    background-position: -32px -154px
}

.rgmp-flag.rgmp-flag-dk {
    background-position: -64px -33px
}

.rgmp-flag.rgmp-flag-scotland {
    background-position: -176px -121px
}

.rgmp-flag.rgmp-flag-gi {
    background-position: -224px -44px
}

.rgmp-flag.rgmp-flag-gy {
    background-position: -128px -55px
}

.rgmp-flag.rgmp-flag-bj {
    background-position: -112px -11px
}

.rgmp-flag.rgmp-flag-fr {
    background-position: -80px -44px
}

.rgmp-flag.rgmp-flag-mo {
    background-position: -224px -88px
}

.rgmp-flag.rgmp-flag-ir {
    background-position: -112px -66px
}

.rgmp-flag.rgmp-flag-io {
    background-position: -80px -66px
}

.rgmp-flag.rgmp-flag-tm {
    background-position: -96px -143px
}

.rgmp-flag.rgmp-flag-ch {
    background-position: -96px -22px
}

.rgmp-flag.rgmp-flag-mt {
    background-position: -32px -99px
}

.rgmp-flag.rgmp-flag-nl {
    background-position: -240px -99px
}

.rgmp-flag.rgmp-flag-gp {
    background-position: -16px -55px
}

.rgmp-flag.rgmp-flag-im {
    background-position: -48px -66px
}

.rgmp-flag.rgmp-flag-tv {
    background-position: -176px -143px
}

.rgmp-flag.rgmp-flag-mu {
    background-position: -48px -99px
}

.rgmp-flag.rgmp-flag-pe {
    background-position: -96px -110px
}

.rgmp-flag.rgmp-flag-vi {
    background-position: -112px -154px
}

.rgmp-flag.rgmp-flag-hn {
    background-position: -176px -55px
}

.rgmp-flag.rgmp-flag-ss {
    background-position: -128px -132px
}

.rgmp-flag.rgmp-flag-ae {
    background-position: -16px 0
}

.rgmp-flag.rgmp-flag-td {
    background-position: -240px -132px
}

.rgmp-flag.rgmp-flag-pw {
    background-position: 0 -121px
}

.rgmp-flag.rgmp-flag-nu {
    background-position: -32px -110px
}

.rgmp-flag.rgmp-flag-bt {
    background-position: -208px -11px
}

.rgmp-flag.rgmp-flag-ms {
    background-position: -16px -99px
}

.rgmp-flag.rgmp-flag-cv {
    background-position: -240px -22px
}

.rgmp-flag.rgmp-flag-es {
    background-position: -224px -33px
}

.rgmp-flag.rgmp-flag-mh {
    background-position: -144px -88px
}

.rgmp-flag.rgmp-flag-la {
    background-position: -160px -77px
}

.rgmp-flag.rgmp-flag-vn {
    background-position: -128px -154px
}

.rgmp-flag.rgmp-flag-py {
    background-position: -16px -121px
}

.rgmp-flag.rgmp-flag-br {
    background-position: -176px -11px
}

.rgmp-flag.rgmp-flag-ye {
    background-position: -224px -154px
}

.rgmp-flag.rgmp-flag-ie {
    background-position: 0 -66px
}

.rgmp-flag.rgmp-flag-gh {
    background-position: -208px -44px
}

.rgmp-flag.rgmp-flag-cg {
    background-position: -80px -22px
}

.rgmp-flag.rgmp-flag-cu {
    background-position: -224px -22px
}

.rgmp-flag.rgmp-flag-hu {
    background-position: -224px -55px
}

.rgmp-flag.rgmp-flag-sg {
    background-position: -224px -121px
}

.rgmp-flag.rgmp-flag-at {
    background-position: -176px 0
}

.rgmp-flag.rgmp-flag-lk {
    background-position: -224px -77px
}

.rgmp-flag.rgmp-flag-vu {
    background-position: -144px -154px
}

.rgmp-flag.rgmp-flag-bo {
    background-position: -160px -11px
}

.rgmp-flag.rgmp-flag-jo {
    background-position: -208px -66px
}

.rgmp-flag.rgmp-flag-er {
    background-position: -208px -33px
}

.rgmp-flag.rgmp-flag-za {
    background-position: -256px -154px
}

.rgmp-flag.rgmp-flag-rs {
    background-position: -80px -121px
}

.rgmp-flag.rgmp-flag-nr {
    background-position: -16px -110px
}

.rgmp-flag.rgmp-flag-ls {
    background-position: -256px -77px
}

.rgmp-flag.rgmp-flag-jm {
    background-position: -192px -66px
}

.rgmp-flag.rgmp-flag-tz {
    background-position: -208px -143px
}

.rgmp-flag.rgmp-flag-ki {
    background-position: -16px -77px
}

.rgmp-flag.rgmp-flag-sj {
    background-position: 0 -132px
}

.rgmp-flag.rgmp-flag-cz {
    background-position: -16px -33px
}

.rgmp-flag.rgmp-flag-pg {
    background-position: -128px -110px
}

.rgmp-flag.rgmp-flag-lv {
    background-position: -32px -88px
}

.rgmp-flag.rgmp-flag-do {
    background-position: -96px -33px
}

.rgmp-flag.rgmp-flag-lu {
    background-position: -16px -88px
}

.rgmp-flag.rgmp-flag-no {
    background-position: -256px -99px
}

.rgmp-flag.rgmp-flag-kw {
    background-position: -112px -77px
}

.rgmp-flag.rgmp-flag-mx {
    background-position: -96px -99px
}

.rgmp-flag.rgmp-flag-yt {
    background-position: -240px -154px
}

.rgmp-flag.rgmp-flag-ly {
    background-position: -48px -88px
}

.rgmp-flag.rgmp-flag-cy {
    background-position: 0 -33px
}

.rgmp-flag.rgmp-flag-ph {
    background-position: -144px -110px
}

.rgmp-flag.rgmp-flag-my {
    background-position: -112px -99px
}

.rgmp-flag.rgmp-flag-sm {
    background-position: -48px -132px
}

.rgmp-flag.rgmp-flag-et {
    background-position: -240px -33px
}

.rgmp-flag.rgmp-flag-ru {
    background-position: -96px -121px
}

.rgmp-flag.rgmp-flag-tj {
    background-position: -48px -143px
}

.rgmp-flag.rgmp-flag-ai {
    background-position: -64px 0
}

.rgmp-flag.rgmp-flag-pl {
    background-position: -176px -110px
}

.rgmp-flag.rgmp-flag-kp {
    background-position: -64px -77px
}

.rgmp-flag.rgmp-flag-uy {
    background-position: -16px -154px
}

.rgmp-flag.rgmp-flag-gb {
    background-position: -112px -44px
}

.rgmp-flag.rgmp-flag-gs {
    background-position: -64px -55px
}

.rgmp-flag.rgmp-flag-kurdistan {
    background-position: -96px -77px
}

.rgmp-flag.rgmp-flag-rw {
    background-position: -112px -121px
}

.rgmp-flag.rgmp-flag-ec {
    background-position: -128px -33px
}

.rgmp-flag.rgmp-flag-mm {
    background-position: -192px -88px
}

.rgmp-flag.rgmp-flag-pa {
    background-position: -80px -110px
}

.rgmp-flag.rgmp-flag-wales {
    background-position: -160px -154px
}

.rgmp-flag.rgmp-flag-kg {
    background-position: -256px -66px
}

.rgmp-flag.rgmp-flag-ve {
    background-position: -80px -154px
}

.rgmp-flag.rgmp-flag-tk {
    background-position: -64px -143px
}

.rgmp-flag.rgmp-flag-ca {
    background-position: -16px -22px
}

.rgmp-flag.rgmp-flag-is {
    background-position: -128px -66px
}

.rgmp-flag.rgmp-flag-ke {
    background-position: -240px -66px
}

.rgmp-flag.rgmp-flag-ro {
    background-position: -64px -121px
}

.rgmp-flag.rgmp-flag-gq {
    background-position: -32px -55px
}

.rgmp-flag.rgmp-flag-pt {
    background-position: -256px -110px
}

.rgmp-flag.rgmp-flag-tf {
    background-position: -256px -132px
}

.rgmp-flag.rgmp-flag-ad {
    background-position: 0 0
}

.rgmp-flag.rgmp-flag-sk {
    background-position: -16px -132px
}

.rgmp-flag.rgmp-flag-pm {
    background-position: -192px -110px
}

.rgmp-flag.rgmp-flag-om {
    background-position: -64px -110px
}

.rgmp-flag.rgmp-flag-an {
    background-position: -112px 0
}

.rgmp-flag.rgmp-flag-ws {
    background-position: -192px -154px
}

.rgmp-flag.rgmp-flag-sh {
    background-position: -240px -121px
}

.rgmp-flag.rgmp-flag-mp {
    background-position: -240px -88px
}

.rgmp-flag.rgmp-flag-gt {
    background-position: -80px -55px
}

.rgmp-flag.rgmp-flag-cf {
    background-position: -64px -22px
}

.rgmp-flag.rgmp-flag-zanzibar {
    background-position: 0 -165px
}

.rgmp-flag.rgmp-flag-mw {
    background-position: -80px -99px
}

.rgmp-flag.rgmp-flag-catalonia {
    background-position: -32px -22px
}

.rgmp-flag.rgmp-flag-ug {
    background-position: -240px -143px
}

.rgmp-flag.rgmp-flag-je {
    background-position: -176px -66px
}

.rgmp-flag.rgmp-flag-km {
    background-position: -32px -77px
}

.rgmp-flag.rgmp-flag-in {
    background-position: -64px -66px
}

.rgmp-flag.rgmp-flag-bf {
    background-position: -48px -11px
}

.rgmp-flag.rgmp-flag-mc {
    background-position: -80px -88px
}

.rgmp-flag.rgmp-flag-sy {
    background-position: -192px -132px
}

.rgmp-flag.rgmp-flag-sn {
    background-position: -64px -132px
}

.rgmp-flag.rgmp-flag-kr {
    background-position: -80px -77px
}

.rgmp-flag.rgmp-flag-eu {
    background-position: -256px -33px
}

.rgmp-flag.rgmp-flag-bn {
    background-position: -144px -11px
}

.rgmp-flag.rgmp-flag-st {
    background-position: -144px -132px
}

.rgmp-flag.rgmp-flag-england {
    background-position: -192px -33px
}

.rgmp-flag.rgmp-flag-lc {
    background-position: -192px -77px
}

.rgmp-flag.rgmp-flag-dm {
    background-position: -80px -33px
}

.rgmp-flag.rgmp-flag-be {
    background-position: -32px -11px
}

.rgmp-flag.rgmp-flag-ni {
    background-position: -224px -99px
}

.rgmp-flag.rgmp-flag-ua {
    background-position: -224px -143px
}

.rgmp-flag.rgmp-flag-mz {
    background-position: -128px -99px
}

.rgmp-flag.rgmp-flag-pf {
    background-position: -112px -110px
}

.rgmp-flag.rgmp-flag-tn {
    background-position: -112px -143px
}

.rgmp-flag.rgmp-flag-ee {
    background-position: -144px -33px
}

.rgmp-flag.rgmp-flag-xk {
    background-position: -208px -154px
}

.rgmp-flag.rgmp-flag-sx {
    background-position: -176px -132px
}

.rgmp-flag.rgmp-flag-sd {
    background-position: -192px -121px
}

.rgmp-flag.rgmp-flag-gd {
    background-position: -128px -44px
}

.rgmp-flag.rgmp-flag-ci {
    background-position: -112px -22px
}

.rgmp-flag.rgmp-flag-sz {
    background-position: -208px -132px
}

.rgmp-flag.rgmp-flag-cl {
    background-position: -144px -22px
}

.rgmp-flag.rgmp-flag-fi {
    background-position: 0 -44px
}

.rgmp-flag.rgmp-flag-ga {
    background-position: -96px -44px
}

.rgmp-flag.rgmp-flag-jp {
    background-position: -224px -66px
}

.rgmp-flag.rgmp-flag-de {
    background-position: -32px -33px
}

.rgmp-flag.rgmp-flag-np {
    background-position: 0 -110px
}

.rgmp-flag.rgmp-flag-re {
    background-position: -48px -121px
}

.rgmp-flag.rgmp-flag-bg {
    background-position: -64px -11px
}

.rgmp-flag.rgmp-flag-sc {
    background-position: -160px -121px
}

.rgmp-flag.rgmp-flag-ng {
    background-position: -208px -99px
}

.rgmp-flag.rgmp-flag-qa {
    background-position: -32px -121px
}

.rgmp-flag.rgmp-flag-mk {
    background-position: -160px -88px
}

.rgmp-flag.rgmp-flag-aw {
    background-position: -208px 0
}

.rgmp-flag.rgmp-flag-kn {
    background-position: -48px -77px
}

.rgmp-flag.rgmp-flag-al {
    background-position: -80px 0
}

.rgmp-flag.rgmp-flag-bw {
    background-position: -240px -11px
}

.rgmp-flag.rgmp-flag-um {
    background-position: -256px -143px
}

.rgmp-flag.rgmp-flag-ky {
    background-position: -128px -77px
}

.rgmp-flag.rgmp-flag-tt {
    background-position: -160px -143px
}

.rgmp-flag.rgmp-flag-so {
    background-position: -80px -132px
}

.rgmp-flag.rgmp-flag-lt {
    background-position: 0 -88px
}

.rgmp-flag.rgmp-flag-by {
    background-position: -256px -11px
}

.rgmp-flag.rgmp-flag-bb {
    background-position: 0 -11px
}

.rgmp-flag.rgmp-flag-us {
    background-position: 0 -154px
}

.rgmp-flag.rgmp-flag-md {
    background-position: -96px -88px
}

.rgmp-flag.rgmp-flag-ag {
    background-position: -48px 0
}

.rgmp-flag.rgmp-flag-hm {
    background-position: -160px -55px
}

.rgmp-flag.rgmp-flag-as {
    background-position: -160px 0
}

.rgmp-flag.rgmp-flag-eg {
    background-position: -160px -33px
}

.rgmp-flag.rgmp-flag-sv {
    background-position: -160px -132px
}

.rgmp-flag.rgmp-flag-sl {
    background-position: -32px -132px
}

.rgmp-flag.rgmp-flag-fk {
    background-position: -32px -44px
}

.rgmp-flag.rgmp-flag-am {
    background-position: -96px 0
}

.rgmp-flag.rgmp-flag-ck {
    background-position: -128px -22px
}

.rgmp-flag.rgmp-flag-tw {
    background-position: -192px -143px
}

.rgmp-flag.rgmp-flag-kh {
    background-position: 0 -77px
}

.rgmp-flag.rgmp-flag-to {
    background-position: -128px -143px
}

.rgmp-flag.rgmp-flag-se {
    background-position: -208px -121px
}

.rgmp-flag.rgmp-flag-cd {
    background-position: -48px -22px
}

.rgmp-flag.rgmp-flag-pn {
    background-position: -208px -110px
}

.rgmp-flag.rgmp-flag-gr {
    background-position: -48px -55px
}

.rgmp-flag.rgmp-flag-id {
    background-position: -256px -55px
}

.rgmp-flag.rgmp-flag-vc {
    background-position: -64px -154px
}

.rgmp-flag.rgmp-flag-somaliland {
    background-position: -96px -132px
}

.rgmp-flag.rgmp-flag-bi {
    background-position: -96px -11px
}

.rgmp-flag.rgmp-flag-pk {
    background-position: -160px -110px
}

.rgmp-flag.rgmp-flag-pr {
    background-position: -224px -110px
}

.rgmp-flag.rgmp-flag-bd {
    background-position: -16px -11px
}

.rgmp-flag.rgmp-flag-co {
    background-position: -192px -22px
}

.rgmp-flag.rgmp-flag-fm {
    background-position: -48px -44px
}

.rgmp-flag.rgmp-flag-bm {
    background-position: -128px -11px
}

.rgmp-flag.rgmp-flag-ar {
    background-position: -144px 0
}

.rgmp-flag.rgmp-flag-bv {
    background-position: -224px -11px
}

.rgmp-flag.rgmp-flag-sb {
    background-position: -144px -121px
}

.rgmp-flag.rgmp-flag-mq {
    background-position: -256px -88px
}

.rgmp-flag.rgmp-flag-eh {
    background-position: -176px -33px
}

.rgmp-flag.rgmp-flag-bh {
    background-position: -80px -11px
}

.rgmp-flag.rgmp-flag-it {
    background-position: -144px -66px
}

.rgmp-flag.rgmp-flag-hr {
    background-position: -192px -55px
}

.rgmp-flag.rgmp-flag-sa {
    background-position: -128px -121px
}

.rgmp-flag.rgmp-flag-mv {
    background-position: -64px -99px
}

.rgmp-flag.rgmp-flag-mg {
    background-position: -128px -88px
}

.rgmp-flag.rgmp-flag-dz {
    background-position: -112px -33px
}

.rgmp-flag.rgmp-flag-gg {
    background-position: -192px -44px
}

.rgmp-flag.rgmp-flag-gm {
    background-position: -256px -44px
}

.rgmp-flag.rgmp-flag-af {
    background-position: -32px 0
}

.rgmp-flag.rgmp-flag-li {
    background-position: -208px -77px
}

.rgmp-flag.rgmp-flag-sr {
    background-position: -112px -132px
}

.rgmp-flag.rgmp-flag-vg {
    background-position: -96px -154px
}

.rgmp-flag.rgmp-flag-cr {
    background-position: -208px -22px
}

.rgmp-flag.rgmp-flag-tc {
    background-position: -224px -132px
}

.rgmp-flag.rgmp-flag-ao {
    background-position: -128px 0
}

.rgmp-flag.rgmp-flag-ma {
    background-position: -64px -88px
}

.rgmp-flag.rgmp-flag-mr {
    background-position: 0 -99px
}

.rgmp-flag.rgmp-flag-gn {
    background-position: 0 -55px
}

.rgmp-flag.rgmp-flag-ne {
    background-position: -176px -99px
}

.rgmp-flag.rgmp-flag-nf {
    background-position: -192px -99px
}

.rgmp-flag.rgmp-flag-wf {
    background-position: -176px -154px
}

.rgmp-flag.rgmp-flag-hk {
    background-position: -144px -55px
}

.rgmp-flag.rgmp-flag-gf {
    background-position: -160px -44px
}

.rgmp-flag.rgmp-flag-ps {
    background-position: -240px -110px
}

.rgmp-flag.rgmp-flag-ic {
    background-position: -240px -55px
}

.rgmp-flag.rgmp-flag-cw {
    background-position: -256px -22px
}

.rgmp-flag.rgmp-flag-ml {
    background-position: -176px -88px
}

.rgmp-flag.rgmp-flag-ax {
    background-position: -224px 0
}

.rgmp-flag.rgmp-flag-gl {
    background-position: -240px -44px
}

.rgmp-flag.rgmp-flag-dj {
    background-position: -48px -33px
}

.rgmp-flag.rgmp-flag-cn {
    background-position: -176px -22px
}

.rgmp-flag.rgmp-flag-ht {
    background-position: -208px -55px
}

.rgmp-flag.rgmp-flag-lr {
    background-position: -240px -77px
}

.rgmp-flag.rgmp-flag-tg {
    background-position: 0 -143px
}

.rgmp-flag.rgmp-flag-ba {
    background-position: -256px 0
}

.rgmp-flag.rgmp-flag-ge {
    background-position: -144px -44px
}

.rgmp-flag.rgmp-flag-bz {
    background-position: 0 -22px
}

.rgmp-flag.rgmp-flag-au {
    background-position: -192px 0
}

.rgmp-flag.rgmp-flag-iq {
    background-position: -96px -66px
}

.rgmp-flag.rgmp-flag-cm {
    background-position: -160px -22px
}

.rgmp-flag.rgmp-flag-gw {
    background-position: -112px -55px
}

.rgmp-flag.rgmp-flag-az {
    background-position: -240px 0
}

.rgmp-flag.rgmp-flag-na {
    background-position: -144px -99px
}

.rgmp-flag.rgmp-flag-fj {
    background-position: -16px -44px
}

.rgmp-flag.rgmp-flag-zw {
    background-position: -32px -165px
}

.rgmp-flag.rgmp-flag-bs {
    background-position: -192px -11px
}

.rgmp-flag.rgmp-flag-il {
    background-position: -16px -66px
}

.rgmp-flag.rgmp-flag-nz {
    background-position: -48px -110px
}

.rgmp-flag.rgmp-flag-me {
    background-position: -112px -88px
}

.rgmp-flag.rgmp-flag-si {
    background-position: -256px -121px
}

.rgmp-flag.rgmp-flag-nc {
    background-position: -160px -99px
}

.rgmp-flag.rgmp-flag-lb {
    background-position: -176px -77px
}

.rgmp-recaptch{transform:scale(0.55);-webkit-transform:scale(0.55);transform-origin:100% 0%;-webkit-transform-origin:100% 0%;float:right;}

.text-align-right {text-align:right;}

.account-digits {width:24px;text-align:center;}

.toggle-button {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.toggle-button:focus {outline: 0;}
.toggle-button .icon-bar {
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 1px;
}
.toggle-button .icon-bar + .icon-bar {margin-top: 4px;}

.label-normal {font-weight: normal !important;}
.label-normal-not-block { font-weight: normal !important; display: inline !important; }

.rgmp-oaa-summary-item-title {}

.rgmp-oaa-summary-subitem-title {text-indent: 20px;}

/*----------------------------------------------*/
/* Site_OnlinePortal combined with Site_Colour  */
/*----------------------------------------------*/

.attachment-flex-start {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    zoom: 1;
    min-height: 0;
}

.k-widget .row *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-grid-toolbar {padding-right: 15px;}

.rgmp-op-form-control{font-size: 1.0em!important; height: 2.4285714285714284em!important;}
.rgmp-op-label-disabled {opacity: 0.65; }

.rgmp-op-nav-img {height: 44px; width: 240px; }
.rgmp-op-container-padding{padding-bottom: 25px!important;}

.rgmp-op-mobile-menu{padding-top:25px;}
.rgmp-op-mobile-menu-item{padding-top:15px; padding-bottom: 10px;}
.rgmp-op-mobile-menu-item > a { cursor: pointer; text-decoration: none; }
.rgmp-op-mobile-menu-footer{padding-top: 15px; }
.rgmp-op-mobile-menu-footer-section-1{padding-top: 10px; padding-left:0px!important; padding-right:0px!important;  }
.rgmp-op-mobile-menu-footer-section-2{padding-top: 15px; }

.rgmp-op-resource-container .fa {color: #01457d!important;}
.rgmp-op-resource-container-link > a { cursor: pointer; text-decoration: underline; color: #890c58 !important; }
.rgmp-op-resource-container-link:hover { cursor: pointer; text-decoration: none; color: #890c58 !important; }
.rgmp-op-holding-summary-container{margin-top:30px;}
.rgmp-op-hyperlink { text-decoration: underline; color: #000000;}

.ThirtySixPX {font-size: 2.5714285714285716em; }
.TwentyFourPX {font-size: 1.7142857142857142em; }
.TwentyEightPX {font-size: 2.000em; }
.TwentyPX {font-size: 1.4285714285714286em; }
.EighteenPX {font-size: 1.2857142857142858em; }
.SixteenPX {font-size: 1.3333333333333333em; }
.FourteenPX {font-size: 1.0em; }
.TwelvePX {font-size: 0.8571428571428571em; }
.ElevenPX {font-size: 0.7857142857142857em;}
.welcome.ThirtySixPX { font-size: 2.5714285714285716em; line-height:1; margin-top:0px; margin-bottom:0px;}
.TwentryFourLH {line-height: 1.7142857142857142em; }
.NineteenLH {line-height: 1.5833333333333333em; }
.FourteenLH {line-height: 1.0em; }

.oswald-light{font-weight: 300!important;}
.oswald-regular{font-weight: 400!important;}
.oswald-bold{font-weight: 500!important;}

.white{color:#ffffff;}
.darkish-blue{color:#891c5a;}
.golden{color: #e6c900;}
.lightblue{color:#7ac4ef;}
.brownish-orange{color:#e36f1e;}
.dusty-blue{color:#6988b2;}
.dark-blue{color:#06336a;}
.lightish-grey{color:#d8d8d8;}
.light-grey{color:#6a6a6a;}
.dark-grey{color:#4a4a4a;}
.darkish-grey{color:#39393a;}
.cool-grey{color:#63666a;}
.green{color:#70ba1e;}
.green-dark { color: #70ba1e; }
.red{color:#d0011b;}

.col-000000 { color: #000000; }
.col-63666a { color: #63666a; }
.col-890c58 { color: #890c58; }
.col-891c5a { color: #891c5a; }
.col-db3b0f { color: #db3b0f; }
.col-6a6a6a { color: #6a6a6a; }
.bk-col-890c58 { background-color: #890c58; }

.rgmp-op-menu-badge { background-color: #db3b0f !important; font-size: 0.8571428571428571em !important; color: white; font-weight: 300; }
.rgmp-op-menu-badge-sm { background-color: #db3b0f !important; font-size: 0.8571428571428571em !important; color: white; font-weight: 300; margin-bottom: 5px; margin-left: 6px; }
.rgmp-op-menu-badge-inverse{background-color:#FFFFFF!important; border: 0px unset; font-size:0.8571428571428571em!important; color: white; }
.rgmp-op-menu-badge-hidden{background-color:#FFFFFF!important; border: 0px unset; font-size:0.8571428571428571em!important; color: white;  visibility:hidden;}

.bk-white{background-color:#ffffff;}
.bk-golden{background-color: #e6c900}
.bk-lightblue{background-color:#7ac4ef}
.bk-brownish-orange{background-color:#e36f1e}
.bk-dusty-blue{background-color:#6988b2}
.bk-dark-blue{background-color:#06336a;}
.bk-darkish-blue{background-color:#01457d;}
.bk-lightish-grey{background-color:#d8d8d8;}
.bk-light-grey{background-color:#6a6a6a;}
.bk-dark-grey{background-color:#4a4a4a;}
.bk-darkish-grey{background-color:#39393a;}
.bk-cool-grey{background-color:#909192}

.nav .fa-check-circle {color: #3c763d!important;}
.nav .fa-times-circle {color: #a94442!important;}

.rgmp-op-enrollment .fa-check-circle {color: #3c763d!important;}
.rgmp-op-enrollment .fa-times-circle {color: #a94442!important;}
.rgmp-op-enrollment .fa-exclamation-triangle {color: #01457d!important;}

.fa-chevron-up { color: #FFFFFF !important; }
.fa-chevron-down { color: #FFFFFF !important; }

.modal-content { overflow-x: hidden !important; }
.modal-content input[type=checkbox] { width: 17px; height: 17px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.64); border: solid 1px rgba(0, 0, 0, 0.2); }
.rgmp-op-setup-container-header { margin-top: 15px; }
.rgmp-op-setup-container-header .fa-check-circle { color: #3c763d !important; }
.rgmp-op-setup-container-header .fa-times-circle { color: #a94442 !important; }
.rgmp-op-setup-container-header .fa-exclamation-triangle { color: #000000 !important; }
.rgmp-invalid {color: #a94442; font-weight:500; font-size:1.0em;}

.rgmp-op-selfenrollmentrequest .rgmpInvalid { color: #a94442; font-weight: 500; font-size: 1.0em; }
.k-multiselect .k-button { color: #fff; border-color: #891c5b; background-color: #891c5a; }
.k-state-selected { color: #fff !important; border-color: #000000 !important; background-color: #63666a !important; box-shadow: inset 0 0 10px 3px #63666a !important; }
.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td { color: #fff !important; border-color: #fff !important; background-color: #63666a !important; box-shadow: inset 0 0 10px 3px #63666a !important; }

.k-calendar td.k-state-selected .k-link { color: #fff !important; border-color: #000000 !important; background-color: #63666a !important; box-shadow: inset 0 0 10px 3px #63666a !important; }

.k-loading-mask { display: none; }
.k-multiselect-wrap > .k-input { color: #63666A; opacity: 1; }
.k-picker-wrap > .k-input { color: #63666A; height: 100%; padding: 6px 1px !important; margin-left: 1px; margin-top: 1px; }
.rgmp-op-data-grid-nofooter .k-footer-template { display: none !important; }
input[type=checkbox] { width: 17px; height: 17px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.64); border: solid 1px rgba(0, 0, 0, 0.2); }
.fa-asterisk { font-size: 0.8em !important; }
input::-ms-reveal { display: none; }

.k-pager-wrap .k-pager-nav { color: #FFFFFF; background-color: #63666a; border-radius: 1px; }
.k-pager-wrap .k-state-disabled { cursor: not-allowed !important; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
.k-pager-wrap .k-link { background-color: #ffffff; color: #000000; text-decoration: none; }
    .k-pager-wrap .k-link:hover { background-color: #63666A; color: #ffffff !important; text-decoration: none; }
.k-pager-wrap .k-state-disabled:hover { background-color: #ffffff !important; color: #000000 !important; text-decoration: none; }
.k-pager-wrap .k-state-disabled > .k-icon:hover { cursor: not-allowed !important; text-decoration: none; }
.k-pager-wrap .k-state-selected { background-color: #63666a; border-color: #891c5a !important; }
.k-pager-wrap .k-current-page { background-color: #63666a; border-color: #891c5a !important; }
.k-pager-numbers .k-link { color: #000000 !important; }

.k-pager-info { }
.rgmp-op-required-checkbox:after { content: " *"; padding-left: 20px; }
.rgmp-op-grid-href { color: #39393a; cursor: pointer; font-weight: 500 !important; text-decoration: underline; }
.k-header > .k-link { font-weight: 500; font-size: 0.8em !important; color: #06336a; }
.k-grid-header { border-style: none !important; }
.k-grid table { table-layout: fixed; }
.k-grid td { font-size: 1em; padding-top: 1px !important; padding-bottom: 1px !important; padding-left: 6px !important; padding-right: 6px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 2.35em; height: 2.35em; }
.k-grid-header-td-style { padding-top: 1px !important; padding-bottom: 1px !important; padding-left: 6px !important; padding-right: 6px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k-grid-header { color: #06336a; font-size: 1.2em; background-color: #d8d8d8; font-weight: 500; padding-right: 0px !important }
.k-grid-header > .k-group-cell { border: none !important; }
.k-pager-info {}

.k-grouping-row { height: 43px; }
    .k-grouping-row > td { color: #ffffff; font-size: 1.0em; background-color: #63666A; font-weight: 500; }
.k-group-footer > td { color: #4a4a4a; font-size: 0.8857142857142857em; font-weight: 500; border: solid 1px #dae1e6; }
.k-footer-template > td { color: #000000; font-size: 0.8857142857142857em; background-color: #d8d8d8; font-weight: 500; border: solid 1px #dae1e6; }

.form-control { border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; }
.input-group-addon { color: #FFFFFF !important; background-color: #891c5a !important; border-radius: 1px !important; border-color: #891c5b !important; }
.input-group-addon-wrap { padding:0px 0px;}
.input-group-addon-btn { color: #FFFFFF !important; background-color: #891c5a !important; border-radius: 0px !important; border: 0 !important; min-width: 30px; text-align: center; box-shadow: none; }
.input-group-addon-span { color: #FFFFFF !important; background-color: #891c5a !important; border-radius: 0px !important; border: 0 !important; min-width: 30px; text-align: center; box-shadow: none; padding:0px 6px;}


.k-upload-action > .k-icon { color: #FFFFFF !important; }
.input-group-btn { color: #FFFFFF !important; background-color: #891c5a !important; border-radius: 1px !important; border-color: #891c5b !important; min-width: 30px; text-align: center;}
.k-select { color: #FFFFFF !important; background-color: #891c5a !important; border-radius: 1px !important; }
.k-numerictextbox .k-numeric-wrap { border: solid .5px #891c5a; border-radius: 1px; margin: 1px; }
.k-multiselect { border: solid .5px #891c5a !important; border-radius: 1px !important; }
.k-multiselect-wrap { margin: 1px !important; border: none !important; }
.k-multiselect:hover { border: solid .5px #891c5a !important; border-radius: 1px !important; }
.k-maskedtextbox .k-textbox { border: solid .5px #891c5a; border-radius: 1px; }
.k-datepicker .k-picker-wrap { border: solid .5px #891c5a; border-radius: 1px; }
.k-dropdown .k-dropdown-wrap { border: solid .5px #891c5a; border-radius: 1px; }
.k-combobox .k-dropdown-wrap { border: solid .5px #891c5a; border-radius: 1px; }
.k-treemap-wrap .k-treemap-tile { word-break: break-word; }

.k-textbox { border: solid .5px #891c5a !important; border-radius: 1px !important; width: 100%; }
.k-textbox:hover { border: solid .5px #891c5a !important; border-radius: 1px !important; width: 100%; }

/*.k-multiselect-wrap .k-input {width:auto !important; }*/
.not-auto-width .k-multiselect-wrap .k-input { width: 100% !important; }

.k-textbox { height: 100% !important; display: block; width: 100%; padding: 6px 2px !important; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.k-textbox:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }

.k-input::-moz-placeholder { color: #999; opacity: 1; }
.k-input:-ms-input-placeholder { color: #999; }
.k-input::-webkit-input-placeholder { color: #999; }

.k-textbox::-moz-placeholder { color: #999; opacity: 1; }
.k-textbox:-ms-input-placeholder { color: #999; }
.k-textbox::-webkit-input-placeholder { color: #999; }
.k-textbox::-ms-expand { background-color: transparent; border: 0; }
.k-textbox[disabled],
.k-textbox[readonly]
fieldset[disabled] .form-control { background-color: #eee; opacity: 1; }
.k-textbox[disabled],
fieldset[disabled] .form-control { cursor: not-allowed; }
.k-tooltip { color: #FFFFFF; font-weight: 500 !important; font-size: 1.1em !important; padding: 6px; z-index: 12000; line-height: normal; background-repeat: repeat-x; background-position: 0 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==) !important; background-color: #000000; text-align: center;}
.k-button.k-upload-button { display: inline-block; margin-bottom: 0; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 1px; color: #FFFFFF; background-color: #01457d; border-color: #130269; }
.rgmp-op-k-file { color: #fff; border-color: #357ebd; background-color: #00447c; padding: 5px 10px 5px 10px; }

.has-error .form-control { border: solid 1.5px #a94442 !important; background: #f2dede; }
.has-error-section { border: solid 1.5px #a94442 !important; background: #f2dede; }
.has-error .k-maskedtextbox .k-textbox { border: solid 1.5px #a94442 !important; background: #f2dede; }
.has-error .k-datepicker .k-picker-wrap { border: solid 1.5px #a94442 !important; background: #f2dede; }
.has-error .k-datetimepicker .k-picker-wrap { border: solid 1.5px #a94442 !important; background: #f2dede; }
.has-error .k-dropdown .k-dropdown-wrap { border: solid 1.5px #a94442 !important; background: #f2dede; }
.has-error .k-combobox .k-dropdown-wrap { border: solid 1.5px #a94442 !important; background: #f2dede; }
.has-error .k-multiselect { border: solid 1.5px #a94442 !important; background: #f2dede; }
.has-error-editor .k-editor-widget { border: solid 1.5px #a94442 !important; background: #f2dede; }

.has-warning .form-control { border: solid 1.5px #8a6d3b !important; background: #ffeeba; }
.has-warning .k-maskedtextbox .k-textbox { border: solid 1.5px #8a6d3b !important; background: #ffeeba;  }
.has-warning .k-datepicker .k-picker-wrap { border: solid 1.5px #8a6d3b !important; background: #ffeeba;  }
.has-warning .k-dropdown .k-dropdown-wrap { border: solid 1.5px #8a6d3b !important; background: #ffeeba;  }
.has-warning .k-combobox .k-dropdown-wrap { border: solid 1.5px #8a6d3b !important; background: #ffeeba;  }
.has-warning .k-multiselect { border: solid 1.5px #8a6d3b !important; background: #ffeeba;  }
.has-warning-editor .k-editor-widget { border: solid 1.5px #8a6d3b !important; background: #ffeeba;  }

.rgmp-op-fa-icon { padding-right: 8px;}
.rgmp-op-fa-btn { padding:2px 6px 2px 6px; border-radius: 1px;}
.rgmp-op-fa-btn:hover { cursor: pointer;  outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.rgmp-op-fa-btn { cursor: not-allowed; padding:2px 6px 2px 6px; border-radius: 1px;}

.rgmp-op-grid-agg-align{ text-align: right;}
.rgmp-op-grid-agg-top {padding-top: 8px;}
.rgmp-op-grid-agg-center {padding-top: 8px; padding-bottom: 8px;}
.rgmp-op-grid-agg-bottom {padding-bottom: 8px;}

.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn:active:focus, 
.btn:focus { outline: 2px auto #890c58; }

.btn-op {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	  touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 1px;
}
.btn-op:focus,
.btn-op:active:focus,
.btn-op.active:focus,
.btn-op.focus,
.btn-op:active.focus,
.btn-op.active.focus {
    outline: 2px auto #890c58; 
}
    .btn-op:hover,
    .btn-op:focus,
    .btn-op.focus { background-color: #63666A; color: #ffffff; text-decoration: none; }
.btn-op:active,
.btn-op.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
		  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-op.disabled,
.btn-op[disabled],
fieldset[disabled] .btn-op {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
		  box-shadow: none;
	opacity: .65;
}
.span-disabled {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.btn-op-splash {
    font-size: 1.286em;
    padding: 10px 16px;
    line-height: 1.3333333;
    border-radius: 6px;
    text-decoration: none;
}

.btn-op-2fa { font-size: 1.0em; width: 10.5em; min-height: 2.4833333333333335em; }
.div-op-2fa { padding:15px;}
.btn-op-lg { font-size: 1.1em; width: 9.666666666666666em; min-height: 2.4833333333333335em; }
.btn-op-md {font-size: 1.0em;width: 9.666666666666666em; min-height: 2.4833333333333335em;}
.btn-op-sm {font-size: 0.8571428571428571em;padding: 5px 10px; line-height:1.5em;}
.btn-op-xs {font-size: 0.8571428571428571em;padding: 1px 5px; line-height:1.5em;}
.btn-op-nw {font-size: 1.0em;min-height: 2.4833333333333335em;}
.btn-op-full {font-size: 1.0em;min-height: 2.4833333333333335em; width:100%;}
.btn-op-icon {font-size: 1.0em;min-height: 2.4833333333333335em; min-width:2.5em;}

.btn-op-darkish-blue { 
	color: #FFFFFF; 
	background-color: #891c5a; 
	border-color: #891c5b; 
}

.alert-maintainenace {
    margin-top: 30px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-darkish-blue { color: #FFFFFF; background-color: #01457d; border-color: #06336a; }
.alert-darkish-blue hr { border-top-color: #f7e1b5; }
.alert-darkish-blue .alert-link { color: #66512c; }

.rgmp-online-portal-menu{padding-top:15px;}
.rgmp-online-portal-menu-container {height: 2.6em; line-height: 2.8em; font-size: 1.0em; background-color: #00447C; }
.rgmp-online-portal-menu-nav { padding-right: 10px; padding-left: 10px; }
.rgmp-online-portal-menu-nav .label-as-badge {border-radius: 10px!important;}

.nav-item-left { float: left; position: relative; padding: 0 20px;}
.nav-item-left:hover:before{background-color: rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;content: "";position: absolute;display: block;height: 100%;width: 100%;top: 0;left: 0;}
.nav-item-left:hover .sub-menu-container{top: 40px; visibility: visible; opacity: 1;}

.nav-item-left .nav-item-link {position: relative; max-height: 40px; height: 40px; display: block; text-decoration: none; color: white;}
.nav-item-link > a { cursor: pointer; text-decoration: none;}
.nav-item-link:hover { cursor: pointer; text-decoration: none; color: white;}

.rgmp-message-link { cursor: pointer;text-decoration: none; }
.messagetextdiv { white-space: normal; word-wrap: break-word; }
.message-text-break { white-space: normal; word-wrap: normal; }

.sub-menu-container {background:#DBDBDB;box-shadow:2px 0 3px -3px rgba(0,0,0,0.4) inset;float:left;left:240px;position:relative;width:245px;display:inline-block;}
.sub-menu-container-links {background:white;margin:0;padding:20px 0 20px 20px;width:220px; right: 240px; position: relative;float:left; margin: 0;}
.sub-menu-container-links li {display: list-item;text-align:left;position:relative;margin:8px 0;list-style: none;line-height:1.6; }
.sub-menu-container-links li:hover:after {
	content: "";
	display: block;
	height: 12px;
	position: absolute;
	right: -24px;
	top: 2px;
	width: 10px;
	z-index: 9;
	background: url('../Content/Images/Standard/hover-arrow-left.png') no-repeat;
}
.sub-menu-container-links-title {text-transform: uppercase; margin-top:0;font-weight:600;list-style:none;}
.sub-menu-container-information {display:none;padding:20px;position:relative;right:180px;float:left;width:230px;list-style:none; margin:0; }
.sub-menu-container-information li {display: list-item;text-align:left;position:relative;margin:8px 0 0 20px;line-height:1.6;}
.sub-menu-container-information-title {text-transform: uppercase; margin-top:0;font-weight:600;}

.rgmp-op-line{background-color: #890c58;}
.rgmp-op-line-height{height:1px;}
.rgmp-op-line-height-2{height:2px;}
.rgmp-op-line-2{background-color: #e1e1e1;}
.rgmp-op-rectangle {height: 16px;background-color: #63666a;}
.rgmp-op-line-2-tablerow { border-bottom-color: #e1e1e1; border-bottom-width:1px; border-bottom-style:solid; }

.marginbottom-ThirtyPX {margin-bottom: 30px;}
.rgmp-op-marginbottom-sm{margin-bottom:6px;}


.col-padding-left{padding-left:15px; padding-right:1px;}
.col-padding-center{padding-left:1px; padding-right:1px;}
.col-padding-right{padding-left:1px; padding-right:15px;}
.rgmp-op-column-option{padding-left:15px;}

.rgmp-op-animate-closed{overflow: hidden;}
.rgmp-op-animate-in {-webkit-animation:1.5s fadeInRightBig ease; animation:1.5s fadeInRightBig ease;}
.rgmp-op-animate-out {-webkit-animation:1.5s fadeOutLeftBig ease; animation:1.5s fadeOutLeftBig ease;}

.rgmp-op-animate-back-out {-webkit-animation:1.5s fadeOutRightBig ease; animation:1.5s fadeOutRightBig ease;}
.rgmp-op-animate-back-in {-webkit-animation:1.5s fadeInLeftBig ease; animation:1.5s fadeInLeftBig ease;}

.rgmp-op-animate-widget-in {-webkit-animation:0.5s fadeInRightBig ease; animation:0.5s fadeInRightBig ease;}
.rgmp-op-animate-widget-out {-webkit-animation:1.0s fadeOutLeftBig ease; animation:1.0s fadeOutLeftBig ease;}
.rgmp-op-animate-widget-in-back {-webkit-animation:0.5s fadeInLeftBig ease; animation:0.5s fadeInLeftBig ease;}
.rgmp-op-animate-widget-out-back {-webkit-animation:1.0s fadeOutRightBig ease; animation:1.0s fadeOutRightBig ease;}

.rgmp-op-animate-complete-in {-webkit-animation:1.0s zoomIn ease; animation:1.0s zoomIn ease;}
.rgmp-op-animate-complete-out {-webkit-animation:1.0s zoomOut ease; animation:1.0s zoomOut ease;}

.rgmp-drag-drop-placeholder{padding: 15px; margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;color: #8a6d3b; background-color: #fcf8e3;border-color: #faebcc;}

.rgmp-section-btn-container{padding-right:0px;}
.rgmp-sm-section-btn-container{padding-right:0px;}
.rgmp-sm-section-container {
    margin-left: 1px;
    margin-right: 1px;
    background-color: #63666a;
    margin-top: 12px;
}
.rgmp-section-btn{height: 43px; width: 74px; background-color: #63666a; border-radius:0px!important; border-color: #ffffff!important;}
.rgmp-section-btn:hover {color: #FFFFFF; background-color: #63666a; border-color: #ffffff!important;}
.rgmp-section-btn:focus {color: #FFFFFF; background-color: #63666a; border-color: #ffffff!important;}

.rgmp-op-event-regular { font-weight: bold; color: #db3b0f; }
.rgmp-op-event-regular { font-weight: bold; color: #db3b0f; }
.k-state-selected .rgmp-op-event-regular { font-weight: bold; color: #ffffff; }

.rgmp-section-btn-sm { height: 30px; width: 50px; background-color: #63666a; border-radius: 0px !important; padding: 0px !important; }
.rgmp-section-btn-sm:hover {color: #FFFFFF; background-color: #63666a; }
.rgmp-section-btn-sm:focus {color: #FFFFFF; background-color: #63666a; }

.rgmp-carosel-cmd-container {height: 43px; width: 74px; background-color: #a39161; border-radius:0px!important; float: right;}

.rgmp-op-widget-container-collapsable {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}
.rgmp-op-widget-container-collapsable-header {
    font-weight: 500 !important;
    padding-left: 5px;
    line-height: 1.5 !important;
}
.rgmp-op-widget-container-override {
    padding-bottom: 5px !important;
}

.rgmp-op-notify-message {padding-top: 15px;}
.rgmp-op-notify-message {padding-top: 15px;}

#overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#infoi {
	z-index: 10;
}
.rotate180 {
    border: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}
.rotate-back {
    border: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}

.rgmp-op-profile.ng-hide-add {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
.rgmp-op-profile.ng-hide-remove {-webkit-animation:0.5s fadeInDown ease;  animation:0.5s fadeInDown ease; }
.rgmp-op-support-custom.ng-hide-add {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
.rgmp-op-support-custom.ng-hide-remove {-webkit-animation:0.5s fadeInDown ease;  animation:0.5s fadeInDown ease; }
.rgmp-op-right-panel.ng-hide-add {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
.rgmp-op-right-panel.ng-hide-remove {-webkit-animation:0.5s fadeInDown ease;  animation:0.5s fadeInDown ease; }
.rgmp-op-addlink.ng-hide-add {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
.rgmp-op-addlink.ng-hide-remove {-webkit-animation:0.5s fadeInDown ease;  animation:0.5s fadeInDown ease; }

.rgmp-op-message-container { background: #fff; overflow-x:hidden; }
.rgmp-op-message-menu-container {border: solid 1px #d8d8d8;}

.rgmp-op-message-menu-container-item { padding:2px 6px 2px 6px; border-radius: 1px;}
.rgmp-op-message-menu-container-item:hover { cursor: pointer;  outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}

.rgmp-op-export { color:#890c58; }
.rgmp-op-export:hover { cursor: pointer; }

.rgmp-op-pricing { margin-top: 8px; padding-left: 10px; color: #01457d; }
.rgmp-op-pricing:hover { cursor: pointer; }

.rgmp-op-message-menu-container-line {background-color: #d8d8d8; height:1px; margin-top:19px; margin-bottom: 19px;}
.rgmp-op-message-result-menu-container {background-image: linear-gradient(to bottom, #f6f6f6, #fafafa);height: 66px; padding-left: 0px!important; padding-right:0px!important; border: solid 1px #d8d8d8; padding-top: 18px;}

.rgmp-op-grid-group-item { font-size: 1.0em; padding-top: 5px; padding-bottom: 5px; padding-right:1px; padding-left: 1px; margin: 0 0 0 0; }
.k-group-footer > td { font-size: 1.0em; padding-top: 5px; padding-bottom: 5px; padding-right:6px; padding-left: 6px; }
.k-footer-template > td { font-size: 1.0em; }
.k-zoom-control {border: none!important;}
.rgmp-op-grid-footer-item { font-size: 1.0em; padding-top: 4px; margin: 0 0 0 0; }
.rgmp-op-grid-footer-item-total {font-size: 1.0em; font-weight: 500; padding-top: 8px; padding-bottom: 5px; margin: 0 0 0 0; }
.rgmp-op-grid-footer-item-mb { overflow: hidden; text-overflow: ellipsis;}
.rgmp-op-holding-grid-footer-item-total {font-size: 1.1em; font-weight: 500; padding-top: 5px; padding-bottom: 5px; margin: 0 0 0 0; }
.rgmp-op-grid-item-right { text-align: right; }

.rgmp-op-ll-item { border: solid 1px #d8d8d8; margin-bottom: 5px;}
.rgmp-op-ll-item > .panel-body {padding: 5px 15px 5px 15px;}
.rgmp-op-lr-item { border: solid 1px #d8d8d8; margin-bottom: 5px;}
.rgmp-op-lr-item > .panel-body {padding: 5px 15px 5px 15px;}

.rgmp-op-select-all {padding-left: 5px; padding-top: 10px; padding-bottom: 10px; background-color: #e0e0e0; margin-bottom: 10px;}
.rgmp-op-select-all-label {padding-left: 5px; }

.rgmp-op-message-wrap {
    display: flex;
    padding:0px;
}
.rgmp-op-message-grid-pane {
    min-height:700px;
    padding:0px;
    flex:1;
}
.rgmp-op-message-toolbar-left-flex {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.rgmp-op-message-toolbar-right-flex {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.rgmp-op-message-toolbar-btn {
    min-width:38px;
}
.rgmp-op-message-preview-pane {
    flex: 1;
    position: relative;
    border-radius: 4px;
    border-color: #ccc;
    padding: 4px;
    border-style: solid;
    border-width: 1px;
    float: left;
}
.rgmp-op-message-preview-pane-item {

    overflow-wrap:normal;
    overflow-y: auto;
    overflow-x: hidden; 
}
.rgmp-op-message-preview-pane-item-desktop {
    overflow-wrap:normal;
    overflow-y: auto;
    overflow-x: hidden; 
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.rgmp-op-tax-event-detail{white-space: normal; margin-bottom: 12px; margin-top: 12px;}
.rgmp-op-holding-group-header{padding-left: 15%;}

.rgmp-op-account-digits {
    display:inline;
    width:28px;
    text-align:center;
    padding:0px;
}

.k-pdf-export .k-grid-toolbar, 
.k-pdf-export .k-grouping-header, 
.k-pdf-export .k-pager-wrap { display: none; }

.rgmp-op-legend{padding-bottom: 3px; font-size: 1.0em;}
.rgmp-op-legend-extra{padding-bottom: 2px; font-size: 0.95em;}
.rgmp-op-legend-sm{color: #39393a;}

.rgmp-op-bluematrix-frame {
    width: 100%;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    min-height: 65em;
}
.rgmp-op-marketdata-frame-container {}
.rgmp-op-marketdata-frame {width:100%; background: #fff;}
.rgmp-op-marketdata-mutual-fund{width:100%; box-shadow: 0 0 4px 0 rgba(0,0,0,.2); background: #fff; padding: 0 15px 0 15px;}
.rgmp-op-marketdata-mutual-fund-inner{background: #f2f2f2; padding: 0 15px 0 15px;}
.rgmp-op-marketdata-frame-scale1 {
	-ms-zoom: 1.1; -moz-transform: scale(1.1); -moz-transform-origin: 0px 0; -o-transform: scale(1.1); -o-transform-origin: 0px 0; -webkit-transform: scale(1.1); -webkit-transform-origin: 0px 0; 
}
.rgmp-op-marketdata-frame-scale2 {
	-ms-zoom: 1.2; -moz-transform: scale(1.2); -moz-transform-origin: 0px 0; -o-transform: scale(1.2); -o-transform-origin: 0px 0; -webkit-transform: scale(1.2); -webkit-transform-origin: 0px 0; 
}

.rgmp-admin-col-lg-1 {float:left; width: 2.33333333%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.rgmp-admin-col-lg-10 {float:left; width: 95.33333334%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.rgmp-op-admin-event .k-content{ height: 100px!important; }

.rgmp-op-acct-input { border-radius: 1px; background-color: #fff; border: solid .5px #891c5a; height: 30px; width: 2.655em; font-size: 1.0em; color: #39393a; display: inline; text-align: center; padding: 0px; background: #FFFFFF; }
.rgmp-op-acct-input-error { border-radius: 1px; background-color: #fff; border: solid 1.5px #a94442 !important; height: 30px; width: 2.655em; font-size: 1.0em; color: #39393a; display: inline; text-align: center; padding: 0px; background: #f2dede }

.rgmp-op-filter-lg{padding-top: 16px;}
.rgmp-op-status-container {}
.rgmp-op-status-inner {background-color:#e0e0e0;}
a.rgmp-op-status-inner-item:hover {
    text-decoration:none;
}
.rgmp-op-status-inner-item {border-color: #891c5b; background-color: #891c5a; color: #ffffff; padding-top:7px; padding-bottom: 7px;}
.rgmp-op-status-inner-item-selected {
    background-color: #891c5a!important;
    border-color: #891c5b!important;
    border-width:1px;
    border-style:solid;
}

.rgmp-op-breadcrumb {margin-bottom: 5px;}
.rgmp-op-document-new{font-weight: 500!important;color: #890c58;}
.rgmp-op-document-archived { font-style:italic; }
.rgmp-doc-type-links { padding: 0; margin: 0; list-style: none; display: flex; }
.jc-center { justify-content: space-evenly; }

.rgmp-doc-type-links > .rgmp-doc-type-links-item-sub { font-weight: 300; color: #890c58; border: none; min-width: 150px; padding-top: 7px; padding-bottom: 7px; }
.rgmp-doc-type-links > .rgmp-doc-type-links-item-sub-selected { font-weight: 300; color: #ffffff; background-color: #890c58; border: none; }

.rgmp-doc-type-links > .rgmp-doc-type-links-item-sub:hover { font-weight: 300; cursor: pointer; text-decoration: none; color: #890c58; }
.rgmp-doc-type-links > .rgmp-doc-type-links-item-sub-selected:hover { font-weight: 300; color: #ffffff; background-color: #890c58; border: none; text-decoration: none; cursor: pointer; }


  /*  .rgmp-doc-type-links > rgmp-doc-type-links-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
        .rgmp-doc-type-links > rgmp-doc-type-links-sub > .rgmp-doc-type-links-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width: 13%; margin-top: 5px; margin-bottom: 5px; }
            .rgmp-doc-type-links > rgmp-doc-type-links-sub > .rgmp-doc-type-links-item-sub > a { font-weight: 300; color: #890c58; }
            .rgmp-doc-type-links > rgmp-doc-type-links-sub > .rgmp-doc-type-links-item-sub:hover { cursor: pointer; text-decoration: none; border-color: #891c5b; border-width:2px; border-style:solid; color: #01457d; }

.rgmp-doc-type-links-item-sub { background-color: #891c5a !important; border-color: #891c5b !important; border-width: 1px; border-style: solid; }
*/
.fa-filter.rgmp-op-export { padding-top: 4px !important;}


.rgmp-sso-overflow {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
}

.rgmp-op-header-container { background-color: #63666a!important;}
.rgmp-op-nav-item > a {color: #890c58;}
.rgmp-op-nav-item > a:hover {cursor: pointer; text-decoration: underline;}
.rgmp-op-nav-active {font-weight: 500!important; color: #000000!important; }
.rgmp-op-support-faq-answer {
    min-height: 17.285714285714285em;
    width: 100%;
    border-radius: 1px;
    background-color: #ffffff;
    border: solid 0.5px #891c5a;
    padding: 10px;
}

.rgmp-op-admin-nav{}
.rgmp-op-admin-item{ height:24px;max-height:24px; float: right;}
.rgmp-op-admin-item-margin {margin-right:12px;}
.rgmp-op-admin-item-badge {position: relative;top: -1.87em;}
.rgmp-op-admin-item > a {text-decoration: none;font-size: 1.3333333333333333em;font-weight: 300;text-align: right; color: #890c58;}
.rgmp-op-admin-active > a {font-weight: 500!important;}

.rgmp-op-menu-wrapper {
    min-width: 12em;
    font-size:1.0em;
    position:absolute;
    top:85px;
    left:-65px;
    z-index:5000000;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); background: #ffffff;
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity 0.2s ease,top 0.2s ease;-moz-transition:opacity 0.2s ease,top 0.2s ease;-o-transition:opacity 0.2s ease,top 0.2s ease;transition:opacity 0.2s ease,top 0.2s ease
}
.rgmp-op-menu-wrapper-body {}
.rgmp-op-menu-title {text-decoration: none; font-size: 1.3333333333333333em; font-weight: 300; color: #01457d; display:inline-block;}
.rgmp-op-menu-wrapper:after {position: absolute;content: "";display: block;background: url('../Content/Images/Standard/hover-arrow-left.png') 0 -1437px no-repeat;padding-top: 0;top: -10px;height: 5px;width: 11px;}
.rgmp-op-admin-item:hover > .rgmp-op-menu-wrapper{top: 48px; visibility: visible; opacity: 1;}

.rgmp-op-menu-wrapper-title {padding-left: 15px;}
.rgmp-op-menu-wrapper-item {padding-top:15px; padding-bottom: 10px;}
.rgmp-op-menu-wrapper-item-sub {padding-top:15px; padding-bottom: 10px;}
.rgmp-op-menu-wrapper-item-sub .rgmp-op-menu-wrapper-sub {
    display:none;position:absolute;right:168px; float:left;min-width:15em;list-style:none; margin:0;margin-top:-5px;z-index:5000000;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); background: #ffffff;
}

.rgmp-op-menu-wrapper-item-sub:hover .rgmp-op-menu-wrapper-sub {
    display: block;
}

.rgmp-ia-summary-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center;}
.rgmp-ia-summary-overlay div { position: relative; font-size: 1.2857142857142858em; color:#000000; margin-top: -17px; top: 40%; }
.rgmp-cl-summary-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center;}
.rgmp-cl-summary-overlay div { position: relative; font-size: 1.2857142857142858em; color:#01457d; margin-top: 20px; }

.rgmp-holding-carousel-overlay { width: 100%; position: absolute; top: 0; left: 0;}
.rgmp-holding-carousel-overlay-inner { position: relative; padding-right:15px; }

.rgmp-filter-break {border-left: #891c5a 1px solid; padding-right: 15px;}
.rgmp-ia-client-detail {min-height: 20px;}

.rgmp-client-item-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background-color: #f5f5f5; }
.rgmp-client-item-overlay-md { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background-color: #f5f5f5; margin-top: 40px; }
.rgmp-client-item-overlay-h { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background-color: #f5f5f5; margin-top: 20px; min-height:15em; padding-right: 15px; padding-left:15px; }
.rgmp-client-item-overlay-div { position: relative; font-size: 1.2857142857142858em; color:#000000; margin-top: -17px; top: 40%; }
.rgmp-client-item-overlay-ia { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background-color: #f5f5f5; margin-top: 20px; min-height:22.5em; padding-right: 15px; padding-left:15px; }
.rgmp-client-item-overlay-ia-d { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background-color: #f5f5f5; margin-top: 20px; min-height:18.0em; padding-right: 15px; padding-left:15px; }


.rgmp-enrollment-wizard {min-height: 27.23em; overflow:hidden;}
.rgmp-op-ia-event { min-height: 5em; overflow: auto; }

.rgmp-op-support-faq-answer a { color:#000000; text-decoration: underline; }

a {color: #39393a;}
a:hover {color: #39393a;}
.btn-primary {background-color: #891c5a;}
    .btn-primary:hover { background-color: #63666A; }
a svg-inline--fa {color: #891c5a;}
.contrastlink {color: #891c5a;}

.btn-primary-rgmp-primaryblue { color: #FFFFFF; background-color: #891c5a; border-color: #891c5b; }
    .btn-primary-rgmp-primaryblue:hover,
    .btn-primary-rgmp-primaryblue:focus,
    .btn-primary-rgmp-primaryblue:active,
    .btn-primary-rgmp-primaryblue.active,
    .open .dropdown-toggle.btn-primary-rgmp-primaryblue { color: #FFFFFF; background-color: #63666A; border-color: #891c5b; } 

.btn-primary-rgmp-primaryblue.disabled,
.btn-primary-rgmp-primaryblue[disabled],
fieldset[disabled] .btn-primary-rgmp-primaryblue,
.btn-primary-rgmp-primaryblue.disabled:hover,
.btn-primary-rgmp-primaryblue[disabled]:hover,
fieldset[disabled] .btn-primary-rgmp-primaryblue:hover,
.btn-primary-rgmp-primaryblue.disabled:focus,
.btn-primary-rgmp-primaryblue[disabled]:focus,
fieldset[disabled] .btn-primary-rgmp-primaryblue:focus,
.btn-primary-rgmp-primaryblue.disabled:active,
.btn-primary-rgmp-primaryblue[disabled]:active,
fieldset[disabled] .btn-primary-rgmp-primaryblue:active,
.btn-primary-rgmp-primaryblue.disabled.active,
.btn-primary-rgmp-primaryblue[disabled].active,
fieldset[disabled] .btn-primary-rgmp-primaryblue.active {background-color: #891c5a;border-color: #891c5b;}

.btn-primary-rgmp-primaryblue .badge { color: #891c5a; background-color: #FFFFFF;}

.k-loading-mask{display: none;}
.fa-filter.rgmp-op-export {
    padding-top: 4px !important;
}

h1.rgmp-main-header { margin-top:0px; margin-bottom:0px; line-height:1; }
h2.rgmp-sub-header { margin-top: 0px; margin-bottom: 0px; line-height: 1; font-weight: normal; }
h3.rgmp-sub-header { margin-top: 0px; margin-bottom: 0px; line-height: 1; font-weight: normal; }
h3.rgmp-sub-header-inline, h2.rgmp-sub-header-inline { margin-top: 0px; margin-bottom: 0px; line-height: 1; display: inline; font-weight:normal;}

@media (min-width: 1px) {		
		
	/* Site.css */
	/*-----------------------*/
	#rgmp-menu-primary {height: 40px; line-height: 38px; font-size: 10px; background-color: #00447C; }
    #rgmp-primary-nav { padding-right: 8px; padding-left: 4px; }
	
	.rgmp-unauthorized-layout-navigation-row { margin-top: 1%; margin-bottom: 1%; }
    .rgmp-unauthorized-layout-inner-navigation-row { margin-top:10px;}
    
	.rgmp-authorized-layout-inner-navigation-row { margin-top:5px;}
    .rgmp-authorized-layout-navigation-row { margin-top: 1%; margin-bottom: 1%; }
	.rgmp-authorized-nav-panel {width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; }
	
	.rgmp-login-header-one { font-family: Arial; font-size: 14px; font-weight: bold; margin-bottom: 15px; }
	.rgmp-login-body-md { font-family: Arial; font-size: 12px; }
	
	.rgmp-autheticated-header-one {font-family: Arial; font-size: 12px; color: rgb(144,145,148); font-weight: bold; }
    .rgmp-autheticated-header-two {font-family: Arial; font-size: 10px; color: rgb(144,145,148); }
	
	.rgmp-message-panel-subject{font-size:12px; font-weight: bold;}
    .rgmp-message-panel-title{font-size:12px;}
    .rgmp-message-panel-date{font-size:12px;}	
	/*-----------------------*/
    
	.rgmp-op-login-container-img{background: url('./Images/Standard/MyRGMP_spash_350x517.jpg'); background-size: cover;min-height:44.07142857142857em;padding-top:40px;}
    .rgmp-op-body-container{background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa); padding-top: 40px;}

    #rgmp-op-animated{margin-bottom: 20px;}

    .marginless {margin-right:0px!important; margin-left:0px!important;}
    .margintop{margin-top:8px;}
    .margintop-12px{margin-top:12px;}
    .margintop-15px{margin-top:15px;}
    .margintop-24px{margin-top:24px;}
    .marginbottom{margin-bottom:12px;}
    .rgmp-op-marginbottom-sm{margin-bottom:6px;}
    .label-padding-top{padding-top: 5px;}
    .welcome.ThirtySixPX { font-size: 2.5714285714285716em; line-height: 1; margin-top: 0px; margin-bottom: 0px; }
    .rgmp-op-credential-container {font-size: 1.0em;font-weight: 300;color: #ffffff; padding-right: 15px;}

    .rgmp-op-support-external-answer {min-height:7.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}
    .rgmp-op-support-internal-answer {min-height:14.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}
    
    .rgmp-op-line-height{height:1px;}
    .rgmp-op-line-2{background-color: #e1e1e1;}
    .rgmp-op-rectangle {height: 16px;}

    
    .rgmp-op-header-container-control{min-height: 1.7em;margin-top:0.2em; padding-bottom:0.1em;}
    .rgmp-op-navigation-container {
        background-color: #ffffff;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .rgmp-op-navigation-right-menu {
        margin-top: 8px;
    }
    .rgmp-op-filter-container {}
    .rgmp-op-filter-inner {background-color:#e0e0e0;}
    .rgmp-op-filter-container .ng-hide-add {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
    .rgmp-op-filter-container .ng-hide-remove {-webkit-animation:0.5s fadeInDown ease;  animation:0.5s fadeInDown ease; }

    .rgmp-op-footer-iiroc-container { background-color: #ebebeb; min-height: 5.0em; }
    .rgmp-op-footer-container{ background-color: #63666a!important; }
    .rgmp-op-footer-container > a {text-decoration: none;}
    .rgmp-op-footer-container-inner{margin-top:15px;}

    .rgmp-op-login-container {background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);}
    .rgmp-op-login-container-footer {background-color: #ffffff; padding-top: 10px; padding-bottom: 10px;}

    .rgmp-op-internal-header-container { margin-bottom:16px; }   
    .rgmp-op-internal-sub-header-container{background-color: #ffffff; padding-top: 5px; padding-bottom: 5px;}
    .rgmp-op-internal-body-container { background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa); min-height: 50em; padding-top: 22px; }
    .rgmp-op-internal-body-section-container{background-color: #e0e0e0;padding: 15px;}

    .rgmp-op-internal-heatmap-lg {height:21.32em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm {height:10.58em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm-btm {height:10.58em; padding: 10px; margin-top:2px;}

    .rgmp-online-portal-filter-btn {margin-top: 5px; margin-bottom: 5px;}

    .rgmp-op-widget-container {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        background: #ffffff;
        padding: 5px 5px 5px 5px;
    }
    .rgmp-op-widget-container-xxl { min-height: 36em; }
    .rgmp-op-widget-container-xl { min-height: 25.5em; }
    
    .rwl-op-widget-container-act-lg { min-height: 24.028571428571427em; }
    .rwl-op-widget-container-hol-lg { min-height: 24.028571428571427em; }

    .rgmp-op-widget-container-lg { min-height: 20.392857142857142em; }
    .rgmp-op-widget-container-md { min-height: 20.80em; }
    .rgmp-op-widget-container-sm { min-height: 9.916666666666666em; }
    .rgmp-op-widget-container-xs { min-height: 6.666666666666667em; }
    .rgmp-op-widget-container-summary-top { margin-top: 5px; }
    .rgmp-op-widget-container-summary { margin-left: 15px; margin-right: 15px; }
    .rgmp-op-widget-container-top-ten { min-height: 20.0em; }
    .rgmp-op-widget-container-section { border-bottom: solid 1px #891c5a; height: auto; }
    .rgmp-op-widget-container-collapsable-body { padding: 0px 5px 5px 5px; }
    .rgmp-op-ia-summary-container-md { min-height: 25.392857142857142em; }
    .rgmp-op-ia-summary-container-lg { min-height: 32.392857142857142em; }   

    .rgmp-op-ia-summary-container-md {min-height: 25.392857142857142em;}
    .rgmp-op-ia-summary-container-lg {min-height: 32.392857142857142em;}

    .rgmp-op-nav{}
    .rgmp-op-nav-item{ height:24px;max-height:24px; display: inline-block;}
    .rgmp-op-nav-item-margin {margin-right:22px;}
    .rgmp-op-nav-item-badge {position: relative;top: -1.88em;}
    .rgmp-op-nav-item > a {text-decoration: none;font-size: 1.0em;font-weight: 300;text-align: right;}
    .rgmp-op-nav-active > a {font-weight: 500!important;}
    .rgmp-op-header-row { margin-top: 2%!important; margin-bottom: 2%!important; }
    .rgmp-op-password-change .ng-hide-add {-webkit-animation:0.5s zoomOut ease; animation:0.5s zoomOut ease;}
    .rgmp-op-password-change .ng-hide-remove {-webkit-animation:0.5s zoomIn ease;  animation:0.5s zoomIn ease; }

    .rgmp-op-menu-sub-row { margin-top:5px!important;}

    .rgmp-online-portal-menu-badge{ position: relative; bottom: 50%; }
    .rgmp-online-portal-menu-container .fa-refresh {color: #428bca!important;}       

    .rgmp-admin-edit-header {font-size: 1.1em; font-weight: bold;}
    .rgmp-admin-edit-label {font-size:1.0em; padding-top:8px;}    
    
    .active-title {font-size:1.1em; font-weight:bold;padding-top:8px;}
    .rgmp-op-team-phone{text-align: right;}
    .rgmp-op-team-email{text-align: left;}

    .k-notification-notify-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding-right: 5px; padding-left: 5px; width: 200px; }
    .k-notification-notify-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding-right: 5px; padding-left: 5px; width: 200px; }
    .k-notification-notify-success.k-group { color:#3c763d; background-color: #dff0d8; border-color:#d6e9c6;padding-right: 5px;padding-left: 5px; width: 200px; }
    .k-notification-notify-error.k-group { color: #a94442; background-color: #f2dede; border-color:#ebccd1;padding-right: 5px;padding-left: 5px; width: 200px; }
    .notify-success {}
    .notify-error {}
    .rgmp-notify-icon { vertical-align: middle; margin-top:15px; }
    .rgmp-notify-message { vertical-align: middle; margin-bottom:20px;}

    .rgmp-op-wizard-title {font-size: 0.8571428571428571em;}

    .k-grid-toolbar { display: none!important; }
    .k-grouping-header { display: none!important; }

    .fa-panel {max-height:40em; }
    .fa-panel-body {max-height:30em; overflow-y:scroll; }
    .div-op-2fa { padding: 10px; }
}
@media (min-width: 320px) {
	
	/* Site.css */
	/*-----------------------*/
    .modal.modal-20 .modal-dialog { width: 100%; margin: 10px auto; }
    .modal-20 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-30 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-30 .modal-body {overflow-y: auto; overflow-y:visible; }
    .modal.modal-40 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-40 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-50 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-50 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-60 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-60 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-70 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-70 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-80 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-80 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-90 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-90 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-100 .modal-dialog { width: 100%; margin: 10px auto; }
    .modal-100 .modal-body {overflow-y: auto; overflow-y:visible;}
	/*-----------------------*/	
	
    .rgmp-op-login-container-img{background: url('./Images/Standard/MyRGMP_spash_350x517.jpg'); background-size: cover;min-height:44.07142857142857em;padding-top:40px;}
    .rgmp-op-body-container{background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa); padding-top: 40px;}

    #rgmp-op-animated{overflow-x: hidden; margin-bottom: 20px;}

    .marginless {margin-right:0px!important; margin-left:0px!important;}
    .margintop{margin-top:8px;}
    .margintop-12px{margin-top:12px;}
    .margintop-15px{margin-top:15px;}
    .margintop-24px{margin-top:24px;}
    .marginbottom{margin-bottom:12px;}
    .rgmp-op-marginbottom-sm{margin-bottom:6px;}
    .label-padding-top{padding-top: 5px;}
    .welcome.ThirtySixPX { font-size: 2.0em; line-height: 1; margin-top: 0px; margin-bottom: 0px;}
    .rgmp-op-credential-container {font-size: 1.0em;font-weight: 300;text-align: right;color: #ffffff;}
    
    .rgmp-op-support-external-answer {min-height:7.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}
    .rgmp-op-support-internal-answer {min-height:14.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}

    .rgmp-op-line-height{height:1px;}
    .rgmp-op-line-2{background-color: #e1e1e1;}
    .rgmp-op-rectangle {height: 16px;}
    
    .rgmp-op-header-container-control{min-height: 1.7em;margin-top:0.2em;}
    .rgmp-op-navigation-container {
        background-color: #ffffff;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .rgmp-op-navigation-right-menu {
        margin-top: 8px;
    }
    .rgmp-op-filter-container {}
    .rgmp-op-filter-inner {background-color:#e0e0e0;}
    .rgmp-op-filter-container .ng-hide-add {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
    .rgmp-op-filter-container .ng-hide-remove {-webkit-animation:0.5s fadeInDown ease;  animation:0.5s fadeInDown ease; }  

    .rgmp-op-footer-container{ background-color: #63666a!important; }
    .rgmp-op-footer-container > a {text-decoration: none;}
    .rgmp-op-footer-container-inner{margin-top:15px;}

    .rgmp-op-login-container {background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);}
    .rgmp-op-login-container-footer {background-color: #ffffff; padding-top: 10px; padding-bottom: 10px;}

    .rgmp-op-internal-header-container { margin-bottom:16px; }   
    .rgmp-op-internal-sub-header-container{background-color: #ffffff; padding-top: 5px; padding-bottom: 5px;}
    .rgmp-op-internal-body-container { background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa); min-height: 50em; padding-top: 22px; }
    .rgmp-op-internal-body-section-container{background-color: #e0e0e0;padding: 15px;}

    .rgmp-op-internal-heatmap-lg {height:21.32em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm {height:10.58em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm-btm {height:10.58em; padding: 10px; margin-top:2px;}

    .rgmp-online-portal-filter-btn {margin-top: 5px; margin-bottom: 5px;}

    .rgmp-op-widget-container {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        background: #ffffff;
        padding: 5px 5px 5px 5px;
    }
    .rgmp-op-widget-container-xxl { min-height: 36em; }
    .rgmp-op-widget-container-xl { min-height: 25.5em; }

    .rwl-op-widget-container-act-lg { min-height: 24.028571428571427em; }
    .rwl-op-widget-container-hol-lg { min-height: 24.028571428571427em; }

    .rgmp-op-widget-container-lg { min-height: 20.392857142857142em; }
    .rgmp-op-widget-container-md { min-height: 18.80em; }
    .rgmp-op-widget-container-sm { min-height: 9.916666666666666em; }
    .rgmp-op-widget-container-xs { min-height: 6.666666666666667em; }
    .rgmp-op-widget-container-summary-top { margin-top: 5px; }
    .rgmp-op-widget-container-summary { margin-left: 15px; margin-right: 15px; }
    .rgmp-op-widget-container-top-ten { min-height: 20.0em; }
    .rgmp-op-widget-container-section { border-bottom: solid 1px #891c5a; height: auto; }
    .rgmp-op-widget-container-collapsable-body { padding: 0px 5px 5px 5px; } 

    .rgmp-op-nav{}
    .rgmp-op-nav-item{ height:24px;max-height:24px; display: inline-block;}
    .rgmp-op-nav-item-margin {margin-right:10px;}
    .rgmp-op-nav-item-badge {position: relative;top: -1.4285714285714286em;}
    .rgmp-op-nav-item > a {text-decoration: none;font-size: 1.0em;font-weight: 300;text-align: right;}    
    .rgmp-op-header-row { margin-top: 2%!important; margin-bottom: 2%!important; }

    .rgmp-op-password-change .ng-hide-add {-webkit-animation:0.5s zoomOut ease; animation:0.5s zoomOut ease;}
    .rgmp-op-password-change .ng-hide-remove {-webkit-animation:0.5s zoomIn ease;  animation:0.5s zoomIn ease; }

    .rgmp-op-menu-sub-row { margin-top:5px!important;}

    .rgmp-online-portal-menu-badge{ position: relative; bottom: 50%; }
    .rgmp-online-portal-menu-container .fa-refresh {color: #428bca!important;}       

    .rgmp-admin-edit-header {font-size: 1.1em; font-weight: bold;}
    .rgmp-admin-edit-label {font-size:1.0em; padding-top:8px;}    

    .active-title {font-size:1.1em; font-weight:bold;padding-top:8px;}
    .rgmp-op-team-phone{text-align: right;}
    .rgmp-op-team-email{text-align: left;}

    .k-notification-notify-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding-right: 5px; padding-left: 5px; width: 300px; }
    .k-notification-notify-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding-right: 5px; padding-left: 5px; width: 300px; }
    .k-notification-notify-success.k-group { color:#3c763d; background-color: #dff0d8; border-color:#d6e9c6;padding-right: 5px;padding-left: 5px; width: 300px; }
    .k-notification-notify-error.k-group { color: #a94442; background-color: #f2dede; border-color:#ebccd1;padding-right: 5px;padding-left: 5px; width: 300px; }
    .notify-success {}
    .notify-error {}
    .rgmp-notify-icon { vertical-align: middle; margin-top:15px; }
    .rgmp-notify-message { vertical-align: middle; margin-bottom:20px;}

    .rgmp-op-wizard-title {font-size: 0.8571428571428571em;}

    .rgmp-op-treemap-t {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-t-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-v {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-v-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-p {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-p-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }

    .k-grid-toolbar { display: none!important; }
    .k-grouping-header { display: none!important; }

    .fa-panel {max-height:45em; }
    .fa-panel-body {max-height:30em; overflow-y:scroll; }

    .size-1 { width:100%; }
    .size-2 { width:49.6%; }
    .size-3 { width:33%; }    
    .size-4 { width:24.5%; }
    .size-5 { width:19.6%; }
    .size-6 { width:100%; }

    .rgmp-op-acct-input { border-radius: 1px; background-color: #fff; border: solid .5px #891c5a; height: 30px; width: 2.1em; font-size: 1.0em; color: #39393a; display: inline; text-align: center; padding: 0px; background: #FFFFFF; }
    .rgmp-op-acct-input-error { border-radius: 1px; background-color: #fff; border: solid 1.5px #a94442 !important; height: 30px; width: 2.1em; font-size: 1.0em; color: #39393a; display: inline; text-align: center; padding: 0px; background: #f2dede }
    .div-op-2fa { padding: 10px; }
}
@media (min-width: 480px) {

	/* Site.css */
	/*-----------------------*/
    .modal.modal-20 .modal-dialog { width: 100%; margin: 10px auto; }
    .modal-20 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-30 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-30 .modal-body {overflow-y: auto; overflow-y:visible; }
    .modal.modal-40 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-40 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-50 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-50 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-60 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-60 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-70 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-70 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-80 .modal-dialog { width: 90%; margin: 10px auto; }
    .modal-80 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-90 .modal-dialog {width: 90%; margin: 10px auto;}
    .modal-90 .modal-body {overflow-y: auto; overflow-y:visible;}
.modal.modal-100 .modal-dialog { width: 100%; margin: 10px auto; }
    .modal-100 .modal-body {overflow-y: auto; overflow-y:visible;}
	/*-----------------------*/
	
    .rgmp-op-login-container-img{background: url('./Images/Standard/MyRGMP_spash_350x517.jpg'); background-size: cover;min-height:44.07142857142857em;padding-top:40px;}
    .rgmp-op-body-container{background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa); padding-top: 40px;}

    #rgmp-op-animated{overflow-x: hidden; margin-bottom: 20px;}

    .marginless {margin-right:0px!important; margin-left:0px!important;}
    .margintop{margin-top:8px;}
    .margintop-12px{margin-top:12px;}
    .margintop-15px{margin-top:15px;}
    .margintop-24px{margin-top:24px;}
    .marginbottom{margin-bottom:12px;}
    .rgmp-op-marginbottom-sm{margin-bottom:6px;}
    .label-padding-top{padding-top: 5px;}
    .welcome.ThirtySixPX { font-size: 2.5714285714285716em; line-height: 1; margin-top: 0px; margin-bottom: 0px; }
    .rgmp-op-credential-container {font-size: 1.0em;font-weight: 300;text-align: right;color: #ffffff;}

    .rgmp-op-support-external-answer {min-height:7.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}
    .rgmp-op-support-internal-answer {min-height:14.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}

    .rgmp-op-line-height{height:1px;}
    .rgmp-op-line-2{background-color: #e1e1e1;}
    .rgmp-op-rectangle {height: 16px;}
    
    .rgmp-op-header-container-control{min-height: 1.7em;margin-top:0.2em;}
    .rgmp-op-navigation-container {
        background-color: #ffffff;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .rgmp-op-navigation-right-menu {
        margin-top: 7px;
    }
    .rgmp-op-filter-container {}
    .rgmp-op-filter-inner {background-color:#e0e0e0;}
    .rgmp-op-filter-container .ng-hide-add {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
    .rgmp-op-filter-container .ng-hide-remove {-webkit-animation:0.5s fadeInDown ease;  animation:0.5s fadeInDown ease; }  

    .rgmp-op-footer-container{ background-color: #63666a!important; }
    .rgmp-op-footer-container > a {text-decoration: none;}
    .rgmp-op-footer-container-inner{margin-top:15px;}

    .rgmp-op-login-container {background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);}
    .rgmp-op-login-container-footer {background-color: #ffffff; padding-top: 10px; padding-bottom: 10px;}

    .rgmp-op-internal-header-container { margin-bottom:16px; }   
    .rgmp-op-internal-sub-header-container{background-color: #ffffff; padding-top: 5px; padding-bottom: 5px;}
    .rgmp-op-internal-body-container { background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa); min-height: 50em; padding-top: 22px; }
    .rgmp-op-internal-body-section-container{background-color: #e0e0e0;padding: 15px;}

    .rgmp-op-internal-heatmap-lg {height:21.32em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm {height:10.58em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm-btm {height:10.58em; padding: 10px; margin-top:2px;}

    .rgmp-online-portal-filter-btn {margin-top: 5px; margin-bottom: 5px;}

    .rgmp-op-widget-container {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        background: #ffffff;
        padding: 5px 5px 5px 5px;
    }
    .rgmp-op-widget-container-xxl { min-height: 36em; }
    .rgmp-op-widget-container-xl { min-height: 25.5em; }

    .rwl-op-widget-container-act-lg { min-height: 24.028571428571427em; }
    .rwl-op-widget-container-hol-lg { min-height: 24.028571428571427em; }

    .rgmp-op-widget-container-lg { min-height: 20.392857142857142em; }
    .rgmp-op-widget-container-md { min-height: 18.80em; }
    .rgmp-op-widget-container-sm { min-height: 9.916666666666666em; }
    .rgmp-op-widget-container-xs { min-height: 6.666666666666667em; }
    .rgmp-op-widget-container-summary-top { margin-top: 5px; }
    .rgmp-op-widget-container-summary { margin-left: 15px; margin-right: 15px; }
    .rgmp-op-widget-container-top-ten { min-height: 20.0em; }
    .rgmp-op-widget-container-section { border-bottom: solid 1px #891c5a; height: 137.2px; }
    .rgmp-op-widget-container-collapsable-body { padding: 0px 5px 5px 5px; }

    .rgmp-op-nav{}
    .rgmp-op-nav-item{ height:24px;max-height:24px; display: inline-block;}
    .rgmp-op-nav-item-margin {margin-right:10px;}
    .rgmp-op-nav-item-badge {position: relative;top: -1.4285714285714286em;}
    .rgmp-op-nav-item > a {text-decoration: none;font-size: 1.0em;font-weight: 300;text-align: right;}
    .rgmp-op-nav-active > a {font-weight: 500!important;}

    .rgmp-op-header-row { margin-top: 2%!important; margin-bottom: 2%!important; }

    .rgmp-op-password-change .ng-hide-add {-webkit-animation:0.5s zoomOut ease; animation:0.5s zoomOut ease;}
    .rgmp-op-password-change .ng-hide-remove {-webkit-animation:0.5s zoomIn ease;  animation:0.5s zoomIn ease; }

    .rgmp-op-menu-sub-row { margin-top:5px!important;}

    .rgmp-online-portal-menu-badge{ position: relative; bottom: 50%; }
    .rgmp-online-portal-menu-container .fa-refresh {color: #428bca!important;}       

    .rgmp-admin-edit-header {font-size: 1.1em; font-weight: bold;}
    .rgmp-admin-edit-label {font-size:1.0em; padding-top:8px;}    

    .active-title {font-size:1.1em; font-weight:bold;padding-top:8px;}
    .rgmp-op-team-phone{text-align: right;}
    .rgmp-op-team-email{text-align: right;}

    .k-notification-notify-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding-right: 15px; padding-left: 15px; width: 500px; }
    .k-notification-notify-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding-right: 15px; padding-left: 15px; width: 500px; }
    .k-notification-notify-success.k-group { color:#3c763d; background-color: #dff0d8; border-color:#d6e9c6;padding-right: 15px;padding-left: 15px; width: 500px; }
    .k-notification-notify-error.k-group { color: #a94442; background-color: #f2dede; border-color:#ebccd1;padding-right: 15px;padding-left: 15px; width: 500px; }
    .notify-success {}
    .notify-error {}
    .rgmp-notify-icon { vertical-align: middle; margin-top:15px; }
    .rgmp-notify-message { vertical-align: middle; margin-bottom:20px;}

    .rgmp-op-wizard-title {font-size: 1.4285714285714286em;}

    .rgmp-op-treemap-t {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-t-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-v {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-v-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-p {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-p-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }

    .k-grid-toolbar { display: none!important; }
    .k-grouping-header { display: none!important; }

    .fa-panel {max-height:40em; }
    .fa-panel-body {max-height:30em; overflow-y:scroll; }

    .size-1 { width:100%; }
    .size-2 { width:49.6%; }
    .size-3 { width:33%; }    
    .size-4 { width:24.5%; }
    .size-5 { width:19.6%; }
    .size-6 { width:50%; }
    .div-op-2fa { padding: 15px; }
}
@media (min-width: 768px) { 
	
	/* Site.css */
	/*-----------------------*/
	.modal.modal-20 .modal-dialog {width: 90%;}
    .modal-20 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-30 .modal-dialog {width: 90%;}
    .modal-30 .modal-body {overflow-y: auto; overflow-y:visible; }
    .modal.modal-40 .modal-dialog {width: 90%;}
    .modal-40 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-50 .modal-dialog {width: 90%;}
    .modal-50 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-60 .modal-dialog {width: 90%;}
    .modal-60 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-70 .modal-dialog {width: 90%;}
    .modal-70 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-80 .modal-dialog {width: 90%;}
    .modal-80 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-90 .modal-dialog {width: 90%;}
    .modal-90 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-100 .modal-dialog {width: 100%;}
    .modal-100 .modal-body {overflow-y: auto; overflow-y:visible;}
	/*-----------------------*/

    .rgmp-op-login-container-img{background: url('./Images/Standard/MyRGMP_spash_1768x617.jpg'); background-size: cover;min-height:44.07142857142857em;padding-top:40px;}
    .rgmp-op-body-container{background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa); padding-top: 40px;}

    #rgmp-op-animated{overflow-x: hidden; margin-bottom: 40px;}

    .marginless {margin-right:0px!important; margin-left:0px!important;}
    .margintop{margin-top:8px;}
    .margintop-12px{margin-top:12px;}
    .margintop-15px{margin-top:15px;}
    .margintop-24px{margin-top:24px;}
    .marginbottom{margin-bottom:12px;}
    .rgmp-op-marginbottom-sm{margin-bottom:6px;}
    .label-padding-top{padding-top: 5px;}
    .welcome.ThirtySixPX { font-size: 2.5714285714285716em; line-height: 1; margin-top: 0px; margin-bottom: 0px; }
    .rgmp-op-credential-container {font-size: 1.0em;font-weight: 300;text-align: right;color: #ffffff;}

    .rgmp-op-support-external-answer {min-height:7.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}
    .rgmp-op-support-internal-answer {min-height:14.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}

    .rgmp-op-line-height{height:1px;}
    .rgmp-op-line-2{background-color: #e1e1e1;}
    .rgmp-op-rectangle {height: 16px;}

    .rgmp-op-header-container-control{min-height: 1.7em;margin-top:0.2em;}
    .rgmp-op-navigation-container {
        background-color: #ffffff;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .rgmp-op-navigation-right-menu {
        margin-top: 8px;
    }
    .rgmp-op-filter-container {}
    .rgmp-op-filter-inner {background-color:#e0e0e0;}
    .rgmp-op-filter-container .ng-hide-add {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
    .rgmp-op-filter-container .ng-hide-remove {-webkit-animation:0.5s fadeInDown ease;  animation:0.5s fadeInDown ease; }  

    .rgmp-op-footer-container{ background-color: #63666a!important; }
    .rgmp-op-footer-container > a {text-decoration: none;}
    .rgmp-op-footer-container-inner{margin-top:15px;}

    .rgmp-op-login-container {background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);}
    .rgmp-op-login-container-footer {background-color: #ffffff; padding-top: 10px; padding-bottom: 10px;}

    .rgmp-op-internal-header-container { margin-bottom:16px; }   
    .rgmp-op-internal-sub-header-container{background-color: #ffffff; padding-top: 5px; padding-bottom: 5px;}
    .rgmp-op-internal-body-container { background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa); min-height: 50em; padding-top: 22px; }
    .rgmp-op-internal-body-section-container{background-color: #e0e0e0;padding: 15px;}

    .rgmp-op-internal-heatmap-lg {height:21.32em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm {height:10.58em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm-btm {height:10.58em; padding: 10px; margin-top:2px;}

    .rgmp-online-portal-filter-btn {margin-top: 5px; margin-bottom: 5px;}

    .rgmp-op-widget-container {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        background: #ffffff;
        padding: 5px 5px 5px 5px;
    }
    .rgmp-op-widget-container-xxl { min-height: 36em; }
    .rgmp-op-widget-container-xl { min-height: 25.5em; }

    .rwl-op-widget-container-act-lg { min-height: 24.028571428571427em; }
    .rwl-op-widget-container-hol-lg { min-height: 24.028571428571427em; }

    .rgmp-op-widget-container-lg { min-height: 20.392857142857142em; }
    .rgmp-op-widget-container-md { min-height: 18.80em; }
    .rgmp-op-widget-container-sm { min-height: 9.916666666666666em; }
    .rgmp-op-widget-container-xs { min-height: 6.666666666666667em; }
    .rgmp-op-widget-container-summary-top { margin-top: 5px; }
    .rgmp-op-widget-container-summary { margin-left: 15px; margin-right: 15px; }
    .rgmp-op-widget-container-top-ten { min-height: 20.0em; }
    .rgmp-op-widget-container-collapsable-body { padding: 0px 5px 5px 5px; }

    .rgmp-op-nav{}
    .rgmp-op-nav-item{ height:24px;max-height:24px; display: inline-block;}
    .rgmp-op-nav-item-margin {margin-right:10px;}
    .rgmp-op-nav-item-badge {position: relative;top: -1.4285714285714286em;}
    .rgmp-op-nav-item > a {text-decoration: none;font-size: 1.0em;font-weight: 300;text-align: right;}
    .rgmp-op-nav-active > a {font-weight: 500!important;}

    .rgmp-op-header-row { margin-top: 2%!important; margin-bottom: 2%!important; }

    .rgmp-op-password-change .ng-hide-add {-webkit-animation:0.5s zoomOut ease; animation:0.5s zoomOut ease;}
    .rgmp-op-password-change .ng-hide-remove {-webkit-animation:0.5s zoomIn ease;  animation:0.5s zoomIn ease; }

    .rgmp-op-menu-sub-row { margin-top:5px!important;}

    .rgmp-online-portal-menu-badge{ position: relative; bottom: 50%; }
    .rgmp-online-portal-menu-container .fa-refresh {color: #428bca!important;}       

    .rgmp-admin-edit-header {font-size: 1.1em; font-weight: bold;}
    .rgmp-admin-edit-label {font-size:1.0em; padding-top:8px;}    

    .active-title {font-size:1.1em; font-weight:bold;padding-top:8px;}
    .rgmp-op-team-phone{text-align: right;}
    .rgmp-op-team-email{text-align: right;}
    .rgmp-op-yes-no {text-align: right;}

    .k-notification-notify-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding-right: 15px; padding-left: 15px; width: 650px; }
    .k-notification-notify-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding-right: 15px; padding-left: 15px; width: 650px; }
    .k-notification-notify-success.k-group { color:#3c763d; background-color: #dff0d8; border-color:#d6e9c6;padding-right: 15px;padding-left: 15px; width: 650px; }
    .k-notification-notify-error.k-group { color: #a94442; background-color: #f2dede; border-color:#ebccd1;padding-right: 15px;padding-left: 15px; width: 650px; }
    .notify-success {}
    .notify-error {}
    .rgmp-notify-icon { vertical-align: middle; margin-top:15px; }
    .rgmp-notify-message { vertical-align: middle; margin-bottom:20px;}

    .rgmp-op-wizard-title {font-size: 1.4285714285714286em;}

    .rgmp-op-treemap-t {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-t-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-v {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-v-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-p {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-p-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }

    .k-grid-toolbar { display: block!important; }
    .k-grouping-header { display: block!important; }

    .fa-panel {
        max-height: 45em;
    }

    .fa-panel-body {
        max-height: 30em;
        overflow-y: scroll;
    }

    .size-1 { width:100%; }
    .size-2 { width:49.6%; }
    .size-3 { width:33%; }    
    .size-4 { width:24.5%; }
    .size-5 { width:19.6%; }
    .size-6 { width:33.3%; }
}
@media (min-width: 992px) {			
		
	/* Site.css */
	/*-----------------------*/
	.modal.modal-20 .modal-dialog {width: 90%;}
    .modal-20 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-30 .modal-dialog {width: 90%;}
    .modal-30 .modal-body {overflow-y: auto; overflow-y:visible; }
    .modal.modal-40 .modal-dialog {width: 90%;}
    .modal-40 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-50 .modal-dialog {width: 90%;}
    .modal-50 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-60 .modal-dialog {width: 90%;}
    .modal-60 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-70 .modal-dialog {width: 90%;}
    .modal-70 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-80 .modal-dialog {width: 90%;}
    .modal-80 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-90 .modal-dialog {width: 90%;}
    .modal-90 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-100 .modal-dialog {width: 100%;}
    .modal-100 .modal-body {overflow-y: auto; overflow-y:visible;}
	/*-----------------------*/
	
    .rgmp-op-login-container-img{background: url('./Images/Standard/MyRGMP_spash_1768x617.jpg'); background-size: cover;min-height:44.07142857142857em;padding-top:40px;}
    .rgmp-op-body-container{background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa);min-height:50em; padding-top: 40px;}

    #rgmp-op-animated{overflow-x: hidden; margin-bottom: 40px;}

    .marginless {margin-right:0px!important; margin-left:0px!important;}
    .margintop{margin-top:8px;}
    .margintop-12px{margin-top:12px;}
    .margintop-15px{margin-top:15px;}
    .margintop-24px{margin-top:24px;}
    .marginbottom{margin-bottom:12px;}
    .rgmp-op-marginbottom-sm{margin-bottom:6px;}
    .label-padding-top{padding-top: 5px;}
    .welcome.ThirtySixPX { font-size: 2.5714285714285716em; line-height: 1; margin-top: 0px; margin-bottom: 0px;  }
    .rgmp-op-credential-container {font-size: 1.0em;font-weight: 300;text-align: right;color: #ffffff;}
    
    .rgmp-op-support-external-answer {min-height:7.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}
    .rgmp-op-support-internal-answer {min-height:14.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}

    .rgmp-op-line-height{height:1px;}
    .rgmp-op-line-2{background-color: #e1e1e1;}
    .rgmp-op-rectangle {height: 16px;}

    .rgmp-op-header-container-control{min-height: 1.7em;margin-top:0.2em;}
    .rgmp-op-navigation-container {
        background-color: #ffffff;
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .rgmp-op-unauthnav-right-menu {
        margin-top: 25px;
    }
    .rgmp-op-navigation-right-menu {
        margin-top: 18px;
    }
    .rgmp-op-filter-container {}
    .rgmp-op-filter-inner {background-color:#e0e0e0;}
    .rgmp-op-filter-container .ng-hide-add {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
    .rgmp-op-filter-container .ng-hide-remove {-webkit-animation:0.5s fadeInDown ease;  animation:0.5s fadeInDown ease; }  

    .rgmp-op-footer-container{ background-color: #63666a!important; }
    .rgmp-op-footer-container > a {text-decoration: none;}
    .rgmp-op-footer-container-inner{margin-top:15px;}

    .rgmp-op-login-container {background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);}
    .rgmp-op-login-container-footer {background-color: #ffffff; padding-top: 10px; padding-bottom: 10px;}

    .rgmp-op-internal-header-container { margin-bottom:16px; }   
    .rgmp-op-internal-sub-header-container{background-color: #ffffff; padding-top: 5px; padding-bottom: 5px;}     
    .rgmp-op-internal-body-container {background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa);min-height:50em;padding-top:22px;}
    .rgmp-op-internal-body-section-container{background-color: #e0e0e0;padding: 15px;}

    .rgmp-op-internal-heatmap-lg {height:21.32em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm {height:10.58em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm-btm {height:10.58em; padding: 10px; margin-top:2px;}

    .rgmp-online-portal-filter-btn {margin-top: 5px; margin-bottom: 5px;}

    .rgmp-op-widget-container {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        background: #ffffff;
        padding: 15px 15px 15px 15px;
    }
    .rgmp-op-widget-container-xxl { min-height: 36em; }
    .rgmp-op-widget-container-xl { min-height: 31.5em; }

    .rwl-op-widget-container-act-lg { min-height: 34em; }
    .rwl-op-widget-container-hol-lg { min-height: 29em; }

    .parallel-padding-left { padding-right: 2px; }
    .parallel-padding-right { padding-left: 2px; }
    .rgmp-op-widget-container-lg { min-height: 20.392857142857142em; }
    .rgmp-op-widget-container-md { min-height: 18.80em; }
    .rgmp-op-widget-container-sm { min-height: 9.916666666666666em; }
    .rgmp-op-widget-container-xs { min-height: 6.666666666666667em; }
    .rgmp-op-widget-container-summary-top { margin-top: 5px; }
    .rgmp-op-widget-container-summary { margin-left: 15px; margin-right: 15px; }
    .rgmp-op-widget-container-top-ten { min-height: 20.0em; }
    .rgmp-op-widget-container-collapsable-body { padding: 0px 15px 15px 15px; }

    .rgmp-op-nav{}
    .rgmp-op-nav-item{ height:24px;max-height:24px; display: inline-block;}
    .rgmp-op-nav-item-margin {margin-right:12px;}
    .rgmp-op-nav-item-badge {position: relative;top: -1.88em;}
    .rgmp-op-nav-item > a {text-decoration: none;font-size: 1.0em;font-weight: 300;text-align: right;}
    .rgmp-op-nav-active > a {font-weight: 500!important;}

    .rgmp-op-header-row { margin-top: 2%!important; margin-bottom: 2%!important; }

    .rgmp-op-password-change .ng-hide-add {-webkit-animation:0.5s zoomOut ease; animation:0.5s zoomOut ease;}
    .rgmp-op-password-change .ng-hide-remove {-webkit-animation:0.5s zoomIn ease;  animation:0.5s zoomIn ease; }

    .rgmp-op-menu-sub-row { margin-top:5px!important;}

    .rgmp-online-portal-menu-badge{ position: relative; bottom: 50%; }
    .rgmp-online-portal-menu-container .fa-refresh {color: #428bca!important;}       

    .rgmp-admin-edit-header {font-size: 1.1em; font-weight: bold;}
    .rgmp-admin-edit-label {font-size:1.0em; padding-top:8px;}    

    .active-title {font-size:1.1em; font-weight:bold;padding-top:8px;}
    .rgmp-op-team-phone{text-align: right;}
    .rgmp-op-team-email{text-align: right;}

    .k-notification-notify-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding-right: 15px; padding-left: 15px; width: 650px; }
    .k-notification-notify-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding-right: 15px; padding-left: 15px; width: 650px; }
    .k-notification-notify-success.k-group { color:#3c763d; background-color: #dff0d8; border-color:#d6e9c6;padding-right: 15px;padding-left: 15px; width: 650px; }
    .k-notification-notify-error.k-group { color: #a94442; background-color: #f2dede; border-color:#ebccd1;padding-right: 15px;padding-left: 15px; width: 650px; }
    .notify-success {}
    .notify-error {}
    .rgmp-notify-icon { vertical-align: middle; margin-top:15px; }
    .rgmp-notify-message { vertical-align: middle; margin-bottom:20px;}

    .rgmp-op-wizard-title {font-size: 1.4285714285714286em;}

    .rgmp-op-treemap-t {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-t-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-v {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-v-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-p {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-p-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }

    .k-grid-toolbar { display: block!important; }
    .k-grouping-header { display: block!important; }

    .fa-panel {max-height:45em; }
    .fa-panel-body {max-height:30em; overflow-y:scroll; }

    .size-1 { width:100%; }
    .size-2 { width:49.6%; }
    .size-3 { width:33%; }    
    .size-4 { width:24.5%; }
    .size-5 { width:19.6%; }
    .size-6 { width:33.3%; }
}
@media (min-width: 1200px) {
	
	/* Site.css */
	/*-----------------------*/
	.modal.modal-20 .modal-dialog {width: 20%;}
    .modal-20 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-30 .modal-dialog {width: 30%;}
    .modal-30 .modal-body {overflow-y: auto; overflow-y:visible; }
    .modal.modal-40 .modal-dialog {width: 40%;}
    .modal-40 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-50 .modal-dialog {width: 50%;}
    .modal-50 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-60 .modal-dialog {width: 60%;}
    .modal-60 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-70 .modal-dialog {width: 70%;}
    .modal-70 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-80 .modal-dialog {width: 80%;}
    .modal-80 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-90 .modal-dialog {width: 90%;}
    .modal-90 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-100 .modal-dialog {width: 100%;}
    .modal-100 .modal-body {overflow-y: auto; overflow-y:visible;}
	/*-----------------------*/
	
    .rgmp-op-login-container-img{background: url('./Images/Standard/MyRGMP_spash_1279x700.jpg'); background-size: cover;min-height:50em;padding-top:40px;}
    .rgmp-op-body-container{background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa);min-height:50em;padding-top: 40px;}

    #rgmp-op-animated{overflow-x: hidden; margin-bottom: 40px;}

    .marginless {margin-right:0px!important; margin-left:0px!important;}
    .margintop{margin-top:8px;}
    .margintop-12px{margin-top:12px;}
    .margintop-15px{margin-top:15px;}
    .margintop-24px{margin-top:24px;}
    .marginbottom{margin-bottom:12px;}
    .rgmp-op-marginbottom-sm{margin-bottom:6px;}
    .label-padding-top{padding-top: 5px;}
    .welcome.ThirtySixPX { font-size: 2.5714285714285716em; line-height: 1; margin-top: 0px; margin-bottom: 0px; }
    .rgmp-op-credential-container {font-size: 1.0em;font-weight: 300;text-align: right;color: #ffffff;}
    
    .rgmp-op-support-external-answer {min-height:7.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}
    .rgmp-op-support-internal-answer {min-height:14.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}

    .rgmp-op-line-height{height:1px;}
    .rgmp-op-line-2{background-color: #e1e1e1;}
    .rgmp-op-rectangle {height: 16px;}

    .rgmp-op-header-container-control{min-height: 1.7em;margin-top:0.2em;}
    .rgmp-op-navigation-container {
        background-color: #ffffff;
        padding-top: 22px;
        padding-bottom: 22px;
    }
    .rgmp-op-unauthnav-right-menu {
        margin-top: 12px;
    }
    .rgmp-op-navigation-right-menu { margin-top: 18px; }
    .rgmp-op-filter-container {}
    .rgmp-op-filter-inner {background-color:#e0e0e0;}
    .rgmp-op-filter-container .ng-hide-add {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
    .rgmp-op-filter-container .ng-hide-remove {-webkit-animation:0.5s fadeInDown ease;  animation:0.5s fadeInDown ease; }  

    .rgmp-op-footer-container{ background-color: #63666a!important; }
    .rgmp-op-footer-container > a {text-decoration: none;}
    .rgmp-op-footer-container-inner{margin-top:15px;}

    .rgmp-op-login-container {background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);}
    .rgmp-op-login-container-footer {background-color: #ffffff; padding-top: 10px; padding-bottom: 10px;}

    .rgmp-op-internal-header-container { margin-bottom:16px; }   
    .rgmp-op-internal-sub-header-container{background-color: #ffffff; padding-top: 5px; padding-bottom: 5px;}     
    .rgmp-op-internal-body-container {background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa);min-height:50em;padding-top:22px;}
    .rgmp-op-internal-body-section-container{background-color: #e0e0e0;padding: 15px;}

    .rgmp-op-internal-heatmap-lg {height:21.32em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm {height:10.58em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm-btm {height:10.58em; padding: 10px; margin-top:2px;}
    .rgmp-online-portal-filter-btn {margin-top: 5px; margin-bottom: 5px;}

    .rgmp-op-widget-container {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        background: #ffffff;
        padding: 15px 15px 15px 15px;
    }
    .rgmp-op-widget-container-xxl { min-height: 36em; }
    .rgmp-op-widget-container-xl { min-height: 31.5em; }

    .rwl-op-widget-container-act-lg { min-height: 34em; }
    .rwl-op-widget-container-hol-lg { min-height: 29em; }

    .parallel-padding-left { padding-right:2px;}
    .parallel-padding-right { padding-left: 2px; }
    .rgmp-op-widget-container-lg { min-height: 20.392857142857142em; }
    .rgmp-op-widget-container-md { min-height: 20.80em; }
    .rgmp-op-widget-container-sm { min-height: 9.916666666666666em; }
    .rgmp-op-widget-container-xs { min-height: 6.666666666666667em; }
    .rgmp-op-widget-container-summary-top { margin-top: 9px; }
    .rgmp-op-widget-container-summary { margin-left: 15px; margin-right: 15px; }
    .rgmp-op-widget-container-top-ten { min-height: 20.0em; }
    .rgmp-op-widget-container-collapsable-body { padding: 0px 15px 15px 15px; }

    .rgmp-op-nav{}
    .rgmp-op-nav-item{ height:24px;max-height:24px; display: inline-block;}
    .rgmp-op-nav-item-margin {margin-right:12px;}
    .rgmp-op-nav-item-badge {position: relative;top: -1.88em;}
    .rgmp-op-nav-item > a {text-decoration: none;font-size: 1.27em;font-weight: 300;text-align: right;}
    .rgmp-op-nav-active > a {font-weight: 500!important;}

    .rgmp-op-header-row { margin-top: 2%!important; margin-bottom: 2%!important; }

    .rgmp-op-password-change .ng-hide-add {-webkit-animation:0.5s zoomOut ease; animation:0.5s zoomOut ease;}
    .rgmp-op-password-change .ng-hide-remove {-webkit-animation:0.5s zoomIn ease;  animation:0.5s zoomIn ease; }

    .rgmp-op-menu-sub-row { margin-top:5px!important;}

    .rgmp-online-portal-menu-badge{ position: relative; bottom: 50%; }
    .rgmp-online-portal-menu-container .fa-refresh {color: #428bca!important;}       

    .rgmp-admin-edit-header {font-size: 1.1em; font-weight: bold;}
    .rgmp-admin-edit-label {font-size:1.0em; padding-top:8px;}    

    .active-title {font-size:1.1em; font-weight:bold;padding-top:8px;}
    .rgmp-op-team-phone{text-align: right;}
    .rgmp-op-team-email{text-align: right;}

    .k-notification-notify-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding-right: 15px; padding-left: 15px; width: 850px; }
    .k-notification-notify-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding-right: 15px; padding-left: 15px; width: 850px; }
    .k-notification-notify-success.k-group { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding-right: 15px; padding-left: 15px; width: 850px; }
    .k-notification-notify-error.k-group { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding-right: 15px; padding-left: 15px; width: 850px; }

    .rgmp-op-wizard-title {font-size: 1.4285714285714286em;}

    .rgmp-col-lg-1 {float:left; width: 1.0%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-2 {float:left; width: 2.0%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-3 {float:left; width: 3.0%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-4 {float:left; width: 9.33333332%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-6 {float:left; width: 94.0%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-8 {float:left; width: 96.0%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-10{float:left; width: 98.0%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}

    .rgmp-col-lg-10-fs2 {}
    .rgmp-col-lg-10-fs3 {}
    .rgmp-col-lg-1-fs2 {}
    .rgmp-col-lg-1-fs3 {}

    .rgmp-op-treemap-t {color:#FFFFFF!important; font-size:0.9em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-t-alt { color: #000000 !important; font-size: 0.9em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-v {color:#FFFFFF!important; font-size:0.9em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-v-alt { color: #000000 !important; font-size: 0.9em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-p {color:#FFFFFF!important; font-size:0.9em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-p-alt { color: #000000 !important; font-size: 0.9em; font-family: 'Oswald', sans-serif; }

    .rgmp-op-summary-chart { padding-right: 5px!important; padding-left: 5px!important; }
    .rgmp-op-widget-chart { padding-bottom: 0px!important;}

    .k-grid-toolbar { display: block!important; }
    .k-grouping-header { display: block!important; }
    .fa-panel {max-height:45em; }
    .fa-panel-body {max-height:30em; overflow-y:scroll; }
}
@media (min-width: 1400px) {
	
	/* Site.css */
	/*-----------------------*/
	.modal.modal-20 .modal-dialog {width: 20%;}
    .modal-20 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-30 .modal-dialog {width: 30%;}
    .modal-30 .modal-body {overflow-y: auto; overflow-y:visible; }
    .modal.modal-40 .modal-dialog {width: 40%;}
    .modal-40 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-50 .modal-dialog {width: 50%;}
    .modal-50 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-60 .modal-dialog {width: 60%;}
    .modal-60 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-70 .modal-dialog {width: 70%;}
    .modal-70 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-80 .modal-dialog {width: 80%;}
    .modal-80 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-90 .modal-dialog {width: 90%;}
    .modal-90 .modal-body {overflow-y: auto; overflow-y:visible;}
    .modal.modal-100 .modal-dialog {width: 100%;}
    .modal-100 .modal-body {overflow-y: auto; overflow-y:visible;}
	/*-----------------------*/
    .rgmp-op-login-container-img{background: url('./Images/Standard/MyRGMP_spash_1279x700.jpg'); background-size: cover;min-height:50em;padding-top:40px;}
    .rgmp-op-body-container{background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa);min-height:50em; padding-top: 40px;}

    #rgmp-op-animated{overflow-x: hidden; margin-bottom: 40px;}

    .marginless {margin-right:0px!important; margin-left:0px!important;}
    .margintop{margin-top:8px;}
    .margintop-12px{margin-top:12px;}
    .margintop-15px{margin-top:15px;}
    .margintop-24px{margin-top:24px;}
    .margintop12px{margin-top:12px;}
    .marginbottom{margin-bottom:12px;}
    .rgmp-op-marginbottom-sm{margin-bottom:6px;}
    .label-padding-top{padding-top: 5px;}
    .welcome.ThirtySixPX { font-size: 2.5714285714285716em; line-height: 1; margin-top: 0px; margin-bottom: 0px; }
    .rgmp-op-credential-container {font-size: 1.0em;font-weight: 300;text-align: right;color: #ffffff;}
    
    .rgmp-op-support-external-answer {min-height:7.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #891c5a; resize: none; padding:10px;}
    .rgmp-op-support-internal-answer {min-height:14.071428571428571em;width:100%; border-radius: 1px; background-color: #ffffff; border: solid 0.5px #6988b2; resize: none; padding:10px;}

    .rgmp-op-line-height{height:1px;}
    .rgmp-op-line-2{background-color: #e1e1e1;}
    .rgmp-op-rectangle {height: 16px;}

    .rgmp-op-header-container-control{min-height: 1.7em;margin-top:0.2em;}
    .rgmp-op-navigation-container {
        background-color: #ffffff;
        padding-top: 22px;
        padding-bottom: 22px;
    }
    .rgmp-op-unauthnav-right-menu { 
        margin-top: 12px; 
    }
    .rgmp-op-navigation-right-menu { margin-top: 18px; }
    .rgmp-op-filter-container {}
    .rgmp-op-filter-inner {background-color:#e0e0e0;}
    .rgmp-op-filter-container .ng-hide-add {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
    .rgmp-op-filter-container .ng-hide-remove {-webkit-animation:0.5s fadeInDown ease;  animation:0.5s fadeInDown ease; }  
    
    .rgmp-op-footer-container{ background-color: #63666a!important; min-height:9.38em; }
    .rgmp-op-footer-container > a {text-decoration: none;}
    .rgmp-op-footer-container-inner{margin-top:15px;}

    .rgmp-op-login-container {background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);}
    .rgmp-op-login-container-footer {background-color: #ffffff; padding-top: 25px; padding-bottom: 25px;}

    .rgmp-op-internal-header-container { margin-bottom:16px; }   
    .rgmp-op-internal-sub-header-container{background-color: #ffffff; padding-top: 5px; padding-bottom: 5px;}     
    .rgmp-op-internal-body-container {background: #ffffff; background: -webkit-linear-gradient(#f6f6f6, #fafafa); background: -o-linear-gradient(#f6f6f6, #fafafa); background: -moz-linear-gradient(#f6f6f6, #fafafa); background: linear-gradient(#f6f6f6, #fafafa);min-height:50em;padding-top:22px;}
    .rgmp-op-internal-body-section-container{background-color: #ffffff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);}

    .rgmp-op-internal-heatmap-lg {height:21.32em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm {height:10.58em; padding: 10px;}
    .rgmp-op-internal-heatmap-sm-btm {height:10.58em; padding: 10px; margin-top:2px;}

    .rgmp-online-portal-filter-btn {margin-top: 5px; margin-bottom: 5px;}

    .rgmp-op-widget-container {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        background: #ffffff;
        padding: 15px 15px 15px 15px;
    }
    .rgmp-op-widget-container-xxl { min-height: 36em; }
    .rgmp-op-widget-container-xl { min-height: 31.50em; }

    .rwl-op-widget-container-act-lg { min-height: 34em; }
    .rwl-op-widget-container-hol-lg { min-height: 29em; }

    .parallel-padding-left { padding-right: 4px; }
    .parallel-padding-right { padding-left: 4px; }

    .rgmp-op-widget-container-lg { min-height: 20.392857142857142em; }
    .rgmp-op-widget-container-md { min-height: 20.80em; }
    .rgmp-op-widget-container-sm { min-height: 9.916666666666666em; }
    .rgmp-op-widget-container-xs { min-height: 6.666666666666667em; }
    .rgmp-op-widget-container-summary-top { margin-top: 9px; }
    .rgmp-op-widget-container-summary { margin-left: 15px; margin-right: 15px; }
    .rgmp-op-widget-container-summary-pos { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .rgmp-op-widget-container-top-ten { min-height: 19.0em; }
    .rgmp-op-widget-container-wl { min-height: 23.5em; }
    .rgmp-op-widget-container-collapsable-body { padding: 0px 15px 15px 15px; }

    .rgmp-op-nav{}
    .rgmp-op-nav-item{ height:24px;max-height:24px; display: inline-block;}
    .rgmp-op-nav-item-margin {margin-right:12px;}
    .rgmp-op-nav-item-badge {position: relative;top: -1.87em;}
    .rgmp-op-nav-item > a {text-decoration: none;font-size: 1.27em;font-weight: 300;text-align: right;}
    .rgmp-op-nav-active > a {font-weight: 500!important;}

    .rgmp-op-header-row { margin-top: 2%!important; margin-bottom: 2%!important; }

    .rgmp-op-password-change .ng-hide-add {-webkit-animation:0.5s zoomOut ease; animation:0.5s zoomOut ease;}
    .rgmp-op-password-change .ng-hide-remove {-webkit-animation:0.5s zoomIn ease;  animation:0.5s zoomIn ease; }

    .rgmp-op-menu-sub-row { margin-top:5px!important;}

    .rgmp-online-portal-menu-badge{ position: relative; bottom: 50%; }
    .rgmp-online-portal-menu-container .fa-refresh {color: #428bca!important;}       

    .rgmp-admin-edit-header {font-size: 1.1em; font-weight: bold;}
    .rgmp-admin-edit-label {font-size:1.0em; padding-top:8px;}    

    .active-title {font-size:1.1em; font-weight:bold;padding-top:8px;}

    .rgmp-op-team-phone{text-align: right;}
    .rgmp-op-team-email{text-align: right;}

    .k-notification-notify-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding-right: 15px; padding-left: 15px; width: 850px; }
    .k-notification-notify-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding-right: 15px; padding-left: 15px; width: 850px; }
    .k-notification-notify-success.k-group { color:#3c763d; background-color: #dff0d8; border-color:#d6e9c6;padding-right: 15px;padding-left: 15px; width: 850px; }
    .k-notification-notify-error.k-group { color: #a94442; background-color: #f2dede; border-color:#ebccd1;padding-right: 15px;padding-left: 15px; width: 850px; }
    .notify-success {}
    .notify-error {}
    .rgmp-notify-icon { vertical-align: middle; margin-top:20px; }
    .rgmp-notify-message { vertical-align: middle; margin-bottom:30px;}

    .rgmp-op-wizard-title {font-size: 1.4285714285714286em;}

    .rgmp-op-canvas-bar{width: 469px; height: 164px; }
    .rgmp-op-canvas-doughnut{width: 169px; height: 169px; }

    .rgmp-col-lg-1 {float:left; width: 8.33333333%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-2 {float:left; width: 16.66666666%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-3 {float:left; width: 24.99999999%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-4 {float:left; width: 33.33333332%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-5 {float:left; width: 41.66666665%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-6 {float:left; width: 49.99999998%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-7 {float:left; width: 58.33333331%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-8 {float:left; width: 66.66666664%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-9 {float:left; width: 74.99999997%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-10{float:left; width: 83.33333334%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-11{float:left; width: 91.66666663%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .rgmp-col-lg-12{float:left; width: 100%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}

    .rgmp-col-lg-10-fs2 {width: 90%!important;}
    .rgmp-col-lg-10-fs3 {width: 96%!important;}
    .rgmp-col-lg-1-fs2 {width: 5%!important;}
    .rgmp-col-lg-1-fs3 {width: 2%!important;}

    .rgmp-op-treemap-t {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-t-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-v {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-v-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }
    .rgmp-op-treemap-p {color:#FFFFFF!important; font-size:1.0em;font-family: 'Oswald', sans-serif;}
    .rgmp-op-treemap-p-alt { color: #000000 !important; font-size: 1.0em; font-family: 'Oswald', sans-serif; }

    .rgmp-op-summary-chart { padding-right: 5px!important; padding-left: 5px!important; }
    .rgmp-op-widget-chart { padding-bottom: 0px!important;}

    .k-grid-toolbar { display: block!important; }
    .k-grouping-header { display: block!important; }
    .fa-panel {
        max-height: 45em;
    }

    .fa-panel-body {
        max-height: 30em;
        overflow-y: scroll;
    }

    .size-1 { width:100%; }
    .size-2 { width:49.6%; }
    .size-3 { width:33%; }    
    .size-4 { width:24.5%; }
    .size-5 { width:19.6%; }
    .size-6 { width:16.6%; }

    .internal-app-splash-section {
        padding: 48px 60px 48px 60px;
        margin-bottom: 30px;
        background-color: #eee;
        border-radius: 6px;
    }
    .internal-app-splash-section-h1 {
        font-size: 4.500em;
        font-weight: 500;
    }
    .internal-app-splash-section-label {
        margin-bottom: 15px;
        font-size: 1.500em;
        font-weight: 200;
    }
}

.rgmp-filter-label { font-size: 1em; padding-top:7.5px; }

.internal-app-title-container {margin-top:10px;}
.internal-app-title-img { display: inline; float: left; padding-top: 5px; }
.internal-app-title-text { display: inline; float: left; font-size: 2.5714285714285716em; font-weight: 500; padding-left: 25px; padding-top:33px; }
.internal-app-header { background-color: #63666a; }

.internal-app-navigation {background-color: #fff;}
.internal-app-navigation-links { padding-top:45px; }
.internal-app-navigation-links > .link-item { height: 24px; max-height: 24px; display: inline-block; }
.internal-app-navigation-links > .link-item { height: 24px; max-height: 24px; display: inline-block}
.internal-app-navigation-links > .link-item > a { text-decoration: none; font-size: 1.3333333333333333em; font-weight: 300; text-align: right; color: #890c58; }
.internal-app-navigation-links > .link-item > a:hover { cursor: pointer; }
.internal-app-navigation-links > .link-item-margin { height: 24px; max-height: 24px; margin-right: 12px; display: inline-block;}
.internal-app-navigation-links > .link-item-margin > a { text-decoration: none; font-size: 1.3333333333333333em; font-weight: 300; text-align: right; color: #890c58; }
.internal-app-navigation-links > .link-item-margin > a:hover { cursor: pointer; }
.internal-app-navigation-links > .link-item-condition { height: 24px; max-height: 24px; margin-left: 12px; display: inline-block;}
.internal-app-navigation-links > .link-item-condition > a { text-decoration: none; font-size: 1.3333333333333333em; font-weight: 300; text-align: right; color: #890c58; }
.internal-app-navigation-links > .link-item-condition > a:hover { cursor: pointer; }
.internal-app-navigation-links > .link-item-drop {position: relative; }
.internal-app-navigation-link-active {font-weight: 500!important; color: #000000!important; }
.internal-app-navigation-sub-link-active {font-weight: 400!important; color: #000000!important; text-decoration: underline; }

.internal-app-navigation-drop-container {opacity: 0; padding-top: 15px;}
.internal-app-navigation-drop { min-width: 12em; font-size:1.0em;position:absolute;top:85px;left:-40px;z-index:5000000;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); background: #ffffff;opacity:0;visibility:hidden;-webkit-transition:opacity 0.2s ease,top 0.2s ease;-moz-transition:opacity 0.2s ease,top 0.2s ease;-o-transition:opacity 0.2s ease,top 0.2s ease;transition:opacity 0.2s ease,top 0.2s ease}
.internal-app-navigation-drop:after {position: absolute; content: ""; display: block; }

.link-badge {display: inline-block; min-width: 10px; padding: 3px 4px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px;}
.link-item-badge { background-color: #db3b0f !important; font-size: 0.8571428571428571em !important; color: white; font-weight: 300; }
.link-item-badge-sm { background-color: #db3b0f !important; font-size: 0.8571428571428571em !important; color: white; font-weight: 300; margin-bottom: 5px; margin-left: 6px; }
.link-item-badge-inverse{background-color:#FFFFFF!important; border: 0px unset; font-size:0.8571428571428571em!important; color: white; }
.link-item-badge-hidden{background-color:#FFFFFF!important; border: 0px unset; font-size:0.8571428571428571em!important; color: white;  visibility:hidden;}

.internal-app-body { min-height: 49.36em; padding-top: 22px;}
.internal-app-body-viewTitle { font-size: 1.5em; color: #890c58; font-weight: 500!important; margin-bottom: 15px;}
.internal-app-footer { background-color: #63666a; min-height: 9.38em; }
.internal-app-rectangle-sm {height: 16px;background-color: #63666a; margin-bottom: 15px;}

.internal-app-filter { }
.internal-app-filter-label { font-size: 1em; padding-top: 7.5px;  }
.internal-app-filter-label-1 { font-size: 1.1em;   }
.internal-app-filter-label-2 { font-size: 1em; padding-top: 5px; }
.internal-app-filter-inner { background-color: #e0e0e0; padding-top: 5px; padding-bottom: 5px; }
.internal-app-filter-inner-row { padding-bottom: 5px; }

.internal-app-filter-inner-responsive {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.internal-app-notify-icon { vertical-align: middle; margin-top:20px; }
.internal-app-notify-message { vertical-align: middle; margin-bottom:30px;}

.internal-app-section-header { background-color: #63666a; color: #ffffff; padding: 5px; }
.internal-app-section {box-shadow: 0 0 4px 0 rgba(0,0,0,.2); background: #fff; padding: 15px 15px 15px 15px; overflow-x: hidden; }
.internal-app-section-ovr {box-shadow: 0 0 4px 0 rgba(0,0,0,.2); background: #fff; padding: 15px 15px 15px 15px; }
.internal-app-section-2 {box-shadow: 0 0 4px 0 rgba(0,0,0,.2); background: #fff; padding: 3px 5px 3px 5px; }
.internal-app-section-lg { min-height: 20em; }
.internal-app-section-md { min-height: 16.8em; }
.internal-app-section-sm { min-height: 10em; }
.internal-app-section-footer { height: 1px; background-color: #890c58; margin-bottom: 10px; }
.internal-app-section-filter {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    background: #fff;
    padding: 5px 5px 5px 5px;
    border: 1px solid #eee;
}

.internal-app-grid-btn {
    padding: 2px 3px 2px 3px;
    border-radius: 1px;
}

.internal-app-view-name { font-size: 2.5714285714285716em; color: #890c58; font-weight: 500;}
.internal-app-view-name-container { margin-bottom:5px; }
.internal-app-header-1 { font-size: 1.7142857142857142em; color: #891c5a; font-weight: 500; }
.internal-app-header-2 { font-size: 1.3333333333333333em; color: #000; font-weight: 500; }
.internal-app-header-3 { font-size: 1.2857142857142858em; color: #890c58; font-weight: 500; }
.internal-app-header-4 { font-size: 1em; color: #000; font-weight: 500; }
.internal-app-header-5 { font-size: 1em; color: #000; font-weight: 500; }

.internal-app-label-1 { font-size: 1em; color: #6a6a6a; font-weight: 300; }
.internal-app-label-2 { font-size: 1em; color: #4a4a4a; padding-top: 6px; }
.internal-app-label-3 { font-size: 0.858em; color: #4a4a4a; padding-top: 8px; }
.internal-app-info { font-size: 1em; color: #39393a; font-weight: 500;}

.internal-app-model-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5);}
.internal-app-model-header { padding: 15px; border-bottom: 1px solid #e5e5e5;}
.internal-app-model-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }

.internal-app-form-group-md { margin-bottom: 5.0px;}
.internal-app-form-group-sm { margin-bottom: 1.5px;}

.internal-app-section-shade-1 { background:linear-gradient(#f6f6f6,#fafafa);}

.internal-app-fw-500 { font-weight: 500; }
.internal-app-form-control { font-size: 1em !important; height: 2.4285714285714284em !important; }

.internal-app-section-btn{height: 43px; width: 74px; background-color: #63666a; border-radius:0px!important; border-color: #ffffff!important;}
.internal-app-section-btn:hover {color: #FFFFFF; background-color: #63666a; border-color: #ffffff!important;}
.internal-app-section-btn:focus {color: #FFFFFF; background-color: #63666a; border-color: #ffffff!important;}
.internal-app-section-btn-sm{height: 30px; width: 50px; background-color: #63666a; border-radius:0px!important; padding:0px!important;}
.internal-app-section-btn-sm:hover {color: #FFFFFF; background-color: #63666a; }
.internal-app-section-btn-sm:focus {color: #FFFFFF; background-color: #63666a; }

.internal-app-section-btn-sm{height: 30px; width: 50px; background-color: #63666a; border-radius:0px!important; padding:0px!important;}
.internal-app-section-btn-sm:hover {color: #FFFFFF; background-color: #63666a; }
.internal-app-section-btn-sm:focus {color: #FFFFFF; background-color: #63666a; }

.internal-app-error-title { font-size: 1.7142857142857142em; font-weight: 500; color: #000; }

.internal-app-link-item { min-height: 35px; display: inline-block; font-size: 1.0em;  box-shadow: 0 0 2px 0 rgba(0,0,0,.2); background: #FFFFFF; min-height : 50px;}
.internal-app-link-item-inner { margin:5px;}
.internal-app-link-item-inner > a { font-weight: 300; color: #890c58; }
.internal-app-link-item-inner > a:hover { font-weight: 300; color: #890c58; }

.k-dropdown { width: 100%; }

.internal-app-success-label { color: #155724; }
.internal-app-danger-label { color: #721c24; }
.internal-app-warning-label { color: #856404; }
.internal-app-info-label { color: #004085; }
.internal-app-default-label { color: #777; }
.internal-app-unknown-label { color: #5bc0de; }

.internal-app-success-highlight { background-color: #d4edda; }
.internal-app-danger-highlight { background-color: #721c24; }
.internal-app-warning-highlight { background-color: #856404; }
.internal-app-info-highlight { background-color: #004085; }


.internal-app-wizard-bcg-active {
    background-color: #cce5ff;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.internal-wizard-state-active { color: #891c5a; }
.internal-wizard-state-pending { color: #d2d0d0; }
.internal-wizard-state-complete { color: #008000; }
.internal-wizard-state-error { color: red; }

.internal-app-wizard-breadcrumb {
    margin-bottom: 5px;
    display: inline-block;
}
.internal-app-wizard-breadcrumb-title {font-size: 1.4285714285714286em;}

.internal-app-nav-drop-header {
    height: 10px;
    background-color: #63666a;
}

.internal-app-nav-drop {
    opacity: 0;
    visibility: hidden;
    padding: 0 0 5px 0;
    background-color: #ffffff;
    text-align: left; /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
    position: absolute;
    top: 75px; /* This is for the drop down annimation */
    left: 50%;
    margin-left: -90px;
    width: 12.5em;
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    z-index: 5000000;
}

.internal-app-nav-drop-last {
    left: -33%!important;
}

.internal-app-nav-drop:before {
    content: '';
    display: block;
    border-color: transparent transparent #63666a transparent;
    border-style: solid;
    border-width: 10px; /* The border on the drop down box  */
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
}
.internal-app-nav-drop-last:before {
    left: 82% !important;
}

.link-item-drop:hover>.internal-app-nav-drop {
    opacity: 1;
    top: 52px; /* This is how far from the top the drop down annimation will go  */
    visibility: visible;
}

.internal-app-nav-drop-body > .link-item:hover {
    background-color: #f6f6f6;
}

.internal-app-nav-drop-body > .link-item a:hover {
    text-decoration: none;
    cursor:pointer;
}

.internal-app-nav-drop-body > .link-item-line{background-color: #890c58; height: 1px;}

.internal-app-nav-sub-drop {
    opacity: 0;
    visibility: hidden;
    background-color: #ffffff;
    position: absolute;
    right: 196px;
    float: left;
    z-index: 5000000;
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
    margin-top: -4px;
}

.internal-app-nav-no-items { padding: 10px; color: #891c5a; font-weight: 500; text-align: center; }

.link-item-sub-nav { padding: 7px 0 7px 5px; }
.link-item-sub-nav:hover { background-color: #f6f6f6; }
.link-item-sub-nav:hover > .internal-app-nav-sub-drop { opacity: 1; right: 186px; visibility: visible; }
.link-item-sub-nav a { font-weight: 400; color: #63666a; text-decoration: none; cursor: pointer; }

.drop-link-header { padding: 7px 0 7px 5px; color:#63666a !important; font-weight: 500!important; }
.drop-link-item { padding: 7px 0 7px 5px; }
.drop-link-item:hover { background-color: #f6f6f6; }
.drop-link-item a { font-weight: 400; color: #891c5a; text-decoration: none; cursor: pointer; }

.internal-app-nav-sub-drop > .content {
    min-width: 15em;
    float: left;
    position: relative;
    background: #ffffff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.internal-app-nav-sub-drop>.spacer {
    float: left;
    position: relative;    
}

.internal-app-nav-sub-drop > .spacer > .spacer-arrow:before {
    content: ">";
    color: #891c5a;
    font-size: 24px;
    padding-right: 0.5em;
    position: absolute;
    top: -6px;
    left: 2px;
}

.internal-app-nav-sub-drop > .spacer > .spacer-arrow {
    background-color: #FFFFFF;
    height: 30px;
    width: 15px;
    position: absolute;
    z-index: 106;
    border-bottom-right-radius: 110px;
    border-top-right-radius: 110px;
    border-bottom: 0;
}

.internal-app-date-input {
    cursor: pointer;
    min-height: 35.6562px;
    height: 35.6562px;
    background-color: #FFFFFF!important;
}

.internal-app-date-input:disabled { color: #a1a1a1; }
.internal-app-date-span-disabled { opacity: .7; }
.internal-app-menu-fa-icon {font-size: 1.5em;}
.internal-app-ddl-opt-disabled { opacity: 0.7; cursor: not-allowed; }
.internal-app-btn-text {padding-left: 6px;}
.internal-app-repeat-header-bar { height: 1px; background-color: #000000; margin-bottom: 8px; margin-top: 5px; }

.center-textbox { display: block; margin-right: auto; margin-left: auto; width:50% }

div.tooltip-coi div {
    z-index: 12000;
    position: fixed;
    display: none;
    text-decoration: none;
    color: #FFFFFF !important;
    background-color: #000 !important;
    box-shadow: 0 2px 2px rgb(0 0 0 / 20%);
    border-radius: 4px;
    border-color: #000;
    padding: 6px;
}

/* event: hover */
div.tooltip-coi:hover div {display: block;}

.coi-title {float: left;width: calc(100% - 80px);}

.coi-def {float: right;width: 80px; }

.marginleft-5px{ margin-left: 5px}
.marginleft-40px{ margin-left: 40px}
.marginleft-60px{ margin-left: 60px}
.marginleft-80px{ margin-left: 80px}

.highlighted-row-yellow {background-color: yellow}
.highlighted-row-orange {background-color: orange}

.inlineblock {
    display: inline-block;
}

.fa-layers-counter { min-height: 50px !important; }

.internal-app-chatbot-activator { box-shadow: none !important; background: #891c5b; border: 2px solid #fff; z-index: 1075; bottom: 95px; right: 15px; display: flex !important; width: 80px; height: 80px; min-width: 80px; position: fixed; z-index: 900; bottom: 95px; right: 15px; border-radius: 50% !important; display: flex; align-items: center; box-shadow: 0 14px 36px 0 rgb(0 0 0 / 30%); }

.internal-app-chatbot-container {
    background: #fff;
    z-index: 9999 !important;
    height: 70%;
    width: 375px;
    height: 667px;
    position: fixed;    
    flex-direction: column;
    flex-wrap: wrap;
    flex-flow: column;
    z-index: 900;
    top: auto;
    bottom: 0;
    right: 0;
    background: none repeat scroll 0 0 #891c5b;
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 30%);
    right: 3px;
}

.internal-app-chatbot-container-show{
    display: flex !important;
}

.internal-app-chatbot-container-hide {
    display: none!important;
}

#rwl-advisor-chatbox > header-111 {
    display: none !important;
}

.rwl-document-button {
    color: #890c58;
}

.rwl-button-actve {
    background-color: #d2d0d0 !important;
    font-weight: bold;
    box-shadow: 0 0 4px 0 rgba(0,0,0,15) !important;
}

.rwl-summary-widget {
    border-left: solid 0.8px #6a6a6a;
}
.rwl-btn-label { }
.rwl-hover-menu-item {font-size: 1.1em; max-width:80px; overflow: hidden; }
.rwl-hover-menu-item:hover {font-size: 1.1em; max-width:266px; }

.rwl-action-menu {
    list-style-type: none;
}
.rwl-action-menu > li {display:inline-block; margin-left:18px;}

.rwl-widget-load-back-out {
    -webkit-animation: 1.5s zoomOut ease;
    animation: 1.5s zoomOut ease;
}

.rwl-widget-content-back-in {
    -webkit-animation: 0.5s zoomIn ease;
    animation: 0.5s zoomIn ease;
}

.rwl-animate-flip-out {
    -webkit-animation: 1.5s zoomOut ease;
    animation: 1.5s zoomOut ease;
}

.rwl-animate-flip-in {
    -webkit-animation: 1.5s zoomIn ease;
    animation: 1.5s zoomIn ease;
}

.rwl-animate-bounce {
    -webkit-animation: pulse;
    animation: pulse;
}

div.k-grid-footer, div.k-grid-header {
    padding-right: 0px!important;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1;
}

.rwl-to-container {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    background: #ffffff;
    padding: 8px 8px 8px 8px;
    border-radius: 15px;
    font-size: 1.1em;
}

.rwl-v2-btn {
    border: 0.6px solid black !important;
    border-radius: 10px !important;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #891c5a;
    color: white;
    vertical-align: middle;
    line-height: 1.42857143;
    min-height: 2.4833333333333335em;
}

.rwl-v2-btn-light {
    background-color: #d2d0d0;
    color: black;
}

.rwl-v2-btn-full {
    width: 100%;
    padding: 8px;
}

.rwl-v2-btn-image {
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.rwl-v2-btn-text {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.rwl-v2-btn:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #63666A;
    color: #ffffff;
    text-decoration: none;
}

.rwl-login-body {
    min-height: 44.07142857142857em;
    padding-top: 4px;
}

.rwl-error-body {
    min-height: 44.07142857142857em;
    padding-top: 4px;
    background: #ffffff;
    background: -webkit-linear-gradient(#f6f6f6, #fafafa);
    background: -o-linear-gradient(#f6f6f6, #fafafa);
    background: -moz-linear-gradient(#f6f6f6, #fafafa);
    background: linear-gradient(#f6f6f6, #fafafa);
    padding-top: 40px;
}

.rwl-login-img {
    background: url('./Images/Standard/RichardsonSmall.png');
    background-size: cover;
    height: 368px;
}

.rwl-login-message {
    top: 20px;
    left:170px;
    position: absolute;
    width: 50%;
    height: 50%;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    padding: 15px;
}

.rwl-btn-lg {font-size: 1.5em}
.rwl-btn-md {font-size: 1.2em}
.rwl-btn-sm {font-size: 1.0em}
.rwl-btn-xs {font-size: 0.8em}

.rwl-message-body-seperator {
    height: 1px;
    background-color: #d2d0d0;
    margin-bottom: 15px;
    margin-top: 15px;
}

/* NEW MENU ITEMS */

.rwl-menu-group {
    float: left;
}

.rwl-menu-item-container {
    float: left;
    min-width: 100px;
    margin: 0 5px 0 5px;
}

.rwl-menu-item-container > a {
    cursor: pointer;
    text-decoration: none;
    color: #890c58 !important;
    font-size: 1.11em;
    font-weight: 300;
}

.rwl-menu-item-container > a.active {
    border-radius: 15px !important;
    background-color: #eee !important;
    border: 0.5px solid #63666a !important
}

.rwl-menu-item {
    transition: 0.3s;
    padding-top: 8px;
    padding-bottom: 8px;
}

.rwl-menu-item-margin {
    transition: 0.3s;
    margin-right: 15px;
}

.rwl-menu-item:hover {
    border-radius: 15px !important;
    background-color: #eee !important;
    border: 0.5px solid #63666a !important
}

.rwl-menu-item-xl {width: 215px;}
.rwl-menu-item-lg {width: 180px;}
.rwl-menu-item-md {width: 150px;}
.rwl-menu-item-sm {width: 120px;}
.rwl-menu-item-xs {width: 90px;}

.rwl-anchor-tag {
    transition: 0.3s
}

.rwl-anchor-tag:hover {
    border-radius: 15px !important;
    background-color: #eee !important;
    border: 0.5px solid #63666a !important
}

.rwl-sub-menu {}

.rwl-sub-menu-item {
    display: inline;
    padding-bottom: 8px;
    padding-top:3px;
    padding-left: 12px;
}

.rwl-sub-menu-item > a {
    font-size:0.90em;
}

.rwl-sub-menu-item:hover {
    border-radius: 15px !important;
    background-color: #eee !important;
    border: 0.5px solid #63666a !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.rwl-sub-menu-item-innerapp {
    padding-right: 12px;
    font-size: 1.2em;
}

.rwl-nav-flex-icon-sm{padding-top: 5px;}
.rwl-nav-flex-label-sm {}
.rwl-sub-menu-item-sm {
    font-size: 0.8571428571428571em;
    padding-top: 2px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.rwl-sub-menu-item-sm:hover {
    border-radius: 8px !important;
    background-color: #eee !important;
    border: 0.5px solid #63666a !important;
    cursor: pointer !important;
    text-decoration: none!important;
    color: #000000 !important;
}

.rwl-internal-app-resource-container {
    position: absolute;
    overflow: hidden;
    width: 40%;
    z-index: 1;
    top: 100px;
    right:15px;
}

#rwl-sub-menu {
    list-style: none;
    padding-left: 0!important;
}

#rwl-sub-menu button, input[type="submit"], input[type="reset"] {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    display: inline;
    font-weight: 500;
}

#rwl-sub-menu button:disabled, button[disabled] {
    cursor: not-allowed;
    font-weight: 200;
}

#rwl-sub-menu > li {
    display: inline;
}

#rwl-sub-menu > li.active {
    border-radius: 15px !important;
    background-color: #eee !important;
    border: 0.5px solid #63666a !important
}

.rwl-sub-menu-innerapp {
    margin-top: 2px!important;
}

.rwl-nav-flex-a {
    max-width: 25px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-flex;
    transition: max-width .6s !important;
    cursor: pointer;
    color: #891c5a !important;
    vertical-align: middle;
    text-decoration: none;
}

.rwl-nav-flex-res {
    max-width: 30px;
}

.rwl-nav-flex-a-static {
    max-width: 250px;
    white-space: nowrap;
    display: inline-flex;
    cursor: pointer;
    color: #891c5a !important;
    vertical-align: middle;
    text-decoration: none;
}

.rwl-nav-flex-a-static:hover {
    text-decoration: none !important;
    color: #000000 !important;
}

.rwl-nav-flex-icon {
    margin-top: 3px;
    font-size: 1.5em;
}

.rwl-nav-flex-label {
    margin-left: 8px;
    margin-right: 8px;
    font-size: 1.3333333333333333em;
    font-weight: 300;
}

.rwl-nav-flex-a:hover {
    max-width: 280px;
    text-decoration: none !important;
    color: #000000 !important;
}

.rwl-nav-flex-margin {
    margin-right: 10px;
}

.rwl-internal-search-addon {
    border-radius: 0px !important;
    border: 0 !important;
    min-width: 30px;
    text-align: center;
    box-shadow: none;
    padding: 0px 6px;
}

.rwl-internal-app-menu {
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #891c5a;
}

.rwl-internal-app-body {
    min-height: 776px;
    padding-top: 12px;
    background: linear-gradient(#f6f6f6,#fafafa);    
}

.rwl-internal-app-body-section {
}

.rwl-internal-app-body-section .section-title {
    font-size: 1.3333333333333333em;
    color: #000;
    font-weight: 500;
}

.rwl-internal-app-body-section .section-descr {
    font-size: 1em;
    color: #6a6a6a;
    font-weight: 300;
    margin-top: 6px;
}

.rwl-internal-app-body-section .input-group {
    margin-top: 6px;
}

.rwl-internal-app-data {
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rwl-internal-app-no-data {min-height: 34px;}

.rwl-internal-app-body-header-1 {
    font-size: 1em;
    color: #000;
    font-weight: 500;
}

.rwl-internal-app-footer {
    height: 85px;
    background: radial-gradient(20.51% 55.95% at 50% 60.16%,rgba(32,32,32,.93) 0,#202020 100%)
}

/*.internal-app-filter {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    background: #f6f6f6;
    padding: 5px 5px 5px 5px;
    border: 1px solid #000000;
}*/

.rwl-internal-app-filter-container {
    position: absolute;
    overflow: hidden;
    width: 40%;
    top: -8px;
    right: -25px;
    z-index: 100;
}

.rwl-internal-app-filter-action:hover {
    cursor: pointer;
    text-decoration: none;
}

.rwl-internal-app-popout-container {
    position: absolute;
    overflow: hidden;
    width: 28%;
}

.rwl-internal-app-pop-1{ top: 50px; right: -25px; z-index: 100;}
.rwl-internal-app-pop-2{ top: 110px; right: -15px;  z-index: 110;}
.rwl-internal-app-pop-3{ top: 170px; right: -5px;  z-index: 120;}

.rwl-internal-app-popout-container-out {
    -webkit-animation: 0.8s fadeOutUp ease;
    animation: 0.8s fadeOutUp ease;
}

.rwl-internal-app-popout-container-in {
    -webkit-animation: 0.8s fadeInDown ease;
    animation: 0.8s fadeInDown ease;
}

.rwl-info-panel {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    background: linear-gradient(#f6f6f6, #fafafa);
    border: solid 0.5px black;
    border-radius: 15px
}

.rwl-info-panel-repeat{margin-top:6px;}

.rwl-info-panel-body {
    padding: 10px;
}
.rwl-info-panel-body-sm {
    padding: 5px;
}

.rwl-wizard-action {
    display: inline;
    padding-bottom: 8px;
    padding-top: 3px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 1.25em;
}

.rwl-wizard-action:hover {
    border-radius: 15px !important;
    background-color: #eee !important;
    border: 0.5px solid #63666a !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.rwl-ai-container {
    height: 350px;
    display: flex;
    align-items: flex-end;
    background: #FFFFFF;
    margin: 5px;
    font-size: 1.1em;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.rwl-ai-container .question {
    font-weight: 500;
}
.rwl-ai-container .answer {
   
}


.rwl-search-container {
    display: flex;
    border-radius: 15px !important;
    border: 0.5px solid #63666a !important;
    padding-top: 4px;
    padding-bottom: 4px;
}

.rwl-search-icon {
    position: relative;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rwl-search-icon button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    display: inline;
    font-weight: 500;
}

.rwl-search-input {
    width: 100%;
    border-radius: 2px;
    box-shadow: none;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    padding-left:12px;
}

.rwl-search-input input {
    border: none;
    box-shadow: none;
}

.rgmp-op-message-container { overflow-x:hidden; }

.container{width: 100%!important;}
#rgmp-op-mobile-container { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; height: 120px; overflow:hidden;}
.rgmp-mobile-menu-animate-out {-webkit-animation:0.5s zoomOut ease; animation:0.5s zoomOut ease;}
.rgmp-mobile-menu-animate-in {-webkit-animation:0.5s zoomIn ease; animation:0.5s zoomIn ease;}
.rgmp-mobile-animate-out {-webkit-animation:0.5s fadeOutUp ease; animation:0.5s fadeOutUp ease;}
.rgmp-mobile-animate-in {-webkit-animation:0.5s fadeInDown ease; animation:0.5s fadeInDown ease;}

#rgmp-mbm{ margin-bottom: 3px;}

.rgmp-op-animate-ticker-in {-webkit-animation:0.8s fadeInUp ease; animation:0.8s fadeInUp ease;}
.rgmp-op-animate-ticker-out {-webkit-animation:0.8s fadeOutUp ease; animation:0.8s fadeOutUp ease;}

.rgmp-ticker-container {box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); background: #ffffff; padding: 10px 10px 10px 10px;}
.rgmp-ticker-desc { }
.rgmp-ticker-price { font-weight: 500; padding-left:5px ; }
.rgmp-ticker-curr { font-weight: 500; padding-left:5px ; }
.rgmp-ticker-perc { padding-left:5px ; }

.rgmp-market-container {box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); background: #ffffff; padding:15px 15px 15px 15px; min-height: 23.0em}
.rgmp-market-container-md {box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); background: #ffffff; padding:15px 15px 15px 15px; min-height: 28.0em}
.rgmp-market-container-header { font-size: 1.7142857142857142em; font-weight: 500!important; color: #891c5a; }
.rgmp-market-container-legend { font-size: 0.8571428571428571em; font-weight: 500!important; margin-top: 8px; margin-bottom: 8px;}

.btn-market-chart {
    color: #000000;
    background-color: #bbbcbc;
    border-color: #bbbcbc;
}
.btn-market-chart-active {
    color: #FFFFFF;
    background-color: #890c58;
    border-color: #890c58;
}

.rgmp-op-widget-carousel-mobile {box-shadow: none; background: none; padding:0px; min-height:0em;}
.rgmp-op-widget-carousel-desktop {box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); background: #ffffff; padding:15px 15px 5px 15px; min-height:20.392857142857142em; overflow: hidden;}
.rgmp-op-widget-carousel-child-mobile {box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); background: #ffffff; padding:15px 15px 5px 15px; }
.rgmp-op-widget-carousel-child-desktop {box-shadow: none; background: none; padding:0px;}

#rgmp-op-mobile-sm { font-size:0.8em; }

.rgmp-cmd-padding-md {padding-left:3px;}
.rgmp-cmd-label-md {padding-left:10px;}
.rgmp-mb-grid-cmd { margin-top: 4px; margin-bottom: 4px; }
.rgmp-dt-grid-cmd { margin-top: 8px; margin-bottom: 8px; }

.rgmp-op-cmd-sub > a { font-weight: 300; color: #890c58; }

@media (min-width: 1px) { /* Animation */ .rgmp-op-profile.ng-hide-add {-webkit-animation:none; animation:none;}
    .rgmp-op-profile.ng-hide-remove {-webkit-animation:none;  animation:none; }
    .rgmp-h-ac-container {min-height:14.0em;}

    /* Navigation */
    .rgmp-mobile-nav-logo { display: none; }
    .rgmp-mobile-nav-links { display: block;float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; text-align: right; padding-top: 0px; }
        .rgmp-mobile-nav-links > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: unset; overflow-x: unset; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width:21.5%;}
    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
    #rgmp-op-mobile-md > .rgmp-mobile-nav-footer {display: block;}

    .rgmp-mobile-nav-links-sm { display: block;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 100%;text-align: right;padding-top:2px;}
        .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width:17%;  margin-top: 5px; margin-bottom: 5px;}
    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }

    .rgmp-mobile-nav-logo-unauth { display: block;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 41.66666667%;padding-top: 7px;  }
    .rgmp-mobile-nav-links-unauth {  display: block;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 0px;width: 58.33333333%;text-align: right;padding-top:0px; }
        .rgmp-mobile-nav-links-unauth .rgmp-op-nav-sub { text-align: right; padding-top: 3px; padding-bottom: 3px; }
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 0.9em; min-width:29%;}
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-footer { display:inline-block; }


    .rgmp-op-animate-in {-webkit-animation:1.5s zoomIn ease; animation:1.5s zoomIn ease;}
    .rgmp-op-animate-out {-webkit-animation:1.5s zoomOut ease; animation:1.5s zoomOut ease;}
    .rgmp-op-animate-back-out {-webkit-animation:1.5s zoomOut ease; animation:1.5s zoomOut ease;}
    .rgmp-op-animate-back-in {-webkit-animation:1.5s zoomIn ease; animation:1.5s zoomIn ease;}
    .rgmp-op-animate-widget-in {-webkit-animation:0.5s zoomIn ease; animation:0.5s zoomIn ease;}
    .rgmp-op-animate-widget-out {-webkit-animation:1.0s zoomOut ease; animation:1.0s zoomOut ease;}
    .rgmp-op-animate-widget-in-back {-webkit-animation:0.5s zoomIn ease; animation:0.5s zoomIn ease;}
    .rgmp-op-animate-widget-out-back {-webkit-animation:1.0s zoomOut ease; animation:1.0s zoomOut ease;}
    .rgmp-op-animate-complete-in {-webkit-animation:1.0s zoomIn ease; animation:1.0s zoomIn ease;}
    .rgmp-op-animate-complete-out {-webkit-animation:1.0s zoomOut ease; animation:1.0s zoomOut ease;}

    .rgmp-mobile-menu-item { min-height: 35px; display: inline-block; font-size: 1.0em;  box-shadow: 0 0 2px 0 rgba(0,0,0,.2); background: #FFFFFF; min-height : 77.5px;}
    .rgmp-mbm-active { background: #d8d8d8; border:1px solid #63666a;}
    .rgmp-mobile-menu-item-inner { margin-top: 5px; margin-bottom: 2px;}
    .rgmp-mobile-menu-item-inner > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-menu-item-inner > a:hover { font-weight: 300; color: #890c58; }
    .rgmp-mobile-menu-item-1 { width: 99.0%; }
    .rgmp-mobile-menu-item-2 { width:49.3%; }
    .rgmp-mobile-menu-item-3 { width:99.0%; }
    .rgmp-mobile-menu-item-4 { width:49.3%; }
    .rgmp-mobile-menu-item-5 { width:19.0%; }
    .rgmp-mobile-menu-item-6 { width:32.5%; }    
    .rgmp-ticker-br{display: inline;}

    .rgmp-mbm-s-ac { width:32.3%; }
    .rgmp-mbm-s-tt { width:32.3%; }
    .rgmp-mbm-s-at { width:32.3%; }
    .rgmp-mbm-s-ag { display: none; }
    .rgmp-mbm-s-sp { display: none; }

    .rgmp-mobile-menu-md-mo { width:32.5%; }
    .rgmp-mobile-menu-md-c { width:32.5%; }
    .rgmp-mobile-menu-md-n { width:32.5%; }
    .rgmp-mobile-menu-md-oc { width:49.3%; }
    .rgmp-mobile-menu-md-as { width:49.3%; }

    .rgmp-mobile-menu-r-10 { width:31.0%; margin-right:0.5px; }
    .rgmp-mobile-menu-r-20 { width:31.0%; }
    .rgmp-mobile-menu-r-30 { width:31.0%; margin-right:0.5px; }
    .rgmp-mobile-menu-r-40 { width:31.0%; }
    .rgmp-mobile-menu-r-50 { width:31.0%; margin-right:0.5px; }
    .rgmp-mobile-menu-r-gmp { width:31.0%; }

    .rgmp-mbm-p-t { width:99.5%; }
    .rgmp-mbm-p-p { width:49.3%; }
    .rgmp-mbm-p-ed { width:49.3%; }
    .rgmp-mbm-p-mat { width:0%; }    
    .rgmp-mbm-p-mac { width:0%;}    
    .rgmp-mbm-p-n { width:49.3%; }
    .rgmp-mobile-menu-item-inner-no-msg { margin-top:10px; }

    .rgmp-mobile-menu-item-header {color: #891c5a; font-weight: 500!important; font-size: 1.0em;}
    .rgmp-mobile-menu-item-sub-header {display: none;}

    .rgmp-message-menu { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 0; float: left; display: none; background: #ffffff; }
    .rgmp-message-grid { position: relative; min-height: 1px; padding: 0px; width: 100%; float: left; display: block; }

    .rgmp-stack-cmd-col { display: block; width: 100%; float: left; position: relative; min-height: 1px; padding-right: 0px; padding-left: 5px; z-index: 99; text-align: left;}
    .rgmp-stack-detail-col { display: block; width: 100%; float: left; position: relative; min-height: 1px; padding-right: 0px; }
    .rgmp-notify-message { font-size: 1.015em; }

    .holding-summary-left { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block;}
    .holding-summary-right { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block;}
    .rgmp-view-header { color: #890c58; font-weight: 500; font-size: 1.6em; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; line-height: 1; display: inline; }
}
@media (min-width: 320px) {
    .rgmp-op-profile.ng-hide-add {-webkit-animation:none; animation:none;}
    .rgmp-op-profile.ng-hide-remove {-webkit-animation:none;  animation:none; }
    .rgmp-h-ac-container {min-height:14.0em;}

    /* Navigation */
    .rgmp-mobile-nav-logo { display: none; }
    .rgmp-mobile-nav-links { display: block; float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px; width: 100%;text-align: right; padding-top: 0px; }
        .rgmp-mobile-nav-links > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width:21.5%;}
    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
    #rgmp-op-mobile-md > .rgmp-mobile-nav-footer {display: block;}

    .rgmp-mobile-nav-links-sm { display: block;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 100%; text-align: right; padding-top: 2px; }
        .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width:17%;  margin-top: 5px; margin-bottom: 5px;}
    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }

    .rgmp-mobile-nav-logo-unauth { display: block;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 41.66666667%;padding-top: 7px;  }
    .rgmp-mobile-nav-links-unauth { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 0px; width: 58.33333333%; text-align: right; padding-top: 3px; padding-bottom: 3px; }
        .rgmp-mobile-nav-links-unauth .rgmp-op-nav-sub { text-align: right; padding-top: 3px; }
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 0.9em; min-width:29%;}
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-footer { display:inline-block; }

    .rgmp-view-summary-curr { display: block;}

    .rgmp-op-animate-in {-webkit-animation:1.5s zoomIn ease; animation:1.5s zoomIn ease;}
    .rgmp-op-animate-out {-webkit-animation:1.5s zoomOut ease; animation:1.5s zoomOut ease;}
    .rgmp-op-animate-back-out {-webkit-animation:1.5s zoomOut ease; animation:1.5s zoomOut ease;}
    .rgmp-op-animate-back-in {-webkit-animation:1.5s zoomIn ease; animation:1.5s zoomIn ease;}
    .rgmp-op-animate-widget-in {-webkit-animation:0.5s zoomIn ease; animation:0.5s zoomIn ease;}
    .rgmp-op-animate-widget-out {-webkit-animation:1.0s zoomOut ease; animation:1.0s zoomOut ease;}
    .rgmp-op-animate-widget-in-back {-webkit-animation:0.5s zoomIn ease; animation:0.5s zoomIn ease;}
    .rgmp-op-animate-widget-out-back {-webkit-animation:1.0s zoomOut ease; animation:1.0s zoomOut ease;}
    .rgmp-op-animate-complete-in {-webkit-animation:1.0s zoomIn ease; animation:1.0s zoomIn ease;}
    .rgmp-op-animate-complete-out {-webkit-animation:1.0s zoomOut ease; animation:1.0s zoomOut ease;}

    .rgmp-mobile-menu-item { min-height: 35px; display: inline-block; font-size: 1.0em; box-shadow: 0 0 2px 0 rgba(0,0,0,.2); background: #FFFFFF; min-height : 77.5px;}
    .rgmp-mbm-active { background: #d8d8d8; border:1px solid #63666a;}
    .rgmp-mobile-menu-item-inner { margin-top: 5px; margin-bottom: 2px;}
    .rgmp-mobile-menu-item-inner > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-menu-item-inner > a:hover { font-weight: 300; color: #890c58; }
    .rgmp-mobile-menu-item-1 { width: 99.0%; }
    .rgmp-mobile-menu-item-2 { width:49.4%; }
    .rgmp-mobile-menu-item-3 { width:32.5%; }
    .rgmp-mobile-menu-item-4 { width:49.4%; }
    .rgmp-mobile-menu-item-5 { width:19.1%; }
    .rgmp-mobile-menu-item-6 { width:32.5%; }

    .rgmp-ticker-br{display: inline;}

    .rgmp-mbm-s-ac { width:32.5%; }
    .rgmp-mbm-s-tt { width:32.5%; }
    .rgmp-mbm-s-at { width:32.5%; }
    .rgmp-mbm-s-ag { display: none; }
    .rgmp-mbm-s-sp { display: none; }

    .rgmp-mobile-menu-md-mo { width:32.5%; }
    .rgmp-mobile-menu-md-c { width:32.5%; }
    .rgmp-mobile-menu-md-n { width:32.5%; }
    .rgmp-mobile-menu-md-oc { width:49.3%; }
    .rgmp-mobile-menu-md-as { width:49.3%; }

    .rgmp-mobile-menu-r-10 { width:32.5%; margin-right:0.5px; }
    .rgmp-mobile-menu-r-20 { width:32.5%; }
    .rgmp-mobile-menu-r-30 { width:32.5%; margin-right:0.5px; }
    .rgmp-mobile-menu-r-40 { width:32.5%; }
    .rgmp-mobile-menu-r-50 { width:32.5%; margin-right:0.5px; }
    .rgmp-mobile-menu-r-gmp { width:32.5%; }

    .rgmp-mbm-p-t { width:99.5%; }
    .rgmp-mbm-p-p { width:49.3%; }
    .rgmp-mbm-p-ed { width:49.3%; }
    .rgmp-mbm-p-mat { width:0%; }    
    .rgmp-mbm-p-mac { width:0%;}    
    .rgmp-mbm-p-n { width:49.3%; }
    .rgmp-mobile-menu-item-inner-no-msg { margin-top:10px; }

    .rgmp-mobile-menu-item-header {color: #891c5a; font-weight: 500!important; font-size: 1.0em;}
    .rgmp-mobile-menu-item-sub-header {display: none;}

    .rgmp-message-menu { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 0; float: left; display: none;  background: #ffffff;}
    .rgmp-message-grid { position: relative; min-height: 1px; padding: 0px; width: 100%; float: left; display: block; }

    .rgmp-view-header { color: #890c58; font-weight: 500; font-size: 1.6em; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; line-height: 1; display:inline;}


    .rgmp-stack-cmd-col { display: block; width: 100%; float: left; position: relative; min-height: 1px; padding-right: 0px; padding-left: 5px; z-index: 99; text-align: left; }
    .rgmp-stack-detail-col { display: block; width: 100%; float: left; position: relative; min-height: 1px; padding-right: 0px; }
    .rgmp-notify-message { font-size: 1.015em; }

    .holding-summary-left { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block;}
    .holding-summary-right { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block;}
}
@media (min-width: 480px) { 
    /* Animation */
    .rgmp-op-profile.ng-hide-add {-webkit-animation:none; animation:none;}
    .rgmp-op-profile.ng-hide-remove {-webkit-animation:none;  animation:none; }
    .rgmp-h-ac-container {min-height:16.4em;}

    /* Navigation */
    .rgmp-mobile-nav-logo { display: block;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 20%;padding-top: 0px; }  
    .rgmp-mobile-nav-links { display: block;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 80%; text-align: right; padding-top: 2px; }
        .rgmp-mobile-nav-links > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width:15%;  margin-top: 0px; margin-bottom: 0px;}
    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d;}
    #rgmp-op-mobile-md > .rgmp-mobile-nav-footer {display: block;}

    .rgmp-mobile-nav-links-sm { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; text-align: right; padding-top:2px; }
        .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width:8.5%;  margin-top: 5px; margin-bottom: 5px;}
    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }

    .rgmp-mobile-nav-logo-unauth { display: block;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 41.66666667%;padding-top: 0px;  }
    .rgmp-mobile-nav-links-unauth {  display: block;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 0px;width: 58.33333333%;text-align: right;padding-top:15px; }
        .rgmp-mobile-nav-links-unauth .rgmp-op-nav-sub { text-align: right; padding-top: 3px; padding-bottom: 3px; }
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width:20%;}
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
    .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-footer { display:inline-block; }

    .rgmp-view-summary-curr { display: none; }

    .rgmp-op-animate-in {-webkit-animation:1.5s zoomIn ease; animation:1.5s zoomIn ease;}
    .rgmp-op-animate-out {-webkit-animation:1.5s zoomOut ease; animation:1.5s zoomOut ease;}
    .rgmp-op-animate-back-out {-webkit-animation:1.5s zoomOut ease; animation:1.5s zoomOut ease;}
    .rgmp-op-animate-back-in {-webkit-animation:1.5s zoomIn ease; animation:1.5s zoomIn ease;}
    .rgmp-op-animate-widget-in {-webkit-animation:0.5s zoomIn ease; animation:0.5s zoomIn ease;}
    .rgmp-op-animate-widget-out {-webkit-animation:1.0s zoomOut ease; animation:1.0s zoomOut ease;}
    .rgmp-op-animate-widget-in-back {-webkit-animation:0.5s zoomIn ease; animation:0.5s zoomIn ease;}
    .rgmp-op-animate-widget-out-back {-webkit-animation:1.0s zoomOut ease; animation:1.0s zoomOut ease;}
    .rgmp-op-animate-complete-in {-webkit-animation:1.0s zoomIn ease; animation:1.0s zoomIn ease;}
    .rgmp-op-animate-complete-out {-webkit-animation:1.0s zoomOut ease; animation:1.0s zoomOut ease;}

    .rgmp-mobile-menu-item { min-height: 35px; display: inline-block; font-size: 1.0em; box-shadow: 0 0 2px 0 rgba(0,0,0,.2); background: #FFFFFF; min-height : 118px;}
    .rgmp-mbm-active { background: #d8d8d8; border:1px solid #63666a;}
    .rgmp-mobile-menu-item-inner { margin-top: 5px; margin-bottom: 2px;}
    .rgmp-mobile-menu-item-inner > a { font-weight: 300; color: #890c58; }
    .rgmp-mobile-menu-item-inner > a:hover { font-weight: 300; color: #890c58; }
    .rgmp-mobile-menu-item-1 { width: 99.0%; }
    .rgmp-mobile-menu-item-2 { width:49.6%; }
    .rgmp-mobile-menu-item-3 { width:32.8%; }    
    .rgmp-mobile-menu-item-4 { width:49.6%; }
    .rgmp-mobile-menu-item-5 { width:19.5%; }
    .rgmp-mobile-menu-item-6 { width:16.0%; }

    .rgmp-ticker-br{display: none;}

    .rgmp-mbm-s-ac { width:32.8%; }
    .rgmp-mbm-s-tt { width:32.8%; }
    .rgmp-mbm-s-at { width:32.8%; }
    .rgmp-mbm-s-ag { display: none; }
    .rgmp-mbm-s-sp { display: none; }

    .rgmp-mobile-menu-md-mo { width:32.5%; }
    .rgmp-mobile-menu-md-c { width:32.5%; }
    .rgmp-mobile-menu-md-n { width:32.5%; }
    .rgmp-mobile-menu-md-oc { width:49.3%; }
    .rgmp-mobile-menu-md-as { width:49.3%; }

    .rgmp-mobile-menu-r-10 { width:32.5%; margin-right:3.5px; }
    .rgmp-mobile-menu-r-20 { width:32.5%; }
    .rgmp-mobile-menu-r-30 { width:32.5%; margin-right:3.5px; }
    .rgmp-mobile-menu-r-40 { width:32.5%; }
    .rgmp-mobile-menu-r-50 { width:32.5%; margin-right:3.5px; }
    .rgmp-mobile-menu-r-gmp { width:32.5%; }

    .rgmp-mbm-p-t { width:49.3%; }
    .rgmp-mbm-p-p { width:49.3%; }
    .rgmp-mbm-p-ed { width:32.5%; }
    .rgmp-mbm-p-mat { width:32.5%; }    
    .rgmp-mbm-p-mac { width:32.5%; }    
    .rgmp-mbm-p-n { width:32.5%; }
    .rgmp-mobile-menu-item-inner-no-msg { margin-top:15px; }

    .rgmp-mobile-menu-item-header {color: #891c5a; font-weight: 500!important; font-size: 1.3333333333333333em;}
    .rgmp-mobile-menu-item-sub-header {color: #63666a; font-weight: 300!important; font-size: 1.0em; display: inline-block;}

    .rgmp-message-menu { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 0; float: left; display: none;  background: #ffffff;}
    .rgmp-message-grid { position: relative; min-height: 1px; padding:0px; width: 100%; float: left; display: block; }

    .rgmp-view-header { color: #890c58; font-weight: 500; font-size: 1.8em; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; line-height: 1; display: inline; }
   

    .rgmp-stack-cmd-col { display: block; width: 25%; float: left; position: relative; min-height: 1px; padding-right: 0px; padding-left: 5px; z-index: 99; text-align: left; }
    .rgmp-stack-detail-col { display: block; width: 75%; float: left; position: relative; min-height: 1px; padding-right: 0px; }
    .rgmp-notify-message { font-size: 1.015em; }

    .holding-summary-left { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block;}
    .holding-summary-right { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block;}
}
    @media (min-width: 1px) and (max-width: 768px) { 
        .col-xs-right { text-align:right; }
    }

    @media (min-width: 500px) {
        .rgmp-op-navigation-container .rgmp-mobile-nav-logo { display: none; }
        .rgmp-op-navigation-container .rgmp-mobile-nav-links { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; text-align: right; padding-top: 0px; }
    }

    @media (min-width: 768px) {
        .rgmp-op-profile.ng-hide-add { -webkit-animation: none; animation: none; }
        .rgmp-op-profile.ng-hide-remove { -webkit-animation: none; animation: none; }
        .rgmp-h-ac-container { min-height: 16.4em; }

        /* Navigation */
        .rgmp-op-navigation-container .rgmp-mobile-nav-logo { padding-top: 30px; display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 20%; }

        .rgmp-op-navigation-container .rgmp-mobile-nav-links { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 80%; text-align: right; padding-top: 26px; }

        .rgmp-mobile-nav-logo { padding-top: 30px; display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 20%; }
        .rgmp-mobile-nav-links { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 80%; text-align: right; padding-top: 26px; }
            .rgmp-mobile-nav-links > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
                .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width: 13%; margin-top: 5px; margin-bottom: 5px; }
                    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
                    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
        #rgmp-op-mobile-md > .rgmp-mobile-nav-footer { display: none; }

        .rgmp-mobile-nav-links-sm { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; text-align: right; padding-top: 1px; }
            .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden ; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
                .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width: 8.5%; margin-top: 5px; margin-bottom: 5px; }
                    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
                    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }

        .rgmp-mobile-nav-logo-unauth { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 41.66666667%; padding-top: 0px; }
        .rgmp-mobile-nav-links-unauth { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 0px; width: 58.33333333%; text-align: right; padding-top: 11px; }
            .rgmp-mobile-nav-links-unauth .rgmp-op-nav-sub { text-align: right; padding-top: 3px; padding-bottom: 3px; }
            .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width: 20%; }
                .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
                .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
            .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-footer { display: none !important; }

        .rgmp-view-summary-curr { display: none; }

        .rgmp-op-animate-in { -webkit-animation: 1.5s zoomIn ease; animation: 1.5s zoomIn ease; }
        .rgmp-op-animate-out { -webkit-animation: 1.5s zoomOut ease; animation: 1.5s zoomOut ease; }
        .rgmp-op-animate-back-out { -webkit-animation: 1.5s zoomOut ease; animation: 1.5s zoomOut ease; }
        .rgmp-op-animate-back-in { -webkit-animation: 1.5s zoomIn ease; animation: 1.5s zoomIn ease; }
        .rgmp-op-animate-widget-in { -webkit-animation: 0.5s zoomIn ease; animation: 0.5s zoomIn ease; }
        .rgmp-op-animate-widget-out { -webkit-animation: 1.0s zoomOut ease; animation: 1.0s zoomOut ease; }
        .rgmp-op-animate-widget-in-back { -webkit-animation: 0.5s zoomIn ease; animation: 0.5s zoomIn ease; }
        .rgmp-op-animate-widget-out-back { -webkit-animation: 1.0s zoomOut ease; animation: 1.0s zoomOut ease; }
        .rgmp-op-animate-complete-in { -webkit-animation: 1.0s zoomIn ease; animation: 1.0s zoomIn ease; }
        .rgmp-op-animate-complete-out { -webkit-animation: 1.0s zoomOut ease; animation: 1.0s zoomOut ease; }

        .rgmp-mobile-menu-item { display: inline-block; font-size: 1.0em; box-shadow: 0 0 2px 0 rgba(0,0,0,.2); background: #FFFFFF; min-height: 115px; }
        .rgmp-mbm-active { background: #d8d8d8; border: 1px solid #63666a; }
        .rgmp-mobile-menu-item-inner { margin-top: 5px; margin-bottom: 2px; }
            .rgmp-mobile-menu-item-inner > a { font-weight: 300; color: #890c58; }
                .rgmp-mobile-menu-item-inner > a:hover { font-weight: 300; color: #890c58; }
        .rgmp-mobile-menu-item-1 { width: 99.0%; }
        .rgmp-mobile-menu-item-2 { width: 49.6%; }
        .rgmp-mobile-menu-item-3 { width: 33%; }
        .rgmp-mobile-menu-item-4 { width: 24.5%; }
        .rgmp-mobile-menu-item-5 { width: 19.6%; }
        .rgmp-mobile-menu-item-6 { width: 16.0%; }

        .rgmp-ticker-br { display: none; }

        .rgmp-mbm-s-ac { width: 32.95%; }
        .rgmp-mbm-s-tt { width: 32.95%; }
        .rgmp-mbm-s-at { width: 32.95%; }

        .rgmp-mobile-menu-md-mo { width: 19.5%; }
        .rgmp-mobile-menu-md-c { width: 19.5%; }
        .rgmp-mobile-menu-md-n { width: 19.5%; }
        .rgmp-mobile-menu-md-oc { width: 19.5%; }
        .rgmp-mobile-menu-md-as { width: 19.5%; }

        .rgmp-mobile-menu-r-10 { width: 32.8%; margin-right: 3.5px; }
        .rgmp-mobile-menu-r-20 { width: 32.8%; }
        .rgmp-mobile-menu-r-30 { width: 32.8%; margin-right: 3.5px; }
        .rgmp-mobile-menu-r-40 { width: 32.8%; }
        .rgmp-mobile-menu-r-50 { width: 32.8%; margin-right: 3.5px; }
        .rgmp-mobile-menu-r-gmp { width: 32.8%; }

        .rgmp-mbm-p-t { width: 49.6%; }
        .rgmp-mbm-p-p { width: 49.6%; }
        .rgmp-mbm-p-ed { width: 32.8%; }
        .rgmp-mbm-p-mat { width: 32.8%; }
        .rgmp-mbm-p-mac { width: 32.8%; }
        .rgmp-mbm-p-n { width: 32.8%; }
        .rgmp-mobile-menu-item-inner-no-msg { margin-top: 15px; }

        .rgmp-mobile-menu-item-header { color: #891c5a; font-weight: 500 !important; font-size: 1.3333333333333333em; }
        .rgmp-mobile-menu-item-sub-header { color: #63666a; font-weight: 300 !important; font-size: 1.0em; display: inline-block; }

        .rgmp-message-menu { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 0; float: left; display: none; background: #ffffff; }
        .rgmp-message-grid { position: relative; min-height: 1px; padding: 0px; width: 100%; float: left; display: block; }

        .rgmp-view-header { color: #890c58; font-weight: 500; font-size: 2em; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; line-height: 1; display: inline; }

        .rgmp-stack-cmd-col { display: block; width: 25%; float: left; position: relative; min-height: 1px; padding-right: 0px; padding-left: 5px; z-index: 99; text-align: left; }
        .rgmp-stack-detail-col { display: block; width: 75%; float: left; position: relative; min-height: 1px; padding-right: 0px; }
        .rgmp-notify-message { font-size: 1.3333333333333333em; }

        .holding-summary-left { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }
        .holding-summary-right { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }
    }

    @media (min-width: 992px) {
        .rgmp-op-profile.ng-hide-add { -webkit-animation: none; animation: none; }
        .rgmp-op-profile.ng-hide-remove { -webkit-animation: none; animation: none; }
        .rgmp-h-ac-container { min-height: 20.392857142857142em; }

        /* Navigation */
        .rgmp-mobile-nav-logo { padding-top: 10px; display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 20%; }

        .rgmp-mobile-nav-links { display: block; float: left; position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; width: 80%; text-align: right; }
            .rgmp-mobile-nav-links > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
                .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width: 10%; margin-top: 5px; margin-bottom: 5px; }
                    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
                    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
        #rgmp-op-mobile-md > .rgmp-mobile-nav-footer { display: none; }

        .rgmp-mobile-nav-links-sm { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; text-align: right; }
            .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
                .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width: 8.5%; margin-top: 5px; margin-bottom: 5px; }
                    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
                    .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }

        .rgmp-mobile-nav-logo-unauth { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 33.33333333%; padding-top: 0px; }
        .rgmp-mobile-nav-links-unauth { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 0px; width: 66.66666667%; text-align: right; padding-top: 11px; }
            .rgmp-mobile-nav-links-unauth .rgmp-op-nav-sub { text-align: right; padding-top: 3px; padding-bottom: 3px; }
            .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width: 15%; }
                .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
                .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
            .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-footer { display: none !important; }

        .rgmp-view-summary-curr { display: none; }

        .rgmp-op-animate-in { -webkit-animation: 1.5s zoomIn ease; animation: 1.5s zoomIn ease; }
        .rgmp-op-animate-out { -webkit-animation: 1.5s zoomOut ease; animation: 1.5s zoomOut ease; }
        .rgmp-op-animate-back-out { -webkit-animation: 1.5s zoomOut ease; animation: 1.5s zoomOut ease; }
        .rgmp-op-animate-back-in { -webkit-animation: 1.5s zoomIn ease; animation: 1.5s zoomIn ease; }
        .rgmp-op-animate-widget-in { -webkit-animation: 0.5s zoomIn ease; animation: 0.5s zoomIn ease; }
        .rgmp-op-animate-widget-out { -webkit-animation: 1.0s zoomOut ease; animation: 1.0s zoomOut ease; }
        .rgmp-op-animate-widget-in-back { -webkit-animation: 0.5s zoomIn ease; animation: 0.5s zoomIn ease; }
        .rgmp-op-animate-widget-out-back { -webkit-animation: 1.0s zoomOut ease; animation: 1.0s zoomOut ease; }
        .rgmp-op-animate-complete-in { -webkit-animation: 1.0s zoomIn ease; animation: 1.0s zoomIn ease; }
        .rgmp-op-animate-complete-out { -webkit-animation: 1.0s zoomOut ease; animation: 1.0s zoomOut ease; }

        .rgmp-message-menu { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 0%; float: left; display: block; background: #ffffff; }
        .rgmp-message-grid { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; float: left; display: block; }
        .rgmp-op-message-grid-pane { min-height: 700px; padding-left: 0px; padding-right: 0px; flex: 1; }

        .rgmp-view-header { color: #890c58; font-weight: 500; font-size: 2em; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; line-height: 1; display: inline; }

        .rgmp-stack-cmd-col { display: block; width: 25%; float: left; position: relative; min-height: 1px; padding-right: 0px; padding-left: 5px; z-index: 99; text-align: left; }
        .rgmp-stack-detail-col { display: block; width: 75%; float: left; position: relative; min-height: 1px; padding-right: 0px; }
        .rgmp-notify-message { font-size: 1.3333333333333333em; }

        .rgmp-mbm-s-ac { width: 32.95%; }
        .rgmp-mbm-s-tt { width: 32.95%; }
        .rgmp-mbm-s-at { width: 32.95%; }

        .rgmp-mobile-menu-md-mo { width: 19.5%; }
        .rgmp-mobile-menu-md-c { width: 19.5%; }
        .rgmp-mobile-menu-md-n { width: 19.5%; }
        .rgmp-mobile-menu-md-oc { width: 19.5%; }
        .rgmp-mobile-menu-md-as { width: 19.5%; }

        .rgmp-mobile-menu-r-10 { width: 32.8%; margin-right: 3.5px; }
        .rgmp-mobile-menu-r-20 { width: 32.8%; }
        .rgmp-mobile-menu-r-30 { width: 32.8%; margin-right: 3.5px; }
        .rgmp-mobile-menu-r-40 { width: 32.8%; }
        .rgmp-mobile-menu-r-50 { width: 32.8%; margin-right: 3.5px; }
        .rgmp-mobile-menu-r-gmp { width: 32.8%; }

        .rgmp-mbm-p-t { width: 49.6%; }
        .rgmp-mbm-p-p { width: 49.6%; }
        .rgmp-mbm-p-ed { width: 32.8%; }
        .rgmp-mbm-p-mat { width: 32.8%; }
        .rgmp-mbm-p-mac { width: 32.8%; }
        .rgmp-mbm-p-n { width: 32.8%; }
        .rgmp-mobile-menu-item-inner-no-msg { margin-top: 15px; }

        .holding-summary-left { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }

        .holding-summary-right { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }

        .rgmp-op-widget-holdings-summary-panel-override { width: 50%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }
    }

    @media (min-width: 1024px) {
        .rgmp-op-profile.ng-hide-add { -webkit-animation: none; animation: none; }
        .rgmp-op-profile.ng-hide-remove { -webkit-animation: none; animation: none; }
        .rgmp-h-ac-container { min-height: 20.392857142857142em; }

        /* Navigation */
        .rgmp-mobile-nav-logo { padding-top: 22px; display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 20%; }
        .rgmp-mobile-nav-links { display: block; float: left; position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; width: 80%; text-align: right; padding-top: 26px; }
            .rgmp-mobile-nav-links > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
                .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width: 8.5%; margin-top: 5px; margin-bottom: 5px; }
                    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
                    .rgmp-mobile-nav-links > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
        #rgmp-op-mobile-md > .rgmp-mobile-nav-footer { display: none; }

        .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
            .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width: 8.5%; margin-top: 5px; margin-bottom: 5px; }
                .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
                .rgmp-mobile-nav-links-sm > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }

        .rgmp-mobile-nav-logo-unauth { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 33.33333333%; padding-top: 0px; }
        .rgmp-mobile-nav-links-unauth { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 0px; width: 66.66666667%; text-align: right; padding-top: 11px; }
            .rgmp-mobile-nav-links-unauth .rgmp-op-nav-sub { text-align: right; padding-top: 3px; padding-bottom: 3px; }
            .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub { min-height: 35px; display: inline-block; font-size: 1.0em; min-width: 12%; }
                .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
                .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
            .rgmp-mobile-nav-links-unauth > .rgmp-op-nav-sub > .rgmp-op-nav-footer { display: none !important; }

        .rgmp-view-summary-curr { display: none; }

        .rgmp-op-animate-in { -webkit-animation: 1.5s zoomIn ease; animation: 1.5s zoomIn ease; }
        .rgmp-op-animate-out { -webkit-animation: 1.5s zoomOut ease; animation: 1.5s zoomOut ease; }
        .rgmp-op-animate-back-out { -webkit-animation: 1.5s zoomOut ease; animation: 1.5s zoomOut ease; }
        .rgmp-op-animate-back-in { -webkit-animation: 1.5s zoomIn ease; animation: 1.5s zoomIn ease; }
        .rgmp-op-animate-widget-in { -webkit-animation: 0.5s zoomIn ease; animation: 0.5s zoomIn ease; }
        .rgmp-op-animate-widget-out { -webkit-animation: 1.0s zoomOut ease; animation: 1.0s zoomOut ease; }
        .rgmp-op-animate-widget-in-back { -webkit-animation: 0.5s zoomIn ease; animation: 0.5s zoomIn ease; }
        .rgmp-op-animate-widget-out-back { -webkit-animation: 1.0s zoomOut ease; animation: 1.0s zoomOut ease; }
        .rgmp-op-animate-complete-in { -webkit-animation: 1.0s zoomIn ease; animation: 1.0s zoomIn ease; }
        .rgmp-op-animate-complete-out { -webkit-animation: 1.0s zoomOut ease; animation: 1.0s zoomOut ease; }

        .rgmp-message-menu { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 16.66666667%; float: left; display: block; background: #ffffff; }
        .rgmp-message-grid { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 83.33333333%; float: left; display: block; }
        .rgmp-message-grid-max { width: 100% !important; }
        .rgmp-op-message-grid-pane { min-height: 700px; padding-left: 0px; padding-right: 0px; flex: 1; }

        .rgmp-view-header { color: #890c58; font-weight: 500; font-size: 2em; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; line-height: 1; display: inline; }

        .rgmp-notify-message { font-size: 1.3333333333333333em; }

        .rgmp-mbm-s-ac { width: 32.95%; }
        .rgmp-mbm-s-tt { width: 32.95%; }
        .rgmp-mbm-s-at { width: 32.95%; }

        .rgmp-mobile-menu-md-mo { width: 19.5%; }
        .rgmp-mobile-menu-md-c { width: 19.5%; }
        .rgmp-mobile-menu-md-n { width: 19.5%; }
        .rgmp-mobile-menu-md-oc { width: 19.5%; }
        .rgmp-mobile-menu-md-as { width: 19.5%; }

        .rgmp-mobile-menu-r-10 { width: 32.8%; margin-right: 3.5px; }
        .rgmp-mobile-menu-r-20 { width: 32.8%; }
        .rgmp-mobile-menu-r-30 { width: 32.8%; margin-right: 3.5px; }
        .rgmp-mobile-menu-r-40 { width: 32.8%; }
        .rgmp-mobile-menu-r-50 { width: 32.8%; margin-right: 3.5px; }
        .rgmp-mobile-menu-r-gmp { width: 32.8%; }

        .rgmp-mbm-p-t { width: 49.6%; }
        .rgmp-mbm-p-p { width: 49.6%; }
        .rgmp-mbm-p-ed { width: 32.8%; }
        .rgmp-mbm-p-mat { width: 32.8%; }
        .rgmp-mbm-p-mac { width: 32.8%; }
        .rgmp-mbm-p-n { width: 32.8%; }
        .rgmp-mobile-menu-item-inner-no-msg { margin-top: 15px; }

        .holding-summary-left { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }

        .holding-summary-right { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }
        .rgmp-op-widget-holdings-summary-panel-override { width: 50%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }
    }

    @media (min-width: 1200px) {
        .rgmp-op-profile.ng-hide-add { -webkit-animation: 0.5s fadeOutUp ease; animation: 0.5s fadeOutUp ease; }
        .rgmp-op-profile.ng-hide-remove { -webkit-animation: 0.5s fadeInDown ease; animation: 0.5s fadeInDown ease; }
        .rgmp-h-ac-container { min-height: 20.392857142857142em; }

        .rgmp-mobile-nav-logo { padding-top: 10px; display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 20%; }
        .rgmp-mobile-nav-links { display: block; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 80%; text-align: right; }

        .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; padding-top: 3px; padding-bottom: 3px; }
        .rgmp-op-nav-item-sub { min-height: 24px; margin-left: 5px; font-size: 1.0em; margin-top: 2px; margin-bottom: 5px; }
            .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
            .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }
        .rgmp-op-nav-item-sub-sm { margin-top: 0px !important; }


        .rgmp-op-unauth-nav-item-sub { width: 10% !important; margin-top: 0px !important; margin-bottom: 0px !important; }
        .rgmp-logo-md-inline { display: none; }
        .rgmp-logo-md { display: block; margin-top: 3px; }
        .rgmp-view-summary-curr { display: none; }


        .rgmp-logo-sm-auth-inline { display: block; }
        .rgmp-logo-sm-auth { display: none; }

        .rgmp-op-animate-closed { overflow: hidden; }
        .rgmp-op-animate-in { -webkit-animation: 1.5s fadeInRightBig ease; animation: 1.5s fadeInRightBig ease; }
        .rgmp-op-animate-out { -webkit-animation: 1.5s fadeOutLeftBig ease; animation: 1.5s fadeOutLeftBig ease; }
        .rgmp-op-animate-back-out { -webkit-animation: 1.5s fadeOutRightBig ease; animation: 1.5s fadeOutRightBig ease; }
        .rgmp-op-animate-back-in { -webkit-animation: 1.5s fadeInLeftBig ease; animation: 1.5s fadeInLeftBig ease; }
        .rgmp-op-animate-widget-in { -webkit-animation: 0.5s fadeInRightBig ease; animation: 0.5s fadeInRightBig ease; }
        .rgmp-op-animate-widget-out { -webkit-animation: 1.0s fadeOutLeftBig ease; animation: 1.0s fadeOutLeftBig ease; }
        .rgmp-op-animate-widget-in-back { -webkit-animation: 0.5s fadeInLeftBig ease; animation: 0.5s fadeInLeftBig ease; }
        .rgmp-op-animate-widget-out-back { -webkit-animation: 1.0s fadeOutRightBig ease; animation: 1.0s fadeOutRightBig ease; }
        .rgmp-op-animate-complete-in { -webkit-animation: 1.0s zoomIn ease; animation: 1.0s zoomIn ease; }
        .rgmp-op-animate-complete-out { -webkit-animation: 1.0s zoomOut ease; animation: 1.0s zoomOut ease; }

        .rgmp-message-menu { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 16.66666667%; float: left; display: block; background: #ffffff; }
        .rgmp-message-grid { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 83.33333333%; float: left; display: block; }
        .rgmp-op-message-grid-pane { min-height: 700px; padding-left: 0px; padding-right: 0px; flex: 1; }

        .rgmp-view-header { color: #890c58; font-weight: 500; font-size: 2.5714285714285716em; margin-right: 10px; margin-top: 0px; margin-bottom: 0px; line-height: 1; display: inline; }

        .rgmp-notify-message { font-size: 1.3333333333333333em; }

        .holding-summary-left { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }
        .holding-summary-right { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }
        .rgmp-op-widget-holdings-summary-panel-override { width: 50%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }
    }

    @media (min-width: 1400px) {
        .rgmp-op-profile.ng-hide-add { -webkit-animation: 0.5s fadeOutUp ease; animation: 0.5s fadeOutUp ease; }
        .rgmp-op-profile.ng-hide-remove { -webkit-animation: 0.5s fadeInDown ease; animation: 0.5s fadeInDown ease; }

        .rgmp-op-nav-sub { width: 100vw; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; float: left; margin-top: 10px; margin-bottom: 5px; padding-top: 20px; }
        .rgmp-op-nav-item-sub { min-height: 24px; margin-left: 10px; display: inline-block; font-size: 1.0em; }
            .rgmp-op-nav-item-sub > a { font-weight: 300; color: #890c58; }
            .rgmp-op-nav-item-sub:hover { cursor: pointer; text-decoration: none; color: #01457d; }

        .rgmp-op-animate-closed { overflow: hidden; }
        .rgmp-op-animate-in { -webkit-animation: 1.5s fadeInRightBig ease; animation: 1.5s fadeInRightBig ease; }
        .rgmp-op-animate-out { -webkit-animation: 1.5s fadeOutLeftBig ease; animation: 1.5s fadeOutLeftBig ease; }
        .rgmp-op-animate-back-out { -webkit-animation: 1.5s fadeOutRightBig ease; animation: 1.5s fadeOutRightBig ease; }
        .rgmp-op-animate-back-in { -webkit-animation: 1.5s fadeInLeftBig ease; animation: 1.5s fadeInLeftBig ease; }
        .rgmp-op-animate-widget-in { -webkit-animation: 0.5s fadeInRightBig ease; animation: 0.5s fadeInRightBig ease; }
        .rgmp-op-animate-widget-out { -webkit-animation: 1.0s fadeOutLeftBig ease; animation: 1.0s fadeOutLeftBig ease; }
        .rgmp-op-animate-widget-in-back { -webkit-animation: 0.5s fadeInLeftBig ease; animation: 0.5s fadeInLeftBig ease; }
        .rgmp-op-animate-widget-out-back { -webkit-animation: 1.0s fadeOutRightBig ease; animation: 1.0s fadeOutRightBig ease; }
        .rgmp-op-animate-complete-in { -webkit-animation: 1.0s zoomIn ease; animation: 1.0s zoomIn ease; }
        .rgmp-op-animate-complete-out { -webkit-animation: 1.0s zoomOut ease; animation: 1.0s zoomOut ease; }

        .rgmp-message-menu { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 16.66666667%; float: left; display: block; background: #ffffff; }
        .rgmp-message-grid { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 83.33333333%; float: left; display: block; }
        .rgmp-op-message-grid-pane { min-height: 700px; padding-left: 0px; padding-right: 0px; flex: 1; }

        .rgmp-view-header { color: #890c58; font-weight: 500; font-size: 2.5714285714285716em; margin-right: 10px; margin-top: 0px; margin-bottom: 0px; line-height: 1; display: inline; }


        .rgmp-notify-message { font-size: 1.3333333333333333em; }

        .rgmp-logo-sm-auth-inline { display: block; }
        .rgmp-logo-sm-auth { display: none; }

        .holding-summary-left { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }
        .holding-summary-right { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }
        .rgmp-op-widget-holdings-summary-panel-override { width: 50%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: block; }
        .k-pager-wrap.k-pager-md .k-pager-info, .k-pager-wrap.k-pager-sm .k-pager-info { display: block !important; }
    }

    .rgmp-stack-row { padding: 0px 0px 0px 0px; position: relative; left: -15px; margin-right: 0px; }
    .rgmp-stack-col-padding { padding-left: 6px; }

    .rgmp-stack-cmd-1 { display: inline-block; margin-top: 1px; margin-bottom: 1px; text-align: center; }
    .rgmp-stack-cmd-2 { display: inline-block; margin-top: 1px; margin-bottom: 1px; padding-left: 8px; text-align: center; }
    .rgmp-stack-cmd-lb { color: #890c58; font-size: 1.0em; }


#skiptofocus:focus, .k-treemap-tile:focus, .rgmp-radio-group:focus { outline: 1px dotted; outline: auto -webkit-focus-ring-color; outline-color: #891c5a; outline-offset: 5px; }
.k-map:focus { outline: 1px dotted; outline: auto -webkit-focus-ring-color; outline-color: #891c5a; outline-offset: 1px; }
input[type="radio"]:focus { outline: 1px dotted; outline: auto -webkit-focus-ring-color; outline-color: #891c5a; outline-offset: 1px; }
input[type='radio'] { transform: scale(1.4); }
input[type="checkbox"]:focus { outline: 1px dotted; outline: auto -webkit-focus-ring-color; outline-color: #891c5a !important; outline-offset: 1px; }


.col-63666a { color: #63666a; }

.col-890c58 {
    color: #890c58;
}

.col-891c5a {
    color: #891c5a;
}


.col-a4a3a6 {
    color: #a4a3a6;
}

.col-000000 {
    color: #000000;
}

.col-db3b0f { color: #db3b0f; }

.rgmp-op-header-container {
    background-color: #63666a !important;
}

.rgmp-op-nav-item > a {
    color: #890c58;
}

.rgmp-op-nav-item-flex {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex; 
    flex-direction:column; 
    -ms-flex-direction:column; 
    -webkit-flex-direction:column;
}

.rgmp-op-nav-active { font-weight: 500 !important; color: #000000 !important; }

.rgmp-op-rectangle {
    background-color: #63666a;
}

.rgmp-op-menu-rectangle {
    background-color: #63666a;
}

.k-grouping-row > td { background-color: #63666A; }

.k-footer-template > td {
    color: #000000;
}

.rgmp-op-line {
    background-color: #890c58;
}

.rgmp-op-footer-container {
    background-color: #63666a !important;
}

.rgmp-op-menu-badge { background-color: #db3b0f !important; }
.badge-wrap { font-size: 0.677777777777777em; line-height: 20px; display: block; order: 1; -ms-flex-order: 1; -webkit-flex-order: 1; }
.rgmp-op-nav-item-text { order: 2; -ms-flex-order: 2; -webkit-flex-order: 2; display: block; }
.rgmp-op-menu-badge-sm { background-color: #db3b0f !important; }

input[type="checkbox"]:focus { outline: -webkit-focus-ring-color solid;  }

.bk-col-890c58 {
    background-color: #890c58
}

.rgmp-op-export {
    color: #890c58;
}

.rgmp-filter-break {
    border-left: #891c5a 1px solid;
    padding-right: 15px;
}

.btn-op-darkish-blue {
    color: #FFFFFF;
    background-color: #891c5a;
    border-color: #891c5b;
}

.btn-op-toolbar { border: none; border-width: 0px; background: none; background-color: rgba(0, 0, 0, 0) ;}

    .input-group-addon { background-color: #891c5a !important; border-color: #891c5b !important; }

.k-select {
    color: #FFFFFF !important;
    background-color: #891c5a !important;
    border-radius: 1px !important;
}

.form-control {
    border-radius: 1px;
    background-color: #ffffff;
    border: solid 1px #891c5a;
}

.k-numerictextbox .k-numeric-wrap {
    border: solid .5px #891c5a;
    border-radius: 1px;
    margin: 1px;
}

.k-multiselect {
    border: solid .5px #891c5a !important;
    border-radius: 1px !important;
}

.k-multiselect:hover {
    border: solid .5px #891c5a !important;
    border-radius: 1px !important;
}

.k-maskedtextbox .k-textbox {
    border: solid .5px #891c5a;
    border-radius: 1px;
}

.k-datepicker .k-picker-wrap {
    border: solid .5px #891c5a;
    border-radius: 1px;
}

.k-dropdown .k-dropdown-wrap {
    border: solid .5px #891c5a;
    border-radius: 1px;
}

.k-textbox {
    border: solid .5px #891c5a !important;
    border-radius: 1px !important;
    width: 100%;
}

    .k-textbox:hover {
        border: solid .5px #891c5a !important;
        border-radius: 1px !important;
        width: 100%;
    }

.k-pager-info {
    color: #000000 !important;
}


#rgmp-tax-cal-mb .k-calendar-view, #rgmp-tax-cal-dt .k-calendar-view { width: 100% !important; }

.k-grid tr:hover { background-color: #ebebeb !important; }
.k-state-selected { color: #fff !important; background-color: #428bca !important; border-color: #428bca !important; box-shadow: 0 1px 1px rgba(0,0,0,.075) inset !important; }
.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover, .k-grid tr.k-state-selected:hover td { color: #fff !important; background-color: #3379b5 !important; border-color: #ccc !important; box-shadow: 0 1px 1px rgba(0,0,0,.075) inset !important; }

 

.k-grid-toolbar { padding-right: 15px; }

.rgmp-section-btn {
    height: 43px;
    width: 74px;
    background-color: #63666a;
    border-radius: 0px !important;
    border-color: #ffffff !important;
}

    .rgmp-section-btn:hover {
        color: #FFFFFF;
        background-color: #63666a;
        border-color: #ffffff !important;
    }

    .rgmp-section-btn:focus {
        color: #FFFFFF;
        background-color: #63666a;
        border-color: #ffffff !important;
    }

.rgmp-section-btn-sm {
    height: 30px;
    width: 50px;
    background-color: #63666a;
    border-radius: 0px !important;
    padding: 0px !important;
}

    .rgmp-section-btn-sm:hover {
        color: #FFFFFF;
        background-color: #63666a;
    }

    .rgmp-section-btn-sm:focus {
        color: #FFFFFF;
        background-color: #63666a;
    }

.rgmp-op-resource-container-link > a {
    cursor: pointer;
    text-decoration: underline;
    color: #890c58 !important;
}

.rgmp-op-resource-container-link:hover {
    cursor: pointer;
    text-decoration: none;
    color: #890c58 !important;
}

.rgmp-op-hyperlink {
    text-decoration: underline;
    color: #000000;
}

.k-pager-wrap .k-pager-nav {
    color: #FFFFFF;
    background-color: #63666a;
    border-radius: 1px;
}

.k-pager-wrap .k-state-disabled {
    cursor: not-allowed !important;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.k-pager-wrap .k-link {
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
}

    .k-pager-wrap .k-link:hover { background-color: #63666A; color: #ffffff !important; text-decoration: none; }

.k-pager-wrap .k-state-disabled:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    text-decoration: none;
}

.k-pager-wrap .k-state-disabled > .k-icon:hover {
    cursor: not-allowed !important;
    text-decoration: none;
}

.k-pager-wrap .k-state-selected {
    background-color: #63666a;
    border-color: #891c5a !important;
}

.k-pager-wrap .k-current-page {
    background-color: #63666a;
    border-color: #891c5a !important;
}

.k-pager-numbers .k-link {
    color: #000000 !important;
}

.k-pager-info {
}

.k-link {
    color: #39393a;
}

.rgmp-op-acct-input {
    border-radius: 1px;
    background-color: #fff;
    border: solid .5px #891c5a;
    height: 30px;
    width: 2.655em;
    font-size: 1.0em;
    color: #39393a;
    display: inline;
    text-align: center;
    padding: 0px;
    background: #FFFFFF;
}

.rgmp-op-acct-input-error {
    border-radius: 1px;
    background-color: #fff;
    border: solid 1.5px #a94442 !important;
    height: 30px;
    width: 2.655em;
    font-size: 1.0em;
    color: #39393a;
    display: inline;
    text-align: center;
    padding: 0px;
    background: #f2dede
}

.rgmp-op-setup-container-header .fa-exclamation-triangle {
    color: #000000 !important;
}

.rgmp-client-item-overlay-div {
    position: relative;
    font-size: 1.2857142857142858em;
    color: #000000;
    margin-top: -17px;
    top: 40%;
}

.k-multiselect .k-button {
    color: #fff !important;
    border-color: #891c5b !important;
    background-color: #891c5a !important;
}

.k-list .k-state-selected {
    color: #fff !important;
    border-color: #000000 !important;
    background-color: #63666a !important;
    box-shadow: inset 0 0 10px 3px #63666a !important;
}

.k-list .k-state-focused {
    color: #fff !important;
    border-color: #000000 !important;
    background-color: #63666a !important;
    box-shadow: inset 0 0 10px 3px #63666a !important;
}

.k-calendar .k-state-selected {
    color: #fff !important;
    border-color: #000000 !important;
    background-color: #63666a !important;
    box-shadow: inset 0 0 10px 3px #63666a !important;
}

.k-header > .k-link {
    color: #000000 !important;
}

.k-calendar .k-footer .k-nav-today {
    color: #333;
    text-decoration: none;
    background-color: #f5f5f5;
}

.k-calendar .k-today {
    background-color: #ebebeb;
}

    .k-calendar .k-today .k-link {
        color: #333;
        box-shadow: none;
    }

.k-calendar .k-footer .k-nav-today:hover {
    color: #333;
    text-decoration: underline;
}

.k-calendar .k-link, .k-calendar td {
    text-decoration: none;
}

    .k-calendar td.k-state-selected .k-link {
        color: #fff !important;
        border-color: #000000 !important;
        background-color: #63666a !important;
        box-shadow: inset 0 0 10px 3px #63666a !important;
    }

.k-notification {
    min-height: 12em;
}

.k-input::-moz-placeholder { color: #63666a !important; }
.k-input:-ms-input-placeholder { color: #63666a !important; }
.k-input::-webkit-input-placeholder { color: #63666a !important; }

.k-textbox::-moz-placeholder { color: #63666a !important; opacity: 1; }
.k-textbox:-ms-input-placeholder color: #63666a !important;  }
.k-textbox::-webkit-input-placeholder { color: #63666a !important; }

::-webkit-input-placeholder { color: #63666a !important; }
:-moz-placeholder { color: #63666a !important; opacity: 1 !important; }
::-moz-placeholder { color: #63666a !important; opacity: 1 !important; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #63666a !important; }
::-ms-input-placeholder { /* Microsoft Edge */ color: #63666a !important; }
:-ms-placeholder { color: #63666a !important; }
::-ms-placeholder { color: #63666a !important; }
:placeholder { /* Most modern browsers support this now. */ color: #63666a !important; }
::placeholder { color: #63666a !important; }





.has-error-section {
    border: solid 1px;
    border-color: #a94442 !important;
    background: #f2dede;
}

.has-error .form-control {
    border: solid 1.5px #a94442 !important;
    background: #f2dede;
}

.has-error .k-maskedtextbox .k-textbox {
    border: solid 1.5px #a94442 !important;
    background: #f2dede;
}

.has-error .k-datepicker .k-picker-wrap {
    border: solid 1.5px #a94442 !important;
}

    .has-error .k-datepicker .k-picker-wrap .k-input {
        background: #f2dede;
    }

.has-error .k-datetimepicker .k-picker-wrap {
    border: solid 1.5px #a94442 !important;
}

    .has-error .k-datetimepicker .k-picker-wrap .k-input {
        background: #f2dede;
    }

.has-error .k-dropdown .k-dropdown-wrap {
    border: solid 1.5px #a94442 !important;
    background: #f2dede;
}

.has-error .k-multiselect {
    border: solid 1.5px #a94442 !important;
    background: #f2dede;
}

.has-error .k-multiselect-wrap {
    background: #f2dede;
}

.has-error-editor .k-editor-widget {
    border: solid 1.5px #a94442 !important;
    background: #f2dede;
}

.has-warning .form-control {
    border: solid 1.5px #8a6d3b !important;
}

.has-warning .k-maskedtextbox .k-textbox {
    border: solid 1.5px #8a6d3b !important;
}

.has-warning .k-datepicker .k-picker-wrap {
    border: solid 1.5px #8a6d3b !important;
}

.has-warning .k-dropdown .k-dropdown-wrap {
    border: solid 1.5px #8a6d3b !important;
}

.has-warning .k-multiselect {
    border: solid 1.5px #8a6d3b !important;
}

.has-warning-editor .k-editor-widget {
    border: solid 1.5px #8a6d3b !important;
}

.markets-grid { border: none !important; }
.k-grid.markets-grid table { border: none !important; table-layout: auto; border-collapse: collapse; }
.k-grid.markets-grid td { border-top:none; border-left:none; border-right:none; border-bottom: 1px; height:auto; min-height:0px; }
.k-grid.markets-grid .k-grid-header th.k-header { border-width: 0; border-style: none !important; background-color: #fff; }
.k-grid.markets-grid .k-alt { background-color:#fff; }
.k-grid.markets-grid tr { border-bottom-color: #e1e1e1; border-bottom-width: 1px; border-bottom-style: solid; }
.k-grid.markets-grid tr:hover { background-color: #fff !important; }

.k-grid.markets-grid.news-grid table { border: none !important; table-layout: fixed; border-collapse: collapse; }

.rgmp-markets-widgets { display: -webkit-flex; display:flex; /* equal height of the children */ }
.rgmp-markets-widgets-col { -webkit-flex: 1; flex: 1; /* additionally, equal width */ }

@media all and (min-width: 1px) { .rgmp-op-login-container-img {
        background: url('./Images/Standard/MyRGMP_spash_350x517.jpg');
        background-size: cover;
        min-height: 44.07142857142857em;
        padding-top: 150px;
    }

    .rgmp-op-body-container {
        background: #ffffff;
        background: -webkit-linear-gradient(#f6f6f6, #fafafa);
        background: -o-linear-gradient(#f6f6f6, #fafafa);
        background: -moz-linear-gradient(#f6f6f6, #fafafa);
        background: linear-gradient(#f6f6f6, #fafafa);
        padding-top: 130px;
    }
    .rgmp-op-internal-body-container { min-height: 45.04em; padding-top: 175px; }
}

@media all and (min-width: 320px) {
    .rgmp-op-acct-input {
        border-radius: 1px;
        background-color: #fff;
        border: solid .5px #891c5a;
        height: 30px;
        width: 2.1em;
        font-size: 1.0em;
        color: #39393a;
        display: inline;
        text-align: center;
        padding: 0px;
        background: #FFFFFF;
    }

    .rgmp-op-acct-input-error {
        border-radius: 1px;
        background-color: #fff;
        border: solid 1.5px #a94442 !important;
        height: 30px;
        width: 2.1em;
        font-size: 1.0em;
        color: #39393a;
        display: inline;
        text-align: center;
        padding: 0px;
        background: #f2dede
    }

    .rgmp-op-login-container-img {
        background: url('./Images/Standard/MyRGMP_spash_350x517.jpg');
        background-size: cover;
        min-height: 44.07142857142857em;
        padding-top: 140px;
    }

    .rgmp-op-body-container {
        background: #ffffff;
        background: -webkit-linear-gradient(#f6f6f6, #fafafa);
        background: -o-linear-gradient(#f6f6f6, #fafafa);
        background: -moz-linear-gradient(#f6f6f6, #fafafa);
        background: linear-gradient(#f6f6f6, #fafafa);
        padding-top: 130px;
    }
    .rgmp-op-internal-body-container { min-height: 45.04em; padding-top: 175px; }
}

@media all and (min-width: 480px) {
    .rgmp-op-login-container-img {
        background: url('./Images/Standard/MyRGMP_spash_350x517.jpg');
        background-size: cover;
        min-height: 44.07142857142857em;
        padding-top: 160px;
    }

    .rgmp-op-body-container {
        background: #ffffff;
        background: -webkit-linear-gradient(#f6f6f6, #fafafa);
        background: -o-linear-gradient(#f6f6f6, #fafafa);
        background: -moz-linear-gradient(#f6f6f6, #fafafa);
        background: linear-gradient(#f6f6f6, #fafafa);
        padding-top: 130px;
    }

    .rgmp-op-internal-body-container { min-height: 36em; padding-top: 175px; }
}

@media all and (min-width: 768px) {
    .rgmp-op-login-container-img {
        background: url('./Images/Standard/MyRGMP_spash_1768x617.jpg');
        background-size: cover;
        min-height: 44.07142857142857em;
        padding-top: 165px;
    }

    .rgmp-op-body-container {
        background: #ffffff;
        background: -webkit-linear-gradient(#f6f6f6, #fafafa);
        background: -o-linear-gradient(#f6f6f6, #fafafa);
        background: -moz-linear-gradient(#f6f6f6, #fafafa);
        background: linear-gradient(#f6f6f6, #fafafa);
        padding-top: 130px;
    }
    .rgmp-op-internal-body-container { min-height: 65.05em; padding-top: 150px; }
}

@media all and (min-width: 992px) {
    .rgmp-op-login-container-img {
        background: url('./Images/Standard/MyRGMP_spash_1768x617.jpg');
        background-size: cover;
        min-height: 44.07142857142857em;
        padding-top: 175px;
    }

    .rgmp-op-body-container {
        background: #ffffff;
        background: -webkit-linear-gradient(#f6f6f6, #fafafa);
        background: -o-linear-gradient(#f6f6f6, #fafafa);
        background: -moz-linear-gradient(#f6f6f6, #fafafa);
        background: linear-gradient(#f6f6f6, #fafafa);
        padding-top: 80px;
        min-height: 25em;
    }
    .rgmp-op-internal-body-container { min-height: 65.05em; padding-top: 20px; }
    .rgmp-body-container-nav { padding-top: 145px !important; }
    .rgmp-body-container-dspl { padding-top: 140px !important; }
}

@media all and (min-width: 1200px) {
    .rgmp-op-login-container-img {
        background: url('./Images/Standard/MyRGMP_spash_1279x700.jpg');
        background-size: cover;
        min-height: 44.07142857142857em;
        padding-top: 180px;
    }

    .rgmp-op-body-container {
        background: #ffffff;
        background: -webkit-linear-gradient(#f6f6f6, #fafafa);
        background: -o-linear-gradient(#f6f6f6, #fafafa);
        background: -moz-linear-gradient(#f6f6f6, #fafafa);
        background: linear-gradient(#f6f6f6, #fafafa);
        padding-top: 40px;
    }
    .rgmp-op-internal-body-container { min-height: 50em; padding-top: 20px; }
}

@media all and (min-width: 1400px) {
    .rgmp-op-login-container-img {
        background: url('./Images/Standard/MyRGMP_spash_1279x700.jpg');
        background-size: cover;
        min-height: 50em;
        padding-top: 40px;
    }

    .rgmp-op-body-container {
        background: #ffffff;
        background: -webkit-linear-gradient(#f6f6f6, #fafafa);
        background: -o-linear-gradient(#f6f6f6, #fafafa);
        background: -moz-linear-gradient(#f6f6f6, #fafafa);
        background: linear-gradient(#f6f6f6, #fafafa);
        min-height: 50em;
        padding-top: 40px;
    }
    .rgmp-op-internal-body-container { min-height: 50em; padding-top: 22px; }
}

.rgmp-op-support-faq-answer {
    min-height: 17.285714285714285em;
    width: 100%;
    border-radius: 1px;
    background-color: #ffffff;
    border: solid 0.5px #891c5a;
    padding: 10px;
    overflow:auto;
}


/* ADVISOR */
.rgmp-op-admin-item > a {
    text-decoration: none;
    font-size: 1.3333333333333333em;
    font-weight: 300;
    text-align: right;
    color: #890c58;
    cursor: pointer;
}

.rgmp-op-nav-active {
    font-weight: 500 !important;
    color: #000000 !important;
}

.rgmp-op-status-inner {
    background-color: #e0e0e0;
}

.darkish-blue {
    color: #891c5a;
}

.cool-grey {
    color: #63666a;
}

a.rgmp-op-status-inner-item:hover {
    text-decoration: none;
}

a {
    color: #39393a;
}

a:hover {
    color: #39393a;
}
a:focus { 
    outline: 1px dotted; 
    outline: auto -webkit-focus-ring-color !important; 
    outline-color: #891c5a !important;
    outline-offset: 0px !important; 

}
.rgmp-op-nav-item > a:focus { outline: 1px dotted; outline: auto -webkit-focus-ring-color !important; outline-color: #891c5a !important; outline-offset: -2px !important; }
.k-group-indicator a.k-button-icon:focus { 
    outline: 1px dotted !important; 
    outline: auto -webkit-focus-ring-color !important; 
    outline-color: #891c5a !important; 
    outline-offset: 5px !important; 
    opacity:1;
}

.btn-primary {
    background-color: #891c5a;
}

    .btn-primary:hover { background-color: #63666A; }

a svg-inline--fa {
    color: #891c5a;
}

.contrastlink {
    color: #891c5a;
}

.btn-primary-rgmp-primaryblue:hover,
.btn-primary-rgmp-primaryblue:focus,
.btn-primary-rgmp-primaryblue:active,
.btn-primary-rgmp-primaryblue.active,
.open .dropdown-toggle.btn-primary-rgmp-primaryblue { color: #FFFFFF; background-color: #63666A; border-color: #891c5a; }

.btn-primary-rgmp-primaryblue.disabled,
.btn-primary-rgmp-primaryblue[disabled],
fieldset[disabled] .btn-primary-rgmp-primaryblue,
.btn-primary-rgmp-primaryblue.disabled:hover,
.btn-primary-rgmp-primaryblue[disabled]:hover,
fieldset[disabled] .btn-primary-rgmp-primaryblue:hover,
.btn-primary-rgmp-primaryblue.disabled:focus,
.btn-primary-rgmp-primaryblue[disabled]:focus,
fieldset[disabled] .btn-primary-rgmp-primaryblue:focus,
.btn-primary-rgmp-primaryblue.disabled:active,
.btn-primary-rgmp-primaryblue[disabled]:active,
fieldset[disabled] .btn-primary-rgmp-primaryblue:active,
.btn-primary-rgmp-primaryblue.disabled.active,
.btn-primary-rgmp-primaryblue[disabled].active,
fieldset[disabled] .btn-primary-rgmp-primaryblue.active {
    background-color: #891c5a;
    border-color: #891c5b;
}

.btn-primary-rgmp-primaryblue {
    background-color: #891c5a;
    border-color: #891c5b;
}


.rgmp-op-status-inner-item {
    border-color: #891c5b;
    background-color: #891c5a;
    color: #ffffff;
    padding-top: 7px;
    padding-bottom: 7px;
}

.rgmp-op-status-inner-item-selected {
    background-color: #891c5a !important;
    border-color: #891c5b !important;
    border-width: 1px;
    border-style: solid;
}

.btn-op:hover,
.btn-op:focus,
.btn-op.focus { background-color: #63666A; color: #ffffff; text-decoration: none; }

.btn-op.active.focus, .btn-op.active:focus, .btn-op.focus, .btn-op:active.focus, .btn-op:active:focus, .btn-op:focus {
    outline: 2px auto #890c58;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 2px auto #890c58;
}

.rgmp-ia-summary-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

    .rgmp-ia-summary-overlay div {
        position: relative;
        font-size: 1.2857142857142858em;
        color: #000000;
        margin-top: -17px;
        top: 40%;
    }

.rgmp-op-support-faq-answer a {
    color: #000000;
    text-decoration: underline;
}

.rgmp-op-document-new {
    font-weight: 500 !important;
    color: #890c58
}

.rgmp-admin-editor-light-bold {
    font-weight: 300 !important;
    font-size: 1.0em;
    color: #39393a !important;
}

.rgmp-admin-editor-dark-bold {
    font-weight: 500 !important;
    font-size: 1.0em;
    color: #39393a !important;
}
.internal-app-date-span-disabled { opacity: .7; }
.fa-panel-body h1, .fa-panel-body h2, .fa-panel-body h3, .fa-panel-body h4 { margin-top: 0px !important; margin-bottom: 0px !important; line-height: 1 !important; }

.nternal-app-market-news p {
    font-family: 'Oswald', sans-serif;
    line-height: 15px;
    font-weight: 300;
    font-size: 1em;
}
