@charset "utf-8";
/* BEGIN Thin */



@font-face {
    font-family: 'Graphik Regular Desktop';
    src: url('fonts/Graphik/Graphik-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Medium Desktop';
    src: url('fonts/Graphik/Graphik-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Bold Desktop';
    src: url('fonts/Graphik/Graphik-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Light Desktop';
    src: url('fonts/Graphik/Graphik-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

/*# sourceMappingURL=roboto.css.map */
@charset "UTF-8"; /*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 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
    }

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

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

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

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -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 {
    100%,20%,53%,80%,from {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -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 {
    100%,50%,from {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

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

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

    100% {
        -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)
    }

    100% {
        -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,.75,1);
        transform: scale3d(1.25,.75,1)
    }

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

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

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

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

    100% {
        -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,.75,1);
        transform: scale3d(1.25,.75,1)
    }

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

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

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

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

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

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

@-webkit-keyframes shake {
    100%,from {
        -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 {
    100%,from {
        -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 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)
    }

    100% {
        -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)
    }

    100% {
        -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(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

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

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

    100% {
        -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(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

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

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

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

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

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes jello {
    100%,11.1%,from {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

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

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

@keyframes jello {
    100%,11.1%,from {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    100%,60%,75%,90%,from {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.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)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    100%,60%,75%,90%,from {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.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)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    100%,60%,75%,90%,from {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.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)
    }

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

@keyframes bounceInUp {
    100%,60%,75%,90%,from {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.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)
    }

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

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

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

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

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

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

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

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

    100% {
        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)
    }

    100% {
        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)
    }

    100% {
        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)
    }

    100% {
        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)
    }

    100% {
        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)
    }

    100% {
        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)
    }

    100% {
        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)
    }

    100% {
        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
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    100% {
        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)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

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

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

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    100% {
        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
    }

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

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    100% {
        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
    }

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

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    100% {
        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
    }

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

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    100% {
        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
    }

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

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    100% {
        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
    }

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

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    100% {
        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
    }

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

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    100% {
        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
    }

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

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    100% {
        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(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -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(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -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)
    }

    100% {
        -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)
    }

    100% {
        -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)
    }

    100% {
        -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)
    }

    100% {
        -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
    }

    100% {
        -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
    }

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

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

    100% {
        -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
    }

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

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

    100% {
        -webkit-transform: none;
        transform: none;
        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
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    100% {
        -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
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        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
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        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
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        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
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        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
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        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
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        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
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        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
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        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
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        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
    }

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

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

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

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

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

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        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
    }

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

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

    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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
    }

    100% {
        -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)
    }

    100% {
        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)
    }

    100% {
        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)
    }

    100% {
        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)
    }

    100% {
        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)
    }

    100% {
        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)
    }

    100% {
        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)
    }

    100% {
        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)
    }

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

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

/* Telerik RadAjaxLoadingPanel Metro Skin */
.RadAjax_IRM .raDiv {
    background-image: url('Ajax/loading.gif');
    background-size: 60px !important;
}

.RadAjax_IRM .raTransp {
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}

/*Telerik RadCalendar Metro skin*/


.RadCalendar_IRM {
    background-color: #FFF !important;
}

table.RadCalendar_IRM {
    font: 12px "segoe ui",arial,sans-serif;
}

/*titlebar*/



.RadCalendar_IRM .rcTitlebar table {
    font: 12px/23px "Graphik Regular Desktop", Helvetica, Arial, sans-serif;
}

.RadCalendar_IRM .rcTitlebar td {
    padding: 0 0 1px;
}

.RadCalendar_IRM .rcTitlebar .rcPrev,
.RadCalendar_IRM .rcTitlebar .rcNext,
.RadCalendar_IRM .rcTitlebar .rcFastPrev,
.RadCalendar_IRM .rcTitlebar .rcFastNext {
    width: 16px;
    height: 16px;
    border: 1px solid transparent;
    margin: 1px 2px 0;
}

.RadCalendar_IRM .rcTitlebar .rcFastPrev {
    background-position: 0 -250px;
}

.RadCalendar_IRM .rcTitlebar .rcPrev {
    background-position: 0 -350px;
}

.RadCalendar_IRM .rcTitlebar .rcNext {
    background-position: 0 -450px;
}

.RadCalendar_IRM .rcTitlebar .rcFastNext {
    background-position: 0 -550px;
}



.RadCalendar_IRM .rcTitlebar .rcFastPrev:hover {
    background-position: 0 -650px;
}

.RadCalendar_IRM .rcTitlebar .rcPrev:hover {
    background-position: 0 -750px;
}

.RadCalendar_IRM .rcTitlebar .rcNext:hover {
    background-position: 0 -850px;
}

.RadCalendar_IRM .rcTitlebar .rcFastNext:hover {
    background-position: 0 -950px;
}



.RadCalendarMultiView_IRM .rcTitlebar .rcFastPrev,
.RadCalendarMultiView_IRM .rcTitlebar .rcFastPrev:hover {
    margin-left: 4px;
    background-position: 0 -200px;
}

.RadCalendarMultiView_IRM .rcTitlebar .rcPrev,
.RadCalendarMultiView_IRM .rcTitlebar .rcPrev:hover {
    background-position: 0 -300px;
}

.RadCalendarMultiView_IRM .rcTitlebar .rcNext,
.RadCalendarMultiView_IRM .rcTitlebar .rcNext:hover {
    background-position: 0 -400px;
}

.RadCalendarMultiView_IRM .rcTitlebar .rcFastNext,
.RadCalendarMultiView_IRM .rcTitlebar .rcFastNext:hover {
    margin-right: 4px;
    background-position: 0 -500px;
}




.RadCalendar_IRM .rcMain {
    /*border-color: #999;*/
    border-style: none !important;
}

.RadCalendar_IRM .rcMainTable {
    font: 12px/17px "segoe ui",arial,sans-serif;
}

/*week numbers and days*/

/*.RadCalendar_IRM .rcWeek th {
    padding: 4px 6px 4px 0;
}*/

.RadCalendar_IRM .rcWeek .rcViewSel,
.RadCalendar_IRM .rcRow th {
    width: 13px;
    padding: 0 7px 0 9px;
}



.RadCalendarMultiView_IRM .rcTitlebar {
    border: 0 none;
}

    .RadCalendarMultiView_IRM .rcTitlebar table {
        line-height: 29px;
    }



.RadCalendarMultiView_IRM .rcCalendar .rcMainTable {
    height: 177px;
}

.RadCalendarMultiView_IRM .rcMainTable .rcTitle {
    padding: 0 0 2px;
    line-height: 22px;
}

/*month view*/

table.RadCalendarMonthView_IRM {
    font: 12px "segoe ui",arial,sans-serif;
}



.RadCalendarMonthView_IRM #rcMView_PrevY a,
.RadCalendarMonthView_IRM #rcMView_NextY a {
    width: 18px;
    height: 13px;
}

.RadCalendarMonthView_IRM #rcMView_PrevY a {
    background-position: 0 -2100px;
}

.RadCalendarMonthView_IRM #rcMView_NextY a {
    background-position: 0 -2200px;
}

.RadCalendarMonthView_IRM .rcButtons {
    padding: 5px 7px 4px;
}

.RadCalendarMonthView_IRM input {
    font: 12px "segoe ui",arial,sans-serif;
}

/*time view*/

table.RadCalendarTimeView_IRM {
    font: 12px "segoe ui",arial,sans-serif;
}

.RadCalendarTimeView_IRM th {
    padding: 0 0 1px;
    line-height: 23px;
}


/*pickers*/

.RadPicker_IRM .rcCalPopup,
.RadPicker_IRM .rcTimePopup {
    background-position: 0 0;
}

.RadPicker_IRM .rcCalPopup,
.RadPicker_IRM a.rcDisabled.rcCalPopup:hover {
    background-position: 0 0;
}

.RadPicker_IRM a.rcCalPopup:hover,
.RadPicker_IRM a.rcCalPopup:focus,
.RadPicker_IRM a.rcCalPopup:active {
    background: transparent url("saas/icons.svg") no-repeat -20px -1766px;
}

.RadPicker_IRM .rcTimePopup,
.RadPicker_IRM a.rcDisabled.rcTimePopup:hover {
    background-position: 0 -100px;
}

.RadPicker_IRM a.rcTimePopup:hover,
.RadPicker_IRM a.rcTimePopup:focus,
.RadPicker_IRM a.rcTimePopup:active {
    background-position: 0 -150px;
}

/*rtl*/

.RadCalendarRTL_IRM .rcTitlebar .rcFastPrev {
    background-position: 0 -550px;
}

.RadCalendarRTL_IRM .rcTitlebar a.rcFastPrev:hover {
    background-position: 0 -950px;
}

.RadCalendarRTL_IRM .rcTitlebar .rcPrev {
    background-position: 0 -450px;
}

.RadCalendarRTL_IRM .rcTitlebar a.rcPrev:hover {
    background-position: 0 -850px;
}

.RadCalendarRTL_IRM .rcTitlebar .rcNext {
    background-position: 0 -350px;
}

.RadCalendarRTL_IRM .rcTitlebar a.rcNext:hover {
    background-position: 0 -750px;
}

.RadCalendarRTL_IRM .rcTitlebar .rcFastNext {
    background-position: 0 -250px;
}

.RadCalendarRTL_IRM .rcTitlebar a.rcFastNext:hover {
    background-position: 0 -650px;
}


.RadCalendar_IRM .rcWeek th {
    text-align: center !important;
    padding: 8px !important;
    font-family: 'Graphik Medium Desktop';
}



/***** Adding Editor.css classes to avoid IE theming issues*****/

/* MVC overrides */
.RadEditor table,
.RadEditor.reWrapper table td {
    border: 0;
    padding: 0;
}

/*NEW: Only in the Bottom zone - where the Statistics module is commonly set, remove uppper border, because it looks ugly*/
.RadEditor .reToolZone .reBottomZone .reModule {
    border-top: 0;
}

/* RadFormDecorator integration */
.rfdTable .reWrapper table td {
    _padding: 0;
}

.RadEditor.reWrapper .reToolCell {
    vertical-align: top;
    /* Needed to position the toolbar wrapper at the top - and then set margin to it! */
    padding-bottom: 1px;
}

/* this specifyes necessary padding for all browsers excepr IE6, IE7 */
*|html .RadEditor.reWrapper .reToolCell {
    padding-bottom: 0;
}

/* Align the Bottom zone with the Statistics module to the right */
.reBottomZone {
    text-align: right;
    vertical-align: bottom;
}

.reToolbarWrapper {
    margin-top: 0;
}

.reToolbar {
    padding: 0 !important;
    /* Reset CSS */
    margin: 0 0 1px 0 !important;
    /* Reset CSS */
    list-style: none !important;
    /* Reset CSS */
    float: left;
}

    .reToolbar li {
        padding: 0 !important;
        /* Reset CSS */
        margin: 0 !important;
        /* Reset CSS */
        list-style: none !important;
        /* Reset CSS */
        float: left;
        background-repeat: repeat-x;
        height: 26px;
        background-position: 0 -26px;
    }

.reToolbar {
    margin-bottom: 2px;
}

    .reToolbar a,
    .reDropdown,
    .reSpinBox input,
    .RadEditor input,
    .reModule,
    .reModule td,
    .reEditorModes a,
    .reDropDownBody,
    .reDropDownBody td,
    .reAjaxspell_wrapper,
    .reAjaxspell_button,
    .reAjaxspell_addicon,
    .reAjaxspell_ignoreicon,
    .reAjaxspell_okicon,
    .reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text,
    .reColorPicker .reCustomColor {
        font: normal 12px "Graphik Regular Desktop", Helvetica, Arial, sans-serif;
        text-decoration: none;
        cursor: default;
    }

.RadEditor .reEmptyMessage {
    font: italic 12px "Graphik Regular Desktop", Helvetica, Arial, sans-serif;
}

/* ajax spellcheck */
.reAjaxspell_button {
    white-space: nowrap;
}

.reAjaxspell_addicon,
.reAjaxspell_ignoreicon,
.reAjaxspell_okicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 2px 4px 2px 2px;
}

.reAjaxspell_ignoreicon {
    background-position: center -103px;
}

.reAjaxspell_okicon {
    background-position: center -134px;
}

.reAjaxspell_addicon {
    background-position: center -166px;
}

.reAjaxSpellCheckSuggestions table {
    border-width: 0;
    width: 100%;
}

.reAjaxSpellCheckSuggestions td {
    width: 100%;
    padding-left: 4px;
}

.reAjaxSpellCheckSeparator {
    font-size: 1px;
    height: 1px;
    margin: 2px 1px;
}

.reAjaxSpellCheck {
    padding: 2px;
}

/* end of ajax spellcheck */
.RadEditor .reTextarea {
    font-size: 11px;
}

/* separator */
.reToolbar .reSeparator {
    width: 6px;
    height: 26px;
    font-size: 1px;
    background-position: center -148px;
}

/* separator */
/* grip */
.reToolbar .reGrip {
    height: 26px;
    width: 4px;
    font-size: 1px;
    background-repeat: no-repeat;
}

ul.reToolbar li.grip_first {
    background-position: 0 0;
}

ul.reToolbar li.grip_last {
    background-position: -4px 0;
}

.RadEditor .reTlbVertical .reToolbar .grip_last {
    background-position: 0 -4px;
}

/* end of grip grip */
.reAlignmentSelector div {
    height: 20px;
}

/* reTool */
.reTool,
.reTool:link,
.reTool:visited {
    display: block;
    width: 24px;
    height: 24px;
    margin: 1px 0;
    /* was: margin: 1px; */
    text-decoration: none !important;
    cursor: default;
}

    .reTool span {
        display: block;
        float: left;
        width: 18px;
        height: 18px;
        line-height: 18px;
        margin: 3px;
        cursor: default;
        _display: inline;
        background-repeat: no-repeat;
    }

/* end of reTool */
.RadEditor .reDialog .reTool:hover,
.RadEditor .reToolbar .reTool:hover,
.RadEditor .reModule .reTool:hover,
.reToolbarWindow .reToolbar .reTool:hover {
    background-position: 0 -52px;
}

.RadEditor .reDialog .reTool_disabled:hover,
.RadEditor .reToolbar .reTool_disabled:hover,
.RadEditor .reModule .reTool_disabled:hover,
.reToolbarWindow .reToolbar .reTool_disabled:hover {
    background-image: none !important;
}

.RadEditor .reToolbar .reTool.reTool_selected,
.RadEditor .reToolbar .reTool.reTool_selected:hover,
.reToolbarWindow .reToolbar .reTool.reTool_selected,
.reToolbarWindow .reToolbar .reTool.reTool_selected:hover {
    background-position: 0 -124px;
    background-repeat: no-repeat;
}

/* reTool_text */
.reToolbar .reTool_text {
    height: 24px;
    width: auto;
    display: block;
    margin: 1px;
    text-decoration: none;
    cursor: default;
    float: left;
    _display: inline;
}

    .reToolbar .reTool_text:hover {
        background-repeat: repeat-x;
        background-position: 0 -100px;
        margin-left: 0;
        margin-right: 0;
    }

    .reToolbar .reTool_text.reTool_selected,
    .reToolbar .reTool_text.reTool_selected:hover {
        background-repeat: repeat-x;
        background-position: 0 -174px;
        margin-left: 0;
        margin-right: 0;
    }

    .reToolbar .reTool_text span {
        background-repeat: no-repeat;
        display: block;
        float: left;
        width: 18px;
        height: 18px;
        line-height: 18px;
        margin: 4px;
        cursor: default;
        _display: inline;
    }

ul.reToolbar .reTool_text span.reButton_text {
    width: auto;
}

/* end of reTool_text */
/* reSplitButton */
.reSplitButton,
.reSplitButton:link,
.reSplitButton:visited {
    width: 34px;
    /* was: 36px */
    height: 24px;
    text-decoration: none !important;
}

.RadEditor .reSplitButton {
    _display: inline-block;
}

.reSplitButton {
    position: relative;
}

.reTool .split_arrow {
    position: absolute;
    width: 12px;
    height: 22px;
    margin-left: 1px;
    background-position: -25px -360px;
    top: -2px;
    right: -3px;
    border-left-width: 1px;
    border-left-style: solid;
}

.reSplitButton.reTool_text .split_arrow {
    width: 5px;
    height: 18px;
    background-position: -28px -362px;
}

.reToolbar .reTool_text .split_arrow {
    _width: 5px;
    _height: 18px;
    _background-position: -28px -362px;
}

.reDialog .reTool,
.reModule .reTool {
    background-position: 0 -242px;
}

    .reDialog .reTool.reSplitButton,
    .reModule .reTool.reSplitButton {
        background-repeat: no-repeat;
        background-position: 0 -218px;
    }

.reToolWrapper .reTool.reSplitButton:hover,
.reToolbarWrapper .reTool.reSplitButton:hover {
    background-repeat: no-repeat;
    background-position: 0 -76px !important;
}

.reToolWrapper .reTool_disabled.reSplitButton:hover,
.reToolbarWrapper .reTool_disabled.reSplitButton:hover {
    background-image: none !important;
}

/* end of reSplitButton */
/* reDropdown */
.reToolbar a {
    text-decoration: none !important;
}

.reDropdown,
.reTool_disabled.reDropdown:hover {
    display: block;
    float: left;
    cursor: default;
    background-repeat: no-repeat;
    background-position: right -360px;
    _background-position: right -380px;
    padding-left: 4px;
    padding-right: 10px;
    margin: 0;
    /* was: margin: 2px 1px 0 1px; */
    margin: 2px 0;
}

    .reDropdown:hover {
        border: 1px solid;
        background-position: right 0;
    }

    .reDropdown span {
        display: block;
        width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 20px;
    }

/* end of reDropdown */
/* vertical toolbar */
.reTlbVertical ul.reToolbar {
    float: none;
    clear: both;
    width: 26px;
    height: auto;
}

.reTlbVertical li {
    clear: both;
    float: none;
    margin: 0 !important;
    /* Reset CSS */
    font-size: 1px !important;
    /* Reset CSS */
    padding: 0 !important;
    /* Reset CSS */
    line-height: 1px !important;
    /* Reset CSS */
    background-repeat: repeat-y;
    background-position: -26px 0;
}

.reTlbVertical .reGrip {
    width: 26px;
    height: 4px;
    font-size: 1px !important;
    /* Reset CSS */
    line-height: 1px !important;
    /* Reset CSS */
    background-repeat: no-repeat;
}

.reTlbVertical .reTool {
    margin-top: 0;
    margin-bottom: 0;
}

.reTlbVertical .reToolbar .reSeparator {
    width: 26px;
    height: 4px;
    line-height: 1px;
    font-size: 1px;
    background-position: -100px -12px;
}

.RadEditor .reTlbVertical .reTool:hover,
.RadEditor .reTlbVertical .reTool_text.reSplitButton:hover,
.RadEditor .reTlbVertical .reSplitButton:hover,
.RadEditor .reTlbVertical .reTool_text:hover {
    background-repeat: no-repeat;
    background-position: -76px 0;
}

.RadEditor .reTlbVertical .reTool_selected,
.RadEditor .reTlbVertical .reTool_selected,
.RadEditor .reTlbVertical .reTool_selected:hover,
.RadEditor .reTlbVertical .reTool.reTool_selected,
.RadEditor .reTlbVertical .reTool_text.reTool_selected,
.RadEditor .reTlbVertical .reTool_text.reTool_selected:hover {
    background-repeat: no-repeat;
    background-position: -52px 0;
}

.reTlbVertical .reTool_text,
.reTlbVertical .reSplitButton {
    width: 24px;
    height: 24px;
}

    .reTlbVertical .reTool_text .reButton_text {
        display: none;
    }

    .reTlbVertical .split_arrow,
    .reTlbVertical .reDropdown span,
    .reTlbVertical .reTool_text.reSplitButton .reButton_text,
    .reTlbVertical .reTool_text.reSplitButton .split_arrow {
        display: none;
    }

/* add weight to the selector for IE6 so it is applied */
.reToolbar .reSplitButton.reTool_disabled:hover {
    _background-position: -999px 0;
}

.reTlbVertical .reDropdown,
.reTlbVertical .reDropdown:hover {
    height: 20px;
    width: 22px;
    _width: 21px;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
}

.reTlbVertical .reTool,
.reTlbVertical .reDropdown {
    margin-left: 1px;
}

/* end of vertical toolbar */
/* context menu and toolstrip */
.reDropDownBody {
    float: left;
}

    .reDropDownBody .reTlbVertical ul li {
        clear: both;
        float: none;
        background: none;
    }

        /* reDropDownBody */
        .reDropDownBody .reTlbVertical ul li a,
        .reDropDownBody .reTlbVertical ul li .reTool_disabled:hover {
            clear: both;
            float: none;
            width: 100%;
            display: block;
            border: 0;
            background: none;
        }

    .reDropDownBody .reTlbVertical ul.reToolbar li a:hover {
        background-repeat: no-repeat;
        background-position: -602px 0;
        border: 0;
        border-left-color: transparent !important;
        margin-left: 1px;
        margin-right: 1px;
    }

    /* IE6 float and double margins fix */
    .reDropDownBody .reTlbVertical ul li .reTool_disabled:hover {
        _margin-left: 0;
    }

div.RadEditor td.reTlbVertical ul.reToolbar {
    width: 26px !important;
}

.reDropDownBody .reTlbVertical ul li .reButton_text {
    width: 156px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    _zoom: 1;
    display: block;
}

.reDropDownBody div.reTlbVertical {
    float: left;
    height: auto;
    overflow: hidden;
}

.reDropDownBody .reTlbVertical .reToolbar {
    width: 206px;
    background-repeat: repeat-y;
    background-position: -126px 0;
}

/* reDropDownBody */
/* custom links */
.reCustomLinks,
.reCustomLinks ul,
.reCustomLinks li {
    list-style: none !important;
    /* Reset CSS */
    padding: 0 !important;
    /* Reset CSS */
    margin: 0 !important;
    /* Reset CSS */
    cursor: default !important;
    /* Reset CSS */
}

ul.reCustomLinks {
    margin-left: 3px !important;
    /* Reset CSS */
}

    ul.reCustomLinks li ul {
        margin-left: 12px !important;
        /* Reset CSS */
    }

    ul.reCustomLinks a {
        text-decoration: undeline !important;
        /* Reset CSS */
    }

        ul.reCustomLinks a:hover {
            cursor: pointer !important;
            /* Reset CSS */
        }

    ul.reCustomLinks li {
        clear: both;
        float: none;
    }

    ul.reCustomLinks span,
    ul.reCustomLinks a {
        display: block;
        float: left;
        cursor: default;
        zoom: 1;
    }

    ul.reCustomLinks .reCustomLinksIcon {
        font-size: 1px !important;
        /* Reset CSS */
    }

        ul.reCustomLinks .reCustomLinksIcon.reIcon_empty {
            cursor: default;
        }

    ul.reCustomLinks li {
        padding: 1px 0 !important;
        /* Reset CSS */
    }

    ul.reCustomLinks span,
    ul.reCustomLinks a {
        padding-left: 1px !important;
        /* Reset CSS */
        padding-right: 1px !important;
        /* Reset CSS */
        cursor: default;
    }

    ul.reCustomLinks .reCustomLinksIcon {
        width: 9px;
        height: 9px;
        padding: 0 !important;
        /* Reset CSS */
        margin: 2px 4px 0 0 !important;
        /* Reset CSS */
    }

    ul.reCustomLinks span {
        margin-top: 0;
    }

    ul.reCustomLinks .reCustomLinksIcon.reIcon_plus {
        background-position: 0 0;
    }

    ul.reCustomLinks .reCustomLinksIcon.reIcon_minus {
        background-position: -9px 0;
    }

    ul.reCustomLinks .reCustomLinksIcon.reIcon_empty {
        background: none;
    }

/* end of custom links */
/* spinbox */
table.reSpinBox {
    border: 1px solid;
    border-collapse: collapse;
    cursor: text;
}

    table.reSpinBox td {
        padding: 0 !important;
        /* Reset CSS */
    }

.reSpinBox input {
    border: 0 !important;
    background: none transparent;
    width: 30px;
    height: 16px;
    text-align: right;
    cursor: text;
    padding: 0;
}

.RadForm.rfdTextbox .reSpinBox input[type="text"] {
    width: 30px;
}

.reSpinBox a {
    display: block;
    font-size: 1px !important;
    /* Reset CSS */
    text-indent: -9999px;
    width: 11px;
    height: 10px;
    cursor: default;
    background-repeat: no-repeat;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}

.reSpinBoxIncrease {
    background-position: 0 -198px;
}

    .reSpinBoxIncrease:hover {
        background-position: 0 -208px;
    }

.reSpinBoxDecrease {
    background-position: -11px -198px;
}

    .reSpinBoxDecrease:hover {
        background-position: -11px -208px;
    }

/* end of spinbox */
/* editor input elements */
div.RadEditor input {
    border: 1px solid;
    cursor: text;
}

/* editor input elements */
/* module */
.reModule {
    border-collapse: collapse !important;
    /* Reset CSS */
}

td.reModuleLabel {
    vertical-align: middle !important;
    /* Reset CSS */
    text-align: right !important;
    /* Reset CSS */
    padding-left: 6px !important;
    /* Reset CSS */
    padding-right: 3px !important;
    /* Reset CSS */
}

td.reModuleText .reEllipsisText {
    max-width: 110px;
    _width: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    float: right;
}

.reModule .reDropdown,
.reModule .reTool,
.reModule .reSplitButton {
    margin: 1px 0 0 !important;
    /* Reset CSS */
}

/* end of module */
/* editing modes */
.reEditorModes {
    float: left;
    padding: 1px 0 !important;
    /* Reset CSS */
}

    .reEditorModes ul,
    .reEditorModes li {
        padding: 0 !important;
        /* Reset CSS */
        margin: 0 !important;
        /* Reset CSS */
        list-style: none !important;
        /* Reset CSS */
    }

    .reEditorModes li {
        float: left !important;
        /* Reset CSS */
    }

    .reEditorModes a,
    .reEditorModes span {
        display: block;
        cursor: pointer;
    }

    .reEditorModes a {
        width: 76px;
    }

    .reEditorModes span {
        line-height: 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 22px;
        margin: 0 3px;
    }

.reMode_selected {
    background-repeat: no-repeat;
    background-position: -948px 0;
}

    .reMode_design span,
    .reMode_selected.reMode_design span {
        background-position: -6px -5px;
    }

    .reMode_html span,
    .reMode_selected.reMode_html span {
        background-position: -6px -36px;
    }

    .reMode_preview span,
    .reMode_selected.reMode_preview span {
        background-position: -6px -69px;
    }

/* end of editing modes */
/* reWrapper */
.reWrapper_corner,
.reWrapper_center,
.reLeftVerticalSide,
.reRightVerticalSide {
    font-size: 1px;
    line-height: 1px;
}

/*.reWrapper_corner,-> do not set it, because this requires the layout paddings to be further adjusted in other elements*/
.reLeftVerticalSide,
.reRightVerticalSide {
    padding: 1px;
}

/* end of reWrapper */
/* DOM inspector */
.reModule_domlink {
    text-decoration: none;
    font-size: 11px;
}

/* end of DOM inspector */
/* color picker */
.reColorPicker {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 4px;
}

    .reColorPicker table {
        border-collapse: collapse;
        border: 0 !important;
        background: transparent !important;
    }

        .reColorPicker table td {
            border: 0;
        }

    .reColorPicker .reColorPickerFooter {
        overflow: hidden;
    }

    .reColorPicker span {
        display: block;
        text-align: center;
        float: left;
        cursor: default;
    }

    .reColorPicker table div {
        width: 11px;
        height: 11px;
        line-height: 11px;
        font-size: 1px;
    }

    .reColorPicker table td {
        padding: 2px;
        padding-bottom: 0;
        padding-top: 0;
    }

.reDropDownBody.reColorPicker table td.reItemOver {
    border: 0 !important;
    background: transparent !important;
}

.reDropDownBody td.reFormatSetsHeader {
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid;
}

.reColorPicker .reColorPickerFooter {
    margin: 0 auto;
    height: 22px;
    height: 18px;
    width: 166px;
    padding: 4px 0;
}

.reColorPicker span {
    width: 82px;
    height: 20px;
    line-height: 18px;
}

.reColorPicker .reColorPickerFooter .reDarkColor {
    border-right: 0;
}

.reColorPicker .reColorPickerFooter .reLightColor {
    border-left: 0;
}

.reColorPicker .reCustomColor:hover {
    text-decoration: underline;
}

/* end of color picker */
/* insert symbol */
.reInsertSymbol td {
    text-align: center;
    vertical-align: middle;
}

/* insert symbol */
/* insert table dropdown */
.reInsertTable {
    padding: 1px !important;
    /* Reset CSS */
}

    .reInsertTable table {
        width: 120px;
        border: 0 !important;
        margin-left: 2px;
    }

        .reInsertTable table a span {
            text-decoration: none;
        }

        .reInsertTable table td {
            font-size: 1px;
        }

            .reInsertTable table td div {
                height: 13px;
                width: 13px;
            }

    .reInsertTable .reTlbVertical {
        border-width: 0 !important;
    }

        .reInsertTable .reTlbVertical ul {
            padding: 0 !important;
            /* Reset CSS */
            margin: 0 !important;
            /* Reset CSS */
            list-style: none !important;
            /* Reset CSS */
            background-image: none !important;
            /* Reset CSS */
        }

    .reInsertTable div.reTlbVertical ul li a.reTool_text,
    .reInsertTable div.reTlbVertical ul li a.reTool_text:hover {
        background-position: -3575 center;
        margin-top: 1px;
        margin-left: 3px;
    }

.reTlbVertical .reTool_text .reButton_text {
    _text-align: left;
}

.reTlbVertical .reTool_text:hover {
    _background-position: -602px 0 !important;
}

.reInsertTable .reTlbVertical ul .reTool_text {
    text-decoration: none;
    margin: 1px;
}

    .reInsertTable .reTlbVertical ul .reTool_text:hover {
        text-decoration: underline;
    }

    .reInsertTable .reTlbVertical ul .reTool_text span {
        display: block;
        float: left;
        width: 18px !important;
        height: 18px !important;
        margin-top: 1px;
        background-position: -3575 center;
    }

.reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text {
    height: 18px;
    line-height: 18px;
    display: block;
    float: left;
    width: 100px !important;
    background-image: none;
    text-align: center;
}



.reInsertTable .reToolbar li {
    clear: none !important;
    float: left !important;
    width: 24px;
}

    .reInsertTable .reToolbar li .reTool {
        width: 24px !important;
        height: 24px;
        margin: 0 !important;
    }

.reDropDownBody.reInsertTable .reToolbar li .reTool:hover {
    background-position: 0 -52px !important;
}

.reDropDownBody.reInsertTable .reToolbar li .reTool_disabled:hover {
    background-image: none !important;
}

/* end of insert table dropdown */
.reDropDownBody {
    overflow-y: auto;
    overflow-x: hidden;
}

    .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:hover {
        background-position: -1403px 0 !important;
    }

/* modules selector */
.reModule_visible_icon,
.reModule_hidden_icon {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
}

.reModule_visible_icon {
    background-position: -8px -199px;
}

.reModule_hidden_icon {
    background-position: -8px -103px;
}

/* end of modules selector */
/* resize cell */
.reResizeCell div {
    background-repeat: no-repeat;
    background-position: center -301px;
    height: 17px;
    /*Helps align it with the statistics module*/
    width: 16px;
}

.reAccessibleTool {
    width: 22px;
    height: 22px;
    margin-top: 2px !important;
    margin: 1px;
    cursor: pointer !important;
    cursor: default !important;
}

/* editor commands begin */
.CustomDialog {
    background-position: -1448px center;
}

.FormatCodeBlock {
    background-position: -305px center;
}

.PageProperties {
    background-position: -756px center;
}

.SetImageProperties {
    background-position: -1116px center;
}

.BringToFront {
    background-position: -1606px center;
}

.AlignmentSelector {
    background-position: -1647px center;
}

.Cancel {
    background-position: -1265px center;
}

.Custom,
.ViewHtml {
    background-position: -1296px center;
}

.DecreaseSize {
    background-position: -1886px center;
}

.DeleteTable {
    background-position: -1445px center;
}

.FileOpen {
    background-position: -1967px center;
}

.IncreaseSize {
    background-position: -2046px center;
}

.InsertAnchor {
    background-position: -2086px center;
}

.InsertEmailLink {
    background-position: -2246px center;
}

.InsertFormImageButton {
    background-position: -2486px center;
}

.ModuleManager {
    background-position: -2376px center;
}

.RepeatLastCommand {
    background-position: -3248px center;
}

.SendToBack {
    background-position: -3326px center;
}

.FormatStripper {
    background-position: -2586px center;
}

.StyleBuilder {
    background-position: -2946px center;
}

.ToggleFloatingToolbar {
    background-position: -2974px center;
}

.XhtmlValidator {
    background-position: -2526px center;
}

.TrackChangesDialog {
    background-position: -2555px center;
}

.InsertSymbol {
    background-position: -2196px center;
}

.InsertFormHidden {
    background-position: -1836px center;
}

.InsertFormButton,
.InsertFormReset,
.InsertFormSubmit {
    background-position: -1716px center;
}

.InsertFormCheckbox {
    background-position: -1745px center;
}

.InsertFormPassword {
    background-position: -1896px center;
}

.InsertFormRadio {
    background-position: -1926px center;
}

.InsertFormSelect {
    background-position: -3546px center;
}

.InsertFormTextarea {
    background-position: -1986px center;
}

.InsertFormText {
    background-position: -1956px center;
}

.StripAll,
.FormatPainterClear {
    background-position: -2585px center;
}

.StripCss {
    background-position: -2644px center;
}

.StripFont {
    background-position: -2675px center;
}

.StripSpan {
    background-position: -2705px center;
}

.StripWord {
    background-position: -2736px center;
}

.AjaxSpellCheck,
.SpellCheck {
    background-position: -66px center;
}

.Italic {
    background-position: -486px center;
}

.ImageManager {
    background-position: -366px center;
}

.ImageMapDialog {
    background-position: -396px center;
}

.FlashManager,
.InsertFlash {
    background-position: -246px center;
}

.MediaManager,
.InsertMedia {
    background-position: -696px center;
}

.DocumentManager,
.InsertDocument {
    background-position: -185px center;
}

.TemplateManager {
    background-position: -2765px center;
}

.InsertTable,
.TableWizard {
    background-position: -3575px -5px;
}

.InsertRowAbove {
    background-position: -1355px -7px;
}

.InsertRowBelow {
    background-position: -1385px -4px;
}

.DeleteRow {
    background-position: -3425px center;
}

.InsertColumnLeft {
    background-position: -1626px center;
}

.InsertColumnRight {
    background-position: -1595px center;
}

.DeleteColumn {
    background-position: -3396px center;
}

.MergeColumns {
    background-position: -2315px center;
}

.MergeRows {
    background-position: -2345px center;
}

.SplitCell {
    background-position: -3606px center;
}

.SplitCellHorizontal {
    background-position: -3335px center;
}

.DeleteCell {
    background-position: -1325px center;
}

.SetCellProperties {
    background-position: -2495px center;
}

.SetTableProperties {
    background-position: -3365px center;
}

.Help {
    background-position: -336px center;
}

.Undo {
    background-position: -996px center;
}

.Redo {
    background-position: -967px center;
}

.Cut {
    background-position: -155px center;
}

.Copy {
    background-position: -125px center;
}

.Paste,
.PasteStrip {
    background-position: -785px center;
}

.PasteAsHtml {
    background-position: -815px center;
}

.PasteHtml {
    background-position: -3757px -6px;
}

.PasteFromWord {
    background-position: -845px center;
}

.PasteFromWordNoFontsNoSizes {
    background-position: -875px center;
}

.PastePlainText {
    background-position: -905px center;
}

.Print {
    background-position: -936px center;
}

.FindAndReplace {
    background-position: -215px center;
}

.SelectAll {
    background-position: -2435px center;
}

.InsertGroupbox {
    background-position: -2015px -7px;
}

.InsertCodeSnippet,
.InsertSnippet {
    background-position: -2166px center;
}

.InsertDate {
    background-position: -1655px center;
}

.InsertTime {
    background-position: -2256px center;
}

.AboutDialog {
    background-position: -6px center;
}

.Bold {
    background-position: -95px center;
}

.Underline {
    background-position: -3275px center;
}

.StrikeThrough {
    background-position: -3306px center;
}

.JustifyLeft {
    background-position: -576px center;
}

.JustifyCenter {
    background-position: -516px center;
}

.JustifyFull {
    background-position: -546px center;
}

.JustifyNone {
    background-position: -606px center;
}

.JustifyRight {
    background-position: -636px center;
}

.InsertParagraph {
    background-position: -454px center;
}

.InsertHorizontalRule {
    background-position: -2045px center;
}

.Superscript {
    background-position: -2796px center;
}

.Subscript {
    background-position: -2826px center;
}

.ConvertToLower {
    background-position: -1144px center;
}

.ConvertToUpper {
    background-position: -1174px center;
}

.Indent {
    background-position: -426px center;
}

.Outdent {
    background-position: -726px center;
}

.InsertOrderedList {
    background-position: -2076px center;
}

.InsertUnorderedList {
    background-position: -2286px center;
}

.AbsolutePosition {
    background-position: -36px center;
}

.Custom123 {
    background-position: -3823px center;
}

.InsertExternalVideo {
    background-position: -3852px center;
}

.Save,
.SaveAndClose,
.FileSave,
.FileSaveAs,
.SaveLocal {
    background-position: -1056px center;
}

.LinkManager,
.CreateLink,
.CustomLinkTool,
.SetLinkProperties {
    background-position: -665px center;
}

.Unlink {
    background-position: -2855px center;
}

.ToggleTableBorder {
    background-position: -2885px center;
}

.ToggleScreenMode {
    background-position: -2915px center;
}

.ForeColor {
    background-position: -276px center;
}

.BackColor,
.borderColor,
.bgColor {
    background-position: -1026px center;
}

.InsertFormElement {
    background-position: -1774px center;
}

.InsertFormForm {
    background-position: -1805px center;
}

.reTopCenter {
    background-position: -3036px -6px;
}

.reMiddleLeft {
    background-position: -3096px -6px;
}

.reMiddleCenter {
    background-position: -1236px -6px;
}

.reMiddleRight {
    background-position: -3155px -6px;
}

.reBottomCenter {
    background-position: -3216px -6px;
}

.reNoAlignment {
    background-position: -1266px -6px;
}

.reTopLeft {
    background-position: -3006px -6px;
}

.reTopRight {
    background-position: -3155px -6px;
}

.reBottomLeft {
    background-position: -3186px -6px;
}

.reBottomRight {
    background-position: -3245px -6px;
}

.SilverlightManager {
    background-position: -3636px -6px;
}

.ExportToPdf {
    background-position: -3666px -6px;
}

.InsertLink {
    background-position: -3697px -6px;
}

.InsertImage {
    background-position: -3727px -6px;
}

.InsertTableLight {
    background-position: -3791px -5px;
}

.AddComment {
    background-position: -3890px -5px;
}

.RemoveComment {
    background-position: -3925px -5px;
}

.RemoveAllComments {
    background-position: -3965px -5px;
}

.AcceptTrackChange {
    background-position: -4000px -5px;
}

.RejectTrackChange {
    background-position: -4035px -5px;
}

.AcceptAllTrackChanges {
    background-position: -4070px -5px;
}

.RejectAllTrackChanges {
    background-position: -4105px -5px;
}

.EnableTrackChangesOverride {
    background-position: -4140px -5px;
}

.PasteMarkdown {
    background-position: -4175px -5px;
}

/* alignment settings within the alignment dropdown */
.reAlignmentSelector .reTopRight {
    background-position: -3062px -5px;
}

.reAlignmentSelector .reTopLeft {
    background-position: -3004px -5px;
}

.reAlignmentSelector .reTopCenter {
    background-position: -3033px -5px;
}

.reAlignmentSelector .reNoAlignment {
    background-position: -1263px -5px;
}

.reAlignmentSelector .reMiddleLeft {
    background-position: -3094px -5px;
}

.reAlignmentSelector .reMiddleCenter {
    background-position: -1233px -5px;
}

.reAlignmentSelector .reMiddleRight {
    background-position: -3151px -5px;
}

.reAlignmentSelector .reBottomCenter {
    background-position: -3213px -5px;
}

.reAlignmentSelector .reBottomRight {
    background-position: -3241px -5px;
}

.reAlignmentSelector .reBottomLeft {
    background-position: -3184px -5px;
}

.PasteMarkdown {
    background-position: -4175px -5px;
}

.FormatPainter,
.FormatPainterApply {
    background-position: -4210px -5px;
}

.FormatPainterCopy {
    background-position: -4245px -5px;
}

/* editor commands end */
/* apply css class dropdown */
.reApplyClass td {
    vertical-align: middle;
    height: 22px;
    padding-left: 3px;
}

.reApplyClass span {
    width: 14px;
    height: 14px;
    line-height: 13px;
    display: block;
    float: left;
    margin-right: 4px;
    text-indent: -9999px;
}

.reApplyClass .reClass_ {
    background-position: 0 2px;
}

.reApplyClass .reClass_img {
    background-position: 0 -20px;
}

.reApplyClass .reClass_table {
    background-position: 0 -40px;
}

.reApplyClass .reClass_ul {
    background-position: 0 -60px;
}

.reApplyClass .reClass_ol {
    background-position: 0 -80px;
}

.reApplyClass .reClass_p {
    background-position: 0 -100px;
}

.reApplyClass .reClass_span {
    background-position: 0 -120px;
}

.reApplyClass .reClass_a {
    background-position: 0 -140px;
}

.reApplyClass .reClass_div {
    background-position: 0 -160px;
}

.reApplyClass .reClass_h1 {
    background-position: 0 -180px;
}

.reApplyClass .reClass_h2 {
    background-position: 0 -200px;
}

.reApplyClass .reClass_h3 {
    background-position: 0 -220px;
}

.reApplyClass .reClass_h4 {
    background-position: 0 -240px;
}

.reApplyClass .reClass_h5 {
    background-position: 0 -260px;
}

.reApplyClass .reClass_h6 {
    background-position: 0 -280px;
}

.reApplyClass .reClass_td {
    background-position: 0 -300px;
}

.reApplyClass .reClass_all {
    background-position: 0 -318px;
}

/* end of apply css class dropdown */
td.reTlbVertical {
    vertical-align: top;
}

.reToolCell .reTool_text span {
    text-indent: -9999px;
}

.reToolCell .reTool_text.reSplitButton {
    width: auto;
}

    .reToolCell .reTool_text.reSplitButton .reButton_text {
        text-indent: 0;
    }

.reTlbVertical li {
    vertical-align: top;
}

.reTool_text span.reButton_text {
    text-indent: 0;
}

/* this sets the correct background image to the selected items in the toolstrips */
.reTlbVertical .reTool_text.reTool_selected {
    background-position: -602px 0 !important;
    border-color: transparent !important;
}

.reTool_selected.reTool {
    _border-left-width: 0 !important;
    _border-right-width: 0 !important;
}

/*Light dialogs CSS */
.reInsertImageWrapper, .reInsertLinkWrapper, .reInsertTableLightWrapper {
    padding: 20px 0 0 0;
    font: 12px "segoe ui",arial,sans-serif;
}

.RadWindow .reInsertTableLightWrapper .lightTable {
    border: 1px solid;
}

.reControlsLayout {
    width: 100%;
    height: 100%;
}

.reInsertLinkWrapper .reControlsLayout td {
    padding: 3px 0 3px 3px;
}

.reInsertLinkWrapper .reControlsLayout td,
.reInsertImageWrapper .reControlsLayout td,
.reInsertTableLightWrapper .reControlsLayout td,
.reControlsLayout .reImgPropertyControlCell td,
.reImgPropertyControlCell span,
.reImgPropertyControlCell input {
    vertical-align: middle;
}

.reInsertImageWrapper .reControlsLayout td {
    padding: 3px 0;
}

.reDialogLabelLight span {
    width: 80px;
    display: block;
    text-overflow: ellipsis;
}

.reDialogLabelLight span,
.reImgPropertyControlCell span,
.reImgPropertyControlCell input {
    text-align: right;
}

.reConfirmCancelButtonsTblLight button {
    width: 75px;
}

.reConfirmCancelButtonsTblLight .reAllPropertiesLight button {
    width: 126px;
}

.reControlsLayout {
    width: 100%;
    height: 100%;
}

    .reControlsLayout .reControlCellLight input {
        width: 215px;
    }

    .reControlsLayout .reControlCellLight select {
        width: 220px;
    }

    .reControlsLayout .reConfirmCancelButtonsTblLight {
        height: auto;
        margin: 12px 0;
        text-align: center;
        width: 100%;
    }

    .reControlsLayout .reImgPropertyControlCell td,
    .reControlsLayout .reTablePropertyControlCell td {
        padding: 2px;
    }

        .reControlsLayout .reTablePropertyControlCell td input[type="text"],
        .reControlsLayout .reTablePropertyControlCell td input[type="password"] {
            padding: 2px 1px 0;
        }

.reImgPropertyControlCell span,
.reImgPropertyControlCell input,
.reTablePropertyControlCell input {
    width: 40px;
}

.reImgPropertyControlCell table {
    width: 100%;
    height: 100%;
}

.reControlsLayout td.reImgPropertyControlCell {
    padding: 0 22px 0 38px;
}

.reInsertImageWrapper .reControlsLayout .reControlCellLight input {
    width: 190px;
}

.reTablePropertyControlCell .short {
    width: 80px;
}

.reTablePropertyControlCell .lightTable {
    margin: -10px 4px 0 4px;
    *margin-top: -3px;
}

table.reControlsLayout .reTablePropertyControlCell input.rfdIgnore,
table.reControlsLayout .reImgPropertyControlCell input.rfdIgnore {
    width: 40px;
}


/* editor content area as div */
.RadEditor .reContentArea {
    position: relative;
    overflow: auto;
    height: 100%;
    margin: 0;
    padding: 3px;
}



    .RadEditor .reContentArea body {
        padding: 3px;
        background-image: none;
        margin: 0;
        text-align: left;
        word-wrap: break-word;
    }

    .RadEditor .reContentArea form {
        background-color: #efefef;
        border: 1px dashed #555;
    }

.RadEditor .reContentAreaToggle table td {
    padding: 1px;
}

.RadEditor .reContentAreaToggle table th {
    padding: 1px;
}

/**
    Add comment popup boxes
*/
/* popup edit mode */
.RadEditor .reCommentEdit,
.RadEditor .reCommentTextArea,
.RadEditor .reCommentView,
.RadEditor .reCommentButton,
.rePopupButton,
.rePopupMessage,
.rePopupContainer .rePopupTitle,
.RadEditor .reCommentTextAreaWatermark,
.RadEditor .reCommentInfoPanel {
    font: 12px "Segoe UI", Arial, sans-serif;
}

.RadEditor .reCommentEdit,
.RadEditor .reCommentView {
    border: 1px solid;
    width: 240px;
    height: 310px;
    max-height: 310px;
    border-radius: 5px;
    padding: 5px 7px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    text-align: right;
    z-index: 9001;
}

/* comment title */
.RadEditor .reCommentTitle {
    text-align: left;
    font-weight: bold;
    height: 20px;
    line-height: 16px;
    padding: 0 0 0 2px;
}

.RadEditor .reCommentTextArea {
    text-align: left;
    border: 1px solid;
    width: 235px;
    height: 260px;
    max-height: 260px;
}

/* popup view mode */
.RadEditor .reCommentViewText {
    display: block;
    padding: 2px;
    text-align: left;
    z-index: 9001;
}

.RadEditor .reCommentButton,
.rePopupButton {
    height: 20px;
    border: 1px solid;
    border-radius: 4px;
    margin: 4px 1px;
    cursor: auto;
}

.RadEditor .reCommentInfoPanel {
    width: 250px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 5px 7px;
    border: 1px solid;
    border-radius: 5px;
}

.RadEditor .reCommentTextAreaWatermark {
    color: #666;
}

/* generic popups */
.rePopupContainer {
    border: 1px solid;
    min-width: 200px;
    /* Dialog will be no smaller than this */
    max-width: 300px;
    /* Dialog will wrap after this width */
    border-radius: 5px;
    position: absolute;
}

.rePopupButtonContainer {
    padding: 5px 0 0;
}

.rePopupContainer .rePopupTitle {
    height: 22px;
    line-height: 22px;
    border-bottom: 1px solid;
    padding: 0 0 0 5px;
    margin: 0;
    border-radius: 5px 5px 0 0;
}

.rePopupContainer .rePopupContent {
    background-repeat: no-repeat;
    background-position: 16px 16px;
    padding: 10px;
    border-radius: 0 0 5px 5px;
}



.rePopupContainer .rePopupMessage,
.rePopupContainer .rePopupButtonContainer {
    padding-left: 48px;
    /*48px; -- put this if image is included*/
}

._Telerik_IE9 .rePopupContainer .rePopupTitle,
._Telerik_IE9 .rePopupButtonContainer .rePopupButton ._Telerik_IE9 .RadEditor .reCommentButton {
    filter: none !important;
}

/* !end! Add comment popup boxes */
/* reTool_disabled */
.RadEditor .reDialog .reTool_disabled,
.RadEditor .reDialog .reTool_disabled:hover,
.RadEditor .reToolbar .reTool_disabled,
.RadEditor .reToolbar .reTool_disabled:hover,
.RadEditor .reModule .reTool_disabled,
.RadEditor .reModule .reTool_disabled:hover,
.reDropDownBody .reTlbVertical .reTool_text.reTool_disabled,
.reDropDownBody .reTlbVertical .reTool_text.reTool_disabled:hover {
    filter: alpha(opacity=40);
    opacity: .4;
}

/* reTool_disabled */
/* common */
.RadForm .reInlineBlock {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.RadForm #sbMainPane fieldset {
    padding: 5px;
}

/* Help Dialog */
.RadForm .HelpDialog .reDescriptionCell {
    padding-bottom: 10px;
}


/* Base styles */
.reFormat {
    border-width: 0 2px;
    border-style: solid;
    padding: 0 2px;
}

ins table,
.reComment {
    border: 2px dashed;
    padding: 1px;
}

del table {
    border: 2px dashed;
    text-decoration: line-through;
    padding: 1px;
}

ins td,
ins img {
    border: 1px dashed;
    padding: 1px;
}

del td,
del img {
    border: 2px solid;
    padding: 1px;
}


.IRM.RadEditor .reBottomZone .reModule {
    border-top: 0;
}

.IRM.RadEditor .reModule {
    border-top: 1px solid white;
}

.IRM .reToolbar .reTool_text:hover {
    margin-left: 0;
    margin-right: 0;
}

.IRM .reToolbar .reTool_text.reTool_selected,
.IRM .reToolbar .reTool_text.reTool_selected:hover {
    margin-left: 0;
    margin-right: 0;
}

.IRM .reToolbar .reTool_text.reTool_disabled,
.IRM .reToolbar .reTool_text.reTool_disabled:hover {
    margin-left: 0;
    margin-right: 0;
    border: 0;
}

.IRM .reTool_selected.reTool {
    _border-left-width: 0 !important;
    _border-right-width: 0 !important;
}

.IRM .reAjaxSpellCheckSuggestions table {
    border-width: 0;
    width: 100%;
}

.IRM .reCommentEdit,
.IRM .reCommentTextArea,
.IRM .reCommentView, .IRM.rePopupContainer, .IRM.RadEditor .reCommentButton,
.IRM .rePopupButtonContainer .rePopupButton,
.IRM .reCommentViewText,
.IRM .reCommentInfoPanel {
    border-radius: 0;
}

    .IRM .rePopupContainer .rePopupTitle {
        border-radius: 0;
    }

.RadEditor {
    height: auto !important;
}

/*Telerik RadGrid Metro Skin*/

/*global*/

.RadGrid_IRM .rgPager th {
    display: none;
}



.RadGrid_IRM,
.RadGrid_IRM .rgMasterTable,
.RadGrid_IRM .rgDetailTable,
.RadGrid_IRM .rgGroupPanel table,
.RadGrid_IRM .rgCommandRow table,
.RadGrid_IRM .rgEditForm table,
.RadGrid_IRM .rgPager table,
/*.RadGroupPanel table
{
    width : auto !important;
}*/
.GridToolTip_IRM {
    font-size: 14px;
    elevation: below
}

.mySettingsRow .RadGrid_IRM .label {
    font-size: 14px;
}

.RadGrid_IRM .label, .RadGrid_IRM .textBox, .RadGrid_IRM .DropDownList, .RadGrid_IRM .multipleTextBox {
    font-size: 14px;
    color: #323250;
}

.RadGrid_IRM .MyExecutiveUpdate .label, .RadGrid_IRM .MyExecutiveUpdate .textBox, .RadGrid_IRM .MyExecutiveUpdate .DropDownList, .RadGrid_IRM .MyExecutiveUpdate .multipleTextBox {
    font-size: 14px;
}

.RadGrid_IRM .quickupDatepageTable .label, .RadGrid_IRM .quickupDatepageTable .textBox, .RadGrid_IRM .quickupDatepageTable .DropDownList, .RadGrid_IRM .quickupDatepageTable .multipleTextBox {
    font-size: 14px;
}

.RadGrid_IRM .myupdatetask .label, .RadGrid_IRM .myupdatetask .textBox, .RadGrid_IRM .myupdatetask .DropDownList, .RadGrid_IRM .myupdatetask .multipleTextBox {
    font-size: 14px;
}

.RadGrid_IRM .rgGroupHeader .label, .RadGrid_IRM .rgGroupHeader .textBox, .RadGrid_IRM .rgGroupHeader .DropDownList, .RadGrid_IRM .rgGroupHeader .multipleTextBox {
    font-size: 14px;
}

.RadGrid_IRM .button {
    font-size: 1em;
}

.actionDocTab .RadGrid_IRM .button, .taskEditorDoc .RadGrid_IRM .button {
    min-width: 67px;
}

.RadGrid_IRM .rgHeader:first-child,
.RadGrid_IRM th.rgResizeCol:first-child,
.RadGrid_IRM .rgFilterRow > td:first-child,
.RadGrid_IRM .rgRow > td:first-child,
.RadGrid_IRM .rgAltRow > td:first-child {
    /*border-left-width:0;
    padding-left:4px !important;*/
}

/*.RadGrid_IRM .rgRow > td.rgExpandCol:first-child, .RadGrid_IRM .rgAltRow > td.rgExpandCol:first-child {
    padding: 0 !important;
}*/


/*header*/


.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td {
    vertical-align: middle;
}

/*.GridView .aligntop {
    vertical-align: middle !important;
}*/


.eisbudgetrgHeader th {
    padding: 0 8px 0 8px;
}



.RadGrid_IRM .rgHeader {
    font-weight: bold;
    border: none;
}

.RadGrid_IRM th.rgSorted,
.RadGrid_IRM th.rgSorted a {
    font-weight: bold;
}

/*rows*/
.rgExpandCol {
    padding: 3px 1px !important;
    vertical-align: top;
}

.RadGrid_IRM .rgRow td,
.RadGrid_IRM .rgAltRow td,
.RadGrid_IRM .rgEditRow td,
.RadGrid_IRM .rgFooter td {
    /*border-style:solid;
    border-width:1px 1px 0 0px;
    min-height:32px;*/
}

.RadGrid_IRM .gisSetupShapeFileButtons input {
    font-family: "Graphik Regular Desktop", Helvetica, Arial, sans-serif;
    border: solid 1px #004b66;
    margin: 1px;
    display: block;
    padding: 2px 4px;
    font-size: .9em;
    cursor: pointer;
    font-weight: 800;
    text-align: center;
    line-height: 12px;
}



/*.RadGrid_IRM .rgRow .rgSorted
{
    border-bottom-color:#fffaeb;
    background-color:#fffaeb;
}

.RadGrid_IRM .rgAltRow .rgSorted
{
    border-bottom-color:#f1ecdd;
    background-color:#f1ecdd;
}*/



.RadGrid_IRM .rgFooter td {
    /*border-top: 1px solid;
    border-color: #fff;
    padding: 4px;*/
    vertical-align: top !important;
}

/*status*/

.RadGrid_IRM .rgPager .rgStatus {
    /*border:1px solid;
    border-color:#e5e5e5;
    border-left-width:0;*/
}



/*pager*/

.RadGrid_IRM td.rgPagerCell {
    /*border:1px solid;
    border-color:#e5e5e5;
    border-right-width:0;*/
    padding: 0px !important;
    border: 0px !important;
}

.RadGrid .rgPager td {
    border: none !important;
    padding: 4px !important;
}

.RadGrid .rgNoRecords td {
    font-size: 14px;
    text-align: center !important;
    padding: 8px;
}



.RadGrid_IRM .rgPageFirst {
    background-position: 0 -550px;
}

    .RadGrid_IRM .rgPageFirst:hover {
        background-position: 0 -600px;
    }

.RadGrid_IRM .rgPagePrev {
    background-position: 0 -700px;
}

    .RadGrid_IRM .rgPagePrev:hover {
        background-position: 0 -750px;
    }

.RadGrid_IRM .rgPageNext {
    background-position: 0 -850px;
}

    .RadGrid_IRM .rgPageNext:hover {
        background-position: 0 -900px;
    }

.RadGrid_IRM .rgPageLast {
    background-position: 0 -1000px;
}

    .RadGrid_IRM .rgPageLast:hover {
        background-position: 0 -1050px;
    }

.RadGrid_IRM .rgPager .rgPagerButton {
    font: 12px/12px "Graphik Regular Desktop", Helvetica, Arial, sans-serif;
}

/*.RadGrid_IRM .rgNumPart a
{
    border:1px solid #fff;
    line-height:20px;
    color:#767676;

.RadGrid_IRM .rgNumPart a:hover
{
    color:#323250;
    background-color:#e5e5e5;
}*/



/*sorting, reordering*/

.RadGrid_IRM .rgHeader .rgSortAsc {
    background-position: 3px -248px;
    height: 10px;
}

.RadGrid_IRM .rgHeader .rgSortDesc {
    background-position: 3px -198px;
    height: 10px;
}



.GridReorderBottom_IRM {
    background-position: 0 -50px;
}

/*filtering*/



.RadGrid_IRM .rgFilter {
    background-position: 0 -300px;
}

    .RadGrid_IRM .rgFilter:hover {
        background-position: 0 -350px;
    }

.RadGrid_IRM .rgFilterActive,
.RadGrid_IRM .rgFilterActive:hover {
    background-position: 0 -400px;
}



/*Rad Grid New footer styles*/

.RadGrid_IRM .rgCurrentPage {
    /*text-decoration: none;
    border: 0;
    margin: 0 0 0 8px;*/
    text-decoration: none;
    border: 0;
    margin: 0 0 0 8px;
    text-align: center;
    /*height: 20px;
    width:20px;*/
    vertical-align: middle;
    color: #fff;
    background-color: #034459;
    border-radius: 50%;
    display: inline-table !important;
    line-height: 20px;
    margin-right: 10px;
    width: 28px;
    height: 28px;
}

.RadGrid_IRM .rgNumPart a {
    background: #A2A2A2;
    color: #fff;
}

.RadGrid_IRM .rgPagerCell {
    background: #BDC3C7;
    /*border:1px solid #B8B8B8 !important;*/
}


/*Rad Grid New footer styles End*/

/*filter context menu*/

.RadMenu_IRM .rgHCMClear,
.RadMenu_IRM .rgHCMFilter {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}



.GridContextMenu_IRM .rgHCMSortAsc .rmLeftImage {
    background-position: 0 0;
}

.GridContextMenu_IRM .rgHCMSortDesc .rmLeftImage {
    background-position: 0 -40px;
}

.GridContextMenu_IRM .rgHCMUnsort .rmLeftImage {
    background-position: 0 -80px;
}

.GridContextMenu_IRM .rgHCMGroup .rmLeftImage {
    background-position: 0 -120px;
}

.GridContextMenu_IRM .rgHCMUngroup .rmLeftImage {
    background-position: 0 -160px;
}

.GridContextMenu_IRM .rgHCMCols .rmLeftImage {
    background-position: 0 -200px;
}

.GridContextMenu_IRM .rgHCMFilter .rmLeftImage {
    background-position: 0 -240px;
}

.GridContextMenu_IRM .rgHCMUnfilter .rmLeftImage {
    background-position: 0 -280px;
}

/*grouping*/

.RadGrid_IRM .rgGroupPanel {
    border: 0;
}

    .RadGrid_IRM .rgGroupPanel td {
        border: 0;
        padding: 3px 0px;
    }

        .RadGrid_IRM .rgGroupPanel td td {
            padding: 0 0 0 10px;
        }

    .RadGrid_IRM .rgGroupPanel .rgSortAsc {
        background-position: 4px -144px;
    }

    .RadGrid_IRM .rgGroupPanel .rgSortDesc {
        background-position: 4px -94px;
    }

.RadGrid_IRM .rgUngroup {
    background-position: 0 -6999px;
}



.RadGrid_IRM .rgMasterTable td.rgGroupCol {
    /*background:#b8b8b8 none;*/
    /*width:20px; 
    
    border-bottom:0;
    border-right:0;*/
}

.RadGrid_IRM .rgMasterTable td.rgExpandCol {
    width: 20px;
    padding: 5px !important;
}

.RadGrid_IRM .rgGroupHeader {
    font-size: 1em;
    line-height: 22px;
    background-color: #f3f6fa;
}

    .RadGrid_IRM .rgGroupHeader td {
        padding: 20px 12px !important;
        border-bottom: 1px solid #e2e2e3;
    }

.RadGrid_IRM .rgExpand {
    background: transparent url("saas/icons.svg") no-repeat -29px -3896px !important;
    width: 28px !important;
    height: 28px !important;
}


.RadGrid_IRM .rgCollapse {
    background: transparent url("saas/icons.svg") no-repeat -29px -3846px !important;
    width: 28px !important;
    height: 28px !important;
}

/*editing*/



.RadGrid_IRM .rgUpdate {
    background-position: 0 -1800px;
}

.RadGrid_IRM .rgCancel {
    background-position: 0 -1850px;
}

/*hierarchy*/

.RadGrid_IRM .rgCommandRow,
.RadGrid_IRM .rgCommandRow a {
    text-decoration: none;
}

.RadGrid_IRM .rgCommandCell {
    border: 0;
    padding: 0;
}

.RadGrid_IRM tfoot .rgCommandCell,
.RadGrid_IRM .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell {
    border-bottom: 0;
}

.RadGrid_IRM .rgCommandTable td {
    border: 0;
    padding: 2px 7px;
}

.RadGrid_IRM .rgCommandTable {
    border: 0;
}

.RadGrid_IRM input.rgAdd {
    margin-right: 3px;
    background-position: 0 -1650px;
}

.RadGrid_IRM input.rgRefresh {
    margin-right: 3px;
    background-position: 0 -1600px;
}

.RadGrid_IRM .rgEdit {
    margin-right: 3px;
    background-position: 0 -1700px;
}

.RadGrid_IRM .rgDel {
    margin-right: 3px;
    background-position: 0 -1750px;
}

.RadGrid_IRM .rgExpXLS {
    background-position: 0 0;
}

.RadGrid_IRM .rgExpDOC {
    background-position: 0 -50px;
}

.RadGrid_IRM .rgExpPDF {
    background-position: 0 -100px;
}

.RadGrid_IRM .rgExpCSV {
    background-position: 0 -150px;
}



/*tooltip*/

.GridToolTip_IRM {
    padding: 3px;
}

/*rtl*/

.RadGridRTL_IRM .rgHeader:first-child,
.RadGridRTL_IRM th.rgResizeCol:first-child,
.RadGridRTL_IRM .rgFilterRow > td:first-child,
.RadGridRTL_IRM .rgRow > td:first-child,
.RadGridRTL_IRM .rgAltRow > td:first-child {
    border-left-width: 1px;
    padding-left: 4px;
}

.RadGridRTL_IRM .rgPageFirst {
    background-position: 0 -1000px;
}

    .RadGridRTL_IRM .rgPageFirst:hover {
        background-position: 0 -1050px;
    }

.RadGridRTL_IRM .rgPagePrev {
    background-position: 0 -850px;
}

    .RadGridRTL_IRM .rgPagePrev:hover {
        background-position: 0 -900px;
    }

.RadGridRTL_IRM .rgPageNext {
    background-position: 0 -700px;
}

    .RadGridRTL_IRM .rgPageNext:hover {
        background-position: 0 -750px;
    }

.RadGridRTL_IRM .rgPageLast {
    background-position: 0 -550px;
}

    .RadGridRTL_IRM .rgPageLast:hover {
        background-position: 0 -600px;
    }

.RadGridRTL_IRM .rgExpand {
    background-position: -20px -496px;
}

.rgPagerCell .Panel a .label {
    display: block;
    font-size: 12px;
    padding: 4px 6px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    margin: 1px;
}

.rgPagerCell div {
    /*line-height:24px;*/
    height: 6px;
    vertical-align: middle;
}

.rgPagerCell .Panel a {
    display: block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    float: left;
    margin: 1px;
}

.NextPrevAndNumeric .Panel, .NextPrevAndNumeric .rgWrap {
    line-height: 13px;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    float: left;
}

    .NextPrevAndNumeric .Panel input {
        display: none;
    }

.btn_gridRightEdit:visited {
    white-space: pre-line;
    padding-right: 2px;
}

.rgMasterTable .rgRow table td, .rgMasterTable .rgAltRow table td, .rgMasterTable .rgEditRow table td {
    border: none !important;
}




/* **************************** KPI Quick Update Settings ****************************** */

#kpiQuickmain {
    overflow: scroll;
}

    #kpiQuickmain .rgMasterTable th {
        height: 25px;
        font-weight: bold;
        Border: 0;
    }


    #kpiQuickmain .rgMasterTable .rgRow td *, #kpiQuickmain .rgMasterTable .rgAltRow td * {
        border: none !important;
    }

    #kpiQuickmain td {
        border-bottom: none;
    }


.RadGrid .rgHeader {
    text-align: left;
    padding: 5px 12px !important;
    vertical-align: middle;
    font-family: 'Graphik Medium Desktop';
    font-size: 14px;
    overflow: visible !important;
    /*border-radius: 10px 10px 0 0*/
}

    .RadGrid .rgHeader:first-child {
        width: 6px;
    }

.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td {
    padding: 4px;
}

.RadGrid .rgGroupHeader td p {
    padding-left: 0px !important
}

/* **************************** KPI Quick Update Settings End ****************************** */

.RadGrid .rgDetailTable {
    border: 0px !important;
}

.RadGrid .rgFooterWrapper {
    border-top: 1px solid #CCCCCC !important;
}

.gridRiskLogoAlign {
    /*padding-left:7px !important;*/
    padding-left: 0px !important;
    padding-top: 0px !important;
}

.periodWidth {
    width: 30% !important;
}

.userdateCellWidth5 .RadGrid_IRM {
    margin-right: 0px !important;
}

#Emailpanelwidth .dateCellWidth8 {
    width: 250px !important;
}

#Emailpanelwidth .dateCellWidthLiq5 {
    width: 18% !important;
}

#Emailpanelwidth .dateCellWidthLiq3 {
    /*width:23% !important;*/
}

#Emailpanelwidth .dropdownWidthLiq7 {
    width: 100% !important;
}

.emailTemplateIndicatorWIdth {
    width: 20% !important;
}

.tdSelectionGrid .RadGrid_IRM {
    margin-right: 0px !important;
}

#divQuickUpdate .RadGrid_IRM {
    margin-right: 0px !important;
}

html, body {
    /*font-size: 2.5vmin;*/
    font-size: 13px;
    overflow-x: hidden !important;
    line-height: 1.42857143 !important;
    -webkit-font-smoothing: antialiased;
    word-spacing: 2px;
}




.imagebutton {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonEdit {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonEditDisabled {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonUser {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
    background-size: 15px;
    background-position-y: 3px;
    outline: none;
}

.imagebuttonConvert {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonConvertDisabled {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonDelete {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonDeletedisabled {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonUpdate {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonCancel {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonAdd {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonFilter {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonCreateTask {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;
}

.imagebuttonDuplicate {
    /*padding: 0px;
    margin: 0px;
    border: 0px;
    width: 25px;
    height: 25px;*/
}

body {
    font-family: "Graphik Regular Desktop", Roboto, Helvetica, Arial, sans-serif;
    /*font-feature-settings: 'ss01', 'ss02';*/
    font-size: 13px;
    padding: 0px;
    color: #323250;
    word-spacing: 0.16em;
}

.body {
    margin: 24px 0 0 45px !important;
}

.bodyREPORT {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    display: table;
    width: 100%;
}

    .bodyREPORT.body {
        margin: 0 !important;
    }

.loginScrBg {
    background-color: #45606b;
    margin: 0px;
    padding: 0px;
}

/********************* Header & Footer Styles *****************************/
#quickappmenu {
    background-color: #333333;
    padding: 10px;
    width: 100%;
    display: none;
    z-index: 99999999;
    zoom: 1;
    position: absolute;
    left: 0px;
    top: 0px;
}

.quickappbtm {
    background-color: #888888;
    bottom: -6px;
    height: 4px;
    position: relative;
    width: 100%;
}

.quickappmenuitems {
    margin: 0px;
    padding: 0px;
}

    .quickappmenuitems li {
        display: inline-block;
        margin: 5px;
        float: left;
        width: 100px;
    }

        .quickappmenuitems li a img {
            border: none;
        }

.HeaderTopContainer {
    height: 50px;
    z-index: 999;
}

/*.navicon {
    width: 36px;
    height: 32px;
    margin: 9px 6px;
}*/

/*.plogo {
    margin-top: 6px !important;
    margin-left: -21px !important;
}*/

/*.naviconhelp {
    width: 30px;
    height: 25px;
    margin: 13px 8px;
}*/

.headerContent, .middleContent, .footerContent, .HeaderTopContainer {
    float: left;
    width: 100%;
    min-width: 980px;
    z-index: 0;
}

.middleContent {
    padding-bottom: 23px !important;
    margin-top: 21px;
    /*background-color:white;*/
}

.middleContentReport {
    padding-bottom: 23px !important;
    padding: 0 20px;
}

.headerContent, .footerContent {
    background-color: #0050A0;
    color: #FFF;
}

.headerContentPopUp {
    background-color: #153244;
}

.headerContentPopUpHeading {
    color: #FFFFFF;
    font-weight: bold;
    margin: 5px;
    font-size: 13px;
}

.mainNavigation {
    float: right;
    margin-right: 10px;
    margin-top: 15px;
}

    .mainNavigation ul {
        margin: 0px;
        padding: 0px;
        float: left;
    }

        .mainNavigation ul li {
            display: inline;
            list-style: none outside none;
            margin: 0 2px;
        }

#roNavigation {
    right: 0;
    float: left;
    display: block;
    position: absolute;
    margin-top: 8px;
    z-index: 9900 !important;
}

div#roNavWrap ul {
    padding-left: 0px;
    height: auto;
    width: 180px;
    border: 1px #e1e1e1 solid;
    background: transparent;
    margin: 0 10px;
    z-index: 9900 !important;
    border-radius: 3px;
    /*z-index: 10 !important;*/
}

.comboHeadingTemplate {
    color: #323250;
    font-weight: bold;
}

.comboSubHeadingTemplate {
    color: #333333;
    font-weight: normal;
    padding-left: 10px !important;
    /*padding-left:20px !important;*/
}

div#roNavWrap ul li {
    margin: 0px 5px 0px 0px;
    z-index: 9900;
    font-size: 13px;
    color: #09f;
    display: block;
    height: 25px;
    line-height: 22px;
    vertical-align: middle;
    background: url(media/icons/arrow.png) no-repeat center right;
}

.switchperiod {
    height: 25px !important;
}

div#roNavWrap ul li.item {
    float: left;
    width: 178px;
    display: none;
    background: #eee;
    padding: 3px 10px 3px 3px;
    list-style: none;
}

    div#roNavWrap ul li.item:hover, div#roNavWrap ul li.selected.item {
        background: #888888;
        color: #fff;
    }

    div#roNavWrap ul li.item a {
        color: #323250;
    }

        div#roNavWrap ul li.item a:hover {
            color: #fff;
        }

div#roNavWrap ul li#selectedItem {
    cursor: pointer;
    display: block;
    width: 155px;
    padding-right: 16px;
    height: 24px;
    background: url(media/icons/arrow.png) no-repeat center right;
}

div#roNavWrap ul li#selectedItem {
    z-index: 9900;
}

    div#roNavWrap ul li#selectedItem input {
        padding: 1px 0 0 3px;
    }

div#roNavWrap ul li a {
    padding: 0px 10px 1px 10px;
    z-index: 9900;
    font-size: 13px;
    color: #fff;
    text-decoration: none !important;
    display: block;
    width: 160px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
}

div#roNavWrap ul li input {
    float: left !important;
    margin-right: 3px;
    margin-top: 2px;
}

.headerContent {
    margin-bottom: 1px;
}

.IRMLogo {
    float: left;
    margin: 5px 10px;
}

    .IRMLogo .irmlogo {
        float: left;
        /*width:100%;*/
        height: 100%;
        border: none !important;
    }

    .IRMLogo .applcationMenu {
        background: url("media/icons/arrow.png") no-repeat scroll center center #D82E2A;
        display: block;
        float: left;
        height: 30px;
        margin-left: 4px;
        margin-top: 5px;
        width: 24px;
        cursor: pointer;
    }

        .IRMLogo .applcationMenu:hover {
            background-color: #D82E2A;
        }

    .IRMLogo .logoBorader {
        border-left: 1px solid #FFFFFF;
        float: left;
        height: 30px;
        margin-left: 10px;
        margin-top: 5px;
    }

.footerContent {
    margin-top: 1px;
    padding: 5px 0;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    right: 0px;
    left: 0px;
    color: #fff;
}

.reportfooterContent {
    margin-top: 1px;
    padding: 5px 0;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    right: 0px;
    left: 0px;
}

.footerContent .left-Side {
    float: left;
    clear: right;
}

    .footerContent .left-Side a {
        text-decoration: none;
        color: #fff;
        font-size: 13px;
        margin: 1px 10px;
        vertical-align: middle;
    }

.footerContent .alginRight .label {
    color: #fff;
    font-size: 13px;
    margin: 1px 10px;
    vertical-align: middle;
}

/*Report page footer*/
.reporttablefooter {
    margin-bottom: 24px;
}
/********************* Header & Footer Styles End *****************************/

/* **************************** aligning styles ****************************** */
.alginRight {
    text-align: right !important;
}

.alginLeft {
    text-align: left !important;
}

.alginCenter {
    text-align: center !important;
}


.alignRight {
    text-align: right !important;
}

    .alignRight .imgTxtButtonFill {
        display: inline-block;
    }

.alignLeft {
    text-align: left !important;
}

.alignCenter {
    text-align: center !important;
}


.aligntop {
    vertical-align: top !important;
}

.valignmiddle {
    vertical-align: middle !important;
}

.valignbottom {
    vertical-align: bottom !important;
}

.tdRiskImage {
    /*padding-left:10px !important;*/
}

/******* FONT STYLES ********/
.subheaders {
    font-size: 13px;
    font-weight: bold;
}

.fontBold {
    /*font-weight: bold;*/
    font-size: 13px;
    /*font-family: 'Graphik Medium Desktop';*/
}

.FontItalic {
    font-style: italic;
}

.FontBold {
    font-weight: bold;
}

.fontSize, .fontSize0, .fontSize01, .fontSize2, .fontSize4 {
    font-size: 13px;
    !important;
}

.fontQupdate {
    font-size: 13px;
    !important;
}

.fontSize1 {
    font-size: 14px;
}

.fontSize3 {
    font-size: 13px;
}

.fontSizepx {
    font-size: 13px;
}

.fontNormal {
    font-weight: normal !important;
}

/******* FONT STYLES END ********/
/* **************************** aligning styles - end ****************************** */
/* **************************** Border Style ****************************** */
.borderSolid {
    padding: 2px;
}

.defaultBorder {
    border: 1px solid #ccc;
}

/* **************************** Border Style End****************************** */
/* **************************** text box styles ****************************** */
.textBox {
    padding: 2px;
    font-size: 13px;
}


.WaterMarkedTextBox, .NormalTextBox {
    padding: 7px !important;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 358px !important;
}

/* **************************** text box styles ****************************** */
/* **************************** radio button list styles ****************************** */
.radioButtonList {
    font-size: 13px; /*padding: 2px;*/
    margin: 0px;
}

    .radioButtonList ul {
        margin: 0px;
        padding: 0px;
    }

    .radioButtonList li {
        list-style: none;
    }

    .radioButtonList td {
        vertical-align: top; /*width:100px;*/
        padding-top: 5px;
    }

    .radioButtonList input {
        vertical-align: top;
        margin: 0px;
        padding: 0;
        font-size: 13px;
        width: 13px;
        height: 13px;
    }

    .radioButtonList label {
        padding: 0 0 0 5px;
    }

.radioButtList {
    font-size: 13px;
    width: 100%;
}

.radioButtlabel {
    font-size: 13px;
    width: 100%;
    text-align: left !important;
}

/* **************************** radio button list styles - end ****************************** */
/* **************************** Separators ****************************** */
.horizontalgap {
    /*height:15px;
    line-height: 4px;
    background-color:#ddecf6;*/
}

.horizontalgapSAAS {
    padding: 2px !important;
}

.EISpage .horizontalgapSAAS {
    padding: 0px !important;
}
/*.verticalgap {width: 5px;}*/
.tbarpadd {
    padding-top: 2px;
}

.tabHorizGap {
    height: 4px;
}

.tabHorizGapSAAS {
    height: 10px;
}

.tabHorizbotm {
    height: 3px;
}

/* **************************** Separators End ****************************** */
/* **************************** Overflow ****************************** */
.overFlowscroll {
    overflow: scroll;
}

.overFlowhide {
    overflow: hidden;
}

.overflowAuto {
    overflow: auto;
}

.overflow-y {
    overflow-y: scroll;
}

/* **************************** Overflow End****************************** */
/* **************************** other layout related styles ****************************** */
.displayinline {
    display: inline;
}

.displayBlock {
    display: inline-block;
}

.wordNoWrap {
    white-space: nowrap;
}

.Preline {
    white-space: pre-line;
}

.wordWrap {
    white-space: normal;
}

.DisplayNone, .dispalynone {
    display: none;
    float: left
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

/* **************************** other layout related styles - end ****************************** */
/* ============ Clear Fix for DIV layouts - START ============= */
.clear, .FloatClear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* ============= Clear Fix for DIV layouts - END ============== */
/* =============== Auto Height ====================== */
.heightAuto {
    height: auto !important;
    max-height: none !important;
}

/* =============== Auto Height End ====================== */
.rmRootGroup {
    z-index: 20000;
}

/* =============== scroll Styles ====================== */
.scrollDisable, .scrollDisablex, .ScrollHide {
    overflow: hidden !important;
}

.scrollEnable, .Scroll {
    overflow: scroll;
}

/* ===============  Styles End ====================== */
/* **************************** button styles ****************************** */
.button, .buttonCenalign {
    margin: 1px;
    padding: 2px 4px; /*display: block;*/
    font-size: 13px;
    cursor: pointer;
    /*font-weight: 800;*/
    text-align: center;
    text-decoration: none !important; /*min-width: 50px;*/
}

.buttonGrouping {
    cursor: pointer;
    display: block;
    font-size: 13px;
    margin-left: 5px;
    padding: 0 6px;
}

.linkButton {
    cursor: pointer; /*font-weight:800;*/
}

/* **************************** button styles - end ****************************** */
/* **************************** fieldset Legend Padding / Margin Reset ****************************** */
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

    fieldset legend {
        font-weight: 500;
        width: 100%;
        font-size: 13px;
        border: 0;
        padding: 5px 0 0 10px; /*margin-left: -7px;*/
        white-space: normal;
        text-align: left !important;
    }

/* **************************** file upload style ****************************** */
.fileUpload {
    padding: 2px;
    font-size: 13px;
}

/* **************************** file upload style - end ****************************** */
/* **************************** drop down list style ****************************** */
.DropDownList {
    padding: 7px;
    font-size: 13px;
    z-index: 1;
}

    .DropDownList table td {
        border: none;
    }

/* **************************** drop down list style - end ****************************** */
/* **************************** label related styles ****************************** */
.label {
    font-size: 13px;
    text-align: left; /*vertical-align: top;*/ /*word-break: break-all;*/
    font-weight: normal;
    padding: 0px;
    line-height: normal;
}

.CheckBox label {
    font-weight: 400;
}

.CheckBox span {
    margin-right: 5px;
}

.noPaddingSAAS {
    padding-left: 0px !important;
}

.labelmessage {
    font-size: 13px;
    text-align: right;
}

.labelWhite {
    font-size: 13px;
    text-align: right; /*vertical-align: top;*/ /*word-break: break-all;*/
}

/* **************************** label related styles - end ****************************** */
/* **************************** checkbox related styles - end ****************************** */
.checkBoxdatacell {
    margin: 0px;
    padding: 0px;
}

    .checkBoxdatacell li {
        float: left;
        list-style: none;
        display: block;
        width: 40%;
        margin-top: 2px;
    }

.checkBoxdatacelladdCopertateRisk {
    padding: 10px 0px 10px 0px !important;
    vertical-align: top;
    text-align: left;
    margin-left: -627px !important;
    float: left !important;
}

.checkBoxdatacell li span input {
    float: left;
}

.checkBoxdatacell li span label {
    display: block;
    font-size: 13px;
    height: 13px;
    line-height: 13px;
    float: left;
    margin-top: 3px;
}

.checkBoxdatacellLogin {
    text-align: left;
    padding: 2px;
    white-space: nowrap;
    vertical-align: top;
    width: 237px;
    font-size: 13px;
}

.checkBoxdatacell label {
    margin-bottom: 4px;
    font-size: 13px;
    height: 13px;
    line-height: 13px;
}

.CheckBox label {
    font-size: 13px;
    !important; /*display: block;*/
    height: 13px;
    /*line-height: 13px;
    margin-top: 3px;*/ /*float: left;*/
}

/* **************************** checkbox related styles - end ****************************** */
/* **************************** data cells styles ****************************** */
.labeldatacell {
    text-align: left;
    padding: 10px 10px 10px 10px !important;
    vertical-align: top; /*white-space: nowrap;*/ /*vertical-align: text-top;*/ /*min-width: 60px;*/
}

    .labeldatacell .labeldatacell {
        padding: 0px !important;
    }

.auditsortdiv .labeldatacell {
    padding-top: 18px !important;
}

.labeldatacell .inforow {
    height: 40px;
}

.labeldatacell .inforowicon {
    background-image: url(../../resources/images/icons/info_icon.svg);
    background-repeat: no-repeat;
    background-position: top;
    display: block;
    height: 35px;
    width: 35px;
    float: left;
    margin-right: 5px;
    background-size: contain;
    background-size: 24px;
}

.labeldatacell .info {
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    font-style: italic;
    display: inline-flex;
    align-items: center;
}

.labeldatacellLeft {
    text-align: left;
    padding: 2px 5px;
    vertical-align: text-top;
    min-width: 60px;
}

.labeldatacellLeftnormal {
    text-align: left;
    padding: 2px 0;
    vertical-align: text-top;
    min-width: 60px;
}

.labeldatacellLeft label {
    font-size: 13px;
    vertical-align: middle;
}

.datacellLogin {
    padding: 1px 5px;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
}

.datacellspacing {
    padding: 2px 1px !important;
}

.datacellactiondetails {
    padding: 5px 1px !important;
}

.datacell {
    padding: 3px 0px 12px 0px !important;
    vertical-align: top;
    text-align: left;
}

.datacellRP {
    padding: 10px 10px 10px 0px !important;
}

.datacellfirst {
    padding-top: 4px;
}

.datapadding {
    padding-left: 5px;
}

.RadGrid .rgRow > td.datapadding, .RadGrid .rgAltRow > td.datapadding, .RadGrid .rgEditRow > td.datapadding, .RadGrid .rgFooter > td.datapadding {
    padding-left: 10px !important;
}

.tdpadding {
    padding: 2px;
}

.valutabpadd {
    padding-left: 7px;
}

.morefildHgap {
    height: 5px;
}

.datacell a {
    font-size: 13px;
    vertical-align: sub;
}

.tablelayoutfixed {
    table-layout: fixed;
}

.tablelayoutauto {
    table-layout: auto !important;
}

.searchdatacell {
    padding: 4px 0px 4px 0px;
}

.checkBoxdatacell {
    text-align: left;
    padding: 2px;
    vertical-align: top;
}

/* **************************** data cells styles - end ****************************** */
/* **************************** font related styles ****************************** */
.defaultFont {
    font-size: 13px;
}

/* **************************** font related styles - end ****************************** */
.riskratingimg {
    width: 30px !important;
    height: 30px !important;
}

/* **************************** images related styles ****************************** */
.clientlogo {
    height: 60px;
}

.clentlogoalignment {
    padding-top: 4px;
}

.interplanLogo {
    float: left;
    margin: 5px 10px;
}

    .interplanLogo .intplnlogo {
        float: left;
    }

    .interplanLogo .applcationMenu {
        display: block;
        float: left;
        height: 30px;
        margin-left: 4px;
        margin-top: 5px;
        width: 24px;
        cursor: pointer;
    }

    .interplanLogo .logoBorader {
        float: left;
        height: 30px;
        margin-left: 10px;
        margin-top: 5px;
    }

/* **************************** images related styles - end ****************************** */
/* **************************** footer related styles ****************************** */
.footerContent {
    margin-top: 1px;
    padding: 5px 0;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    right: 0px;
    left: 0px;
}

    .footerContent .left-Side {
        float: left;
        clear: right;
    }

        .footerContent .left-Side a {
            text-decoration: none;
            font-size: 13px;
            margin: 1px 10px;
            vertical-align: middle;
        }

    .footerContent .alginRight .label {
        font-size: 13px;
        margin: 1px 10px;
        vertical-align: middle;
    }

/* **************************** footer related styles - end ****************************** */
/* **************************** table,tr,td related styles ****************************** */
.tableboadernone td {
    border: none !important;
}

/* **************************** table,tr,td related styles - end ****************************** */
/* **************************** fieldset Legend Padding / Margin Reset ****************************** */
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

    fieldset legend {
        font-weight: 500;
        width: 100%;
        border: 0px;
        padding: 0; /*margin-left: -7px;*/
        white-space: normal;
    }

/* ====================== Risk Settings Tab Menu Begin ====================== */
a.LinkButtonSettings, .lb_TabMenu {
    font-size: 14px;
    display: block;
    float: left;
    /*height: 30px;*/
    /*width: 200px;*/
    line-height: 20px;
}

.LinkButtonSettings, .lb_TabMenu {
    font-size: 13px;
    display: block;
    float: left;
}

a:link.LinkButtonSettings, a:visited.LinkButtonSettings, a:active.LinkButtonSettings, a:link.lb_TabMenu, a:visited.lb_TabMenu, a:active.lb_TabMenu {
    text-decoration: none;
}

a.LinkButtonSettings span, a.LinkButtonSettings span, a.lb_TabMenu span, a.lb_TabMenu span {
    display: block;
    white-space: normal;
    line-height: 12px;
    padding: 15px 8px;
}

a.LinkButtonSettings:hover span, a.lb_TabMenu:hover span {
    background-position: bottom right;
}

.LinkButtonSettingsRoll, .lb_TabMenuRoll {
    display: block;
    float: left;
    /*height: 30px;*/
    width: 200px;
    /*line-height: 20px;*/
}

a:link.LinkButtonSettingsRoll, a:visited.LinkButtonSettingsRoll, a:active.LinkButtonSettingsRoll, a:link.lb_TabMenuRoll, a:visited.lb_TabMenuRoll, a:active.lb_TabMenuRoll {
    text-decoration: none;
    font-size: 14px;
}

a.LinkButtonSettingsRoll span, a.LinkButtonSettingsRoll span, a.lb_TabMenuRoll span, a.lb_TabMenuRoll span {
    display: block;
    white-space: nowrap;
    padding: 15px 20px;
}

/* ====================== Risk Settings Tab Menu End ====================== */
a.LinkButtonAdministration {
    font-size: 13px;
    display: block;
    float: left;
    width: 200px;
    line-height: 30px;
    vertical-align: middle;
    text-decoration: none;
    text-indent: 10px;
}

a:hover.LinkButtonAdministration {
    font-size: 13px;
    display: block;
    float: left;
    width: 200px;
    line-height: 30px;
    vertical-align: middle;
    text-decoration: none;
    text-indent: 10px;
}

/* **************************** asp table styles ****************************** */
.aspTable {
    font-size: 13px;
    font-weight: normal;
    padding: 2px;
    border: 1px solid #e5e5e5 !important;
}

    .aspTable .header, .aspTable .header .label {
        font-weight: 500;
        font-size: 14px;
        /*padding: 2px;
        padding-left: 5px;*/
        text-align: left;
        /*height: 36px;*/
    }

    .aspTable .subHeader {
        font-weight: bold;
        font-size: 13px;
        padding: 2px;
        text-align: left;
    }

    .aspTable .content {
        font-size: 13px;
        padding: 4px;
        text-align: center;
        font-family: 'Graphik Regular Desktop';
    }

    .aspTable .contentcell textarea {
        font-size: 14px;
    }

    .aspTable .contentcell {
        padding: 4px;
        text-align: center !important;
    }

    /*.aspTable td {
        font-weight: normal;
        padding: 4px;
        border-top: 0;
    }*/

    .aspTable .HeaderStyle {
        font-size: 1.4em;
    }

    .aspTable .AlternatingRowStyle, .aspTable .RowStyle {
        font-size: 13px;
    }

/* **************************** asp table styles End ****************************** */
/***********************************Project Risk Tables**********************************************/
.projectRiskOuterTable .cells {
    height: 30px;
}

.projectRiskTable {
    font-size: 13px;
    font-weight: normal;
    border: 0px;
}

    .projectRiskTable .header {
        font-weight: bold;
        font-size: 13px;
        padding: 2px;
        text-align: left;
        height: 20px;
    }

        .projectRiskTable .header .label {
            font-size: 15px;
            font-family: 'Graphik Medium Desktop';
        }

.heightH {
    height: 32px;
}

.projectRiskTable td {
    font-weight: normal;
    padding: 4px;
    border: 0px;
    height: 37px !important;
}

.projectriskrating {
    padding: 20px 20px 15px 20px !important;
}
/* ====================== asp:Table Begin ====================== */
.aspTable {
    font-size: 13px;
    border: 0px;
}

    .aspTable th {
        text-align: left;
        padding: 2px;
        border: 0px;
        height: 25px;
    }

.aspTableHeaderCell {
    min-height: 25px;
    padding: 2px;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
}

    .aspTableHeaderCell span {
        clear: both;
    }

.aspTableRow td {
    padding: 4px
}

.aspTableCell td {
    min-height: 20px;
    padding: 2px;
}

.aspTableCell {
    padding: 4px;
}

/* ====================== asp:Table End ====================== */
/* **************************** header styles ****************************** */
.HeaderBottomContainer {
    float: right !important;
    width: 100%;
    height: 20px;
    border-style: solid;
    border-width: 1px 0 2px;
}

    .HeaderBottomContainer div td {
        float: right !important;
    }

.primaryStaticMenuItem {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize !important;
    cursor: pointer;
}

.primaryStaticMenu a {
    cursor: pointer !important;
}

    .primaryStaticMenu a:hover {
        cursor: pointer !important;
    }

.primaryDynamicMenu {
    z-index: 1;
}

.primaryDynamicMenuItem {
    padding: 0px;
    font-size: 13px;
    cursor: pointer;
    float: left;
}

.primaryDynamicMenu a {
    padding: 0px 3px 0px 3px;
    cursor: pointer;
    line-height: 28px;
    width: 170px !important;
    float: left !important;
    text-align: left;
}

    .primaryDynamicMenu a:hover {
        padding: 0px 3px 0px 3px;
        cursor: pointer;
        line-height: 28px;
        width: 170px !important;
        float: left !important;
        text-align: left;
    }

/* **************************** login page styles ****************************** */
.login_header {
    height: 44px;
    padding: 8px 15px 2px 15px;
}

loginScrBg {
    background-color: #45606B;
    margin: 0;
    padding: 0;
}

.login_header img {
    float: left;
}

#loginPosition {
    margin: 60px auto;
}

.loginBody {
    padding: 15px 30px;
}

.loginRow {
    width: 100%;
    margin: 4px 0;
}

.loginLabel {
}

.loginControl {
    width: 60%;
    float: left;
}

.loginValidation {
    width: 100%;
    height: 15px;
    clear: both;
}

    .loginValidation span {
        font-size: 13px;
        float: left;
        padding-left: 120px;
    }

.loginValidationBottom {
    clear: both;
    float: none;
    margin: 5px 0;
}

.loginControl .CheckBox {
    float: left;
    font-size: 13px;
}

.loginControl .CheckBox {
    display: inline-block;
    font-size: 13px;
    height: 13px;
    line-height: 13px;
    vertical-align: baseline;
    margin-top: -1px;
}

    .loginControl .CheckBox input[type="checkbox"] {
        margin-left: 0;
        padding-left: 0;
    }

.loginControl input.button {
    width: 100px;
    float: right;
    font-size: 13px;
}

.login-footer a {
    font-size: 13px;
    text-decoration: none;
}

.login-footer {
    height: 20px;
    padding: 12px 15px 6px;
}

    .login-footer .footerLink {
        float: left;
    }

    .login-footer .copyright {
        float: right;
    }

.login-rowgap {
    height: 10px;
    line-height: 10px;
}

/*#loginPage span.CheckBox label {
    font-size: 100% !important;
    color: #fff
}*/

/*#loginPage input[type="text"], #loginPage input[type="password"] {
        width: 99%;
    height: 32px;
    font-size: 15px !important;
    padding: 0 10px !important;
    background-color: #fff;
    margin-left: 10px;
    color: #313131 !important;
    border: 0px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    margin: 10px 0;
    
    border-radius: 2px;
 }*/

#loginPage .labeldatacell {
    text-align: right;
    padding: 2px;
    vertical-align: middle;
    min-width: 60px;
}

#saasLoginDiv .form-group {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

#saasLoginDiv .form-control {
    display: block !important;
    width: 100% !important;
    height: 55px !important;
    padding: 2px 52px 2px 25px !important;
    font-size: 15px !important;
    line-height: 1.42857143 !important;
    color: #323250 !important;
    background-color: #fff !important;
    background-image: none !important;
    border-width: 1px !important;
    border-style: solid;
    border-color: r#c9d1da;
    border-radius: 25px !important;
}

/* **************************** login page styles ****************************** */
/*========== Rad Upload ============*/
/* RadUpload Common Styles */
.RadUpload {
    width: 242px !important;
    text-align: left; /*default*/
}

.RadUpload_rtl {
    text-align: right;
}

.RadUpload .ruInputs {
    position: relative;
    zoom: 1; /*IE fix - removing items on the client*/
}

    .RadUpload .ruInputs li {
        margin: 0 0 5px;
    }

        .RadUpload .ruInputs li.ruActions {
            margin: 1.4em 0 0;
        }

.RadUpload .ruInputs {
    list-style: none;
    margin: 0;
    padding: 0;
}

.RadUpload .ruCheck {
    top: 1px;
    padding: 3px;
    position: static;
    zoom: 1;
}

.RadUpload .ruFileWrap {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    line-height: 20px;
    zoom: 1;
    overflow: hidden !important;
    height: 24px;
}

.RadUpload_rtl .ruFileWrap {
    padding-left: 12px;
    padding-right: 0;
}

/*========== Rad Upload End ============*/
.HeaderTopContainer {
    height: 50px;
    z-index: 999;
}

.middleContent, .HeaderTopContainer {
    width: 100%;
    min-width: 980px;
    z-index: 0;
}

.middleContent {
    padding-bottom: 0px !important;
    float: left;
}

.footerContent {
    text-transform: uppercase;
    z-index: 5000 !important;
}

.headerContentPopUpHeading {
    font-weight: bold;
    margin: 5px;
    font-size: 13px;
}

.Viewreportheader {
    width: 100%;
    min-width: 980px; /*height:50px;*/
    margin-bottom: 1px;
}

/* **************************** master page styles ****************************** */
/* ================== Framework styles ========== */
.SideMenuCell {
    vertical-align: top;
    width: 200px;
}

/* ================== Framework styles ========== */
/* ====================== Side Menu styles ====================== */
.SideMenu_DataList {
}

.sideMenuItem a:link, .sideMenuItem a:hover, .sideMenuItem a:visited {
    display: block;
    border-bottom: none;
    border-collapse: separate;
    font-size: 13px;
    text-decoration: none !important;
    text-align: left;
    cursor: pointer;
}

.sideMenuItem a div {
    padding: 15px 20px;
    width: 150px;
    vertical-align: middle;
}

.sideMenuItemSelected a {
    display: block;
    /*padding: 0px 0px 0px 8px;*/
    /*width: 150px;*/
    vertical-align: middle;
    border-bottom: none;
    border-collapse: separate;
    font-size: 13px;
    text-decoration: none !important;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
}

    .sideMenuItemSelected a div {
        padding: 15px 20px;
        font-size: 13px;
        vertical-align: middle;
    }

.contentHeadaerstretch {
    font-size: 13px;
}

    .contentHeadaerstretch .contentHeadaer {
        padding: 5px 0 5px 6px;
        text-decoration: none;
        font-weight: bold;
    }

        .contentHeadaerstretch .contentHeadaer a {
            text-decoration: none;
            cursor: pointer;
        }

            .contentHeadaerstretch .contentHeadaer a:hover {
                text-decoration: underline;
            }

.contentHeadaerlink {
    width: 30px;
}

.btn_new {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
}

/* ====================== Side Menu styles ====================== */


/* ====================== Side Menu styles Administration ====================== */
.SideMenu_DataList_Administration {
}

.sideMenuItemAdministration a:link, .sideMenuItemAdministration a:hover, .sideMenuItemAdministration a:visited {
    display: block;
    border-bottom: none;
    border-collapse: separate;
    font-size: 13px;
    text-decoration: none !important;
    text-align: left;
    cursor: pointer;
    padding: 6px 5px 6px 5px;
    color: #323250;
}

.sideMenuItemAdministration a div {
    padding: 6px 5px 6px 5px;
    width: 150px;
    vertical-align: middle;
}

.sideMenuItemAdministrationSelected a {
    display: block;
    border-bottom: none;
    border-collapse: separate;
    font-size: 13px;
    text-decoration: none !important;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    padding: 6px 5px 6px 5px
}

    .sideMenuItemAdministrationSelected a div {
        padding: 6px 5px 6px 5px;
        font-size: 13px;
        vertical-align: middle;
    }

.contentHeadaerstretch {
    font-size: 13px;
}

    .contentHeadaerstretch .contentHeadaer {
        padding: 5px 0 5px 6px;
        text-decoration: none;
        font-weight: bold;
    }

        .contentHeadaerstretch .contentHeadaer a {
            text-decoration: none;
            cursor: pointer;
        }

            .contentHeadaerstretch .contentHeadaer a:hover {
                text-decoration: underline;
            }

.contentHeadaerlink {
    width: 30px;
}

.contentHeadaerlinkreportuploader {
    width: 30px;
}



.btn_new {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
}

/* ====================== Side Menu styles Administration ====================== */
/* ====================== tool bar styles ====================== */
.toolBar {
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    vertical-align: middle;
    margin-top: 2px;
}

.mainHeaders {
    padding: 4px 0 5px 10px;
}

    .mainHeaders .label {
        vertical-align: middle !important;
        font-size: 13px;
        font-weight: bold;
        vertical-align: middle !important;
    }

.consistantHeight {
    padding: 5px;
}

.toolBarquickupdate {
}

.myupdateheader .toolbardatacell {
    /*padding: 0px 5px;
    width: 18px;*/
}

/*.toolBar td {
    height: 45px;
}*/

.toolBar td * {
    vertical-align: middle;
}

.toolBar td input[type="image"], .toolbardatacell input[type="image"] {
    /*width:24px;*/
    outline: none;
}

/* ====================== tool bar styles ====================== */
.GV-DetailList tr td {
    border-left: none;
    border-right: none;
    vertical-align: top; /*min-height:40px;*/
}

    .GV-DetailList tr td td {
        border: none;
        text-align: left;
    }

        .GV-DetailList tr td td.first {
            width: 30px;
            padding: 2px;
        }

    .GV-DetailList tr td .UserEditlist span {
        padding: 0px;
    }

        .GV-DetailList tr td .UserEditlist span:first-child {
            /*font-weight: 500;*/
        }

    .GV-DetailList tr td td.content {
        padding: 5px;
        font-weight: normal;
        font-size: 13px;
    }

        .GV-DetailList tr td td.content .label {
            line-height: normal;
        }

        .GV-DetailList tr td td.content .title {
            height: 16px;
            font-weight: bold;
        }

        .GV-DetailList tr td td.content .cellresperson {
            height: 10px;
            padding-bottom: 2px;
        }

        .GV-DetailList tr td td.content .maintitle .label {
            font-size: 13px;
        }

        .GV-DetailList tr td td.content .lbsubTitle, .GV-DetailList tr td td .lbsubTitle label {
            vertical-align: top;
            margin: 0px;
            padding: 0px;
            table-layout: initial;
        }

.lbsubContent .label {
    font-size: 13px;
}

.lbsubTitle .label {
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

.GV-DetailList tr td td.content .lbsubContent {
    font-size: 13px;
    vertical-align: top;
    font-style: italic;
}

.GV-DetailList tr td td.content .title .label {
    vertical-align: top;
    font-weight: bold;
}

.GV-DetailList tr td td.last {
    width: 20px;
    padding: 10px;
    font-weight: bold;
    white-space: nowrap;
}

.GV-DetailList td .linkbutton {
    height: 50px;
}

/* Item Table Styles */
.GV-DetailList_ItemTable {
    padding: 5px;
    width: 100%;
}

    .GV-DetailList_ItemTable .image {
        width: 30px;
        vertical-align: top;
        padding: 10px;
    }

        .GV-DetailList_ItemTable .image img {
            width: 30px;
            border-radius: 50%;
        }

    .GV-DetailList_ItemTable .labelTitle {
        padding: 10px 5px;
        vertical-align: top;
    }

        .GV-DetailList_ItemTable .labelTitle .label {
            font-size: 13px;
        }

    .GV-DetailList_ItemTable .linkbutton {
        width: 20px;
        vertical-align: top;
    }

/*List View styles - by Nilaksha */
.dl-DetailList {
    width: 100%;
}

    .dl-DetailList tr td {
        border-left: none;
        border-right: none;
        vertical-align: top;
    }

        .dl-DetailList tr td td {
            border: none;
            padding-left: 5px;
            white-space: pre-line;
            text-align: left;
        }

            .dl-DetailList tr td td.first {
                width: 30px;
                padding-top: 5px;
                padding-bottom: 4px;
            }

            .dl-DetailList tr td td.content {
                padding: 5px;
                font-weight: normal;
            }

                .dl-DetailList tr td td.content .label {
                    line-height: 12px;
                    vertical-align: top;
                }

                .dl-DetailList tr td td.content .title {
                    height: 10px;
                    font-weight: bold;
                }

                .dl-DetailList tr td td.content .cellresperson {
                    height: 10px;
                }

                .dl-DetailList tr td td.content .title .label {
                    font-weight: bold;
                }

            .dl-DetailList tr td td.last {
                width: 20px;
                padding: 0px;
                font-weight: bold;
                white-space: nowrap;
                padding-bottom: 4px;
            }

/*List View styles*/
.TargetsActualsDetailListHeaderStyle td {
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    text-indent: 5px;
    height: 25px;
    vertical-align: middle;
}

    /* ====================== Style for TargetActuals Right Hand Border ====================== */
    .TargetsActualsDetailListHeaderStyle td .label {
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        text-indent: 5px;
        height: 25px;
        vertical-align: middle;
    }

.TargetsActualsDetailListRowStyle td {
    padding: 4px;
}

    .TargetsActualsDetailListRowStyle td table td {
        padding: 0px;
        border: none;
    }

        .TargetsActualsDetailListRowStyle td table td span {
            font-size: 13px;
            text-align: left;
            text-indent: 5px;
            height: 25px;
        }

    .TargetsActualsDetailListRowStyle td .PlusMinusbut {
        width: 20px;
        cursor: pointer;
        display: block;
        font-size: 13px;
        padding: 0;
        text-align: center !important;
    }

    .TargetsActualsDetailListRowStyle td table td .targetActualsTextboxPadding {
        padding-left: 8px;
    }

    .TargetsActualsDetailListRowStyle td table td table td {
        padding: 4px;
    }

.targetactsize {
    overflow-x: scroll;
}

.targetactualmin {
    min-width: 60px;
}

.targetactualmin2 {
    min-width: 150px;
}

/* ====================== Style for TargetActuals Right Hand Border End====================== */
.GV-DetailList .RowStyle a.btn_gridRightEdit, .GV-DetailList .AlternatingRowStyle a.btn_gridRightEdit, .GV-DetailList .SelectedRowStyle a.btn_gridRightEdit,
.dl-DetailList a.btn_gridRightEdit, .dl-DetailList .AlternatingRowStyle a.btn_gridRightEdit, .dl-DetailList .SelectedRowStyle a.btn_gridRightEdit {
    display: block;
    font-size: 13px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    text-decoration: none;
    /*width: 30px;*/
}

    .GV-DetailList .RowStyle a.btn_gridRightEdit img, .GV-DetailList .AlternatingRowStyle a.btn_gridRightEdit img, .GV-DetailList .SelectedRowStyle a.btn_gridRightEdit img,
    .dl-DetailList a.btn_gridRightEdit img, .dl-DetailList .AlternatingRowStyle a.btn_gridRightEdit img, .dl-DetailList .SelectedRowStyle a.btn_gridRightEdit img {
        margin-top: 2px;
    }

.GV-DetailList .PagerStyle td {
    height: 10px;
    padding: 0px;
    margin: 0px;
}

    .GV-DetailList .PagerStyle td .label {
        display: block;
        padding: 4px;
        text-align: center;
        vertical-align: middle;
        font-size: 13px;
        height: 18px;
        margin: 1px;
        color: #323250;
        font-weight: bold;
    }

    .GV-DetailList .PagerStyle td a {
        display: block;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        padding: 4px;
        font-size: 13px;
        height: 18px;
        margin: 1px;
        color: #323250;
        font-weight: bold;
    }

.btn_gridRightEdit:visited {
    white-space: pre-line;
    padding-right: 2px;
}

/* ====================== Common Menu styles ====================== */
.commonSideMenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .commonSideMenu li {
        padding: 0;
        margin: 0;
    }

/* ====================== Tab Menu Begin ====================== */
.LinkButton1, .lb_TabMenu {
    font-size: 15px;
    display: block;
    float: left;
}

a:link.LinkButton1, a:visited.LinkButton1, a:active.LinkButton1, a:link.lb_TabMenu, a:visited.lb_TabMenu, a:active.lb_TabMenu {
    text-decoration: none;
}

a.LinkButton1 span, a.LinkButton1 span, a.lb_TabMenu span, a.lb_TabMenu span {
    display: block;
    white-space: nowrap;
    padding: 6px 20px 9px 20px;
    border-bottom: none;
}

#divStrategicRiskRegisterGrid:focus {
    outline: 1px solid #2D6A9F;
}

a.LinkButton1:hover span, a.lb_TabMenu:hover span {
    background-position: bottom right;
    border-bottom: solid 4px #2D6A9F !important;
    height: 38px;
}

.LinkButton1Roll, .lb_TabMenuRoll {
    display: block;
    float: left;
}

a:link.LinkButton1Roll, a:visited.LinkButton1Roll, a:active.LinkButton1Roll, a:link.lb_TabMenuRoll, a:visited.lb_TabMenuRoll, a:active.lb_TabMenuRoll {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

a.LinkButton1Roll span, a.LinkButton1Roll span, a.lb_TabMenuRoll span, a.lb_TabMenuRoll span {
    display: block;
    white-space: nowrap;
    padding: 4px 15px 0px 15px;
    border-bottom: none;
    border-bottom: 4px #0050A0 solid !important;
    height: 38px;
}

.StrtgyQckLnkBtn a.LinkButton1Roll span, .StrtgyQckLnkBtn a.LinkButton1Roll span, .StrtgyQckLnkBtn a.lb_TabMenuRoll span, .StrtgyQckLnkBtn a.lb_TabMenuRoll span {
    display: block;
    white-space: nowrap;
    padding: 4px;
    border-bottom: none;
    font-size: 13px;
}

/* ====================== Tab Menu End ====================== */
.radtreeActGroup {
    height: 400px;
    width: 200px;
    overflow: scroll;
}

.secoundryMenu {
    float: right;
}

/* ====================== GridView Begin ====================== */
.GridView {
    width: 75%;
}

/*.dm_ContentWrapper .Panel {
    margin:0 20px;
}*/
.Panel .GridView {
    width: 100% !important;
}

.GridView .HeaderStyle th, .scorecardgrid .GridView .HeaderStyle td, .GridView .HeaderStyle .label {
    font-size: 14px !important;
    text-align: left;
    height: 50px;
    vertical-align: middle;
    padding: 5px 12px;
}

.GridView .HeaderStyle th {
    border: 0;
    text-align: left;
    min-height: 50px;
}

.GridView .EditRowStyle td {
    padding: 20px 12px;
}

    .GridView .EditRowStyle td.btn-col, .GridView .AlternatingRowStyle td.btn-col, .GridView .RowStyle td.btn-col, .GridView .FooterStyle td.btn-col {
        padding: 0 !important;
    }

.GridView .RowStyle td, .GridView .AlternatingRowStyle td, .GridView .FooterStyle td, .GridView .EditRowStyle td {
    vertical-align: middle;
}

.GridView a {
    /*text-decoration: underline;*/
    cursor: pointer; /*font-size:13px;*/
}

.GridView .RowStyle td {
    padding: 4px;
}

    .GridView .RowStyle td table td, .GridView .AlternatingRowStyle td table td, .GridView td table td table td {
        padding: 0px;
        border: none !important;
        font-size: 13px;
    }

    .GridView .RowStyle td table td, .GridView .AlternatingRowStyle td table td, .GridView .FooterStyle td table td {
        border: none;
    }

.GridView .RowStyle td, .GridView .AlternatingRowStyle td, .GridView .FooterStyle td {
    border: none;
    font-size: 14px;
}

    .GridView .RowStyle td .mandatory, .GridView .AlternatingRowStyle td .mandatory, .GridView .FooterStyle td .mandatory {
        font-size: 16px;
    }

.droppable .FooterStyle td {
    height: 50px;
}

.GridView .RowStyle td .label, .GridView .AlternatingRowStyle td .label, .GridView .HeaderStyle .label {
    border: none;
    font-size: 14px;
    line-height: 1.2;
    padding: 0px;
}

.GridView .FooterStyle td .label {
    border: none;
    /*font-size: 13px;*/
}

/*.GridView .RowStyle td .button, .GridView .AlternatingRowStyle td .button, .GridView .FooterStyle td .button, .GridView .HeaderStyle .button {
    font-size: 13px;
}

.GridView .RowStyle td .multipleTextBox, .GridView .AlternatingRowStyle td .multipleTextBox, .GridView .FooterStyle td .multipleTextBox, .GridView .HeaderStyle .multipleTextBox {
    font-size: 13px;
}

.GridView .EditRowStyle .button {
    font-size: 13px;
}

.GridView .RowStyle td .DropDownList, .AlternatingRowStyle td .DropDownList, .GridView .FooterStyle td .DropDownList {
    font-size: 13px;
}

.GridView .RowStyle td .textBox, .GridView .AlternatingRowStyle td .textBox, .DropDownList .AlternatingRowStyle td .textBox, .GridView .FooterStyle td .textBox {
    font-size: 13px;
}

.DataGrid .ItemStyle td .textBox, .DataGrid .AlternatingItemStyle td .textBox {
    font-size: 13px;
}

.GridView .RowStyle td a, .DropDownList .AlternatingRowStyle td a, .GridView .FooterStyle td a {
    font-size: 13px;
}*/

.RowStyle a, .SelectedRowStyle a, .ItemStyle a, .SelectedItemStyle a {
    padding-right: 4px;
    /*padding-top: 4px;*/
    padding-bottom: 4px;
}

.GridView .AlternatingRowStyle, .GridView .AlternatingRowStyle td, .GridView .RowStyle, .GridView .RowStyle td {
    padding: 20px 12px;
}

    .GridView .AlternatingRowStyle .CheckBox, .GridView .AlternatingRowStyle td .CheckBox, .GridView .RowStyle .CheckBox, .GridView .RowStyle td .CheckBox {
        text-align: center;
        float: none
    }

.Emailpanelwidthfix .GridView .AlternatingRowStyle, .Emailpanelwidthfix .GridView .AlternatingRowStyle td, .Emailpanelwidthfix .GridView .RowStyle, .Emailpanelwidthfix .GridView .RowStyle td {
    padding: 4px;
}

.AlternatingRowStyle a, .RowStyle a, .ItemStyle a, .SelectedItemStyle a, .SelectedRowStyle a {
    padding-right: 4px;
    /*padding-top: 4px;*/
    padding-bottom: 4px;
}

.GridView .FooterStyle, .GridView .FooterStyle td, .GridView .HeaderStyle {
    padding: 4px;
}

.GridView .SelectedRowStyle td {
    padding: 4px;
    font-weight: normal;
    font-size: 13px;
}

.settingsfrequencyGrid .GridView .SelectedRowStyle td {
    padding: 20px 12px;
    background-color: #0050a0;
    color: #fff !important;
}

    .settingsfrequencyGrid .GridView .SelectedRowStyle td a {
        color: #fff;
    }

.GridView .EditRowStyle td td {
    border: none;
}

.GridView .CheckBox label {
    font-size: 13px;
}

.GridView .FooterStyle td {
    padding-left: 4px;
}

.GridView .EmptyDataRowStyle {
    border: 0px;
    vertical-align: middle !important;
    height: 27px;
    font-size: 13px;
}

    .GridView .EmptyDataRowStyle .label {
        vertical-align: middle !important;
        margin: 0px;
        padding: 0px;
    }

.GridView .PagerStyle {
    height: 25px;
    font-weight: bold;
    font-size: 13px;
    padding: 10px;
}

    .GridView .PagerStyle > td {
        height: 35px;
    }

.GridView .button {
    min-width: 50px;
}

.GridView .widebutton {
    margin: 1px;
    display: block;
    padding: 2px 4px;
    font-size: 13px;
    cursor: pointer;
    /*font-weight: 800;*/
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
}

.tablebordernone td {
    border: none !important;
}

.FooterStyle td .label {
    width: 100% !important;
}

.RegularExpressionValidator {
    width: 100% !important;
    font-size: 13px;
}

.eisbudget .GridView .HeaderStyle th {
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    padding: 2px 3px;
    vertical-align: top;
}

    .eisbudget .GridView .HeaderStyle th a {
        font-size: 13px;
    }

.eisbudget .GridView .RowStyleGrandTotal td {
    font-weight: bold;
    font-size: 13px;
    text-align: right;
    padding: 2px 5px;
}

.eisbudget .GridView .RowStyle td {
    text-align: right;
    vertical-align: top;
    border-bottom: none;
    border-top: none;
    border-style: dotted;
    border-width: 1px;
    font-size: 13px;
}

    .eisbudget .GridView .RowStyle td a {
        font-size: 13px;
    }

.eisbudget .GridView .RowStyle .FirstCell {
    border: none;
}

.GridView .CheckBox LABEL {
    display: inline-block;
    float: none !important;
}

/* ====================== List User Grid ====================== */
.listUsers tr .AlternatingRowStyle, .listUsers tr.RowStyle {
    font-size: 13px;
}

.listUsers .PagerStyle td {
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}

    .listUsers .PagerStyle td table td {
        border: 0 !important;
    }

.PagerStyle td a {
    text-decoration: none;
    padding: 4px;
    margin: 1px;
    text-align: center;
    height: 10px;
    vertical-align: middle;
}

.PagerStyle td span {
    background: #0050A0 !important;
    color: #fff !important;
    width: 24px;
    height: 24px !important;
    display: block;
    border-radius: 50%;
    padding: 3px;
    vertical-align: middle;
    text-align: center;
    line-height: 15px;
}


.testing table tr {
    font-size: 13px;
}

/* ====================== List User Grid End ====================== */
/* ====================== Property List Grid ====================== */
.propertyList tr .AlternatingRowStyle, .propertyList tr.RowStyle {
    font-size: 13px;
}

.propertyList .PagerStyle td {
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}

    .propertyList .PagerStyle td a {
        text-decoration: none;
        padding: 4px;
        margin: 1px;
        text-align: center;
        height: 10px;
        vertical-align: middle;
    }

    .propertyList .PagerStyle td span {
        font-size: 13px;
        padding: 4px;
        margin: 1px;
        text-align: center;
        height: 10px;
        vertical-align: middle;
    }

/* ====================== Property List Grid End ====================== */
/* ====================== GridView End ====================== */
/* ====================== DataGrid - START ====================== */
.DataGrid {
    width: 100%;
}

    .DataGrid td {
        /*padding-right: 5px;
        padding-left: 5px;*/
        font-size: 14px;
        padding: 20px 12px;
    }

        .DataGrid td td {
            padding-right: 0;
            padding-left: 0;
            text-align: center;
        }


    .DataGrid .HeaderStyle, .riskIntialsettings .DataGrid tr:first-child td {
        font-weight: 500;
        text-align: left;
        text-indent: 5px;
        vertical-align: middle;
        padding-right: 5px;
        padding-left: 5px;
        padding-left: 5px;
        height: 36px;
        font-size: 14px !important;
    }

        .DataGrid .HeaderStyle span.label {
            font-size: 100%;
            font-size: 13px;
        }

    .DataGrid .ItemStyle {
        /*padding-right: 5px;
        padding-left: 5px;*/
    }

    .DataGrid .AlternatingItemStyle, .DataGrid .AlternatingItemStyle {
        padding-left: 5px;
        padding-right: 5px;
    }

        .DataGrid .ItemStyle .label, .DataGrid .AlternatingItemStyle .label {
            font-size: 14px;
        }

        .DataGrid .ItemStyle .button, .DataGrid .AlternatingItemStyle .button {
            font-size: 14px;
            min-width: 50px;
        }

    .DataGrid .SelectedItemStyle {
    }

    .DataGrid .EditItemStyle td {
        font-size: 100%;
    }

    .DataGrid .FooterStyle {
    }

    .DataGrid .PagerStyle {
        height: 25px;
        font-size: 13px;
        font-weight: bold;
        padding-right: 10px;
    }

    .DataGrid input.button {
        min-width: 50px;
    }

/* ====================== DataGrid - END ====================== */
/* ====================== Welcome control start ====================== */
.navwrap {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    margin: 0px auto 0px auto;
}

.welcomeControl {
}

    .welcomeControl .WelcomeTitle {
        font-size: 13px;
        font-weight: bold;
    }

    .welcomeControl .WelcomePosition {
        font-size: .9em;
    }

    .welcomeControl .WelcomeSettlink {
        vertical-align: bottom;
    }

        .welcomeControl .WelcomeSettlink a {
            display: block;
            font-size: 13px;
            height: 18px;
            padding-top: 7px;
            text-decoration: none;
        }

.Welcomecelldata {
    padding: 4px 0px;
}

.WelcomecelldataLeft {
    height: 75px;
    padding: 4px 10px;
}

    .WelcomecelldataLeft img {
        height: 75px;
    }

.welcocontrolgap {
    height: 12px;
}

/* ====================== Welcome control End ====================== */
/* ====================== About page Start ====================== */
.abtPagealign {
    margin: 100px auto;
    padding: 10px;
    height: 235px;
}

.abtpagetopconatiner, .abtpagebotmconatiner {
    float: left;
    width: 100%;
}

    .abtpagetopconatiner .label {
        font-size: 13px;
    }

.abtpagebotmconatiner {
    margin-top: 10px;
}

.intplver, .intdbsvr, .intdb, .intwebsvr {
    float: left;
    width: 70%;
    font-size: 15px;
}

.cammslogo {
    float: left;
    /*margin: 0px 5px;*/
    width: 22%;
    text-align: right;
    margin-top: -20px;
}

.intcop, .intwarn, .intcop .label {
    font-size: 13px;
    line-height: 20px;
}

.intwarn {
    /*margin-top: 5px;*/
    font-style: italic;
    font-size: 13px;
    clear: both;
    padding-top: 20px;
}

/* ====================== About page End ====================== */
/* ============ Planning - Business Unit - START ============= */
/* =============== SectionToolbar.ascx Start   ======================= */
.toolbar_left {
    width: 8px;
    height: 22px;
}

.toolbar_middle {
    height: 22px;
    font-size: 13px;
    vertical-align: middle;
}

.toolbar_middle_btn {
    width: auto;
    vertical-align: middle;
}

.toolbar_right {
    width: 8px;
    height: 22px;
}

.swotButton, .wideButton {
    width: 150px !important;
    display: block;
    padding: 2px 4px;
    font-size: 13px;
    cursor: pointer;
    /*font-weight: 800;*/
    font-weight: bold;
}

.editCmntBtn {
    height: 15px;
    width: 20px;
    vertical-align: bottom;
}

/* ============ Override Input Type button browser User Agent style ============= */
.inputbutton {
    -webkit-appearance: none !important;
    margin: 1px !important;
    display: block !important;
    padding: 2px 4px !important;
    font-size: 13px;
    !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    text-align: center !important;
}

.executivereportingkpi .inputbutton {
    min-width: 50px;
}

.executivereportingkpi .dateCellWidth3 {
    width: 116px;
}

/* =============== SectionToolbar.ascx End   ======================= */
/* ============ Planning - Business Unit - END ============= */
/* =============== RiskTab.ascx End   ======================= */
.tabMenu_wrapper {
    width: 100%;
    min-width: 634px;
    float: left;
}

.tabMenutab, .LinkButton1 {
    float: left;
    text-decoration: none;
}

.tabMenutop {
    height: 3px;
}

.tabbotmline {
    height: 3px;
    clear: both;
}

/* =============== RiskTab.ascx End   ======================= */
/* ============= Repot Main Page ============== */
.reportHeadlbl {
    padding: 0 5px 0 5px;
    font-size: 13px;
    font-weight: bold;
}

.rptButtonswrap {
    float: left;
    margin: 0 0 20px 0;
}

.rptDropdownwrap {
    width: 800px;
    float: left;
}

.prexpowrap {
    width: 100%;
    float: left;
}

.rptButtonwrap {
    width: 70px;
    float: left;
    margin: 0 0 0 3px;
}

.rptdropwrap {
    float: left;
    margin: 0 0 0 30px;
}

.reportDropdown {
    width: 165px;
    float: left;
}

.reportMainheader {
    text-align: right;
}

.reportExpowrap {
    width: 70px;
    float: left;
    margin: 0 0 0 10px;
}

.reportlbltd {
    width: 90px;
}

    .reportlbltd .label {
        vertical-align: bottom;
    }

.reportConfigItem .label {
    vertical-align: bottom;
}

.reportHeaddisplay {
    display: none;
}

.reportradiobutt {
    font-size: 13px;
}

/* ============= Report Page Tree View ============== */
.rep_main {
    font-size: 13px;
    padding: 5px 0 5px 0;
}

    .rep_main td {
        padding: 3px 5px 4px 5px;
        vertical-align: top;
    }

.RadTreeView_Interplan {
    width: 100%;
    display: block;
    overflow: scroll;
    min-height: 450px;
    max-height: 500px;
}

    .RadTreeView_Interplan ul.rtUL ul {
        width: auto;
        overflow: visible;
        min-height: auto;
    }

/* ============= Report Page Tree View End============== */
/* ============= Repot Page Table  ============== */
.reporticon img {
    /*width: 28px;*/
    height: 40px;
    border: 0px;
}

.reporticon A:link {
    padding: 10px;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
}

.reporticonCell {
    vertical-align: middle;
    border: 0px;
    color: #323250;
}

.reportItem :hover {
    text-decoration: none;
}

.reportItem {
    border-style: none;
    width: 100%;
}

.reporticon table {
    text-align: center !important;
    width: 100%;
}

.reporticon td {
    padding: 5px;
}

.reportDateselect input[type="text"] {
    padding: 2px;
    font-size: 13px;
}

.previewButtgap {
    height: 8px;
}

.previewButtSep {
    height: 1px;
}

.reportHeader {
    font-size: 14px;
    font-weight: bold;
}

.reportHeaderwrap {
    float: right;
    min-width: 50px;
    margin: 10px 10px 0 0;
    color: #fff;
    font-size: 20px;
    font-feature-settings: 'ss01', 'ss02';
}

.reportRadiobutt {
    font-size: 13px;
}

/* ============= Repot Page Table End  ============== */
/* ============= Performance Management  ============== */
.kpiCollapsebut {
    width: 25px;
    text-align: center;
    cursor: pointer;
    display: block;
    font-size: 14px;
    margin-right: 5px;
    padding: 0;
    height: 25px;
}

.kpiCollapsetbl {
    padding: 5px 0 0 0;
}

#performanceManaTree ul {
    width: 250px !important;
    display: block;
    height: 450px;
}

    #performanceManaTree ul ul {
        height: auto;
    }

.kpisTable {
    border-top: none;
    margin: 0 0 5px 0;
}

    .kpisTable td {
        padding: 3px 3px 5px 5px !important;
    }

    .kpisTable .cellFormData {
        font-size: 13px;
    }

.KpiTagetActuLabel .label {
    text-align: left !important;
}

.perfoindiCheckBox {
    display: block;
}

    .perfoindiCheckBox input {
        float: left;
    }

/* ============= PerformanceManagement End ============== */
/* ============= Strategyc Page Table ============== */
/* ============= Strategyc Page Table End  ============== */
.stragTheme {
    width: 40px;
    padding: 0 0 0 6px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

/* ============= Rad Menu  ============== */
/* ============= Myquickupdate page  ============== */
.eisPageContent .myupdateheader {
    float: left;
    /*width: 93.4%;*/
    padding: 11px 1px;
    height: 54px;
    background-color: #fff;
    /*position: fixed;*/
    /*top: 148px;*/
    margin-left: 20px;
    /*width: calc(100% - 122px);*/
    left: 68px;
    padding-right: 25px;
}

.eisPageContent .tabMenu_wrapper {
    /*position: fixed;
    width: calc(100% - 122px);
    top: 99px;*/
    margin-left: 0px !important;
    padding-left: 20px;
}

.eisPageContent .breadcrumb {
    /*position: fixed;
    width: calc(100% - 122px);*/
    /*height: 43px;*/
    height: auto;
}

.eisPageContent #divEISRiskGrid {
    margin-top: 10px;
}


.myupdateheader {
    float: left;
    width: 100%;
    padding: 11px 1px 8px 1px;
    background-color: #fff;
}

.eisPageContent .myupdateheader {
    width: 96%;
}

.myupdateToolbarbg {
    background-color: #fff;
    padding: 4px;
}

.myupdateheader .myupdateTitle, .myupdateheader .itemNumber {
    float: left;
    margin-left: 10px;
    font-weight: 500;
    clear: right;
}

    .myupdateheader .myupdateTitle .label {
        font-size: 20px;
        padding: 0px;
        margin: 0px;
        font-feature-settings: 'ss01', 'ss02';
    }

    .myupdateheader .itemNumber a:link {
        text-decoration: underline;
        color: #fff;
        background-color: #0050A0;
        padding: 8px 20px !important;
        border-radius: 20px;
        text-align: center;
        vertical-align: middle;
    }

.myupdateheader .itemNumber {
    margin-top: 3px;
    padding: 1px 0px;
}

    .myupdateheader .itemNumber .label {
        font-size: 14px;
    }

.myupdateheader .myupdateToolbar {
    float: right;
    margin-right: 5px;
    /*margin-top:-7px;*/
}

.quickupdateprogresstpadd {
    padding-top: 7px !important;
}

.RadNumericTextBoxwidth {
    font-size: 13px;
}

.RadInput_Interplan input { /*width: 50px;*/
}

.quickupDatepageTable tr td {
    border: none;
}

/*  span.RadInput_Default 
{
 
    width: 50px !important;
    z-index:0 !important;
 
}*/
.displycommentbox textarea {
    overflow: hidden;
    padding: 2px !important;
    width: 146px;
}

.progreesfontsize {
    font-size: .9em;
}

/* ============= RadTabStrip start============== */
.RadTabStrip_Interplan {
}

.RadGrid .rgAdd, .RadGrid .rgRefresh, .RadGrid .rgEdit, .RadGrid .rgDel, .RadGrid .rgDrag, .RadGrid .rgFilter, .RadGrid .rgPagePrev, .RadGrid .rgPageNext, .RadGrid .rgPageFirst, .RadGrid .rgPageLast, .RadGrid .rgExpand, .RadGrid .rgCollapse, .RadGrid .rgSortAsc, .RadGrid .rgSortDesc, .RadGrid .rgUpdate, .RadGrid .rgCancel, .RadGrid .rgUngroup, .RadGrid .rgExpXLS, .RadGrid .rgExpDOC, .RadGrid .rgExpPDF, .RadGrid .rgExpCSV {
    height: 26px;
    width: 20px;
}

/* ============= RadTabStrip end============== */
/* ============= Myquickupdate page end============== */
/*============ My Settings page =========== */
.mySettingPageHeader {
    height: 15px;
    line-height: 26px;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
}

.mySettingsTitle {
    line-height: 24px;
    padding-left: 10px;
    vertical-align: middle;
    font-size: 16px;
    /* font-weight: bold; */
    padding-bottom: 10px;
}

.mySettingsRow {
    padding: 10px 5px;
}

    .mySettingsRow .button {
        font-size: 13px;
        !important;
    }

.rowSeperator {
    height: 1px;
    line-height: 2px;
    width: 100%;
    clear: both;
}

/**=========== Mailer Alerts ===========*/
.alertWrap {
    position: absolute;
    width: 230px;
    height: auto;
    min-height: 75px;
    top: 200px;
    left: 180px;
    margin: auto;
    z-index: 9999;
    vertical-align: middle;
}

    .alertWrap .alertImg img {
        width: 48px;
        height: 48px;
        padding: 5px;
        margin: 8px 0 1px 0;
    }

    .alertWrap .alertImg {
        width: 58px;
        height: auto;
        float: left;
        vertical-align: middle;
    }

    .alertWrap .alertText {
        display: table-cell;
        float: right;
        width: 150px;
        height: 80%;
        margin: 0;
        padding: 10px;
        font-size: 13px;
        text-align: center;
        clear: right;
        vertical-align: middle;
    }

/*============ History page =========== */
.historypagecell {
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    font-size: 13px;
    !important;
    vertical-align: top;
}

    .historypagecell .GridView .RowStyle td, .historypagecell .GridView .AlternatingRowStyle td {
        padding-left: 4px;
        border: none !important;
    }

.headercontainerhistorypage {
    float: left;
    width: 100%;
}

/*============ History page =========== */
/*============ Quater Control =========== */
.quaterTable td {
    padding: 0 5px 3px 0;
}

/*============ Email Control page =========== */
ul.token-input-list-interplan {
    overflow: hidden;
    height: auto !important;
    height: 18px;
    width: 350px;
    cursor: text;
    font-size: .8px;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: left;
}

    ul.token-input-list-interplan li input {
        border: 0;
        width: 100px;
        padding: 3px 8px;
        margin: 2px 0;
        height: 18px;
        -webkit-appearance: caret;
    }

li.token-input-token-interplan {
    overflow: hidden;
    height: auto !important;
    height: 15px;
    margin: 2px 1px;
    padding: 1px 3px;
    cursor: default;
    font-size: 13px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    white-space: nowrap;
}

.mailTextbox input {
    max-width: 350px !important;
    width: 350px !important;
    height: 22px;
    border: solid #cccccc 1px;
}

li.token-input-token-interplan p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-interplan span {
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-input-token-interplan {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.token-input-dropdown-interplan {
    position: absolute;
    width: 350px;
    overflow: hidden;
    cursor: default;
    font-size: 13px;
    z-index: 1;
}

    div.token-input-dropdown-interplan p {
        margin: 0;
        padding: 5px;
        font-weight: bold;
    }

    div.token-input-dropdown-interplan ul {
        margin: 0;
        padding: 0;
    }

        div.token-input-dropdown-interplan ul li {
            padding: 3px;
            margin: 0;
            list-style-type: none;
        }

            div.token-input-dropdown-interplan ul li em {
                font-weight: bold;
                font-style: normal;
            }

.scroll * {
    overflow: hidden;
}

.mailerWrap {
    width: 500px;
    float: left;
    padding-left: 5px;
    padding: 5px;
}

    .mailerWrap .error {
        padding-left: 55px;
    }

        .mailerWrap .error .label {
            font-weight: bold;
        }

.mailerRow {
    float: left;
    clear: left;
    width: 100%;
}

.mailLabel {
    clear: left;
    float: left;
    font-size: 13px;
    text-align: right;
    width: 50px;
    display: block;
    margin-right: 4px;
    margin-top: 4px;
}

.mailTextbox {
    float: left;
    margin: 4px 0px;
    font-size: 13px;
}

.mailbtn {
    clear: none;
    float: left;
    margin: 4px;
}

    .mailbtn .button {
        font-size: 13px;
        height: 30px;
        width: 65px;
    }

.radeditor {
    clear: left;
    margin-top: 5px;
}

.mailboxtextbox {
    width: 350px;
    font-size: 13px;
    min-height: 25px;
}

.editormailLabel {
    clear: left;
    float: left;
    font-size: 13px;
    text-align: left;
    width: 50px;
}

.mailhintmsg {
    font-size: 13px;
    padding-left: 50px;
}

/*============ Email Control page end =========== */
/* ====================== GridView LinkedKPI Begin ====================== */
.GV-LinkedKPI {
    width: 100%;
    font-size: 13px;
    margin: 0 0 5px 0;
}

    .GV-LinkedKPI .HeaderStyle {
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        text-indent: 5px;
        height: 0px;
        vertical-align: middle;
        visibility: hidden;
    }

    .GV-LinkedKPI .RowStyle, .GV-LinkedKPI .RowStyle td {
        padding: 2px 4px;
    }

    .GV-LinkedKPI .AlternatingRowStyle, .GV-LinkedKPI .AlternatingRowStyle td {
        padding: 2px 4px;
    }

    .GV-LinkedKPI .PagerStyle, .GV-LinkedKPI .PagerStyle span {
        height: 25px;
        font-size: 13px;
        font-weight: bold;
        padding: 4px 2px 2px 2px;
    }

        .GV-LinkedKPI .PagerStyle a {
            height: 25px;
            font-size: 13px;
            font-weight: bold;
            padding: 4px 2px 2px 2px;
        }

            .GV-LinkedKPI .PagerStyle a:hover {
                height: 25px;
                font-weight: bold;
                font-size: 13px;
                padding: 4px 2px 2px 2px;
                text-decoration: none;
            }

/* ====================== GridView kpiListPanel Begin ====================== */
.GV-kpiListPanel {
    width: 100%;
    font-size: 13px;
    margin: 0 0 5px 0;
}

    .GV-kpiListPanel .HeaderStyle {
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        text-indent: 5px;
        height: 0px;
        vertical-align: middle;
        visibility: hidden;
    }

    .GV-kpiListPanel .RowStyle, .GV-kpiListPanel .RowStyle td {
        padding: 2px 4px;
    }

a.linkButton { /*text-decoration:none !important;*/
}

.GV-kpiListPanel .AlternatingRowStyle, .GV-kpiListPanel .AlternatingRowStyle td {
    padding: 2px 4px;
}

.GV-kpiListPanel .ui-widget-content a {
    font-size: 13px;
}

.GV-kpiListPanel .PagerStyle {
    height: 25px;
    padding: 10px;
}

    .GV-kpiListPanel .PagerStyle td {
        font-size: 13px;
        font-weight: normal;
        text-decoration: none;
        height: 20px;
    }

        .GV-kpiListPanel .PagerStyle td a {
            text-decoration: none;
            padding: 4px;
            margin: 1px;
            text-align: center;
            height: 10px;
            vertical-align: middle;
            font-weight: bold;
        }

        .GV-kpiListPanel .PagerStyle td span {
            font-size: 13px;
            padding: 4px;
            margin: 1px;
            text-align: center;
            height: 10px;
            vertical-align: middle;
        }

    .GV-kpiListPanel .PagerStyle a:hover {
    }

.Historyfont td {
    font-size: 13px;
    !important;
}

/* ================ GridView LinkedKPI End ====================== */
/* ====================== ComponentArt:Grid Styles ====================== */
.grid {
    font-size: 13px;
}

    .grid .header {
        text-align: left;
        text-indent: 5px;
        font-weight: bold;
    }

    .grid .row {
        text-indent: 5px;
    }

    .grid .alternatingrow {
        text-indent: 5px;
    }

    .grid .item, .grid .footer {
        padding-left: 5px;
        padding-right: 5px;
    }

    .grid .itemclick {
        padding-left: 5px;
        padding-right: 5px;
        cursor: pointer;
    }

    .grid input {
        font-size: 13px;
    }

        .grid input.button {
            margin: 1px;
            display: block;
            padding: 2px 4px;
            font-size: 13px;
            cursor: pointer;
            /*font-weight: 800;*/
            font-weight: bold;
        }

/* ====================== GIS Map Styles ====================== */
/* ====================== Error page ====================== */
.Errormain_wrap {
    width: 100%;
    height: 100%;
}

.Errorheader {
    height: 75px;
    padding: 15px 0px 0px 15px;
}

.ErrorPageheader_logo {
    width: 140px;
    height: 40px;
}

.Error_msg_wrap {
    text-align: center;
    padding: 10px;
}

.Error_msg_wrap_linkbutton1 {
    font: normal 12px "Segoe UI", "Segoe UI Light", "Segoe UI Semibold";
    text-decoration: none;
}

.ErrorTitleWrap {
    margin: 10px 0px 10px 0px;
    padding: 10px;
}

.ErrorTitle {
    font: bold 14px "Segoe UI Semibold";
    text-align: center;
    margin: 10px;
    padding: 10px; /*border-radius:5px;*/
}

.Error_msg {
    font: normal 12px "Segoe UI", "Segoe UI Light", "Segoe UI Semibold";
    margin: 10px;
}

.Error_msg_height {
    height: 200px !important;
}

/* ====================== Error page End====================== */
/* ====================== Authorised/AnalysisServices/EIS page ====================== */
.myAuditRecom {
    float: left;
    width: 33%;
}

.EISDefaultTab {
    cursor: pointer;
    border: none;
    font-size: 13px;
}

.EISDefaultTabHover, .EISSelectedTab {
    text-decoration: none;
    cursor: pointer;
    border: none;
    font-size: 13px;
}

.EISDisabledTab {
    cursor: default;
    font-size: 13px;
}

.EisExpandIcon {
    cursor: pointer;
    width: 20px;
    vertical-align: top !important;
}

    .EisExpandIcon img {
        width: 16px;
        height: 16px;
        margin-top: 7px;
        vertical-align: middle;
        cursor: pointer;
    }

/*background image path has changed according to server version*/
.EIS_chartsWrapper {
    width: 60%;
    font-size: 13px;
}

.EIS_AlertsWrapper {
    width: 100%;
}

.EISAlertTitle {
    width: 100%;
    padding: 2px;
}

.EIS_AlertsBody {
    width: 99%;
    display: none;
    border: solid 1px;
    overflow-x: hidden;
    cursor: pointer;
    margin-bottom: 20px !important;
    float: none !important;
    margin: auto;
}

.EIS_AlertsLogo {
    float: left;
    width: 150px;
    height: 21px;
    margin: 5px 0 5px 0;
    vertical-align: top;
}

    .EIS_AlertsLogo .label {
        vertical-align: top;
        padding-top: 1px;
        margin-top: 4px;
    }

.EIS_AlertsSettings {
    float: right;
    height: 18px;
    width: 130px;
    margin: 7px 0 0 15px;
    cursor: pointer;
}

    .EIS_AlertsSettings .label {
        vertical-align: top;
    }

.EIS_AlertSettingstxtWrap {
    width: 100%;
    font-size: 13px;
    padding: 8px 0 0 0;
}

.EIS_ASPopuptext {
    vertical-align: bottom !important;
}

.EISkpiDatetxt {
    vertical-align: middle;
    font-size: 13px;
}

.EIS_BugetToolbar {
    width: 35px;
}

/*EIS Pie Chart*/
.EISpie_ChartFloat {
    float: left;
}

.labelfontresize {
    font-size: 14px !important;
}

.EISlabeldatacell {
    width: 75px;
    font-weight: bold;
    text-align: right;
    padding: 2px;
    vertical-align: middle;
}

.EISOverViewChartLabel {
    width: 300px;
}

.EISOverViewChartLabelright {
    width: 400px;
}

    .EISOverViewChartLabelright .label {
        font-size: 13px;
        !important;
        font-weight: bold;
        text-align: center;
    }

.EISOverViewChartLabel .label {
    font-size: 13px;
    !important;
    font-weight: bold;
    text-align: center;
}

.EISOverViewTitlemain {
    padding: 5px;
}

.EISOverViewToolbar {
    float: left;
    min-width: 70px;
    font-size: 13px;
    /*font-weight: 800;*/
    font-weight: bold;
}

.EISOverViewclosebut {
    cursor: pointer;
    float: right;
    height: 18px;
}

#divActionProgressHeader {
    padding: 0px;
    width: 100%;
}

#divActionExpenditureHeader {
    padding: 0px;
    width: 100%;
}

#divKPIPerformanceHeader {
    padding: 0px;
    width: 100%;
}

#divActionProgressHeader tr {
    height: 35px;
}

#divActionExpenditureHeader tr {
    height: 35px;
}

#divKPIPerformanceHeader tr {
    height: 35px;
}

/*EISDate Picker Droup Down*/
.comboBox {
    font-size: 13px;
    z-index: 1;
}

.comboBoxHover {
    font-size: 13px;
}

.comboDropDown {
    padding: 2px;
    font-size: 13px;
    z-index: 1;
}

.comboTextBox {
    border: 0px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 13px;
}

.comboItem {
    padding: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.comboItemHover {
    padding: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*Breadcrumb*/
#INTERPLAN_breadcrumb {
    font: normal 11px "Segoe UI", Arial, Helvetica, sans-serif;
    background-repeat: repeat-x;
    height: 30px;
    line-height: 30px;
    overflow: hidden; /*width:100%;*/
    margin: 0px;
    padding: 0px;
}

    #INTERPLAN_breadcrumb li {
        list-style-type: none;
        float: left;
        padding-left: 10px;
    }

        #INTERPLAN_breadcrumb li span {
            font-size: 13px;
        }

            #INTERPLAN_breadcrumb li span .label {
                vertical-align: middle !important;
                font-size-adjust: none;
            }

    #INTERPLAN_breadcrumb a {
        height: 30px;
        display: block;
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 15px;
        text-decoration: none;
    }

/*No Record Found Msg*/
.NoRecordFoundMsg {
    font-size: 14px;
    font-weight: 500;
    /*color: ButtonShadow;*/
    background-color: #ecf0f1;
    margin: 80px auto 20px auto;
    text-align: center;
}

.EisActionGridheader {
    word-break: normal !important;
    word-wrap: break-word;
}

/* ====================== Authorised/AnalysisServices/EIS page End====================== */
/*Randika Test*/
/**************** Authorised/Administration/FavoriteReports.aspx ********************/
.RadGrid_Outlook {
    margin-top: 5px;
}

    .RadGrid_Outlook .rgMasterTable {
        line-height: 25px !important;
    }

.componentartGridPaging {
    font-size: 13px;
    margin: 5px 0px 0px 0px;
}

.componentartFooterGridPaging {
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}

.componentartGridPaging a:link {
    font-size: 13px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    margin: 1px;
    text-decoration: none;
}

.pagertextcss {
    font-size: 13px;
}

    .pagertextcss a {
        text-decoration: none;
        font-size: 13px;
        padding: 2px 4px 2px 4px;
    }

/* =============== Rad Tree Node ====================== */
.TreeView {
    padding: 5px 0 5px 10px;
    cursor: default;
}

.TreeNode {
    font-size: 15px;
    padding: 1px;
    cursor: default;
    padding: 3px 5px 4px 5px;
}

.HoverTreeNode {
    font-size: 13px;
    padding: 3px 5px 4px 5px;
    cursor: default;
}

.SelectedTreeNode {
    font-size: 13px;
    padding: 3px 5px 4px;
    cursor: default;
}

/* =============== Rad Tree Node End ====================== */
/* =============== EIS KPI tab ====================== */
.rgGroupPanel .rgGroupItem {
    line-height: 10px !important;
}

    .rgGroupPanel .rgGroupItem .button {
        width: 25px;
        margin-top: 5px;
        display: none;
    }

.RadGrid .rgGroupItem {
    padding: 3px 5px 3px 10px !important;
    font: 12px 700 "Segoe UI", Arial, Helvetica, sans-serif !important;
    vertical-align: middle !important;
    text-align: center !important;
}

/* =============== TASK HISTORY GRID ====================== */
/* =============== Email Template ====================== */
/*.reContentCell iframe
{
    border:1px solid #939494 !important;
}*/
.RadEditor .Default .reContentCell {
    border: 0 !important;
}

.reWrapper .RadEditor table td {
    border: 0 !important;
}

/* =============== Email Template End ====================== */
.kpiGraphBorder {
    position: relative;
}

.ruInputs .ruButton {
    font-size: 13px;
    padding: 0px 5px !important;
}

.ruInputs .ruUploadSuccess {
    font-size: 13px;
    padding: 0px 4px;
}

.ruInputs .RadUpload {
    float: right;
}

.RadUpload .ruInputs ul {
    float: left
}

.RadUpload .ruRemove {
    margin-left: 5px;
}

.RadUpload .ruActions {
    margin-top: 0px !important;
    margin-bottom: 5px;
}

/*========== About page============*/
.AboutlblCopyright {
    text-align: right; /*font-size: 13px;*/
    vertical-align: top !important;
}

.commentboxbtn {
    padding-top: 5px !important; /*vertical-align:middle !important;*/
    text-align: center;
}

    .commentboxbtn td {
        height: 45px;
    }

/* ====================== Access Denied page ====================== */
.accessdenied .Errormain_wrap {
    width: 100%;
    height: 100%;
}

.accessdenied .Errorheader {
    height: 75px;
    padding: 15px 0px 0px 15px;
}

.accessdenied .ErrorPageheader_logo {
    width: 140px;
    height: 40px;
}

.accessdenied .Error_msg_wrap {
    text-align: center;
    padding: 10px;
}

.accessdenied .Error_msg_wrap_linkbutton1 {
    font: normal 12px "Segoe UI", "Segoe UI Light", "Segoe UI Semibold";
    text-decoration: none;
}

.accessdenied .ErrorTitleWrap {
    margin: 10px 0px 10px 0px;
    padding: 10px;
}

.accessdenied .ErrorTitle {
    font: bold 14px "Segoe UI Semibold";
    text-align: center;
    margin: 10px;
    padding: 10px; /*border-radius:5px;*/
}

.accessdenied .Error_msg {
    font: normal 12px "Segoe UI", "Segoe UI Light", "Segoe UI Semibold";
    margin: 10px;
}

.accessdenied .Error_msg_height {
    height: 200px !important;
}

/* ====================== Access Denied page End====================== */
/*======= Access Denied page footer content =======*/
.accessdenied .footerContent {
    height: 25px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}

    .accessdenied .footerContent .left-Side {
        float: left;
        clear: right;
        margin: 5px 10px 0px 0px;
    }

        .accessdenied .footerContent .left-Side a {
            text-decoration: none;
            font-size: 13px;
            margin: 1px 10px;
            vertical-align: middle;
        }

    .accessdenied .footerContent .CopyRight .label {
        width: 300px;
        font-size: 13px;
        vertical-align: middle;
    }

.accessdenied .CopyRight {
    margin: 0px 10px 0px 0px;
    padding-top: 5px;
    padding-right: 10px;
    text-align: right;
    background-repeat: repeat-x;
    float: right;
}

/*======= Access Denied page footer content =======*/
.validatormsg {
    font-size: 13px;
}

/*========== Interplan User Control Styles ============*/
span.imagePanel {
    text-align: center;
    float: left;
}

    span.imagePanel a:link div {
        width: 75px;
        min-height: 75px;
        font-size: 10pt;
    }

    span.imagePanel a:visited div {
        width: 75px;
        min-height: 75px;
        font-size: 10pt;
    }

    span.imagePanel a:hover div {
        width: 75px;
        font-size: 10pt;
    }

    span.imagePanel a:active div {
        width: 75px;
        min-height: 75px;
        font-size: 10pt;
    }

    span.imagePanel a:hover div {
        width: 75px;
        min-height: 75px;
    }

    span.imagePanel a div img {
        width: 75px; /*height: 50px;*/
    }

.accessDeniedHeader {
    font-size: 10pt;
}

.divKPIAlertExpand {
    margin-top: -15px;
    margin-right: 3px;
}

.selector {
    width: 12px;
    text-align: left;
    cursor: pointer;
}

.picker {
    padding: 2px;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
}

.calendar_button {
    cursor: pointer;
}

.calendar td {
    font-size: 13px;
}

.title {
    font-weight: bold;
}

.day {
    width: 25px;
    text-align: center;
    cursor: pointer;
}

.dayhover {
    width: 25px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

.dayheader {
    width: 25px;
    text-align: center;
    font-weight: bold;
}

.selectedday {
    border-width: 1px;
    border-style: solid;
    width: 25px;
    font-weight: bold;
}

.calendar {
    border: 1px solid black;
    border-collapse: collapse;
    cursor: default;
}

.month {
    margin: 0px 5px 5px;
}

.nextprev {
    padding: 0px 5px;
    height: 25px;
    cursor: pointer;
}

.loginTableRow {
    background-repeat: repeat-x;
}

.loginTableCell {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}

div.tabs {
    width: 100%;
    height: 30px;
    overflow: hidden;
    white-space: normal;
}

.loginLabel {
    margin: 0px;
    padding: 5px 0px;
}

.logindatacell, .loginLabel, .erromsg {
    text-align: left;
    font-size: 15px !important;
    border-bottom: 1px solid #d4d4d4;
    padding: 0;
}

.erromsg {
    border-bottom: none;
}

    .erromsg .label {
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

.logindatacell .textBox {
    /*background-color:transparent;
border:none;*/
    font-size: 18px !important;
    color: #fff;
}

.checkboxdatacell {
    padding: 25px 0;
    font-size: 15px !important;
}

    .checkboxdatacell .CheckBox {
        font-size: 15px !important;
    }

    .checkboxdatacell input[type=checkbox] {
        height: 13px;
        width: 13px;
    }

    .checkboxdatacell .CheckBox label {
        color: #fff;
        vertical-align: bottom;
        padding-left: 10px;
        font-size: 15px;
    }

.btndatacell .button {
    background-color: #21415a;
    color: #fff !important;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    width: 165px;
    border-radius: 4px;
    height: 32px;
    padding: 5px 0;
}

.loginBody {
    height: 100%;
    vertical-align: middle;
}

.headerSize {
    width: 100%;
    height: 30px;
}

.EditSection_FormLabel {
    padding: 4px 0px 0px 2px;
}

.cellDetailLabel {
    font-weight: bold;
}

.cellDetailData {
}

.cellFormValidator {
    width: 10px;
    padding-top: 10px;
    padding-left: 4px;
    vertical-align: top;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.cellFormContent {
    padding: 5px 8px;
    width: 100%;
    vertical-align: top;
}

.cellFormInner table {
    padding: 2px 0px;
}

.cellFormInnerLabel {
    padding: 2px 8px 2px 0px;
    width: 150px;
    text-align: right;
    white-space: nowrap;
}

.cellFormInnerData {
    padding: 2px 8px 2px 0px;
    width: 200px;
}

.cellGridLabel {
    padding: 8px 8px 3px 1px;
    text-align: left;
    vertical-align: top;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    white-space: nowrap;
}

.cellGridData {
    padding: 5px 8px;
    width: 90%;
    vertical-align: top;
}

.cellGridValidator {
    padding: 10px 4px;
    width: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.cellGridContent {
    padding: 5px 8px;
    width: 100%;
}

#header {
    height: 38px;
}

.IRM_logo {
    width: 293px;
    height: 38px;
}

.header_right {
    width: 14px;
    height: 38px;
}

.header_bottom_line {
    height: 5px;
}

.contentHeadaer_left {
    width: 8px;
    height: 27px;
}

.contentHeadaer_middle, .contentHeadaer_middle span {
    font-size: 13px;
    text-align: left;
    padding-left: 5px;
}

.contentHeadaer_right {
    width: 8px;
    height: 27px;
}

.SideMenu_width {
    width: 150px;
    border-right-width: 5px;
    border-right-style: solid;
}

.EditGridCell {
    width: 250px;
    vertical-align: top;
}

.EditGridCellRight {
    width: 250px;
    vertical-align: top;
}

.EditContentCell {
    /*width: 100%;*/
    vertical-align: top;
}

.SideTreeCell {
    width: 200px;
    vertical-align: top;
    border-right-width: 5px;
    border-right-style: solid;
}

.KPIMiddleCell {
    width: 60%;
    vertical-align: top;
}

.SideListPanelCell {
    width: 250px;
    vertical-align: top;
    border-left-width: 5px;
    border-left-style: solid;
}

eal_width_left {
    width: 250px;
}

eal_width_right {
    width: 250px;
}

.dm_wrap {
    width: 100%;
    height: 100%;
    vertical-align: top;
    float: left;
}

    .dm_wrap .dm_ContentWrapper {
        vertical-align: top;
    }

/*
.audit-register-con .tabSeperator {
    position: absolute;
    top: 50px;
    z-index: 0;
}*/

.DIV_Border_Risk_Ratings {
    width: 99%;
    vertical-align: top;
}

.Table1 {
    width: 99%;
    text-align: center;
    vertical-align: middle;
    min-width: 340px;
}

.Executive_Top_Edge {
    background-position: bottom;
}

.Executive_Top_Edge1 {
    background-position: bottom;
}

.tborder {
    width: 99%;
    text-align: center;
    vertical-align: middle;
    min-width: 340px;
}

.Executive_Top_Edge {
    background-position: bottom;
    width: 200px;
    height: 1px;
}

.Executive_Top_Edge1 {
    background-position: bottom;
    width: 500px;
    height: 1px;
}

.Executive_Left_Edge {
    width: 2px;
}

.Executive_Right_Edge {
    width: 2px;
}

.Executive_Bottom_Edge {
    width: 400px;
}

.riskFadingFooter {
    width: 100%;
    height: 20px;
}

.ExecutiveDashboard .title {
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
    font-size: 13px;
}

td.sideTreeMenu {
    border-right-width: 1px;
    border-right-style: solid;
}

.wrap_project_risk {
    text-align: left;
}

.wrap_eis {
    left: 0px;
    top: 0px;
    visibility: hidden;
    position: absolute;
}

.TextHeader {
    padding: 1px;
    font-size: 14px;
    font-weight: bold;
}

.MisspelledWordStyle {
    font-weight: bold;
}

.toolbarButton {
    vertical-align: middle;
}

.cellFormDataBUnits {
    padding: 5px;
    vertical-align: middle;
}

.rightAlign {
    text-align: right;
}

div.tinySection {
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sectionToolbar {
    width: 100%;
    height: 22px;
    background-repeat: repeat-x;
}

.section {
    margin-bottom: 20px;
}

.treewiewOSTreeTD {
    width: 250px;
}

.treewiewOSTreeTR {
    width: 300px;
    height: 500px;
    overflow: auto;
}

.gridOSTreeTR {
    /*width: 100%;*/
    vertical-align: top;
}

.IPConfigurationTDMenu {
    vertical-align: top;
}

.IPConfigurationTD {
    width: 100%;
    vertical-align: top;
}

.IPConfigurationTDMenu {
    vertical-align: top;
}

.IPConfigurationTD {
    width: 100%;
    vertical-align: top;
}

.ChartTD {
    width: 100%;
    height: 200px;
}

.GraphTD {
    width: 100%;
}

.AQUlblEndDate {
    padding: 5px 10px 10px;
    text-align: left;
    vertical-align: top;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    white-space: nowrap;
    min-width: 100px;
}

.AQUtxtEndDate {
    padding: 0px 5px;
}

.QuickUpdateHeader {
    top: 110px;
    text-align: right;
    right: 3px;
    padding-right: 3px;
    float: right;
    position: absolute;
}

.KPIPro {
    text-align: right;
}

.Section {
    margin-bottom: 20px;
}

.GridArea {
    overflow: auto;
}

.frontDashboard {
    text-align: center;
}

.sectionSubHeader {
    font-size: 13px;
}

.section {
    margin-bottom: 20px;
}

.headerFormCellLabel {
    padding: 8px 8px 3px 3px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    min-width: 30px;
}

.headerFormCellData {
    padding: 5px 8px;
    width: 95%;
    vertical-align: top;
}

.RightListGrid {
    width: 250px;
    padding-left: 5px;
    vertical-align: top;
}

.menuParentDropDown {
    padding: 5px;
    width: auto;
    height: 20px;
    font-weight: bold;
}

.CenterGridArea {
    width: 100%;
    padding-left: 5px;
    vertical-align: top;
}

.Error {
    font-weight: bold;
}

.QuickSearchGrid {
    text-align: right;
}

.ScoreCardSecondTD {
    width: 5px;
}

.ScoreCardThirdTD {
    width: 49%;
    margin-left: 10px;
}

.ImportToInterplan {
    width: 100%;
    vertical-align: top;
}

.viewReportiframe {
    background-position: center;
    width: 100%;
    height: 95%;
    background-repeat: no-repeat;
}

.report_header_middle {
    text-align: right;
}

.lblWrap {
    font-size: 13px;
    font-weight: 700;
    white-space: normal;
}

.MoveTable {
    margin-top: 8px;
}

.MoveTableLabel {
    padding: 4px 8px 3px 3px;
    text-align: right;
    font-size: 13px;
    font-weight: 700;
    vertical-align: top;
    white-space: nowrap;
}

.MoveTable2 {
    width: 650px;
    margin-top: 8px;
}

.checkTable {
    margin-right: 5px;
    margin-left: 4px;
}

.history {
    padding-right: 0px;
    padding-left: 0px;
}

    .history .td {
        padding-right: 3px;
        padding-left: 3px;
    }

.SelectableImage {
    padding-top: 5px;
    padding-right: 10px;
}

.cellFormData1 {
    padding: 5px 8px;
    vertical-align: top;
}

.tinySection table td {
    height: 20px;
}

.reportConfigItem label {
    padding-left: 4px;
    font-size: 13px;
}

.ganttChart {
    width: 726px;
    height: 353px;
}

/*========== Interplan user Control Styles  End ============*/
.mandetarylabel {
    font-size: 13px;
}

#INTERPLAN_breadcrumb li a .button {
    padding: 5px;
    border: none;
    font-size: 13px;
}

.incomeGrid {
    overflow-x: scroll;
}

/* =============== Replicate KPI Date End ====================== */
/*========== Master Product Menu ============*/
.topproductsmenu a {
    display: block;
    width: 80px;
    height: 80px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 13px
}

.topproductsmenu span {
    width: 100%;
    float: left;
    padding: 10px 0 0 0;
}

/*========== Master Product Menu End ============*/
/*==========  Default tooltip style ============*/
.qtip-default {
    font-size: 13px;
    padding: 19px 10px 0 0 !important;
}

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 16px;
    font-weight: bold;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
}

.qtip-content {
    position: relative;
    padding: 0 0 8px 0;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
    margin: 0 3px 15px 0;
}

    .qtip-content span {
        display: block;
        padding: 15px 10px 9px 10px;
    }

.qtip-titlebar {
    position: relative;
    padding: 12px 35px 5px 10px;
    overflow: hidden;
    font-weight: bold;
    margin: 3px 3px 0 0;
}

    .qtip-titlebar + .qtip-content {
        border-top-width: 0 !important;
    }

/* Default close button class */
.qtip-close {
    position: absolute;
    right: 12px;
    top: 18px;
    cursor: pointer;
    outline: medium none;
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
    top: 16px;
}

/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

    .qtip-icon .ui-icon {
        width: 18px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        text-indent: 0;
        font: normal bold 13px Tahoma,sans-serif;
    }

/*==========  Default tooltip style  End============*/
/*========== My Performance / My Budget Summary Grid ============*/
.divBudgetSection .RowStyleGrandTotal td, .divBudgetSection .RowStyle td {
    font-size: 13px !important;
}

/*========== My Performance / My Budget Summary Grid End ============*/
/*========== Buttons ============*/
.PopupButton {
    width: 20px;
    height: 20px;
    border: 0px;
    cursor: pointer;
    /*font-weight: 800;*/
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
}

/*========== Buttons End ============*/
/*========== My Quick Update ============*/
.tasklabeldatacell {
    vertical-align: text-top;
    text-align: right;
}

.myUpdatefildegap {
    margin: 2px 0px;
}

.quickupdateFilter {
    padding: 5px 0px;
    float: left;
    width: 100%;
}

.myProjectfieldset {
    float: left;
    width: 48%;
}

.myprolabel {
    width: 37%;
    float: left;
    text-align: left;
    white-space: nowrap;
    margin-top: 5px;
}

.myproTextwrap {
    float: left;
    width: 100%;
    margin: 4px 0;
    padding: 0px 15px 15px 15px;
}

.quickfiltertextbox {
    float: left;
    width: 62%;
}


.quickupdatetextBox {
    font-size: .7em; /*padding: 2px;*/
    position: relative;
    overflow: hidden !important;
    z-index: 0 !important;
    height: 26px;
}

.quickupdatetextBox2 {
    font-size: .7em; /*padding: 2px;*/
    position: relative;
    overflow: hidden !important;
    z-index: 0 !important;
    height: 26px;
}

.DropDownListrisk {
    padding: 7px;
    /*font-size: 13px;*/
    z-index: 1;
    border-radius: 7px;
}

.multipleTextBox {
    padding: 6px 7px 7px 7px;
    height: 50px;
}

.calanderWidth {
    width: 130px;
}

.myUpdtHomeRiskDropdown {
    font-size: 13px;
    !important;
}

/*========== My Quick Update End ============*/
/*========== Tab Strip ============*/
.RadTabStripBottom_Interplan .rtsLevel1 .rtsUL {
    padding-top: 0;
}

/** rtsLI */
.RadTabStrip_Interplan .rtsLevel1 .rtsLI {
    list-style: none;
    display: inline;
}

.RadTabStripTop_Interplan .rtsUL .rtsLI,
.RadTabStripBottom_Interplan .rtsUL .rtsLI {
}

.RadTabStripTop_Interplan .rtsUL {
    margin: 0px 0px;
    padding: 0px;
}

    .RadTabStripTop_Interplan .rtsUL .rtsFirst,
    .RadTabStripBottom_Interplan .rtsUL .rtsFirst {
    }

/** rtsLink */
.RadTabStrip_Interplan .rtsLink {
    font-size: 1.0em;
    text-transform: capitalize;
    text-decoration: none;
    padding: 2px 4px !important;
}

.RadTabStripTop_Interplan .rtsLevel1 .rtsLink {
    border-bottom: 0;
}

.RadTabStripBottom_Interplan .rtsLevel1 .rtsLink {
    border-top: 0;
}

.RadTabStripRight_Interplan .rtsLevel1 .rtsLink {
    border-left: 0;
}

.RadTabStripLeft_Interplan .rtsLevel1 .rtsLink {
    border-right: 0;
}

/** rtsText */
.RadTabStrip_Interplan .rtsLevel .rtsOut,
.RadTabStrip_Interplan .rtsLevel .rtsIn,
.RadTabStrip_Interplan .rtsLevel .rtsTxt {
    padding: 0;
    text-decoration: none;
}

.RadTabStrip_Interplan .rtsLevel .rtsNextArrow {
    background-position: -18px 0;
}

.RadTabStrip_Interplan .rtsLevel .rtsPrevArrow {
    background-position: 0 0;
}

.RadTabStrip_Interplan .rtsLevel .rtsNextArrow:hover {
    background-position: -54px 0;
}

.RadTabStrip_Interplan .rtsLevel .rtsPrevArrow:hover {
    background-position: -36px 0;
}

.RadTabStrip_Interplan .rtsLevel .rtsPrevArrowDisabled,
.RadTabStrip_Interplan .rtsLevel .rtsPrevArrowDisabled:hover {
    background-position: -72px 0;
}

.RadTabStrip_Interplan .rtsLevel .rtsNextArrowDisabled,
.RadTabStrip_Interplan .rtsLevel .rtsNextArrowDisabled:hover {
    background-position: -90px 0;
}

.RadTabStripLeft_Interplan .rtsLevel .rtsNextArrow,
.RadTabStripRight_Interplan .rtsLevel .rtsNextArrow {
    background-position: -18px -20px;
}

.RadTabStripLeft_Interplan .rtsLevel .rtsPrevArrow,
.RadTabStripRight_Interplan .rtsLevel .rtsPrevArrow {
    background-position: 0 -20px;
}

.RadTabStripLeft_Interplan .rtsLevel .rtsNextArrow:hover,
.RadTabStripRight_Interplan .rtsLevel .rtsNextArrow:hover {
    background-position: -54px -20px;
}

.RadTabStripLeft_Interplan .rtsLevel .rtsPrevArrow:hover,
.RadTabStripRight_Interplan .rtsLevel .rtsPrevArrow:hover {
    background-position: -36px -20px;
}

.RadTabStripLeft_Interplan .rtsLevel .rtsPrevArrowDisabled,
.RadTabStripLeft_Interplan .rtsLevel .rtsPrevArrowDisabled:hover,
.RadTabStripRight_Interplan .rtsLevel .rtsPrevArrowDisabled,
.RadTabStripRight_Interplan .rtsLevel .rtsPrevArrowDisabled:hover {
    background-position: -72px -20px;
}

.RadTabStripLeft_Interplan .rtsLevel .rtsNextArrowDisabled,
.RadTabStripLeft_Interplan .rtsLevel .rtsNextArrowDisabled:hover,
.RadTabStripRight_Interplan .rtsLevel .rtsNextArrowDisabled,
.RadTabStripRight_Interplan .rtsLevel .rtsNextArrowDisabled:hover {
    background-position: -90px -20px;
}

/*========== Tab Strip End ============*/
/* ====================== Input interplan Css====================== */
/*Telerik RadInput Metro Skin*/
/*global*/
.RadInput_Interplan,
.RadInputMgr_Interplan {
    font-size: 13px;
}

/*textbox states*/
html body .RadInput_Interplan .riTextBox,
html body .RadInputMgr_Interplan {
    font-size: 13px;
}

html body .RadInput_Interplan .riDisabled,
html body .RadInput_Disabled_Interplan {
    cursor: default;
}

/*go*/
.RadInput_Interplan .riBtn a {
    width: 20px;
    height: 18px;
    line-height: 18px;
    background-position: 3px 5px;
}

    .RadInput_Interplan .riBtn a:hover {
        background-position: 3px -45px;
    }

/*spin*/
.RadInput_Interplan .riSpin a {
    width: 15px;
    height: 7px;
    line-height: 7px;
}

.RadInput_Interplan a.riUp {
    background-position: 4px -98px;
}

    .RadInput_Interplan a.riUp:hover {
        background-position: 4px -148px;
    }

.RadInput_Interplan a.riDown {
    background-position: 4px -199px;
}

    .RadInput_Interplan a.riDown:hover {
        background-position: 4px -249px;
    }

/*label*/
/*rtl*/
html body .RadInputRTL_Interplan .riError,
html body .RadInputRTL_Error_Interplan {
    background-position: 3px -298px;
}

.RadForm.rfdTextbox .RadInputRTL_Interplan .riError[type="text"],
.RadForm.rfdTextbox .RadInputRTL_Error_Interplan[type="text"] {
    background-position: 3px -298px;
}

/* ====================== Input interplan Css End====================== */
/* ====================== History Page ====================== */
.historyLogo {
    height: 50px;
    padding: 0 0 0 10px;
}

.historyLblhead {
    font-size: 20px;
    text-align: right;
    font-feature-settings: 'ss01', 'ss02';
    /*font-weight: bold;*/
}

.historylblcol {
    padding: 0 10px 0 0;
}

.reportmainlbl {
    font-size: 13px;
    font-weight: bold;
}

.Historytbl th {
    padding: 2px;
    height: 25px;
}

/* ====================== History Page End ====================== */
#IRM_breadcrumb {
    /*font: 11px/30px Arial, Helvetica, sans-serif;*/
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 30px;
    overflow: hidden;
    font-size-adjust: none;
    font-stretch: normal;
    background-repeat: repeat-x;
}

.breadcrumb {
    margin-bottom: 0px !important;
    background-color: #fff !important;
}

    .breadcrumb > li + li:before {
        color: #323250;
        content: "\003E\00a0" !important;
        font-size: 20px;
        font-weight: normal;
        padding: 0 3px !important;
    }

#IRM_breadcrumb li {
    padding-left: 10px;
    float: left;
    list-style: none
}

    #IRM_breadcrumb li span {
        background-position-y: bottom;
    }

#IRM_breadcrumb a {
    background-position: right;
    height: 30px;
    padding-right: 15px;
    text-decoration: none;
    display: block;
    background-repeat: no-repeat;
    color: #323250 !important;
    font-size: 13px;
}

.brLabel {
    font-size: 13px !important;
    color: #323250 !important;
}

.Executive_MM {
    width: 500px;
    margin-bottom: 10px;
}

.EISTopGroup {
    position: relative;
    z-index: 99;
    cursor: pointer;
}

.EISDefaultTab {
    cursor: pointer;
}

.EISDefaultTabHover {
    cursor: pointer;
}

.EISSelectedTab {
    cursor: default;
}

.EISDisabledTab {
    cursor: default;
}

.EISMultiPage {
    top: -1px;
    width: 487px;
    height: 250px;
    position: relative;
    z-index: 98;
}

.EISRiskTopGroup {
    position: relative;
    z-index: 99;
    cursor: pointer;
}

.EISRiskDefaultTab {
    cursor: pointer;
}

.EISRiskDefaultTabHover {
    cursor: pointer;
}

.EISRiskSelectedTab {
    cursor: default;
}

.EISRiskDisabledTab {
    cursor: default;
}

.EISRiskMultiPage {
    top: -1px;
    width: 487px;
    height: 250px;
    position: relative;
    z-index: 98;
}

.EISGrid {
    cursor: pointer;
}

.EISGridFooter {
    border-width: 0px 5px;
    border-style: none solid;
    padding: 5px;
    height: 40px;
    vertical-align: bottom;
    cursor: default;
}

.EISGridFooterText {
    font-size: 13px;
}

.EISGridHeadingRow {
    background-position: bottom;
}

.EISGridHeadingCell {
    background-position: bottom;
    height: 26px;
    border-right-width: 1px;
    border-right-style: solid;
}

.EISGridHeadingCellHover {
    background-position: bottom;
}

.EISGridHeadingCellActive {
    background-position: bottom;
}

.EISGridHeadingRow td.FirstHeadingCell {
    background-position: bottom;
}

.EISGridHeadingCellText {
    text-align: left;
    padding-left: 10px;
    font-size: 13px;
    font-weight: bold;
}

.EISGridRow {
    padding: 4px;
    cursor: default;
}

.EISGridDataCell {
    padding: 4px;
    font-size: 13px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.EISGridSelectedRow td.DataCell {
    padding: 2px 2px 1px 3px;
    font-size: 13px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-right-style: none;
    border-bottom-style: solid;
}

.EISGridSelectedRow td.FirstDataCell {
    padding-right: 3px;
    padding-left: 2px;
    border-right-width: 0px;
    border-left-width: 1px;
    border-right-style: none;
    border-left-style: solid;
}

.EISGridSelectedRow td.LastDataCell {
    border-right-width: 1px;
    border-right-style: solid;
}

.EISAlertsDivs {
    padding: 2px;
    font-size: 13px;
}

    .EISAlertsDivs td {
        padding: 5px 0 5px 5px !important;
        vertical-align: middle;
        height: 30px;
    }

        .EISAlertsDivs td .label {
            font-size: 15px;
            color: #00415d !important;
            /*font-weight: 500;*/
        }

.EISAlertsDivs_Last {
    padding: 8px;
    font-size: 13px;
}

.EISAlertsRows {
    padding: 10px 5px;
}

.EIS_AlertsBody {
    width: 99%;
    display: none;
}

.EISAlertsDivs_Body {
    width: 96%;
    display: none;
}

.EISAlertsHeaderRow {
    height: 20px;
    padding-top: 5px;
    padding-left: 5px;
    font-size: small;
    font-weight: bold;
    margin-top: 5px;
}

.EISAlertsRows {
    text-align: left;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

.AlertsGrid {
    cursor: pointer;
}

.aspTable .header {
    height: 50px;
}

.riskRatingcont {
    min-height: 60px;
}

.EmailGridwithfix {
    overflow: scroll;
}

#QuicksearchWidthfix {
    overflow: hidden;
    min-width: 960px;
}

#QuicksearchWidthfix {
    overflow: hidden;
    min-width: 800px;
}

.qucikriskupdate .myUpdatefildegap {
    margin: 7px 0px;
}

.Emailpanelwidthfix {
    overflow: auto;
    width: calc(100vW - 320px);
    height: calc(100vh - 160px);
}

.GridView .FooterStyle, .GridView .FooterStyle td, .GridView .HeaderStyle {
    padding: 4px;
    vertical-align: top;
}

/* ====================== Grid Edit Button Start ====================== */
a.btn_gridRightEdit {
    /*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);*/
    /*padding: 4px 0px 4px 0px;*/
    padding-top: 5px;
    padding-bottom: 3px !important;
    color: white;
    font-variant: small-caps;
    float: right;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    writing-mode: tb-rl;
    font-size: 14px;
    text-transform: uppercase;
}

/*a.btn_gridRightEdit:hover
{
    background-color: #2195C9;
    color: white;
    white-space:nowrap;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=  '#fcbc29', EndColorStr='#d7820d');
    background: -moz-linear-gradient(left, #fcbc29, #d7820d);
    background: -webkit-gradient(linear, left top, left bottom, from(#fcbc29), to(#d7820d));
}*/
/* ====================== Grid Edit Button End ====================== */
.btn_gridRightEdit:visited {
    white-space: pre-line;
    color: #fff;
    padding-right: 2px;
}

/* ====================== Contact Edit Wrapper ====================== */
.ContacteditDiv {
    width: 749px;
    background-color: #c7e5ff;
    background-image: url(../../resources/images/directory/editorback.gif);
    background-repeat: repeat-x;
    text-align: center;
    margin-left: 29px;
}

.ContacteditTbl {
    height: 467px;
    width: 749px;
    background-color: #c7e5ff;
    background-image: url(../../resources/images/directory/editorback.gif);
    background-repeat: repeat-x;
}

#divQuickUpdateFilter {
    float: right;
}

/*================= Authorised/Administration/InterplanConfiguration ==================*/

.IntConfig_splcheck {
    width: 85%;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.IntConfig_splcheck li {
    display: inline !important;
    margin: 2px 0px 2px 0px;
    width: 45px;
    float: left;
}

    ul.IntConfig_splcheck li:nth-last-child(1) {
        border: none;
        padding: 0px 0px 0px 0px;
    }

    ul.IntConfig_splcheck li:nth-last-child(26) {
        /*padding: 0px 5px 0px 0px;
        margin: 2px 5px 2px 0px;*/
    }

.IntConfig_splcheck_ListBox {
    width: 80%;
    height: 300px;
    margin: 2px 0px 5px 0px;
}

.configlinkButtons {
    width: 24px;
    height: 24px;
    background: url('media/toolbar_icon/Editnew.png') no-repeat;
}

/*================= Authorised/Administration/InterplanConfiguration end==================*/

/*.lblActionProgress*/

.rowheight40 {
    height: 24px;
}

.riskMatrixCell {
    text-align: center !important;
    width: 42px;
    height: 30px;
    cursor: pointer;
}

.riskMatrixCellfontBlack {
    text-align: center !important;
    width: 42px;
    height: 30px;
    cursor: pointer;
}

.riskMatrixCellX {
    vertical-align: top;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    /*width: 16.5% !important;*/
    height: 80px;
    color: #585454;
    width: 67px;
    /*text-align:right;*/
    /* Safari */
    /*-webkit-transform: rotate(-90deg);*/
    /* Firefox */
    /*-moz-transform: rotate(-90deg);*;/
    /* IE */
    /*-ms-transform: rotate(-90deg);*/
    /* Opera */
    /*-o-transform: rotate(-90deg);*/
    font-size: 11px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.riskMatrixCellY {
    padding-left: 2px;
    padding-right: 2px;
    text-align: right;
    white-space: nowrap;
    font-size: 11px;
    color: #323250;
}

#divLegendBar {
    margin-top: 15px;
    display: none;
}

.leftAlign {
    text-align: left !important;
}


.analysysMatrixBox {
    background-color: #fff;
    padding: 3px;
    /*margin:5px;*/
    margin-bottom: 5px;
}


.analysysMatrixBoxHeader {
    background-color: #F7F7F9 !important;
    /*padding:5px;*/
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.analysysDoughnutBoxHeader {
    /*padding:5px;*/
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    padding: 12px;
    background-color: #f7f7f9;
    text-align: left;
    border-radius: 7px 7px 0 0;
    border-bottom: 1px solid #e0e0e0;
}

    .analysysDoughnutBoxHeader .label {
        font-size: 16px;
        /*font-weight: bold;*/
    }

.padding5 {
    padding: 5px;
}

.analysysChartContainerWidth {
    width: 23%;
    border: 1px solid #E0E0E0;
    min-height: 370px;
    margin: 0;
    border-radius: 7px 7px 0 0;
    margin: 10px 0px 10px 21px;
}

    .analysysChartContainerWidth > div {
        margin: auto;
    }

.riskMatrixCellXLable {
    text-align: center;
    vertical-align: central;
    font-weight: 500;
    color: #323250;
}

.riskMatrixCellYLable {
    color: #323250;
    -ms-transform: rotate(-90deg);
    font-weight: 500;
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    vertical-align: middle;
}

.riskMatrixCellOverallLabel {
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding-left: 30px;
    padding-right: 5px;
    color: #323250;
}

.riskMatrixCellOverallLabel2 {
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #323250;
}

tr:nth-child(2) td.riskMatrixCellOverallData, tr:nth-child(2) td.riskMatrixCellOverallDatafontBlack {
    text-align: center !important;
    width: 54px;
    height: 30px;
    cursor: pointer;
    /*color:;*/
    border: 1px #fff solid;
    font-size: 11px;
    /*text-shadow: 0px 0px 10px rgba(150, 150, 150, 1);*/
}

.ovDataColor {
    color: #323250 !important;
}

.ovfSize {
    font-size: 13px !important;
}

.overallRatingTable tr:nth-child(3) .riskMatrixCellOverallData[title~="Low"], .overallRatingTable tr:nth-child(3) .riskMatrixCellOverallData[title~="Moderate"], tr:nth-child(3) .riskMatrixCellOverallData[title~="High"], .overallRatingTable tr:nth-child(3) .riskMatrixCellOverallData[title~="Extreme"], #divRiskChart .overallRatingTable tr:nth-child(3) td {
    color: #6d6b6c;
    font-size: 11px;
    text-shadow: none;
    /*background-color:#f7f7f7 !important;*/
    /*border:none;*/
}

.overallRatingTable td {
    font-size: 11px;
}

.overallRatingTable tr:first-child .riskMatrixCellOverallLabel {
    /*border:6px solid #EFEFEF !important;
background-color:#EFEFEF;*/
    text-align: center;
    padding: 0px;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 10px;
}

.analysysChartContainerWidth32 {
    width: 32%;
}

.analysysChartContainerWidth49 {
    width: 49%;
}

.analysysChartContainerWidth4 {
    width: 4%;
}

.reportTblRowseparator {
    visibility: collapse;
}

.analysysImgInitialRiskPosition {
    margin-top: -15px;
}

.riskHeatMapLegendPaddingLeft {
    padding-left: 95px;
}

.legendSmallFont {
    font-size: 13px;
    padding: 0 8px;
}

.reportfooterContent {
    margin-top: 1px;
    padding: 5px 0;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    right: 0px;
    left: 0px;
    background: #D82E2A;
}

    .footerContent .left-Side, .reportfooterContent .left-Side {
        float: left;
        clear: right;
    }

        .footerContent .left-Side a, .reportfooterContent .left-Side a {
            text-decoration: none !important;
            color: #fff !important;
            font-size: 13px;
            margin: 1px 10px;
            vertical-align: middle;
        }

.footerContent .alginRight .label {
    color: #fff;
    font-size: 13px;
    margin: 1px 10px;
    vertical-align: middle;
}





@media \0screen {
    select:focus {
        width: auto !important;
    }
}


.solutiontextboxmargin {
    margin-top: 20px;
}

.analysysFilterArea {
    float: left;
    width: 100%;
}


.quickfiltertextboxAssFltr {
    width: 30%;
    float: left;
}


.myprolabelAssFltr {
    width: 20%;
    float: left;
    text-align: right;
    white-space: nowrap;
    margin-top: 5px;
}

/*********** product navigation page ***************/
.accessDeniedHeader {
    padding: 10px;
    width: auto;
    height: 70%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

.lock_img {
    background: url('media/header/lock_IRM.png') center no-repeat;
    width: 119px;
    height: 119px;
}

.errorimgproductnav {
    text-align: center;
    line-height: 50px;
}

.errormsgproductnav {
    text-align: center;
    line-height: 24px;
    padding: 30px;
    font-size: 18px;
    font-weight: 400;
    color: #888;
}

/*****Action project user control*******/

.actionprojectlbl {
    width: 20%;
    text-align: right;
    white-space: nowrap;
}

.actionprojectcombo {
    padding: 2px 0px 4px 0px;
    vertical-align: middle;
    text-align: left;
}

    .actionprojectcombo .dropdownWidthLiq7 {
        width: 30.25% !important;
    }

.eisRiskGridHeight {
    min-height: 700px !important;
}



    .eisRiskGridHeight .pane-middle {
        height: auto !important;
        margin-bottom: 50px;
    }

.ui-widget {
    font-size: 13px;
    !important;
}

.ui-dialog .ui-widget-header {
    background: #d82e2a !important;
    border: none;
    color: #FFF;
    font-size: 13px;
    !important;
}



.ui-widget-content .ui-state-default {
    /*background:#4d4d4d !important;*/
    color: #FFF !important;
    font-weight: normal !important;
    border: none !important;
    font-size: 13px;
    !important;
}



.ui-dialog-titlebar-close {
    background-color: transparent !important;
}


.ui-button-text {
    background: #4d4d4d !important;
}

.analysysMatrixFilterContent .labeldatacellLeft, .analysysMatrixFilterContent .labeldatacellLeft, .analysysMatrixFilterContent .labeldatacellLeft {
    padding-left: 2px !important;
}

#divGrid {
    overflow-x: auto;
    min-width: 100%;
    padding: 0 27px 0;
    margin-top: 70px;
}

.quickupdateGridMargin1 {
    margin-left: 20px !important;
    margin-right: -80px !important;
}

.divMultipleTreatment {
    /*width:600px !important;*/
}

.RRAtrExistingControlGrid {
    overflow-x: auto;
    /*width:850px !important;*/
}
/*#riskcontrolgriddiv {
    overflow-x:auto !important; 
    overflow-y:auto !important; 
    height:200px !important;
}*/


#divExisitnngControlGridouter {
    overflow-x: auto !important;
    overflow-y: auto !important;
    height: 425px !important;
    /*width:840px !important;*/
}

.divEISRiskControlGrid {
    overflow-x: auto !important;
    overflow-y: auto !important;
    height: 200px !important;
}

#tblAudit th {
    min-width: 120px !important;
}

.paddingTop40 {
    padding-top: 40px !important;
}

.controltemplateleftmargin {
    margin-left: 5px;
    margin-right: 5px;
    overflow-x: auto !important;
    overflow-y: auto !important;
    padding-right: 10px;
    /*height:530px;*/
}

.reportUploadgridtxt {
    max-width: 900px;
    word-wrap: break-word;
}

#divMinMaxSection {
    position: relative;
}

.mandatoryfields {
    color: red;
    vertical-align: auto;
}

.cellFormValidator {
    padding-top: 5px;
}


.GridViewauditememailrules {
    width: 100%;
}

    .GridViewauditememailrules .HeaderStyle th, .scorecardgrid .GridViewauditememailrules .HeaderStyle td, .GridViewauditememailrules .HeaderStyle .label {
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        padding-left: 4px;
        height: 25px;
        vertical-align: middle;
    }

    .GridViewauditememailrules .HeaderStyle th {
        border: 0;
        text-align: left;
    }

    .GridViewauditememailrules .EditRowStyle td {
        padding: 2px 2px;
    }

    .GridViewauditememailrules a {
        text-decoration: underline;
        cursor: pointer; /*font-size:13px;*/
    }

    .GridViewauditememailrules .RowStyle td {
        padding: 4px;
    }



        .GridViewauditememailrules .RowStyle td table td, .GridViewauditememailrules .AlternatingRowStyle td table td, .GridViewauditememailrules td table td table td {
            /*padding: 0px;*/
            border: none !important;
            font-size: 13px;
        }

        .GridViewauditememailrules .RowStyle td table td, .GridViewauditememailrules .AlternatingRowStyle td table td, .GridViewauditememailrules .FooterStyle td table td {
            border: none;
        }

    .GridViewauditememailrules .RowStyle td, .GridViewauditememailrules .AlternatingRowStyle td, .GridViewauditememailrules .FooterStyle td {
        border: none;
        font-size: 13px;
    }

        .GridViewauditememailrules .RowStyle td .mandatory, .GridViewauditememailrules .AlternatingRowStyle td .mandatory, .GridViewauditememailrules .FooterStyle td .mandatory {
            font-size: 16px;
        }

.droppable .FooterStyle td {
    height: 50px;
}

.GridViewauditememailrules .RowStyle td .label, .GridViewauditememailrules .AlternatingRowStyle td .label, .GridViewauditememailrules .HeaderStyle .label {
    border: none;
    font-size: 13px;
    !important;
}

.GridViewauditememailrules .FooterStyle td .label {
    border: none;
    font-size: 13px;
    !important;
}

.GridViewauditememailrules .RowStyle td .button, .GridViewauditememailrules .AlternatingRowStyle td .button, .GridViewauditememailrules .FooterStyle td .button, .GridViewauditememailrules .HeaderStyle .button {
    font-size: 13px;
}

.GridViewauditememailrules .RowStyle td .multipleTextBox, .GridViewauditememailrules .AlternatingRowStyle td .multipleTextBox, .GridViewauditememailrules .FooterStyle td .multipleTextBox, .GridViewauditememailrules .HeaderStyle .multipleTextBox {
    font-size: 13px;
}

.GridViewauditememailrules .EditRowStyle .button {
    font-size: 13px;
}

.GridViewauditememailrules .RowStyle td .DropDownList, .AlternatingRowStyle td .DropDownList, .GridViewauditememailrules .FooterStyle td .DropDownList {
    font-size: 13px;
}

.GridViewauditememailrules .RowStyle td .textBox, .GridViewauditememailrules .AlternatingRowStyle td .textBox, .DropDownList .AlternatingRowStyle td .textBox, .GridViewauditememailrules .FooterStyle td .textBox {
    font-size: 13px;
}

.DataGrid .ItemStyle td .textBox, .DataGrid .AlternatingItemStyle td .textBox {
    font-size: 13px;
}

.GridViewauditememailrules .RowStyle td a, .DropDownList .AlternatingRowStyle td a, .GridViewauditememailrules .FooterStyle td a {
    font-size: 13px;
}

.RowStyle a, .SelectedRowStyle a, .ItemStyle a, .SelectedItemStyle a {
    padding-right: 4px;
    /*padding-top: 4px;*/
    padding-bottom: 4px;
}

.GridViewauditememailrules .AlternatingRowStyle, .GridViewauditememailrules .AlternatingRowStyle td, .GridViewauditememailrules .RowStyle, .GridViewauditememailrules .RowStyle td {
    padding: 4px;
}

.Emailpanelwidthfix .GridViewauditememailrules .AlternatingRowStyle, .Emailpanelwidthfix .GridViewauditememailrules .AlternatingRowStyle td, .Emailpanelwidthfix .GridViewauditememailrules .RowStyle, .Emailpanelwidthfix .GridViewauditememailrules .RowStyle td {
    padding: 4px;
}

.AlternatingRowStyle a, .RowStyle a, .ItemStyle a, .SelectedItemStyle a, .SelectedRowStyle a {
    padding-right: 4px;
    /*padding-top: 4px;*/
    padding-bottom: 4px;
}

.GridViewauditememailrules .FooterStyle, .GridViewauditememailrules .FooterStyle > td,
.GridViewauditememailrules .HeaderStyle {
    padding: 20px 12px !important;
}

.GridViewauditememailrules .SelectedRowStyle td {
    padding: 4px;
    font-weight: bold;
}

.GridViewauditememailrules .EditRowStyle td td {
    border: none;
}

.GridViewauditememailrules .CheckBox label {
    font-size: 13px;
}

.GridViewauditememailrules .FooterStyle td {
    padding-left: 4px;
}

.GridViewauditememailrules .EmptyDataRowStyle {
    border: 0px;
    vertical-align: middle !important;
    height: 27px;
    font-size: 13px;
}

    .GridViewauditememailrules .EmptyDataRowStyle .label {
        vertical-align: middle !important;
        margin: 0px;
        padding: 0px;
    }

.GridViewauditememailrules .PagerStyle {
    height: 25px;
    font-weight: bold;
    font-size: 13px;
    padding: 10px;
}

.GridViewauditememailrulesStartDate {
    padding: 0px 4px !important;
}

.GridViewauditememailrulesRecipient {
    padding: 0px 0px !important;
}


.framework_imageArea {
    width: 100px;
}

.RadComboBox_Default .rcbArrowCellRight {
    background: transparent url("saas/icons.svg") no-repeat -29px -3940px !important;
    width: 22px !important;
    height: 22px !important;
    /*background-position: center !important;*/
    padding-left: 4px !important;
}

.ccArrowHide .rcbArrowCell.rcbArrowCellRight {
    display: none !important;
}

.dropdownWidthLiqNew6 {
    width: 70% !important;
}

.RadComboBoxDropDown_Default {
    border-color: #c8d1da !important;
}
/*.columnwidthfix
{

    display:table;
}*/

#divQuickUpdateFilter .RadComboBoxDropDown {
    min-width: 230px;
}

.RadComboBox_Default .rcbInputCell {
    background: #ffffff !important;
    border-left: 0px solid #c8d1da !important;
    border-top: 0px solid #c8d1da !important;
    border-bottom: 0px solid #c8d1da !important;
    border-radius: 5px;
}


/*  All pages Inner Line Styles replaced with new classes.
*   class names represent according to html tag name + page name or html tag id name + page name. 
*   Eg: tblAnalysisService => 
*           tbl -> <table> , 
*           AnalysisService -> AnalysisService.aspx
*
*/

/****** AnalysisServices\EIS.aspx ******/

.tdEISLoadingPanelClientTemplate {
    font-size: 13px;
}

.divEISDataCell {
    width: 175px;
    float: left;
}

/******* AnalysisServices\RiskSnapShot.aspx *******/

.RiskSnapShot-tbl1 {
    margin-left: 15px;
}

.RiskSnapShot-td1 {
    font-weight: bold;
    height: 21px;
}

.RiskSnapShot-td2 {
    height: 21px;
    width: 74%;
}

.RiskSnapShot-td3 {
    width: 74%;
}

.RiskSnapShot-td9 {
    font-size: 16px;
    font-weight: bold;
    Color: #004462;
}

.RiskSnapShot-tbl3 {
    vertical-align: middle;
    min-width: 350px;
    text-align: left;
    width: 100%;
}

.RiskSnapShot-tr2 {
    height: 1px;
}

.RiskSnapShot-td7 {
    width: 96%;
}

.RiskSnapShot-td6 {
    width: 50%;
}

.asptblRiskSnapShot {
    border-color: #9d9d9d;
    border-style: solid;
    border-width: 0px;
}

.RiskSnapShot-td4 {
    width: 200px;
}

.RiskSnapShot-tbl4 {
    margin-left: 30px;
}

.RiskSnapShot-td8 {
    height: 21px;
    width: 470px;
}

.asplblRiskSnapShot {
    font-weight: bold;
}

/****** AnalysisServices\TransactionDrilldownPopup.aspx ******/

.ifarmeDrillDownPopup {
    visibility: hidden;
    height: 0px;
    width: 0px;
    border: 0px;
}

.aSliverLight {
    text-decoration: none;
}

.imgSliverLight {
    border-style: none;
}

.silverlightControlHost {
    height: 100%;
    text-align: center;
}

/******* AnalysisServices\ViewComment.aspx ********/

.btnViewComment {
    width: 100px;
    height: 20px;
    border: 1px;
    background-image: url(../bBtuttonBg.gif);
    background-repeat: no-repeat;
    background-color: #fff;
    color: #666666;
    vertical-align: middle;
}

/****** Authorised\Audit\ProjectRiskHistory.aspx *******/

.asptblProjectRiskHistory {
    border-collapse: collapse;
    width: 100%;
}

/*****  Authorised\AuditManagement\Audit\AuditDetailHistory.aspx  ******/

.asptblAuditDetailHistory {
    border-collapse: collapse;
}

/***** Audit\MVC_Frame.aspx + AuditRegister\RegisterPopUp.aspx *****/

.screenDiv {
    float: left;
}

/***** Authorised\Reporting\ViewReport.aspx ****/

.tinySection {
    vertical-align: top;
}

.iframeViewReport {
    background-image: url('../../resources/images/logos/i-animation.gif');
    background-position: center;
    background-repeat: no-repeat;
}

/****** Authorised\Reporting\ViewReportPull.aspx ******/

.dvReportWindowHeight {
    width: 99%;
}

.iframeViewReportPull {
    width: 100%;
    height: 95%;
    background-image: url('../../resources/images/logos/i-animation.gif');
    background-position: center;
    background-repeat: no-repeat;
}

/***** Authorised\RiskManagement\RiskConsequenceDescription.aspx *****/

.dvRiskConsequenceDescrip {
    min-width: 900px;
    overflow-x: auto;
    background-color: #f5f5f5 !important;
}

/*****  AnalysisMaster.master  ******/
/***** Authorised\DefaultMaster.master *****/

.preloader {
    visibility: hidden;
}

.dvpreloader {
    left: 0px;
    top: 0px;
    /*width: <%= System.Windows.Forms.Screen.PrimaryScreen.Bounds.Width %> - 1px; 
    height: <%= System.Windows.Forms.Screen.PrimaryScreen.Bounds.Height %>px; 
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50);*/
    position: absolute;
    z-index: 9999;
    opacity: 0.5;
    background-color: rgb(170, 170, 170);
}

/******  Authorised\MultipleHierarchy.Master ******/

.dvMainContent {
    height: 90%;
}

.tblMainContent {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.tdMainContent {
    width: 100%;
    height: 100%;
}

/***** AnalysisMaster.master  ******/
/***** Authorised\DefaultMaster.master *****/
/***** Authorised\Reporting\ViewReport.aspx ****/
/***** Authorised\Audit\StrategicHistory.aspx ******/
/***** AnalysisServices\RiskSnapShot.aspx *******/

.aspRiskStrategicAnalysis {
    display: none;
}

/***** Authorised\ServiceDelivery\ServiceProfileGroup.aspx ******/
/***** Authorised\Audit\ManageUserHistory.aspx *******/
/***** Authorised\QuickUpdate\QuickPasswordChange.aspx *****/
/***** AnalysisServices\AnalysisServices.aspx *******/

.tbltdProfileManage {
    width: 100%;
}

/****** Authorised\AuditManagement\Recommendation\NewRecommendation.aspx ******/
/****** AnalysisServices\AnalysisServices.aspx *******/

.tdNwRcmndtnAnlysSrvce {
    width: 100%;
    vertical-align: top;
}

/***** Authorised\RiskManagement\ ...RiskItems.aspx + Utilities.aspx + SettingUI.aspx *****/
/***** AnalysisServices\RiskSnapShot.aspx *******/

.dvRiskSnapItems {
    text-align: left;
}


/************* SAAS ***********/
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}
/*.yamm .dropdown-menu {
  left:0;
  border:none;
  padding:0px;
}*/
.yamm .yamm-content {
    padding: 20px 30px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}
/*!
 * Yamm!3
 * Yet another megamenu for Bootstrap
 * http://geedmo.github.com/yamm3
 *
 * Demo styles
 */

/* layout */
body {
    padding-bottom: 40px;
    color: #666;
}

pre {
    margin: 0;
    padding: 10px 20px !important;
}

footer {
    margin-top: 200px;
}

.container, .jumbotron .container {
    width: auto;
    max-width: 1170px;
}

.jumbotron {
    margin: 60px 0;
    padding-left: 0;
    padding-right: 0;
}

    .jumbotron.intro {
        margin-top: 0;
    }

    .jumbotron .navbar {
        font-size: 13px;
        line-height: 1.6;
    }

/* menu styes */
.list-unstyled,
.list-unstyled ul {
    min-width: 185px;
}

@media ( min-width: 767px ) {
    .panel-group {
        width: 400px;
    }

    .thumbnail {
        margin: 0;
    }
}

/* Grid demo styles */
.grid-demo {
    padding: 10px 30px;
}

    .grid-demo [class*="col-"] {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 1em;
        text-align: center;
        line-height: 2;
        background-color: #e5e1ea;
        border: 1px solid #d1d1d1;
    }

.yamm .dropdown-menu {
}
/** Yamm!3 - Yet another megamenu for Bootstrap 3*/
.strategicRiskGridDiv,
#divOperationalRiskRegisterGrid,
#divCorporateRiskRegisterGrid,
.ProjectRiskSummaryGrid,
#divStrategicRiskRegisterGrid {
    padding: 0 27px 0;
    margin-top: 80px;
}

.ctrRegheight {
    margin-top: 55px;
}



.RadGrid .rgRow, .RadGrid .rgAltRow {
    font-size: 14px;
}

    .RadGrid .rgRow > td, .RadGrid .rgAltRow > td, .RadGrid .rgEditRow > td, .RadGrid .rgFooter > td {
        padding: 20px 12px !important;
    }

        .RadGrid .rgRow > td.btn-col, .RadGrid .rgAltRow > td.btn-col, .RadGrid .rgEditRow > td.btn-col, .RadGrid .rgFooter > td.btn-col {
            padding: 20px 0 !important;
        }

    /*.RadGrid .rgFooter > td:first-child {
            padding-left: 0 !important;
        }*/

    .RadGrid .rgRow td:first-child, .RadGrid .rgAltRow td:first-child {
        /*border-left:solid 5px #3494d1;
    border-collapse:separate;
    color:#3494d1;
    font-weight:600;
    margin-left:5px;*/
        /*padding-left: 0 !important;*/
    }

    .RadGrid .rgRow td:nth-child(2) a, .RadGrid .rgAltRow td:nth-child(2) a, .GridColumnLink a {
        color: #0050a0 !important;
        /*padding-left:10px !important;*/
    }

.GridColumnLinknonepadding a {
    color: #23527B !important;
}

.RadGrid_IRM .rgRow a, .RadGrid_IRM .rgAltRow a, .RadGrid_IRM tr.rgEditRow a, .RadGrid_IRM .rgFooter a, .RadGrid_IRM .rgEditForm a {
    text-decoration: none;
    font-family: 'Graphik Medium Desktop';
}

.navbarIrm {
    background-color: #0050A0;
    z-index: 1000000;
    min-height: 46px;
}

.navbar-brand {
    padding: 0px 9px 0px 15px;
    margin: 12px 0px 0px 0px;
    height: auto;
}

.clientlogosaas {
    padding: 0px 20px 0px 12px;
    border-left: 1px #fff solid;
    height: 25px;
    margin: 10px 0 6px 0px !important
}

.clientlogoImage {
    padding: 1px 20px 0px 30px !important;
    border-left: 1px #fff solid;
    margin: 11px 0px 6px 0px !important;
}



.navbar-default .navbar-nav > li > a > img {
    width: 32px;
    height: 32px;
}


.yamm-content {
    background-color: #122331;
}

.navbar-nav .img-circle {
    position: absolute;
    top: 6px;
    right: 18px;
    width: 27px;
    height: 27px;
}

.loginUserimage {
    height: 5px;
}

.navbar-default .navbar-nav > li > a > img.img-circle {
    width: auto;
}

.profile {
    padding: 5px 53px 4px 0px !important;
}

.name {
    font-size: 14px;
    font-weight: 500;
}

.user-menu span designation {
    text-align: right !important;
}

.designation {
    color: #fff;
    font-size: 13px;
    text-align: right;
    line-height: 10px;
}

.navbar-default .navbar-nav > li > a {
    color: #fff !important;
    height: 40px;
    padding: 1px 4px;
}

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #dbe3e8;
    }

.titleNav {
    color: #fff;
    border: none;
    padding-left: 15px;
}

.mainNavi .titleNav:hover {
    color: #afd7fa;
    border: none;
    padding-left: 15px;
}

.titleNav p {
    text-transform: uppercase;
    font-weight: normal;
}

.mainNavi li a {
    color: #6c8599;
    text-decoration: none;
}

    .mainNavi li a:hover {
        color: #3494d0;
        text-decoration: none;
    }

.mainNavi li {
    padding-left: 15px;
    font-size: 13px;
    line-height: 25px;
}

    .mainNavi li:hover {
        border-left: 4px solid #3494d0;
        padding-left: 11px;
    }

.mainNavi ul {
    padding: 0px;
    min-height: 160px;
    border-left: solid 1px #153244
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
}

.verticleMenu {
    position: fixed;
    top: 45px;
    left: 0px;
    width: 45px;
    max-width: 45px;
    height: 100%;
    background-color: #ECEFF6;
    z-index: 4;
}

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

.btn-group-vertical.irmworkspacetoolbar > .btn, .btn-group-vertical.irmworkspacetoolbar > .btn-group, .btn-group-vertical.irmworkspacetoolbar > .btn-group > .btn {
    display: block;
    float: none;
    width: 45px;
    max-width: 100%;
    height: 65px;
    background-color: transparent;
    padding: 0;
    background-image: url('saas/icons.svg');
    background-repeat: no-repeat;
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
    border-bottom-style: none;
}

    .btn-group-vertical.irmworkspacetoolbar > .btn.q01 {
        background-position: -4px -123px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q02 {
        background-position: -2px -370px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q03 {
        /*background-position-x: -2px;
    background-position-y: -300px;*/
        background-position: -3px -310px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q04 {
        background-position: -2px 4px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q05 {
        background-position: -1px -246px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q06 {
        background-position: 0 -185px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q07 {
        background-position: 0 -62px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q08 {
        background-position: 0 -554px;
    }
        /*.btn-group-vertical.irmworkspacetoolbar>.btn.q08.btn-default:hover{
    background-position: -48px -555px;
}*/
        .btn-group-vertical.irmworkspacetoolbar > .btn.q08 img {
            border: none;
        }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q09 {
        background-position: -2px -496px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q10 {
        background-position: -3px -620px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q11 {
        background-position: -40px -5615px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q12 {
        background-position: 0 -745px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q13 {
        background-position: 0px -800px;
    }

    .btn-group-vertical.irmworkspacetoolbar > .btn.q14 {
        background-position: 0 -860px;
    }


    /* Introduced new LHS menu icon for Survey Register */
    .btn-group-vertical.irmworkspacetoolbar > .btn.q15 {
        /*background-image: url('saas/surveyRegIcon.svg');*/
        background-position: -16px -2840px;
    }

.btn-group-vertical.irmworkspacetoolbar .btn.q15:hover {
    background-position-x: -16px -2840px;
}
/* END: Introduced new LHS menu icon for Survey Register */



.btn-group-vertical.irmworkspacetoolbar .btn-default:hover svg, .btn-group-vertical.irmworkspacetoolbar .btn-default.active svg {
    background-color: #fff;
    fill: #3494d1 !important;
}

.btn-group-vertical > .btn + .btn {
    margin-top: 0;
}

.vdivider {
    height: 30px;
    width: 10px;
    margin: 10px 3px;
    border-left: 1px solid #fff;
}

.irmworkspacetoolbar {
}

.list-submenu {
    padding-left: 10px;
    color: #122331;
}

    .list-submenu:hover {
        color: #153244;
        text-decoration: underline;
    }

ul li.dropdwnl ul.dropdownl {
    min-width: 100%;
    background: #122331;
    display: none;
    position: relative;
    z-index: 999;
    left: 0;
    min-height: inherit;
}

ul li.dropdwnl:hover ul.dropdownl {
    display: block;
}

ul li.dropdwnl ul.dropdownl li {
    display: block;
}

/*.toolBar td:first-child {
    padding: 10px 18px;
}*/

.toolBar .label {
    font-size: 20px;
    font-weight: 500;
    color: #323250;
    margin-left: 0px;
    padding: 0px;
    font-feature-settings: 'ss01', 'ss02';
}

#trWelcomeControl1 {
    display: none;
}

.tabSeperator td {
    border-top: 1px solid #e2e2e2;
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 8%);
    height: 42px;
    background-color: #fff;
    padding-top: 3px;
}

.gapverti {
    /*width: 100%;
    height: 15px;
    background-color: #fff;*/
}

.riskformContainer, .risktooltabContainer {
    margin: 0 0px;
}

.saaSmyupdateToolbar {
    width: 100%;
}

.myupdateToolbar .label {
    font-size: 20px;
    color: #323250;
    display: table-cell;
    text-align: left;
    padding-top: 3px;
    padding-left: 5px;
    width: 90%;
    font-feature-settings: 'ss01', 'ss02';
}



.saasmodehidden {
    display: none;
}

.quickupdateGridMargin, #divHighestRating {
    margin: 0 20px;
}

.label {
    white-space: normal !important;
}

label {
    font-weight: normal;
    font-size: 13px;
    color: #323250;
    padding-left: 10px;
}

/*.SAASMasterTheme {
    margin: 22px 0px 0px 50px;
}*/

/*.SAASWelcomeControlTheme{
    margin: 22px 0px 0px 50px;
}*/
a.LinkButton1:first-child span, a.LinkButton1:first-child span, a.lb_TabMenu:first-child span, a.lb_TabMenu:first-child span {
    border-left: none;
}

/**************login************/

.sassfooter {
    position: absolute;
    width: 500px;
    bottom: 10px;
    text-align: center;
    color: #b2c1ce;
}

    .sassfooter a {
        color: #b2c1ce;
    }

input:-webkit-autofill {
    background-color: transparent !important;
}

/************login************/
.user-menu .dropdown-menu {
    width: 250px;
    right: 0;
}

.btn-circle {
    /*margin:5px auto;*/
}

.logout {
    text-align: center;
    padding: 3px;
}

    .logout .btn {
        background-color: transparent;
        border: none;
        border-radius: 0;
        width: 170px;
        /*color: white;*/
        font-size: 13px;
        padding: 8px;
    }

        .logout .btn:focus {
            /*outline-offset:0 !important;*/
            outline: none !important;
            background-color: transparent !important;
            color: #fff !important;
        }

.productMenu {
    left: auto !important;
    right: 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 0px 6px rgb(0 0 0 / 18%) !important;
    border-style: none !important;
}

ul.productMenu > li > a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}

    ul.productMenu > li > a:focus, ul.productMenu > li > a:hover {
        background: transparent !important;
        font-size: 13px !important;
        color:#323250 !important;
    }

.productMenu.arrow_box:after, .productMenu.arrow_box:before {
    bottom: 100%;
    left: 15% !important;
    /*border: solid transparent;*/
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.navbar-default {
    border: none;
}

.popover {
    background-color: #21415a;
    color: #fff;
    min-width: 150px;
    font-size: 13px;
    z-index: 20000;
    text-align: center !important;
}

    .popover .arrow {
    }

    .popover.bottom .arrow:after {
        border-bottom-color: #21415a;
    }

    .popover.right .arrow:after {
        border-right-color: #21415a;
    }

.saasContentBg {
    background-color: #fff;
}

.CheckBox {
    /*float:left;
    margin-left:5px;*/
}

.paddinggapsaas, .risktooltabContainer, .riskformContainer {
    padding: 0 5px;
}

.saastoppadding {
    padding-top: 10px;
    padding-right: 10px;
}

#divHighestRating, #divAvgRating {
    margin: 0px 0px 20px 0px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 5px;
    /*background: #f9f9f9;*/
}

.RadGrid_IRM .blankGridColumn {
    max-width: 1px;
    width: 0.1%;
    /*background-color: #2D6A9F !important;*/
}

.RadGrid_IRM .blankGridColumnheader {
    width: 6px;
    padding: 0 !important;
}

.saasverticalgap {
    width: 20px;
    background-color: #fff;
}

.saasdetailWidth {
    width: 100%;
}

.paddinggapsaas td.dateCellWidthLiq4, .saasContentBg td.dateCellWidthLiq4 {
    width: auto;
}

.saassecondryColum {
    padding: 5px;
}

.tabtoppadding {
    padding-top: 15px;
}

.riskratingbox .label {
    /*font-weight: 600;*/
    color: #323250;
    font-size: 14px;
}

.riskratingbox .high .label {
    color: red !important;
}

.riskratingbox .riskRatingBlock {
    margin-top: 3px;
}

.riskratingbox .lblRiskRating {
    padding-top: 3px;
}

    .riskratingbox .lblRiskRating .label {
        font-size: 14px !important;
        /*color: #323250 !important;*/
        font-family: 'Graphik Regular Desktop';
    }

.riskratingbox .riskRatingBlock .label {
    /*font-weight: 600;
    color: #323250 !important;*/
    font-family: 'Graphik Regular Desktop';
}

.toolbarPadding {
    height: 48px;
    background-color: #fff;
    padding-right: 25px;
    display: block !important;
    padding: 10px 25px;
    /*position:fixed;
    width:100%;
    top:51px;*/
}

.floatingToolbar {
    position: fixed !important;
    width: 100%;
    padding-right: 65px;
    z-index: 3;
    background-color: #fff;
    position: fixed;
    top: 46px;
    padding-left: 25px;
    left: 45px;
}

.riskControltab {
    padding-left: 25px !important;
}

.customControltab {
    background: #f5f5f5;
}

.pageToppadding {
    padding-top: 10px;
}

.CheckBox label {
    margin-left: 5px;
}

.navbar-nav .user-menu {
    margin-right: 6px;
}

.EisinnerGrids .rgMasterTable, .EisinnerGrids .rgMasterTable tr {
    /*border: #C9C8C8 1px solid;*/
}

    .EisinnerGrids .rgMasterTable tr td {
        /*border:none;*/
        vertical-align: top;
    }

/*.RadTabStrip_IRM .rtsLink {
    padding: 5px 10px !important;
    height: 33px;
}*/

.saascontpadding {
    padding: 0 10px;
}

.saasContentBg .toolBar {
    border-bottom: solid 1px #e2e2e2;
    margin-bottom: 20px;
}

.SideMenuCell .saasContentBg .toolBar {
    border-bottom: solid 1px #e2e2e2;
    margin-bottom: 0;
}

#divLegendBar {
    margin: 0 15px;
}

.legendbar {
    margin-left: 40px;
}

.legendbarelement {
    margin: 0 10px;
}

    .legendbarelement td {
        padding-left: 5px;
    }

.RadGrid_IRM .rgRow td {
    border-width: 0 0 1px 0;
}

.OrgStaffTree .OrgStaffTreeHeader {
    height: 45px;
    background-color: #fff;
    padding-right: 25px;
    color: #1e425b !important;
    font-size: 15px;
}

.leagendColum {
    width: 70px;
    height: 248px;
}

.colorindicator {
    margin-left: 15px;
    margin-top: 15px;
}

.leagendColum td {
    vertical-align: top;
}

.legendcon {
    padding-left: 25px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.legendbarelement {
    clear: left;
}

.idiacators {
    float: left;
}
/*.analysysChartContainerWidth .k-chart text{
    color:#fff;
    fill:#fff;
}*/
.analysysChartContainerWidth32 {
    margin: 0 5px 0 5px;
}

.heatmapfiltertitle {
    text-align: left;
    padding: 5px 0 5px 0;
}

    .heatmapfiltertitle .label {
        font-weight: 500;
        font-size: 14px;
    }

.heatmapcontainer {
    /*width: 350px;
    margin:10px auto;
    float:none;*/
    padding-right: 0px;
    margin-top: 15px;
    overflow: auto;
}

.saasgap {
    height: 25px;
}

.analysysMatrixBoxMinWidth {
    /*position:relative;*/
}

.analysysMatrixFilterContent {
    height: 170px;
    overflow-y: auto;
    padding: 5px 0 0 0;
}
/*.heatmapfilterbtn{
    position:absolute;
    bottom:15px;
    right:30px;
}

#divCriterias {
    position:relative;
}*/
.riskMatrixCell {
    color: #fff;
    border: solid 1px #fff;
    /*text-shadow: 0px -1px 3px #5C5747;*/
    font-size: 13px;
    min-width: 30px !important;
}

.riskMatrixCellfontBlack {
    color: #444;
    border: solid 1px #fff;
    /*text-shadow: 0px -1px 3px #5C5747;*/
    font-size: 13px;
    min-width: 30px !important;
}

.riskMatrixCellOverallData {
    /*text-shadow: 0px -1px 3px #5C5747;*/
    color: #fff;
    /*text-shadow:1px 2px 2px #999;*/
}

.riskMatrixCellOverallDatafontBlack {
    /*text-shadow: 0px -1px 3px #5C5747;*/
    color: #444;
}

/* for edge browser*/
@supports (-ms-accelerator:true) {
    .heatmapcontainer table {
        table-layout: fixed;
    }
}

.divSummaryContainer {
    margin: 0 10px;
    background-color: #f9f9f9 !important;
    padding: 0 5px;
}

    .divSummaryContainer .datacell {
        font-size: 13px;
        padding-left: 5px;
    }

.divSummaryLabel {
    color: #1e425b !important;
    font-weight: normal !important;
    padding-left: 12px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.divSummarydata {
    padding-left: 12px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    color: #323250 !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

.projectRiskRegisterImage {
    height: 40px !important;
    width: 40px !important;
    margin-left: 10px !important;
}
/**** quickupdate Header color changed**/

.quickUpdateNestedView .quickupdateCon .RadGrid .rgHeader, .quickupdateCon .RadGrid .rgHeader a {
    border-bottom: none !important;
}

/*.quickupdateCon .RadGrid .rgHeader, .quickupdateCon .RadGrid .rgHeader a {
    border-bottom: 1px solid #7c7c7c;
    background: #e7e7e7;
    color: #21415b;
}*/

.marginTopLeft {
    margin-top: 4px !important;
    margin-left: 4px !important;
}

.marginTop {
    margin-top: 15px !important;
}

.marginTop2 {
    margin-top: 2px !important;
}

.paddingFilter {
    padding-top: 13px !important
}

.RadSplitter .rspSlideHeader .rspSlideTitle {
    font-family: "Graphik Regular Desktop", Helvetica, Arial, sans-serif;
}

/*.RadTabStripTop_IRM .rtsLevel1 .rtsLink {
    border-top: solid 3px #dbdbdb;
}*/

.RadTabStrip_IRM .rtsLevel1 .rtsLink:hover {
    border-bottom: solid 4px #0050A0 !important;
}

.labeldatacellFilterControl1 {
    padding: 10px 10px 10px 10px !important;
    vertical-align: top;
}

.labeldatacellFilterControl2 {
    text-align: left;
    padding: 13px 10px 10px 10px !important;
    vertical-align: top;
}

.datacellFilterControl {
    padding: 12px 0px 10px 0px !important;
    vertical-align: top;
    text-align: left;
}

.datacellFilterControl1 {
    padding: 0px 0px 4px 0px !important;
    vertical-align: top;
    text-align: left;
}

.datacellFilterControlNopadding {
    /*padding:0px !important;*/
}

.tdFilterControl {
    vertical-align: text-top !important;
}

.riskkpiLinkCustomFont {
    color: #323250 !important;
    font-size: 13px !important;
    vertical-align: middle;
}

.displayNoneSaas {
    display: none;
}

.filterNoBorder {
    border: none !important
}

.gridColumnDisplayBlock a {
    display: block !important;
}

.lnkLabelSAAS {
    margin-bottom: 5px !important;
}

.marginRight {
    /*margin-right:10px !important;*/
    margin-left: 10px !important;
    margin-top: 30px;
}

.mySettingsSaas {
    font-size: 20px;
    /*font-weight: 700;
    color: #1e425b;*/
}

.paddingTop0 {
    padding-top: 0px !important;
}

.tasklabeldatacellSAAS {
    text-align: left !important;
    margin-left: 10px !important;
}

.datacellSAAS {
    padding: 0px 0px 0px 0px !important;
    vertical-align: top;
    text-align: left;
}

.riskkpilink_checkbox {
    padding-top: 5px;
    padding-left: 10px;
}
/**** quickupdate Header color changed**/
/************* SAAS ***********/
.RadWindow.RadWindow_IRM.rwNormalWindow {
    height: auto !important;
}

.saaspaddingleft {
    padding: 5px !important;
    width: 10px;
}

.saaspaddingleft1 {
    padding: 5px !important;
    width: 13px;
}

.tdPlaceholder .saaspaddingleft1 {
    width: 10px !important;
}

.saaspaddingright {
    padding: 5px !important;
    width: 10px;
}

input[type=checkbox], input[type=radio] {
    margin-top: 0px !important;
}

body[contenteditable="true"], .reLayoutWrapper body {
    margin: 5px !important;
    background-color: #fff;
}

.reContentCell iframe {
    height: 100% !important;
}

.newtxtbox {
    background-color: transparent !important;
    border: none !important;
    padding-left: 5px;
    text-align: left;
    padding: 0px;
    color: #fff !important;
    border-width: 0px;
    vertical-align: middle;
    padding-right: 5px !important;
}

.txtnextd {
    width: 60px !important;
    text-align: left !important;
}

.vtop {
    vertical-align: top;
}

.EnvironmentalAnalysisLinking .RadTreeView {
    white-space: normal !important;
    height: 80vh !important;
}

.addRiskLink a {
    /*color: #fff !important;*/
    /*font-size: 13px;*/
    /*font-weight: normal;*/
    /*padding: 10px !important;*/
    /*border-top: solid 1px #3775ac;*/
    margin-left: 7px;
}

    .addRiskLink a:hover {
        /*color: #fff !important;
        background-color: #2D6A9F !important;*/
    }

ul.Adjustdropdown {
    top: 4px !important;
    z-index: 10000 !important;
    background-color: #2D6A9F !important;
    border-radius: 0 !important;
    padding: 0px 0px 0px 0px !important;
    box-shadow: 0 !important;
    border: 0 !important;
}

ul.Adjustdropdownbottom {
    top: 6% !important;
    z-index: 10000 !important;
    background-color: #2D6A9F !important;
    border-radius: 0 !important;
    padding: 0px 0px 0px 0px !important;
    box-shadow: 0 !important;
    border: 0 !important;
}


.q09 .dropdown-menu.bullet::before {
    /*top:100px !important;*/
}

ul.Adjustdropdown .arrow {
    background-color: transparent !important;
    display: none !important;
}

/*ul.riskAddnewUL {
    position: absolute;
    top: 100%;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #2D6A9F !important;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    left: 120% !important;
    margin: 0 2px 0 0;
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
    right: auto;
    margin-right: 8px;
}*/

ul.Adjustdropdown {
    top: 34px !important;
    z-index: 10000 !important;
    background-color: #f7f7f9 !important;
    border-radius: 0 !important;
    /*    padding: 20px 30px 20px 30px !important;*/
    left: 45px;
    padding-top: 15px !important;
    width: 300px;
    padding-bottom: 20px;
    position: fixed;
    height: 94%;
    overflow-y: auto;
    box-shadow: 2px 0px 5px 0 rgb(0 0 0 / 15%);
}


.dropdown-menu.bullet {
    margin-top: 8px;
}

dropdown-menu.bullet.pull-middle:before {
    border: 2px solid red;
    top: 50%;
    left: 120%;
    right: auto;
    margin-top: -30px;
    border-right-width: 0;
    border-bottom-color: transparent;
    border-top-width: 7px;
    border-left-color: #069392;
    border-left-color: rgba(0, 0, 0, 0.15);
}



.dropdown-menu.bullet:before {
    border: 2px solid red;
    width: 0;
    height: 0;
    content: '';
    display: inline-block;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    transform: rotate(90deg) !important;
    border-width: 0 7px 7px;
    border-bottom-color: #2D6A9F;
    border-bottom-color: #2D6A9F;
    top: 10px;
    left: -13px;
}

/* To make the Tooltip 'My Quik Update' to display over the submenu*/
.popover {
    z-index: 10000;
}

/* Start - Bootstarp dropdown submenu is removed  in Bootrsap 3 RC , So inorder to fix it custome CSS is used*/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        position: relative;
    }

    /*.dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }*/

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #fff;
        margin-top: 5px;
        margin-right: 10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.AdjustdropdownLogout {
    border-radius: 0 !important;
    margin-right: 5px !important;
    padding-top: 0px;
    width: 250px;
    padding-bottom: 0px;
}

/*.arrow_box {
    background: #21415b;
}*/

/*.arrow_box:after, .arrow_box:before {
        bottom: 100%;
        left: 89%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }*/

.arrow_box:after {
    border-color: rgba(33, 65, 91, 0);
    border-bottom-color: #21415b;
    border-width: 7px;
    margin-left: -7px;
}

.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    /*border-bottom-color: #c2e1f5;
    border-width: 13px;*/
    margin-left: -13px;
}

.logoutli a {
    font-size: 15px;
    /*color: #fff !important;*/
    text-align: center !important;
    padding: 11px !important;
}

/*.logoutli a:hover, .logoutli a:focus {
        background-color: #2d485d !important;
    }*/

/*.logout:hover, .logout:focus {
    background-color: #2d485d !important;
}*/

.logoutli {
    text-align: center;
}

.intConfig span {
    color: #2b2b2b !important;
    margin-left: 10px
}


.intConfig {
    padding: 10px 10px 10px 10px !important;
}

.sideMenuItemSelected .intConfig span {
    margin-left: 0px !important;
}


.RadGrid .rgRow > .gridindicaterPadding, .RadGrid .rgAltRow > .gridindicaterPadding, .RadGrid .rgClipCells .rgHeader.gridindicaterPadding {
    /*padding:15px !important;*/
}

.gridindicaterPadding {
    width: 10% !important;
}

.RadGrid .rgHeader > th .gridDatePadding {
    padding-right: 10px !important;
}

.saascontenttopmargin {
    margin-top: 20px;
}

.userList {
    margin-top: 70px;
    margin-left: 0;
    margin-right: 20px;
}

.RadGrid .idicatersalignment {
    /*text-align:center !important;*/
}

.idicatersalignment table {
    margin: auto;
}

.labeltd {
    font-size: 13px;
    color: #323250;
    padding: 12px 8px;
    vertical-align: top;
}

#divQuickUpdate .RadGrid .rgRow > td.rgExpandCol, #divQuickUpdate .RadGrid .rgAltRow > td.rgExpandCol {
    padding: 0 !important;
}

.smalldropdowmfixCharts {
    width: 95%;
}

#Emailpanelwidth .GridView .aligntop {
    vertical-align: top !important;
}

.gapemailcol {
    padding-top: 55px !important;
    border-top: none;
}

#Emailpanelwidth .GridView .EditRowStyle td, #divMinMaxSection .GridView .EditRowStyle td {
    border-right: none;
    border-left: none;
}

#divMinMaxSection .GridView .EditRowStyle td, #divMinMaxSection .GridView .EditRowStyle td {
    border-top: none;
}

#Emailpanelwidth .GridView .EditRowStyle > td:first-child, #divMinMaxSection .GridView .EditRowStyle > td:first-child {
    border-left: solid 1px #eceaea;
    border-top: none;
}

#Emailpanelwidth .GridView .EditRowStyle > td:last-child, #divMinMaxSection .GridView .EditRowStyle > td:last-child {
    border-right: solid 1px #eceaea;
}

.gridBackClr {
    margin-left: 0px !important;
}

.rgFooter td {
    vertical-align: top !important;
}

.FooterStyle .aligntop {
    vertical-align: top !important;
}

    .FooterStyle .aligntop td {
        padding-top: 0px !important;
    }

.custommiddlecontent .rgEditRow .dropdownWidthLiq7 {
    width: 80% !important;
}

.rgEditRow td {
    vertical-align: top !important;
}

.paddingLeftComment {
    padding-left: 10px !important;
}

.navbar-nav > li > ul.productMenu {
    border-radius: 10px;
    background-color: #fff !important;
    padding: 0 !important;
}

.alignmatrixTable {
    text-align: center;
}

.loginboxouter {
    background: rgba(255, 255, 255, 0.3);
    padding: 50px;
    padding-bottom: 20px;
    border-radius: 2px;
    /* border: 1px solid #9fb1ba; */
}

.paddingTop20 {
    padding-top: 20px;
}

.copyrightseperator {
    color: #ccc;
}

body.loginScrBg a, .loginScrBg a:link, body.loginScrBg a:active, body.loginScrBg a:visited {
    color: #0050a0 !important;
    font-size: 14px;
    text-decoration: none;
}

.loginCopyRight {
    color: #bec0bf;
    font-size: 13px;
}

/*.rspSlidePane {
    z-index: 1 !important;
}*/

.clientlogosaas span, .reportClientLogo span {
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    padding-left: 12px;
}

.bannerLogo input {
    margin-right: 5px !important;
}

.imgCropp input[type=file] {
    display: inline !important;
}

.imgCropp {
    padding-bottom: 10px;
}

.clientToolbar .toolbariconcell:last-child {
    padding-right: 8px;
}

.padZeroButton input {
    padding: 0 !important;
}


.ctrRegheight .rgDataDiv {
    height: 100% !important;
    /*overflow-x: hidden !important;*/
}

.divEISRiskControlGrid .rgMasterTable {
    overflow: auto !important;
}

.reportClientLogo {
    padding: 0px 20px 0px 25px;
    border-left: 1px #fff solid;
    margin-left: 0px !important;
}

.reportClientLogoNoBorder {
    padding: 0px 20px 0px 15px;
    border-left: none;
    margin-left: 0px !important;
}

.rptLogoTab {
    margin: 5px 0;
}

.cammsriskRptlogo img {
    margin-right: 10px;
}

.EditRowStyle textarea {
    width: 97% !important;
    max-width: 97%;
    max-height: 80px;
    font-size: 13px !important;
}

.btnlogin {
    height: 50px;
    margin: 5px 0 0px 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #004BA1;
    font-family: 'Graphik Medium Desktop';
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    width: 100%;
    line-height: normal;
    border-radius: 30px;
    border-style: none;
}


.orgNameImage {
    background: #fff url(saas/icons.svg) no-repeat -26px -3197px !important;
    width: 35px;
    height: 30px;
    position: absolute;
    right: 27px;
    top: 10px;
}

.passwordImage {
    background: transparent url(saas/icons.svg) no-repeat -27px -3237px !important;
    width: 35px;
    height: 30px;
    position: absolute;
    right: 27px;
    top: 10px;
}

.userNameImage {
    background: transparent url(saas/icons.svg) no-repeat -26px -3162px !important;
    width: 35px;
    height: 30px;
    position: absolute;
    right: 27px;
    top: 10px;
}

#saasLoginDiv .floating-label {
    position: absolute;
    pointer-events: none;
    left: 42px;
    top: 18px;
    font-size: 15px;
    transition: 0.2s ease all;
}

#saasLoginDiv .form-horizontal .control-label {
    color: #e00909 !important;
    text-align: center;
}


/******************************************  loginpage by lakshan ********************************************/
#loginControl {
    margin: auto 0;
    width: 100%;
}

#saasLoginDiv {
    height: 100vh;
}

body.loginScrBg {
    /*background: #26587c url('../IRM_SAAS/media/loginbg.jpg') fixed;*/
    background-size: cover;
    padding: 0;
    margin: 0;
    height: 100%;
}

@media (min-width: 368px) {
    .loginboxouter {
        padding: 15px;
    }
}

@media (min-width: 768px) {
    .loginboxouter {
        padding: 50px 30px 25px;
    }
}

@media (min-width: 1200px) {
    .loginboxouter {
        padding: 50px 80px 25px;
    }
}

.loginboxouter {
    background: rgba(255, 255, 255, 0.3);
    /* padding-bottom: 20px; */
    border-radius: 2px;
    /* border: 1px solid #9fb1ba; */
    display: table;
    width: 100%;
}

.form-box {
    /*max-width:600px;*/
    margin-top: 75px;
    font-size: 16px !important;
}

    .form-box label, .errlbl {
        color: #fff;
    }

.loginproductLogo img {
    margin: 0 auto;
    margin: 0 auto;
    display: block;
}

.loginproductLogo {
    margin-bottom: 50px;
    margin-top: 10px;
}

.form-horizontal .control-label {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #fff;
}


.form-box .CheckBox label {
    font-size: 16px !important;
}

.textboxCon {
    height: 35px;
}

    .textboxCon input {
        font-weight: bold;
    }

.loginhr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 6px auto 5px;
    background: none;
    height: auto;
}

.loginlink {
    font-size: 13px;
    text-align: center;
}

    .loginlink a {
        color: #04c2c1 !important;
    }

.loglinkseparator {
    color: #c0c0c0;
    margin: 0 15px;
}

.loginCopyRight {
    color: #323250;
    font-size: 13px;
    text-align: center;
    font-family: 'Graphik Light Desktop';
}

.indicator {
    position: absolute;
    top: 7px;
    right: 0;
}

    .indicator .glyphicon {
        color: red;
    }

.form-box .CheckBox input {
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin: 0;
}

#saasLoginDiv .Panel {
    height: 100%;
}

#saasLoginDiv .CheckBox {
    padding: 1px;
}

    #saasLoginDiv .CheckBox label {
        padding: 0 !important;
        font-family: 'Graphik Light Desktop';
        color: #323250 !important;
    }

input:-webkit-autofill, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.loginBodyOuter {
    display: -webkit-box;
    margin: auto;
    vertical-align: middle;
    height: 100vh;
    background-color: #fff;
}


.loginwrapper .loginBody {
    background-color: #fff !important;
    /*border-radius: 15px !important;*/
    border-radius: 0px !important;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    height: auto;
}

.loginwrapper {
    background-color: rgba(255, 255, 255, 0.0) !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    min-width: 300px;
    width: 50%;
    height: 100vh;
    overflow: auto;
    margin: auto;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #c8c8c8;
    margin-left: 0 !important
}

.loginWelcomeTxt {
    text-align: center;
    font-family: 'Graphik Regular Desktop';
    font-size: 24px;
    color: #323250;
}

.loginWelcomeAccountTxt {
    text-align: center;
    font-size: 14px;
    margin-bottom: 25px;
    font-family: 'Graphik Regular Desktop';
    color: #323250;
}


.forgotPassword a,
.forgotPassword a:link,
.forgotPassword a:active,
.forgotPassword a:visited {
    font-size: 14px;
    font-family: 'Graphik Regular Desktop';
    color: #0050a0 !important;
}

/******************************************  loginpage by lakshan ********************************************/

/****************************************Naviagtion menu***********************************/

.dropdown-menu-large {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 20px 0;
    width: 100%;
    z-index: 10000;
    font-size: 13px;
    background-color: #fdfcfc !important;
    color: #72a0c0;
}

.mainmenu .dropdown-header {
    padding-right: 10px;
    margin-bottom: 20px;
    font-size: 14px;
}

.dropdown-menu-large .dropdown-header {
    color: #FFFFFF;
    font-size: 13px;
}

.dropdown-menu-large > li > ul {
    padding: 0;
    margin: 0;
}


.dropdown-menu-large .dropdown-header {
    color: #FFFFFF;
    font-size: 13px;
}

.dropdown-menu-large > li > ul > li {
    list-style: none;
}

.dropdown-menu-large > li.mCustomScrollbar > ul > li > a {
    display: block;
    padding: 3px 0;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #fff !important;
    white-space: normal;
}

.mainmenu ul li ul, .mainmenu ul {
    padding-left: 0px;
}

    .mainmenu ul li {
        list-style: none;
    }

    /*.mainmenu .dropdown-header

{

    border-left:1px solid #274f6b;
    min-height:190px;
    
}*/

    .mainmenu ul li {
        list-style: none;
    }



        .mainmenu ul li ul a {
            color: #3a3a57;
            line-height: 25px;
            white-space: normal;
            /*float:left;*/
        }

            .mainmenu ul li ul a:hover {
                color: #0050A0;
                font-family: 'Graphik Medium Desktop';
                line-height: 25px;
                text-decoration: none;
            }




    .mainmenu ul > li > ul > li > ul li a {
        padding-left: 20px;
        color: #9ba7b0;
    }

        .mainmenu ul > li > ul > li > ul li a:hover {
            padding-left: 20px;
            color: #3494d1;
        }

.RadComboBoxDropDown .rcbWidth {
    width: 400px !important;
    background-color: #fff;
    overflow: auto;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../IRM_SAAS/fonts/glyphicons-halflings-regular.eot');
    src: url('../IRM_SAAS/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../IRM_SAAS/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../IRM_SAAS/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../IRM_SAAS/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../IRM_SAAS/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.isMandatory {
    font-size: 9px;
    margin-left: -12px;
    top: -1px;
}

.isMandatoryR {
    font-size: 9px;
}

#MyUpdateIncidentUC .k-grid {
    margin: 0px 19px 0px 19px !important
}

#MyUpdateComplianceUC .k-grid {
    margin: 0px 19px 0px 19px !important
}

#MyUpdateIncidentActionUC .k-grid, #MyUpdateComplianceActionUC .k-grid {
    margin: 0px 19px 0px 19px !important
}


#MyUpdateInvestigationUC .k-grid {
    margin: 0px 19px 0px 19px !important
}

#MyUpdateApprovalUC .k-grid {
    /*margin:0px 39px 0px 19px !important*/
    margin: 0px 19px 0px 19px !important
}

#trRootCauseAnlysisUC .k-grid {
    margin: 0px 39px 0px 19px !important
}

.myupdateGrid .rgGroupHeader span {
    font-size: 14px !important;
    font-family: 'Graphik Medium Desktop';
}

/*.Save {
    background: url("../../App_Themes/IRM_SAAS/media/toolbar_icon/saveall.svg") no-repeat center center !important;
    display: block !important;
    margin-right: 10px;
}*/

.Notification {
    background: transparent url("../../App_Themes/IRM_SAAS/media/toolbar_icon/notificationBell.svg") no-repeat 1px 1px;
}


.regGridToolbar {
    display: block;
    height: 48px;
}


.isMandatoryCOnseq {
    margin-left: -1px !important;
    margin-top: 8px !important;
}

.detailPageConseq .labeldatacell {
    padding: 0px 2px 2px 2px !important;
}

.divConsequencesCm .labeldatacell {
    padding: 0px 2px 2px 2px !important;
}

.liklihoodbtn {
    margin-right: 12px !important;
    width: 65px;
}

.buttonALignTop {
    vertical-align: top;
}

.RadGrid .buttonrgExpand {
    width: 28px;
    height: 28px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 1px;
    cursor: pointer;
    background: transparent url("saas/icons.svg") no-repeat -29px -3896px !important;
}

.RadGrid .buttonrgCollapse {
    width: 28px;
    height: 28px;
    border: 0;
    /* margin: 0; */
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 1px;
    cursor: pointer;
    background: transparent url("saas/icons.svg") no-repeat -27px -3847px !important;
}

.aspTable .hilighttd textarea {
    background-color: #06509e !important;
    scrollbar-base-color: #F0F7FF;
    color: #fff;
}

.RadGrid table.rgMasterTable tr .rgGroupCol, .RadGrid table.rgMasterTable tr .rgExpandCol {
    /*width: 1% !important;*/
    width: 50px !important;
    overflow: visible !important;
}

#tblMyUpdateHome #trMyUpdateRisks sup {
    top: 6px !important;
    left: -2px !important;
}

#tblMyUpdateHome #trMyRiskControls sup {
    top: 2px !important;
    left: 2px !important;
}

.liklihoodbtn {
    margin-right: 12px !important;
    width: 65px;
}

.tdCustomWidth1 {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

    .tdCustomWidth1 a {
        color: #337ab7 !important;
    }

.tdCustomWidth2 {
    width: 24%;
}

mark {
    background-color: #808080 !important;
}


.linkP .newtxtbox {
    margin-top: -13px !important;
}

.borderNone {
    border: none !important;
}

.accordion-toggle:hover, .accordion-toggle:focus {
    text-decoration: none !important;
}

.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.spanCenter .CheckBox {
    float: none !important;
}

.alinkButton a {
    color: #337ab7 !important;
}
/*.RadGrid .rgRow td:nth-child(2).rgExpandCol button,.RadGrid .rgAltRow td:nth-child(2).rgExpandCol button {
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 1px;
    cursor: pointer;
    background-image:url('Grid/sprite.gif');
    background-position: 5px -496px;
}

.RadGrid .rgRow td:nth-child(3).rgExpandCol button,.RadGrid .rgAltRow td:nth-child(3).rgExpandCol button {
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 1px;
    cursor: pointer;
    background-image:url('Grid/sprite.gif');
    background-position: 5px -496px;
}*/


.mainmenu * {
    /*background-color:#122331 !important;*/
}

#aspnetForm .RadComboBoxDropDown .rcbWidth {
    /*width: auto !important;
    min-width: 247px;*/
    border: solid 1px #eaeaea;
    transition: all;
}

.RadComboBoxDropDown_Default .rcbMoreResults {
    background-color: #eaeaea;
    min-width: 280px;
    transition: all;
}

.RadComboBoxDropDown_Default .rcbMoreResults {
}

.RadComboBox_Default .rcbInput {
    font-family: "Graphik Regular Desktop", Helvetica, Arial, sans-serif !important;
    color: #323250 !important;
    font-size: 13px !important;
}

.RadComboBoxDropDown_Default {
    font-family: "Graphik Regular Desktop", Helvetica, Arial, sans-serif !important;
    color: #323250 !important;
}

.projectriskFilter {
    margin-right: 40px;
    float: right;
}

.tableWidth1 {
    width: 300px !important;
}

.tabletdStyle4 {
    width: 50px;
}

.tabletdStyle1 {
    width: 100px !important;
    text-align: center;
    height: 50px;
    border: 1px solid #b8b8b8;
}

.tabletdStyle2 {
    text-align: center;
    border: 1px solid #b8b8b8;
    background-color: #eceaea;
    color: #21415b;
    font-size: 13px;
}

.tabletdStyle3 {
    width: 400px;
    white-space: pre-wrap;
    border: 1px solid #b8b8b8;
    background-color: #eceaea;
    color: #21415b;
    font-size: 13px;
}

.tabletdStyleSpan {
    color: #323250;
    font-size: 13px;
}

.rwMaximize {
    position: fixed !important;
}


.breakword {
    word-break: break-all;
}

.searchFilterArea .DropDownList {
    width: 100% !important;
}

.searchFilterArea .RadPicker_IRM {
    width: auto !important;
}

#divMyRecomendationQuickUpdateFilter .DropDownList {
    width: 60% !important;
}

div#MyIncidentActionGrid .k-group-cell {
    opacity: 1 !important;
}

.lblRiskRating .label {
    font-size: 13px !important;
    font-family: 'Graphik Light Desktop';
}

.rwMaximize {
    position: fixed !important;
}

.RadComboBoxDropDown .rcbWidth {
    width: auto !important;
}

.combowidth .RadComboBoxDropDown .rcbWidth {
    width: auto !important;
    background-color: #fff;
    overflow: auto;
}

.kpiLinkCrlchkBoxLbl {
    line-height: 14px;
    /*margin-left:5px;*/
}

.divList {
    color: #323250;
    font-size: 13px !important;
}

}


.paddingRight30 {
    padding-right: 30px !important
}

.tdCustomWidth1 {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}


.tdCustomWidth2 {
    width: 24%;
}

.EnvironmentalAnalysisLinking .RadTreeView {
    white-space: normal !important;
}

.divList {
    font-size: 13px !important;
    color: #323250 !important;
}

.hierarchyDropdownCell select {
    width: 97% !important;
    margin-bottom: 5px;
}

.paddingLeftComment p {
    text-align: left;
}

.tdAppendButton {
    vertical-align: top;
}

    .tdAppendButton input {
        margin: 10px;
    }

.noBorder tr {
    border: none !important;
}

/*.RadPicker table.rcTable td:nth-child(2) {
    padding-top:10px !important;
}*/

.riskfieldcustomTable td {
    padding: 10px;
}

.topMarg {
    margin-top: -25px !important;
}

.rwMaximizedWindow {
    position: fixed !important;
}

.tdCauseConseq .RadGrid :first-child.rgHeader {
    width: auto !important;
    /*border-radius: 10px 10px 0 0;*/
}

.tdRadTabStrip .RadTabStrip {
    margin-left: 5px;
}

.adjFloatingToobar {
    margin-top: -25px !important;
}

.customCellPadding {
    padding-right: 17px !important;
}

#divRisksAnalysisOverviewFilter div.myproTextwrap table {
    width: 100%;
}

    #divRisksAnalysisOverviewFilter div.myproTextwrap table .dateCellWidth3 {
        width: 20%;
    }

    #divRisksAnalysisOverviewFilter div.myproTextwrap table .labeldatacell {
        text-align: right;
    }

    #divRisksAnalysisOverviewFilter div.myproTextwrap table .RadComboBox {
        width: 30% !important;
    }

/*.GridView .RowStyle td, .GridView .AlternatingRowStyle td, .GridView .FooterStyle td {
    vertical-align: top;
}*/

.GridView .RowStyle td table td, .GridView .AlternatingRowStyle td table td, .GridView .FooterStyle td table td {
    padding: 0;
}

.solutionGridCommentHeight {
    max-height: 80px !important;
    overflow-y: hidden;
    overflow-x: hidden;
}

    .solutionGridCommentHeight:hover {
        max-height: 80px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }

.RadComboBox .rcbEmptyMessage {
    font-style: normal !important;
}

#divQuickUpdate {
    background-color: #fff;
}

.permissionDeniedText {
    height: 100px;
    text-align: center;
    font-size: 16px !important;
    font-size: 16px;
    padding-top: 100px;
}

    .permissionDeniedText .label {
        font-size: 18px !important;
        font-weight: 500;
    }

#trMyUpdateKPIs #myProjectsFilter {
    position: fixed;
    top: 100px;
    background-color: #ffffff;
    z-index: 10000;
    width: 100%;
    border-top: 1px solid #CCC;
}

#trMyUpdateKPIs .LinkButton1Roll {
    background-color: #fff;
    border-top: 3px solid #069392;
    float: left;
    display: block;
}

#trMyUpdateKPIs .LinkButton1 {
    background-color: #e5e5e5;
    display: block;
}


#trMyUpdateKPIs .myUpdatekpi table {
    font-size: 13px;
    !important;
    color: #323250;
}

    #trMyUpdateKPIs .myUpdatekpi table .label {
        font-size: 13px;
        !important;
        color: #323250;
    }

#trMyUpdateKPIs .myUpdatekpi input {
    font-size: 13px;
    !important;
}


#trMyUpdateKPIs .myUpdatekpi .HeaderStyle {
    font-size: 13px;
    !important;
}

#trMyUpdateKPIs .editableformBg {
    padding: 15px;
    background-color: #f5f5f5;
}

#trMyUpdateKPIs .editableformTableBg {
    background-color: #fff;
    border-top: solid 10px #fff;
}

#trMyUpdateKPIs .ProjectBlock .editableformBg {
    background-color: #fff;
}

#trMyUpdateKPIs .ProjectBlock .editableformBg {
    padding: 0;
}

#trMyUpdateKPIs .HstryPOPupHeader {
    font-size: 13px;
    font-weight: bold;
    color: #FFF !important;
    text-align: right;
    padding: 10px 5px 0px 0px;
    height: 38px;
}

#trMyUpdateKPIs .HstryPOPupHeader {
    font-weight: bold;
    color: #FFF !important;
    text-align: right;
    padding: 10px 5px 0px 0px;
    height: 38px;
}

#trMyUpdateKPIs .horizontalgap {
    height: 4px;
    line-height: 4px;
}

#trMyUpdateKPIs .verticalgap {
    width: 10px;
}

#trMyUpdateKPIs .tabHorizbotm {
    background-color: #999999;
    height: 3px;
}

#trMyUpdateKPIs .GridView {
    /*border: #b8b8b8 1px solid;*/
    border-left: 1px solid #fff;
    width: 100%;
    color: #2c2c2c;
    font-size: 13px;
}

#trMyUpdateKPIs .KpiHistoryGrid .sideMenuItem {
    width: 15%;
    float: left;
    padding: 2px;
    height: 200px;
    border: solid 1px #ccc;
    overflow-x: auto;
    margin: 0px;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

#trMyUpdateKPIs .popUpWindowLogo {
    width: 30%;
    float: left;
    padding: 12px 16px !important;
}

#trMyUpdateKPIs .popUpWindowTitle {
    width: 67%;
    float: left;
    text-align: right !important;
    height: 50px;
    color: #fff;
    font-family: "Graphik Medium Desktop";
}

#kpiDetailFrame {
    margin-right: 20px !important;
}

.kpiActualText {
    width: 75% !important;
}

.myUpdatekpi .DataGrid {
    margin-left: 10px !important;
}

.KpiHistoryGrid .sideMenuItem {
    width: 15%;
    float: left;
    padding: 2px;
    height: 200px;
    border: solid 1px #ccc;
    overflow-x: auto;
    margin: 0px;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.lblWarning1, .lblWarning2 {
    text-align: center !important;
}

    .lblWarning1 label {
        font-size: 14px !important;
        padding-top: 30px;
    }
/******************************** New Page Loader *******************************/



.loaderOuterDiv {
    text-align: center;
    background-color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.lds-ring {
    display: inline-block;
    /*position: absolute;*/
    /*left:46%;
  top:46%;*/
    /*margin:auto;*/
    /*width: 64px;
  height: 64px;
  margin: 115px 155px;*/
    margin-top: -50px;
    margin-left: -70px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 51px;
        height: 51px;
        margin: 8px;
        border: 8px solid #3494d1;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #3494d1 transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.RadPicker {
    width: 110px !important;
    margin-right: 10px;
}

.GridView .EditRowStyle .RadComboBox td input {
    margin-top: 0px !important;
}

.GridView .EditRowStyle .RadComboBox {
    margin-top: 10px !important;
}

/************************************************* Hidden support button CSS ************************************************/
.freshwidget-button {
    /*position: absolute !important;
    right: 20px;
    bottom: 0;
    top:auto !important;
    background-color: rgb(6, 147, 146) !important;*/
}

    .freshwidget-button a {
        /*position: fixed !important;
        bottom: 0;
        right: 15px;
        left: auto !important;
        -moz-border-radius-topleft: 6px;
        -webkit-border-top-left-radius: 6px;
        border-top-left-radius: 6px;
        -moz-border-radius-topright: 6px;
        -webkit-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
        -moz-border-radius-bottomleft: 0px !important;
        -webkit-border-bottom-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        -moz-border-radius-bottomright: 0px !important;
        -webkit-border-bottom-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        box-shadow: none !important;
        transform: rotate(0deg) !important;
        transform-origin: top left !important;
        -moz-transform: rotate(0deg) !important;
        -moz-transform-origin: top left !important;
        -webkit-transform: rotate(0deg) !important;
        -webkit-transform-origin: top left !important;
        -o-transform: rotate(0deg) !important;
        background-color: #95a5a6 !important;
        background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJlbnZlbG9wZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWVudmVsb3BlIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQ2NCA2NEg0OEMyMS40OSA2NCAwIDg1LjQ5IDAgMTEydjI4OGMwIDI2LjUxIDIxLjQ5IDQ4IDQ4IDQ4aDQxNmMyNi41MSAwIDQ4LTIxLjQ5IDQ4LTQ4VjExMmMwLTI2LjUxLTIxLjQ5LTQ4LTQ4LTQ4em0wIDQ4djQwLjgwNWMtMjIuNDIyIDE4LjI1OS01OC4xNjggNDYuNjUxLTEzNC41ODcgMTA2LjQ5LTE2Ljg0MSAxMy4yNDctNTAuMjAxIDQ1LjA3Mi03My40MTMgNDQuNzAxLTIzLjIwOC4zNzUtNTYuNTc5LTMxLjQ1OS03My40MTMtNDQuNzAxQzEwNi4xOCAxOTkuNDY1IDcwLjQyNSAxNzEuMDY3IDQ4IDE1Mi44MDVWMTEyaDQxNnpNNDggNDAwVjIxNC4zOThjMjIuOTE0IDE4LjI1MSA1NS40MDkgNDMuODYyIDEwNC45MzggODIuNjQ2IDIxLjg1NyAxNy4yMDUgNjAuMTM0IDU1LjE4NiAxMDMuMDYyIDU0Ljk1NSA0Mi43MTcuMjMxIDgwLjUwOS0zNy4xOTkgMTAzLjA1My01NC45NDcgNDkuNTI4LTM4Ljc4MyA4Mi4wMzItNjQuNDAxIDEwNC45NDctODIuNjUzVjQwMEg0OHoiPjwvcGF0aD48L3N2Zz4=);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: 10px center;
        padding-left: 45px;*/
        visibility: hidden;
    }
/************************************************* Hidden support button CSS ************************************************/

.RepeaterTabs {
    background-color: #dbdbdb;
    padding: 5px 5px 5px 5px;
    margin-right: 2px;
    border-top: 3px solid #dbdbdb !important;
    min-width: 80px;
    min-height: 20px;
    color: #1e425b !important;
    border: 0px;
}

    .RepeaterTabs.Selected {
        background-color: #fff;
        padding: 5px 5px 5px 5px;
        margin-right: 2px;
        border-top: 3px solid #3494d1 !important;
        border: 0px;
    }

    .RepeaterTabs:hover {
        background-color: #fff;
        padding: 5px 5px 5px 5px;
        margin-right: 2px;
        border-top: 3px solid #3494d1 !important;
        border: 0px;
    }

    .RepeaterTabs a:link, .RepeaterTabs a:active, .RepeaterTabs a, .RepeaterTabs a:hover {
        color: #1e425b !important;
        text-decoration: none;
        font-size: 13px;
    }


/*.RiskLinkPopUpTabs
{
    padding:10px 0;
}*/

.riskLinkPopupSeperator {
    background-color: #fff;
    height: 10px;
}

.tblSelection {
    margin-bottom: 20px;
}

button {
    outline: none;
}

.lblFirstAgreedImplementationDate {
    padding-top: 5px;
    padding-right: 5px;
}

#divQuickUpdate td .sendMail {
    margin-top: 12px;
}



.paddingRight10 {
    padding-right: 10px !important;
}
/************************************************* Hidden support button CSS ************************************************/

.riskhierachyPopupCon {
    overflow: auto;
    /*height: 475px;
    width: 620px;*/
    height: 100%;
    width: 100%;
}

.popup-title {
    margin: 10px 0;
}

    .popup-title .label {
        font-size: 15px;
        font-weight: 700;
        color: #1e425b;
        margin-left: 0px;
        padding: 10px;
    }

.footer-popup {
    padding: 5px 0;
}


.lbhierarchybreadcrumb .label {
    line-height: 21px;
    color: #1e425b !important;
    margin-top: 7px;
}

.emtymessage {
    text-align: center;
    width: 100%;
    padding: 10px;
}

    .emtymessage h3 {
        font-size: 20px;
        color: #333;
    }

    .emtymessage label {
        font-size: 15px;
    }

.summaryQuickUpdate {
    background-color: #f5f5f5;
    padding-bottom: 10px;
    margin-top: 30px;
}

.quickUpdateMasterPageBackGround {
    background-color: #fff !important;
}

a.submenumainheader {
    color: #3a3a57 !important;
    font-family: 'Graphik Medium Desktop';
    margin-bottom: 10px;
    display: inline-block;
}

.hllinkCount a:hover {
    cursor: default !important;
}

.tcRowColumnHeader {
    cursor: pointer;
}

.RadGrid_IRM .rgHeader .rgSortAsc, .RadGrid_IRM .rgHeader .buttonrgSortAsc {
    background-image: url('../../resources/images/icons/arrow_down.png');
    /*background-position:-1px -248px;*/
    height: 12px;
    width: 12px;
    background-position: center;
    background-size: 8px 8px;
    transform: rotate(180deg);
}


.RadGrid_IRM .rgHeader .rgSortDesc, .RadGrid_IRM .rgHeader .buttonrgSortDesc {
    background-image: url('../../resources/images/icons/arrow_down.png');
    /*background-position:-1px -194px;*/
    height: 12px;
    width: 12px;
    background-position: center;
    background-size: 8px 8px;
}


.RadGrid .buttonrgSortAsc {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadGrid .buttonrgSortDesc {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.quickupdatenumtextBox {
    width: 80%
}

/*.RadGrid_IRM .rgHeader .rgSortAsc, .RadGrid_IRM .rgHeader .buttonrgSortAsc
{
    background-image:url('Grid/sprite.gif');
    background-position:-1px -248px;
    height:10px;
    width:6px;
}


.RadGrid_IRM .rgHeader .rgSortDesc, .RadGrid_IRM .rgHeader .buttonrgSortDesc
{
    background-image:url('Grid/sprite.gif');
    background-position:-1px -194px;
    height:10px;
    width:6px;
}*/


.RadGrid .buttonrgSortAsc {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadGrid .buttonrgSortDesc {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.accessdeniedTxt {
    font-size: 24px;
    font-weight: 600;
    color: #26529C;
    margin-top: 40px;
}


.labelBold .label {
    font-weight: 500 !important;
}



.filterScrollBar {
    max-height: 500px;
    overflow-y: auto;
}


.middleContentpopup {
    float: left;
    width: 100%;
    min-width: 600px;
    z-index: 0;
    padding-bottom: 23px !important;
    margin-top: 23px;
}


/*********** Error Page CSS *********/

.system_error .Errormain_wrap {
    width: 100%;
    height: 100%;
}

.system_error .Errorheader {
    height: 75px;
    background: #00afef;
    padding: 15px 0px 0px 15px;
}

.ErrorPageheader_logo {
    width: 140px;
    height: 40px;
}

.system_error .Error_msg_wrap {
    text-align: center;
    padding: 10px;
}

.system_error .Error_msg_wrap_linkbutton1 {
    text-decoration: none;
    color: #939494; /*#00afef*/
}

.system_error .ErrorTitleWrap {
    margin: 10px 0px 10px 0px;
    /*border: 10px dashed #fbfafa;*/
    padding: 10px;
}

.system_error .erropage {
    margin-top: 40px;
}

    .system_error .erropage .img-responsive {
        margin: 0 auto;
    }

.system_error .ErrorTitleWrap .ErrorTitle {
    font-size: 18px;
    color: #444444;
    font-weight: normal;
}

.system_error .ErrorTitle2 {
    font-size: 17px;
    color: #066fb2;
}

.system_error .secondryErrorTitleWrap .ErrorTitle {
    font-size: 16px !important;
    font-weight: bold;
}

.system_error .errormsgcon .ErrorTitle {
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.system_error .errormsgcon a {
    color: #33c1d4;
    text-decoration: underline;
    font-size: 13px;
}

.system_error .errormsgcon {
    margin-bottom: 25px;
}

.system_error .errormsg .well {
    background-color: #f3f3f4;
    border: none;
    border-radius: 0;
    padding: 15px;
    line-height: 20px;
}

.system_error .ErrorTitle {
    text-align: center;
    color: #4f4f4f;
    margin: 10px; /*border-radius:5px;*/
    padding: 10px;
    font-size: 13px;
}

.system_error .Error_msg {
    color: #4f4f4f;
    /*margin: 10px;*/
}

.system_error .Error_msg_height {
    height: 140px !important;
}

ul.systemErrorUL li {
    text-align: left;
}

ul.systemErrorUL {
    margin-top: 20px;
}

.EISAlertsDivs {
    width: 99%;
    margin: auto;
    clear: both;
}


.paddingBottom5 {
    padding-bottom: 5px !important;
}

.paddingTop5 {
    padding-top: 5px !important;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.SSOConfigPageToolBar {
    text-align: right;
    padding-top: 5px;
}

#ActionDetailContainerDiv .control-label {
    white-space: normal;
}



form {
    margin: 0px;
    padding: 0px;
}

.clear {
    clear: both;
}

img {
    border: none;
}

h2 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
    margin-bottom: 0.667em;
}

h3 {
    font-size: 1.3em;
    line-height: 1.3em;
    margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
    margin-bottom: 0.769em;
}

h4,
h5,
h6 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
    margin-bottom: 0.909em;
}


/************************************************Old IRM Styles************************************************/


/**{  font-size: 100%; margin: 0; outline: 0; padding: 0;  }
html*/ { /**  scroll to FireFox **/
    /*overflow: auto;
height:100%;*/ /* needed for container min-height */
    /*}*/
    /*form { height:100%; width:100%; vertical-align:top; }*/
    /*body {
font-family: Arial;
font-size: 11px;
font-weight:normal;
font-style:normal;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
height: 100%;
padding-left: 0px;
padding-right: 0px;*/
    /*background-color:#fcf6e8;*/
    /*background-color:#fefbf5;
background-position:top; 
scrollbar-3dlight-color:#dbdbdb; 
scrollbar-arrow-color:#787878; 
scrollbar-base-color:#ff6347; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-face-color:#e9e9e9; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#aeaeae;
min-width:1011px;
}*/
    /*a { color:#cc3333; text-decoration:none; }
a:hover { color:#414141; text-decoration:none; }*/
    div #PageWrapper

{
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    width: 100%;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
    vertical-align: top;
}

div #headerWrapper {
    height: 70px;
}

div #contentWrapper {
    padding: 0 0 26px 0; /* bottom padding for footer */
    vertical-align: top;
}

div #footerWrapper {
    position: absolute;
    width: 100%;
    bottom: 0; /* stick to bottom */
}






/*OprationalRiskAssesmentFileLink Start */

.ORFLWidth {
    width: 150px;
}

/*OprationalRiskAssesmentFileLink End */



.IRM-footer {
    text-align: right;
    background: url('media/loginfooter_bk.jpg') repeat-x top left;
    padding: 4px;
    color: #FFF;
}

    .IRM-footer .left-Side {
        padding-left: 10px;
        text-align: left;
    }

        .IRM-footer .left-Side a {
            color: #FFF;
        }

            .IRM-footer .left-Side a:hover {
                color: #FFF;
            }

    .IRM-footer .CopyRight {
        padding-right: 10px;
        text-align: right;
    }

.footerCopyright {
    color: #FFF !important;
}

.radcontrolerissue {
    font-family: Arial;
    font-size: inherit;
    outline: inherit;
    padding: inherit;
    margin: 0;
}

    .radcontrolerissue iframe body ul, .radcontrolerissue iframe body li {
        margin: 0px 5px !important;
    }

.RadEContentBordered ul {
    margin: 0px 5px !important;
}

/* ====================== Error page ====================== */

.Errormain_wrap {
    width: 100%;
    height: 100%;
}

.Errorheader {
    height: 75px;
    background: url("media/IRM_Accdenided_header.png");
    padding: 15px 0px 0px 15px;
}

.ErrorPageheader_logo {
    width: 140px;
    height: 40px;
}

.Error_msg_wrap {
    text-align: center;
    padding: 10px;
}

.Error_msg_wrap_linkbutton1 {
    font: normal 1.9em "Graphik Regular Desktop", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #939494; /*#00afef*/
}

.ErrorTitleWrap {
    margin: 10px 0px 10px 0px;
    /*border: 10px dashed #fbfafa;*/
    padding: 10px;
}

.ErrorTitle {
    font: bold 2em "Segoe UI Semibold";
    text-align: center;
    color: #4f4f4f;
    margin: 10px; /*border-radius:5px;*/
    padding: 10px;
}

.Error_msg {
    font: normal 1.8em "Graphik Regular Desktop", Helvetica, Arial, sans-serif;
    color: #4f4f4f;
    margin: 10px;
}

.Error_msg_height {
    height: 200px !important;
}
/* ====================== Error page End====================== */


/*======= footer content =======*/
.footerContent {
    height: 25px;
    color: #fff;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background: url("media/loginfooter_bk.jpg") repeat-x;
}

    .footerContent .left-Side {
        float: left;
        clear: right;
        margin: 5px 10px 0px 0px;
    }

        .footerContent .left-Side a {
            text-decoration: none;
            color: #fff !important;
            font-size: 11px;
            margin: 1px 10px;
            vertical-align: middle;
        }

    .footerContent .CopyRight .label {
        width: 300px;
        color: #fff !important;
        font-size: 11px;
        vertical-align: middle;
    }

.CopyRight {
    margin: 0px 10px 0px 0px;
    padding-top: 5px;
    padding-right: 10px;
    text-align: right;
    background-repeat: repeat-x;
    float: right;
    color: #fff !important;
}

/*======= footer content =======*/

.BorderNone td {
    border: 0 !important;
}

/*======= Width =======*/

}

.dateCellWidthLiq20 {
    width: 100%;
}

.dateCellWidthLiq19 {
    width: 95%;
}

.dateCellWidthLiq18 {
    width: 90%;
}

.dateCellWidthLiq17 {
    width: 85%;
}

.dateCellWidthLiq16 {
    width: 80%;
}

.dateCellWidthLiq15 {
    width: 75%;
}

.dateCellWidthLiq14 {
    width: 70%;
}

.dateCellWidthLiq13 {
    width: 65%;
}

.dateCellWidthLiq12 {
    width: 60%;
}

.dateCellWidthLiq11 {
    width: 55%;
}

.dateCellWidthLiq10 {
    width: 50%;
}

.dateCellWidthLiq9 {
    width: 45%;
}

.dateCellWidthLiq8 {
    width: 40%;
}

.dateCellWidthLiq7 {
    width: 35%;
}

.dateCellWidthLiq6 {
    width: 30%;
}

.dateCellWidthLiq5 {
    width: 25%;
}

.dateCellWidthLiq4 {
    width: 20%;
}

.dateCellWidthLiq3 {
    width: 15%;
}

.dateCellWidthLiq2 {
    width: 10%;
}

.dateCellWidthLiq1 {
    width: 5%;
}

.dateCellWidthLiq0 {
    width: 2.5%;
}

/*======= Width end=======*/


#screenDiv {
    width: 100%;
    float: left;
}


/*======= Sycle Themes====================================================================================*/



/*======= Welcome Page tiles=======*/


.category {
    float: left;
    width: 160px;
    background-color: #e3e2e0;
    text-align: left;
    font-size: 11px;
    margin: 2px;
    padding: 4px 2px 4px 2px;
}

    .category span {
        float: left;
        display: block;
        margin: 6px 0px 0px 5px !important;
    }

.selected {
    float: left;
    width: 160px;
    background-color: #3d3d3d;
    text-align: left;
    font-size: 11px;
    color: White;
    position: relative;
    margin: 2px;
    padding: 4px 2px 4px 2px;
}

    .selected .label {
        float: left;
        color: #fff;
        display: block;
        margin: 6px 0px 0px 5px !important;
    }

.navwrap li {
    list-style-type: none;
    float: left;
    cursor: pointer;
}

    .navwrap li a {
        text-decoration: none;
        cursor: pointer;
    }

    .navwrap li img {
        float: left;
        cursor: pointer;
    }


/*======= Wecome Page tiles End =======*/

.gridHeadercolor {
    background: #bbbdbf;
}

/*Jquery UI*/
/*! jQuery UI - v1.10.0 - 2013-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

.ui-button-icon-only .ui-button-text {
    background-color: transparent !important;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 21px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px -2px 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: 2px .4em;
        line-height: 1.5;
        min-height: 0; /* support: IE7 */
        font-weight: normal;
    }

        .ui-menu .ui-menu-item a.ui-state-focus,
        .ui-menu .ui-menu-item a.ui-state-active {
            /*font-weight: normal;*/
            margin: -1px;
        }

    .ui-menu .ui-state-disabled {
        font-weight: normal;
        margin: .4em 0 .2em;
        line-height: 1.5;
    }

        .ui-menu .ui-state-disabled a {
            cursor: default;
        }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item a {
        position: relative;
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 1em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px -1px -1px 0;
        height: 25px;
        background-color: #00AFEF;
    }

    .ui-progressbar .ui-progressbar-overlay {
        height: 100%;
        filter: alpha(opacity=25);
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* For IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom: 0;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: -1px;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
                .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
            .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
                cursor: pointer;
            }

    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}


/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.1em /*{fsDefault}*/;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #c8d1da /*{borderColorContent}*/;
    background: #ffffff /*{bgColorContent}*/ /*url(images/ui-bg_flat_75_ffffff_40x100.png)*/ /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
}

    .ui-widget-content a {
        color: #fff /*{fcContent}*/;
    }



    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        /*border: 1px solid #d3d3d3/*{borderColorDefault}*/
        /*background: #e6e6e6/*{bgColorDefault}*/ url(media/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/
        /*font-weight: normal/*{fwDefault}*/
        /*color: #555555/*{fcDefault}*/
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: #555555 /*{fcDefault}*/;
            text-decoration: none;
        }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        /*border: 1px solid #999999/*{borderColorHover}*/;
        background: #dadada /*{bgColorHover}*/ url(media/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #212121 /*{fcHover}*/;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited {
            color: #212121 /*{fcHover}*/;
            text-decoration: none;
        }
    /*.ui-state-active,
.ui-widget-content .ui-state-active,

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121/*{fcActive}
    text-decoration: none;
}*/

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1 /*{borderColorHighlight}*/;
        background: #fbf9ee /*{bgColorHighlight}*/ url(media/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/;
        color: #363636 /*{fcHighlight}*/;
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
            color: #363636 /*{fcHighlight}*/;
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a /*{borderColorError}*/;
        background: #fef1ec /*{bgColorError}*/ url(media/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/;
        color: #cd0a0a /*{fcError}*/;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
            color: #cd0a0a /*{fcError}*/;
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #cd0a0a /*{fcError}*/;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
        }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-position: 16px 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    /*background-image: url(images/ui-icons_222222_256x240.png){iconsContent}*/
}

.ui-widget-header .ui-icon {
    /*background-image: url(images/ui-icons_222222_256x240.png)*/ /*{iconsHeader}*/
}

.ui-state-default .ui-icon {
    background-image: url(media/ui-icons_888888_256x240.png) /*{iconsDefault}*/;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(media/ui-icons_454545_256x240.png) /*{iconsHover}*/;
}

.ui-state-active .ui-icon {
    background-image: url(media/ui-icons_454545_256x240.png) /*{iconsActive}*/;
}

.ui-state-highlight .ui-icon {
    background-image: url(media/ui-icons_2e83ff_256x240.png) /*{iconsHighlight}*/;
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(media/ui-icons_cd0a0a_256x240.png) /*{iconsError}*/;
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-color: transparent !important;
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    /*border-top-left-radius: 4px*/ /*{cornerRadius}*/
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    /*border-top-right-radius: 4px*/ /*{cornerRadius}*/
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    /*border-bottom-left-radius: 4px*/ /*{cornerRadius}*/
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    /*border-bottom-right-radius: 4px*/ /*{cornerRadius}*/
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa /*{bgColorOverlay}*/ url(media/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
    opacity: .3 /*{opacityOverlay}*/;
    filter: Alpha(Opacity=30) /*{opacityFilterOverlay}*/;
}

.ui-widget-shadow {
    margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/;
    padding: 8px /*{thicknessShadow}*/;
    background: #aaaaaa /*{bgColorShadow}*/ url(media/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
    opacity: .3 /*{opacityShadow}*/;
    filter: Alpha(Opacity=30) /*{opacityFilterShadow}*/;
    border-radius: 8px /*{cornerRadiusShadow}*/;
}

.ui-dialog-titlebar-close:hover {
    background-image: url(media/ui-icons_888888_256x240.png);
    background-color: transparent !important;
    background-position: -94px -126px !important;
}


/************ IRM Color ************/

.RadAjax_IRM .raColor {
    background-color: #25a0da;
    color: #323250;
}

/************ IRM Color ************/

/************ Calender.IRM Color ************/ j table.RadCalendar_IRM {
    background: #fff;
}

.RadCalendar_IRM .rcTitlebar {
    border-style: none !important;
}

    .RadCalendar_IRM .rcTitlebar .rcPrev,
    .RadCalendar_IRM .rcTitlebar .rcNext,
    .RadCalendar_IRM .rcTitlebar .rcFastPrev,
    .RadCalendar_IRM .rcTitlebar .rcFastNext {
        background-image: url('Calendar/sprite.gif');
        color: #ccc;
    }

        .RadCalendar_IRM .rcTitlebar .rcPrev:hover,
        .RadCalendar_IRM .rcTitlebar .rcNext:hover,
        .RadCalendar_IRM .rcTitlebar .rcFastPrev:hover,
        .RadCalendar_IRM .rcTitlebar .rcFastNext:hover {
            border-color: #e5e5e5;
            background-color: #e5e5e5;
        }

.RadCalendarMultiView_IRM .rcTitlebar .rcPrev:hover,
.RadCalendarMultiView_IRM .rcTitlebar .rcNext:hover,
.RadCalendarMultiView_IRM .rcTitlebar .rcFastPrev:hover,
.RadCalendarMultiView_IRM .rcTitlebar .rcFastNext:hover {
    border-color: #fff;
    background-color: transparent;
}


/*header, footer*/

.RadCalendar_IRM .rcHeader,
.RadCalendar_IRM .rcFooter {
    border-color: #999;
}

.RadCalendar_IRM .rcWeek th {
    border-bottom: 1px solid #e5e5e5;
    color: #323250;
}

.RadCalendar_IRM .rcWeek .rcViewSel,
.RadCalendar_IRM .rcRow th {
    color: #25a0de;
}

/*date cells*/

.RadCalendar_IRM .rcRow td {
    border-color: #fff;
}

.RadCalendar_IRM .rcMain .rcRow a,
.RadCalendar_IRM .rcMain .rcRow span {
    color: #767676;
    font-size: 13px !important;
    font-family: 'Graphik Regular Desktop';
}

.RadCalendar_IRM .rcMain .rcWeekend a {
    color: #666;
}

.RadCalendar_IRM .rcRow .rcToday {
    border-color: #25a0da;
}

.RadCalendar_IRM .rcMain .rcOtherMonth a {
    color: #e5e5e5;
}

.RadCalendar_IRM .rcMain .rcOutOfRange span {
    color: #777;
}

.RadCalendar_IRM .rcRow .rcSelected {
    border-color: #fff;
    background: #1f5fdd;
    border-radius: 50px;
}

.RadCalendar_IRM .rcMain .rcRow .rcSelected a {
    color: #fff;
}

.RadCalendar_IRM .rcRow .rcHover {
    background: #e7edfb;
    border-radius: 50px !important;
}

.RadCalendar_IRM .rcMain .rcRow .rcHover a {
    color: #323250;
}

/*multimonth view*/

.RadCalendarMultiView_IRM .rcTitlebar {
    background: #25a0da;
    color: #fff;
}

.RadCalendarMultiView_IRM .rcMain {
    border-color: #dadad2;
}

.RadCalendarMultiView_IRM .rcCalendar {
    border-color: #e5e5e5;
}

.RadCalendarMultiView_IRM .rcMainTable .rcTitle {
    border-color: #e5e5e5;
}

table.RadCalendarMonthView_IRM {
    border-color: #dadad2;
    background: #fff;
    color: #333;
}

.RadCalendarMonthView_IRM #rcMView_Feb,
.RadCalendarMonthView_IRM #rcMView_Apr,
.RadCalendarMonthView_IRM #rcMView_Jun,
.RadCalendarMonthView_IRM #rcMView_Aug,
.RadCalendarMonthView_IRM #rcMView_Oct,
.RadCalendarMonthView_IRM #rcMView_Dec {
    border-right: 1px solid #999;
}

.RadCalendarMonthView_IRM a {
    color: #333;
}

.RadCalendarMonthView_IRM .rcSelected a {
    border-color: #25a0da;
    background: #5d6768;
    color: #fff;
}

.RadCalendarMonthView_IRM #rcMView_PrevY a,
.RadCalendarMonthView_IRM #rcMView_NextY a {
    background: url('Calendar/sprite.gif');
    color: #ccc;
}

.RadCalendarMonthView_IRM input {
    border-color: #e5e5e5;
    background: transparent;
    color: #767676;
}

table.RadCalendarTimeView_IRM {
    border-color: #dadad2;
    background: #fff;
}

.RadCalendarTimeView_IRM th {
    border-bottom: 1px solid #999;
    background: #e4e4e4;
    color: #323250;
}

table.RadCalendarTimeView_IRM td {
    border-color: #999;
}

.RadCalendarTimeView_IRM a {
    color: #333;
}

.RadCalendarTimeView_IRM td.rcSelected a {
    border-color: #25a0da;
    background: #5d6768;
    color: #fff;
}

.RadCalendarTimeView_IRM td.rcHover a {
    border-color: #e5e5e5;
    background: #e5e5e5;
    color: #323250;
}

.RadCalendarTimeView_IRM .rcFooter {
    border-color: #999;
}

.RadPicker_IRM .rcCalPopup,
.RadPicker_IRM .rcTimePopup {
    background: transparent url("saas/icons.svg") no-repeat -20px -1766px;
    /*position: absolute;*/
    /* left: 0; */
    margin-left: -29px;
    /*margin-top: 5px;*/
    z-index: 0;
    position: relative;
}

/************ Calender.IRM Color ************/
/************ Editor.IRM Color ************/

/* By default 'regular' background should be white*/
.reDropDownBody {
    background-color: #fff;
}

/* In FireFox iframes have transparent background */
.reContentCell, .reContentCell iframe {
    background-color: #fff;
}

/* Class for the toolbar holder */

.reToolbar a,
.reDropdown,
.reSpinBox input,
.RadEditor input,
.reModule,
.reModule td,
.reEditorModes a,
.reDropDownBody,
.reDropDownBody td,
.reAjaxspell_wrapper,
.reAjaxspell_button,
.reAjaxspell_addicon,
.reAjaxspell_ignoreicon,
.reAjaxspell_okicon,
.reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text,
.reColorPicker .reCustomColor {
    color: #323250;
}

.reAjaxspell_addicon,
.reAjaxspell_ignoreicon,
.reAjaxspell_okicon {
    background-image: url('Common/CommonIcons.gif');
    background-repeat: no-repeat;
}

.reAlignmentSelector div {
    background-image: url('Common/CommandSpritesLight.png');
}

ul.reToolbar .reTool_text span.reButton_text {
    background-image: none;
    color: #323250;
}

.reTool .split_arrow {
    border-left-color: transparent;
}

ul.reCustomLinks .reCustomLinksIcon {
    background-image: url('Common/CustomLinksSprites.gif');
    background-repeat: no-repeat;
}

.reEditorModes span {
    background-image: url('Common/CommonIcons.gif');
}

.reColorPicker .reColorPickerFooter .reDarkColor {
    background: #323250;
    color: #fff;
}

.reColorPicker .reColorPickerFooter .reLightColor {
    background: #fff;
    color: #323250;
}

.reInsertTable table {
    background-color: transparent;
}

.reInsertTable div.reTlbVertical ul li a.reTool_text,
.reInsertTable div.reTlbVertical ul li a.reTool_text:hover {
    background-image: url('Common/CommandSpritesLight.png');
}

.reTlbVertical .reTool_text .reButton_text {
    _background-image: none !important;
}

.reInsertTable .reToolbar {
    background-image: none !important;
}
/* modules selector */
.reModule_visible_icon,
.reModule_hidden_icon {
    background-image: url('Common/CommonIcons.gif');
    background-repeat: no-repeat;
}

.reAccessibleTool {
    background-image: url('Common/CommandSpritesLight.png');
    background-repeat: no-repeat;
    background-color: transparent !important;
}

.reApplyClass span {
    background-image: url('Common/ApplyClassSprites.gif');
    background-repeat: no-repeat;
}
/* compliance sheriff integration */
.CSDialog {
    background-image: url('Common/ComplianceCheck.png') !important;
}

.RadEditor .reContentArea .RadEWrongWord {
    background-color: #ff0;
}

.RadEditor .reContentArea .RadEDomMouseOver {
    background-color: #ffc;
}

.RadEditor .reContentArea form {
    background-color: #efefef;
    border: 1px dashed #555;
}

.RadEditor .reContentAreaToggle table {
    border-right: 1px dashed #999;
    border-bottom: 1px dashed #999;
}

    .RadEditor .reContentAreaToggle table td {
        border-top: 1px dashed #999;
        border-left: 1px dashed #999;
    }

    .RadEditor .reContentAreaToggle table th {
        border-top: 1px dashed #323250;
        border-left: 1px dashed #323250;
    }

.RadEditor .reCommentViewText {
    background-color: #f5f7f7;
    color: #444;
}

.rePopupContainer .rePopupContent.alert {
    background-image: url('Common/ModalDialogAlert.gif');
}

.rePopupContainer .rePopupContent.confirm {
    background-image: url('Common/ModalDialogConfirm.gif');
}

/* !end! Add comment popup boxes */
/* reTool_disabled */
.RadEditor .reDialog .reTool_disabled,
.RadEditor .reDialog .reTool_disabled:hover,
.RadEditor .reToolbar .reTool_disabled,
.RadEditor .reToolbar .reTool_disabled:hover,
.RadEditor .reModule .reTool_disabled,
.RadEditor .reModule .reTool_disabled:hover,
.reDropDownBody .reTlbVertical .reTool_text.reTool_disabled,
.reDropDownBody .reTlbVertical .reTool_text.reTool_disabled:hover {
    background-image: none;
}

/* reTool_disabled */


/* StyleBuilder Dialog */
/* editor comments styles */
font.reComment_u0, span.reComment_u0 {
    border: 2px dashed #FF9933 !important;
}

font.reComment_u1, span.reComment_u1 {
    border: 2px dashed #ff0101 !important;
}

font.reComment_u2, span.reComment_u2 {
    border: 2px dashed #0101ff !important;
}

del.reU1 hr {
    border: 1px solid #ff0101 !important;
}

ins.reU1 hr {
    border-bottom: 1px solid #ff0101 !important;
}


/*User border and text colors*/
ins.reU0,
del.reU0 {
    color: #FF9933 !important;
}

ins.reU1,
del.reU1 {
    color: #ff0101 !important;
}

ins.reU2,
del.reU2 {
    color: #f37e0c !important;
}

ins.reU3,
del.reU3 {
    color: #04b4b6 !important;
}

ins.reU4,
del.reU4 {
    color: #c85100 !important;
}

ins.reU5,
del.reU5 {
    color: #008380 !important;
}

ins.reU6,
del.reU6 {
    color: #800000 !important;
}

ins.reU7,
del.reU7 {
    color: #a4a000 !important;
}

ins.reU8,
del.reU8 {
    color: #808080 !important;
}

ins.reU9,
del.reU9 {
    color: #38fd11 !important;
}

/* user border colors */
.reFormat.reU0,
ins.reU0 table,
del.reU0 table,
ins.reU0 td,
ins.reU0 img,
del.reU0 td,
del.reU0 img,
.reComment.reU0 {
    border-color: #f93;
}

.reFormat.reU1,
ins.reU1 table,
del.reU1 table,
ins.reU1 td,
ins.reU1 img,
del.reU1 td,
del.reU1 img,
.reComment.reU1 {
    border-color: #f00;
}

.reFormat.reU2,
ins.reU2 table,
del.reU2 table,
ins.reU2 td,
ins.reU2 img,
del.reU2 td,
del.reU2 img,
.reComment.reU2 {
    border-color: #f37e0c;
}

.reFormat.reU3,
ins.reU3 table,
del.reU3 table,
ins.reU3 td,
ins.reU3 img,
del.reU3 td,
del.reU3 img,
.reComment.reU3 {
    border-color: #04b4b6;
}

.reFormat.reU4,
ins.reU4 table,
del.reU4 table,
ins.reU4 td,
ins.reU4 img,
del.reU4 td,
del.reU4 img,
.reComment.reU4 {
    border-color: #c85100;
}

.reFormat.reU5,
ins.reU5 table,
del.reU5 table,
ins.reU5 td,
ins.reU5 img,
del.reU5 td,
del.reU5 img,
.reComment.reU5 {
    border-color: #008380;
}

.reFormat.reU6,
ins.reU6 table,
del.reU6 table,
ins.reU6 td,
ins.reU6 img,
del.reU6 td,
del.reU6 img,
.reComment.reU6 {
    border-color: #800000;
}

.reFormat.reU7,
ins.reU7 table,
del.reU7 table,
ins.reU7 td,
ins.reU7 img,
del.reU7 td,
del.reU7 img,
.reComment.reU7 {
    border-color: #a4a000;
}

.reFormat.reU8,
ins.reU8 table,
del.reU8 table,
ins.reU8 td,
ins.reU8 img,
del.reU8 td,
del.reU8 img,
.reComment.reU8 {
    border-color: #808080;
}

.reFormat.reU9,
ins.reU9 table,
del.reU9 table,
ins.reU9 td,
ins.reU9 img,
del.reU9 td,
del.reU9 img,
.reComment.reU9 {
    border-color: #38fd11;
}

ins.trackchanges_curr_rev,
del.trackchanges_curr_rev {
    color: Green;
}



/*** end of Editor.css classes ***/







.IRM {
    background-color: white;
    /* reWrapper */
    /*NEW: Only in the Bottom zone - where the Statistics module is commonly set, remove uppper border, because it looks ugly*/
    /* end of module */
    /*Toolbar sprites*/
    /* these settings will not be included in the common CSS file of RadEditor */
    /* end of reTool_text */
    /* add weight to the selector for IE6 so it is applied */
    /* end of reSplitButton */
    /* reDropdown */
    /* InsertTable itself is a kind of tool strip, so it must be styled as a toolstrip */
    /* end of context menu and toolstrip */
    /* spinbox */
    /* end of spinbox */
    /* editor input elements */
    /* editor input elements */
    /* end of expanded dropdowns */
    /* color picker */
    /* end of color picker */
    /* ajax spellchecker */
    /* ajax spellchecker */
    /* custom links */
    /* end of custom links */
    /* insert table dropdown */
    /* Popup Comments */
    /* Commnet popups */
}

    .IRM.RadEditor .reToolbar a, .IRM.RadEditor .reDropdown, .IRM.RadEditor .reModule, .IRM.RadEditor .reModule td, .IRM.RadEditor .reDropDownBody, .IRM.RadEditor .reDropDownBody td, .IRM.RadEditor .reAjaxspell_wrapper, .IRM.RadEditor .reAjaxspell_button, .IRM.RadEditor .reAjaxspell_addicon, .IRM.RadEditor .reAjaxspell_ignoreicon, .IRM.RadEditor .reAjaxspell_okicon, .IRM.RadEditor .reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text, .IRM.RadEditor .reColorPicker .reCustomColor,
    .IRM .reModule_domlink_selected,
    .IRM .reModule_domlink {
        color: #767676;
    }

    .IRM.RadEditor .reEditorModes a {
        border: 1px solid white;
        background-color: white;
        color: #767676;
    }

    .IRM.RadEditor .reEditorModes .reMode_selected {
        background-image: none;
        border: 1px solid #e5e5e5;
        background-color: #25a0da !important;
        color: white;
    }

    .IRM.RadEditor .reEditorModes a:hover {
        border: 1px solid #e5e5e5;
    }

    .IRM.RadEditor .reContentCell {
        background-color: white;
    }

    .IRM.reWrapper, .IRM.RadEditor .reContentCell, .IRM.reColorPicker, .IRM.reInsertTable, .IRM.reDropDownBody, .IRM.reCustomLinks a:hover {
        border: 1px solid #e5e5e5;
    }

        .IRM.reDropDownBody table {
            background: transparent;
        }

    .IRM.RadEditor .reModule, .IRM.RadEditor .reEditorModes, .IRM.RadEditor .reWrapper {
        background-color: white;
    }

    .IRM.reCustomLinks a, .IRM.reCustomLinks a:link, .IRM.reCustomLinks a:visited {
        border: 1px solid white;
        /* should be the same as the background of the dropdown */
        color: #323250 !important;
    }

        .IRM.reCustomLinks a:hover {
            background-color: #e8e8e8;
            border: 1px solid #767676;
        }

    .IRM .reToolbar li,
    .IRM .reSpinBox a, .IRM.reToolbar .reSeparator, .IRM.reToolbar .reGrip,
    .IRM .reDialog .reTool,
    .IRM .reModule .reTool,
    .IRM .reDialog .reTool:hover,
    .IRM .reToolbar .reTool:hover,
    .IRM .reModule .reTool:hover,
    .IRM .reToolbar .reTool.reTool_selected,
    .IRM .reToolbar .reTool.reTool_selected:hover,
    .IRM .reToolbar .reTool_text:hover,
    .IRM .reToolbar .reTool_text.reTool_selected,
    .IRM .reToolbar .reTool_text.reTool_selected:hover,
    .IRM .reTool .split_arrow,
    .IRM .reSplitButton.reTool_text .split_arrow,
    .IRM .reToolbar .reTool_text .split_arrow,
    .IRM .reDialog .reTool.reSplitButton,
    .IRM .reModule .reTool.reSplitButton,
    .IRM .reDropdown,
    .IRM .reTool_disabled.reDropdown:hover,
    .IRM .reResizeCell div, .IRM.reInsertTable .reToolbar li .reTool:hover {
        background-image: url('Editor/ToolBarSprites.gif');
    }

        .IRM.RadEditor .reTlbVertical li,
        .IRM .reDropdown:hover, .IRM.RadEditor .reTlbVertical .reToolbar.Default .reGrip, .IRM.RadEditor.reTlbVertical .reToolbar.Default .reSeparator,
        .IRM .reTlbVertical .reTool:hover,
        .IRM .reTlbVertical .reTool_text.reSplitButton:hover,
        .IRM .reTlbVertical .reSplitButton:hover,
        .IRM .reTlbVertical .reTool_text:hover,
        .IRM .reTlbVertical .reTool.reTool_selected,
        .IRM .reTlbVertical .reTool_text.reTool_selected,
        .IRM .reTlbVertical .reTool_text.reTool_selected:hover, .IRM.reDropDownBody .reTlbVertical ul li a:hover, .IRM.reDropDownBody .reTlbVertical .reToolbar,
        .IRM .reMode_selected, .IRM.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:hover {
            background-image: url('Editor/ToolbarVerticalSprites.gif');
        }

    .IRM .reToolbar li {
        color: #323250;
    }

    .IRM .reToolbar .reTool_text:hover {
        border-left: 1px solid #767676;
        border-right: 1px solid #767676;
    }

    .IRM .reToolbar .reTool_text.reTool_selected,
    .IRM .reToolbar .reTool_text.reTool_selected:hover {
        border-left: 1px solid #767676;
        border-right: 1px solid #767676;
    }

    .IRM .reToolbar .reTool.reSplitButton.reTool_disabled:hover {
        _background: none;
    }

    .IRM .reDropdown:link,
    .IRM .reDropdown:visited {
        color: #767676 !important;
    }

    .IRM .reDropdown,
    .IRM .reTool_disabled.reDropdown:hover {
        border: 1px solid #e5e5e5;
        color: #767676;
        background-color: white;
    }

    .IRM .IRM .reDropdown:hover {
        border: 1px solid #e5e5e5;
        color: #323250 !important;
        background-color: #e8e8e8;
    }

    .IRM.reDropDownBody .reTlbVertical ul li .reButton_text {
        color: #767676;
    }

        .IRM.reDropDownBody .reTlbVertical ul li .reButton_text:hover {
            color: black;
        }

    .IRM.reInsertTable {
        background-color: white;
    }

    .IRM table.reSpinBox {
        border: 1px solid #e5e5e5;
        background: white;
    }

        .IRM table.reSpinBox:hover {
            border: 1px solid #767676;
            color: black;
        }

    .IRM.RadEditor input {
        border: 1px solid #e5e5e5;
        background-color: white;
        color: #767676;
    }

        .IRM.RadEditor input:hover {
            border: 1px solid #767676;
            color: black;
        }

    .IRM.reDropDownBody td {
        color: #767676;
    }

    .IRM.reDropDownBody .reItemOver {
        background: #e8e8e8;
        color: black;
    }

    .IRM.reColorPicker table div {
        border: 1px solid #cdcdcd;
    }

    .IRM.reColorPicker table td.reItemOver div {
        border-color: #767676;
    }

    .IRM.reColorPicker span {
        border: 1px solid #cdcdcd;
    }

    .IRM .reAjaxspell_button {
        border: 1px solid #cdcdcd;
        background: #25a0da;
        color: black;
    }

    .IRM .reAjaxSpellCheckSeparator {
        background-color: #979797;
    }

    .IRM.reCustomLinks, .IRM.reCustomLinks ul {
        color: black;
    }

        .IRM.reCustomLinks a {
            background: none transparent;
            color: black;
            cursor: default !important;
        }

            .IRM.reCustomLinks a:hover {
                color: white;
            }

    .IRM .reInsertTable table {
        background: white;
    }

        .IRM.reInsertTable table td {
            border: 1px solid #e5e5e5;
            background: white;
        }

    .IRM .reInsertTable .reTlbVertical ul {
        background-color: white;
    }

    .IRM.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text, .IRM.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link, .IRM.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited {
        color: black !important;
        background: transparent none;
        _background: none !important;
    }

    .IRM .reCommentEdit,
    .IRM .reCommentTextArea,
    .IRM .reCommentView, .IRM.rePopupContainer, .IRM.RadEditor .reCommentButton,
    .IRM .rePopupButtonContainer .rePopupButton,
    .IRM .reCommentViewText,
    .IRM .reCommentInfoPanel {
        border: 1px solid #e5e5e5;
        background-color: white;
    }

    .IRM .reCommentTitle,
    .IRM .reCommentInfoPanel {
        color: black;
    }

    .IRM.RadEditor .reCommentButton,
    .IRM .rePopupButtonContainer .rePopupButton {
        border-color: #e5e5e5;
        color: #767676;
        background-color: white;
    }

        .IRM.RadEditor .reCommentButton:hover,
        .IRM .rePopupButtonContainer .rePopupButton:hover {
            color: black;
            border-color: #767676;
            background-color: #e8e8e8;
        }

        .IRM.RadEditor .reCommentButton:active,
        .IRM .rePopupButtonContainer .rePopupButton:active {
            color: white;
            border-color: #25a0da;
            background-color: #25a0da;
        }

    .IRM .rePopupContainer .rePopupTitle {
        color: white;
        background-color: #25a0da;
        border-color: #767676;
    }

.RadWindow_IRM.reToolbarWindow td.rwWindowContent {
    background-color: white;
}

.RadWindow_IRM .reInsertTableLightWrapper .lightTable {
    border-color: #e5e5e5;
}

.IRM .reTool.reSplitButton:hover {
    background-image: url('Editor/ToolBarSprites.gif');
}

/* reTool */
.reTool span,
.IRM.reInsertTable .reTlbVertical ul .reTool_text span,
.reToolbar .reTool_text span {
    background-image: url('../Common/CommandSpritesLight.png');
}

/* IE6 does not support PNG alpha channel, so we use gifs for the command sprites instead */
.reTool span,
.reTool_text span,
.IRM .reTlbVertical .reTool_text span,
.reToolbar .reSplitButton.reTool_text span {
    _background-image: url('../Common/CommandSpritesLightIE6.gif');
}

/************ Editor.IRM Color ************/
/************ Grid.IRM Color ************/

.RadGrid_IRM {
    border-style: none !important;
    background: #fff;
    color: #323250;
}

    .RadGrid_IRM .rgAdd,
    .RadGrid_IRM .rgRefresh,
    .RadGrid_IRM .rgEdit,
    .RadGrid_IRM .rgDel,
    .RadGrid_IRM .rgFilter,
    .RadGrid_IRM .rgPagePrev,
    .RadGrid_IRM .rgPageNext,
    .RadGrid_IRM .rgPageFirst,
    .RadGrid_IRM .rgPageLast,
    .RadGrid_IRM .rgExpand,
    .RadGrid_IRM .rgCollapse,
    .RadGrid_IRM .rgSortAsc,
    .RadGrid_IRM .rgSortDesc,
    .RadGrid_IRM .rgUpdate,
    .RadGrid_IRM .rgCancel,
    .RadGrid_IRM .rgUngroup,
    .RadGrid_IRM .rgExpXLS,
    .RadGrid_IRM .rgExpDOC,
    .RadGrid_IRM .rgExpPDF,
    .RadGrid_IRM .rgExpCSV {
        background-image: url('Grid/sprite.gif');
    }

    .RadGrid_IRM th.rgResizeCol,
    .RadGrid_IRM .rgMultiHeaderRow th.rgHeader,
    .RadGrid_IRM .rgMultiHeaderRow th.rgResizeCol {
        border: 0;
        border-bottom: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
    }

    .RadGrid_IRM th.rgSorted {
        /*background-color:#e5e5e5;*/
    }



    .RadGrid_IRM .rgHeader {
        height: 50px;
        border-bottom: 1px solid #e2e2e3;
    }

        .RadGrid_IRM .rgHeader a {
            color: #fff;
            font-size: 15px;
        }

    .RadGrid_IRM .rgRow td,
    .RadGrid_IRM .rgAltRow td,
    .RadGrid_IRM .rgEditRow td,
    .RadGrid_IRM .rgFooter td {
        background-color: #fff;
        /*border-bottom: solid 1px #e2e2e3 !important;
        border-top-style:none !important;*/
    }




    .RadGrid_IRM .rgAltRow td {
        border-width: 0 0 2px 0;
        color: #323250;
    }

    .RadGrid_IRM .gisSetupShapeFileButtons input {
        background-color: #148db9;
        color: #fff !important;
    }

    .RadGrid_IRM .rgSelectedRow .rgSorted,
    .RadGrid_IRM .rgActiveRow .rgSorted,
    .RadGrid_IRM .rgHoveredRow .rgSorted,
    .RadGrid_IRM .rgEditRow .rgSorted {
        background-color: transparent;
    }

    .RadGrid_IRM .rgRow a,
    .RadGrid_IRM .rgAltRow a,
    .RadGrid_IRM tr.rgEditRow a,
    .RadGrid_IRM .rgFooter a,
    .RadGrid_IRM .rgEditForm a {
        color: #0050a0 !important;
    }

    .RadGrid_IRM .rgHoveredRow {
        background: #e5e5e5;
    }

    .RadGrid_IRM .rgMasterTable .rgSelectedCell {
        color: #fff;
        background: #25a0da;
    }

    .RadGrid_IRM .rgSelectedRow td, .RadGrid_IRM .rgSelectedRow .rgExpandCol {
        /*background-color: #f9f9f9 !important;*/
        color: #1a1a1a !important;
        /*cursor: pointer;*/
    }

    .RadGrid_IRM .rgSelectedCell a,
    .RadGrid_IRM .rgSelectedRow a {
        color: #4c4c4c;
    }

    .RadGrid_IRM .rgMasterTable .rgActiveCell,
    .RadGrid_IRM .rgActiveRow {
        background: #fff 0 -5200px repeat-x url('Grid/sprite.gif');
        color: #323250;
    }

    .RadGrid_IRM .rgMasterTable .rgActiveCell {
        border-color: #25a0da;
    }

    .RadGrid_IRM .rgActiveCell a,
    .RadGrid_IRM .rgActiveRow input,
    .RadGrid_IRM .rgActiveRow a {
        color: #323250;
    }

    * + html .RadGrid_IRM .rgSelectedRow .rgSorted {
        background-color: #ffa517
    }

    * html .RadGrid_IRM .rgSelectedRow .rgSorted {
        background-color: #ffa517
    }

    * + html .RadGrid_IRM .rgActiveRow .rgSorted,
    * + html .RadGrid_IRM .rgHoveredRow .rgSorted {
        background-color: #ffe79c
    }

    * html .RadGrid_IRM .rgActiveRow .rgSorted,
    * html .RadGrid_IRM .rgHoveredRow .rgSorted {
        background-color: #ffe79c
    }

    .RadGrid_IRM .rgEditRow {
        background: #fff 0 -4900px repeat-x url('Grid/sprite.gif');
    }

        * + html .RadGrid_IRM .rgEditRow .rgSorted {
            background-color: #fff
        }

        * html .RadGrid_IRM .rgEditRow .rgSorted {
            background-color: #fff
        }

    .RadGrid_IRM .rgHoveredRow td,
    .RadGrid_IRM .rgHoveredRow td.rgSorted {
        border-color: #c3c3c3;
    }

    .RadGrid_IRM .rgActiveRow td,
    .RadGrid_IRM .rgActiveRow td.rgSorted,
    .RadGrid_IRM .rgSelectedRow td,
    .RadGrid_IRM .rgSelectedRow td.rgSorted {
        border-color: #fff;
    }

    .RadGrid_IRM .rgEditRow td,
    .RadGrid_IRM .rgEditRow td.rgSorted {
        border-color: #fff;
    }

    .RadGrid_IRM .rgDrag {
        background-image: url('Grid/rgDrag.gif');
    }

    /*footer*/

    .RadGrid_IRM .rgFooterDiv,
    .RadGrid_IRM .rgFooter {
        background: #e4e4e4;
    }

    .RadGrid_IRM .rgStatus div {
        background-image: url('Common/loading_small.gif');
    }

    .RadGrid_IRM .rgInfoPart {
        color: #777;
    }

        .RadGrid_IRM .rgInfoPart strong {
            color: #323250;
        }

.RadGrid .rgNoRecords td {
    color: #4F4F4F;
    border: 0px solid #c9c8c8;
}

.RadGrid_IRM .rgPager .rgPagerButton {
    border-color: #25a0da;
    background: #25a0da;
    color: #fff;
}

.RadGrid_IRM .rgNumPart a.rgCurrentPage,
.RadGrid_IRM .rgNumPart a.rgCurrentPage:hover {
    border-color: #25a0da;
    background: transparent;
}

.GridReorderTop_IRM,
.GridReorderBottom_IRM {
    background: 0 0 no-repeat url('Grid/sprite.gif');
}

.RadGrid_IRM .rgFilterRow td {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 12px !important;
}

.RadGrid_IRM .rgFilterBox {
    border-color: #e5e5e5;
    color: #323250;
}

.RadGrid_IRM .rgNumPart a {
    background: #A2A2A2;
    color: #fff;
}

.RadGrid_IRM .rgPagerCell {
    background: #fff;
    /*border:1px solid #B8B8B8 !important;*/
}

.RadMenu_IRM .rgHCMClear,
.RadMenu_IRM .rgHCMFilter {
    border-color: #7e7e7e;
    background: #25a0da;
    color: #323250;
}

    .RadMenu_IRM .rgHCMClear:hover,
    .RadMenu_IRM .rgHCMFilter:hover {
        border-color: #c98400;
        background-color: #ffe79c;
        color: #882501;
    }

/*context menu*/

.GridContextMenu_IRM .rmLeftImage {
    background-image: url('../Common/Grid/contextMenu.gif');
}

.RadGrid_IRM .rgGroupPanel {
    border: 1px solid #E2E2E3 !important;
    /*background: #F7F7F9;*/
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 5px;
    font-family: 'Graphik Regular Desktop';
}

.RadGrid_IRM .rgGroupItem {
    /*border: 1px solid #0050A0;*/
    /*padding: 5px;*/
    background: #0050A0;
    color: #fff !important;
    border-radius: 5px !important;
    height: 30px;
}

.RadGrid_IRM .rgMasterTable td.rgGroupCol {
    /*background:#b8b8b8 none;*/
    /*background: #e2e2e2;
    border: solid #fff 2px;*/
    border-top: none;
}

/*.RadGrid_IRM .rgMasterTable td.rgExpandCol {
    border: solid #fff 2px;
    background: #e2e2e2 none;
}*/

.RadGrid_IRM .rgEditForm {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
}

.RadGrid_IRM .rgDetailTable {
    border-color: #999;
}

/*command row*/

.RadGrid_IRM .rgCommandRow,
.RadGrid_IRM .rgCommandRow a {
    color: #767676;
}

.RadGrid_IRM .rgCommandCell {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 12px !important;
}

.RadGrid_IRM tfoot .rgCommandCell,
.RadGrid_IRM .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell {
    border-top: 1px solid #e5e5e5;
}

.RadGrid_IRM .rgExpXLS,
.RadGrid_IRM .rgExpDOC,
.RadGrid_IRM .rgExpPDF,
.RadGrid_IRM .rgExpCSV {
    background-image: url('../Common/Grid/export.gif');
}

/*multirow select*/

.rgCellSelectorArea_IRM,
.GridRowSelector_IRM {
    background: #4c4e54;
}

/*row drag n drop*/

.GridItemDropIndicator_IRM {
    border-top: 1px dashed #666;
}

/*tooltip*/

.GridToolTip_IRM {
    border: 1px solid #c98400;
    background: #ffefbd;
    color: #333;
}

.rgPagerCell .Panel a .label {
    color: #292525;
    s background-color: #c4bfbf;
}

.rgPagerCell .Panel a {
    color: #fff;
}

.rgPagerCell .Panel .rgCurrentPage span {
    color: #fff !important;
    text-align: center !important;
    /*background-color: #676767;*/
}

.btn_gridRightEdit:visited {
    color: #fff;
}

#kpiQuickmain .rgMasterTable th {
    background: #B8B8B8;
    color: #323250;
}

#kpiQuickmain .rgMasterTable .rgAltRow td {
    background: #F1FAFE;
    border-left: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8 !important;
}

#kpiQuickmain .rgMasterTable .rgRow td {
    background: #F1FAFE;
    border-left: 1px solid #b8b8b8 !important;
    border-bottom: 1px solid #b8b8b8;
}

.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td, .RadGrid .rgFilterRow td, .RadGrid .rgResizeCol, .RadGrid .rgGroupHeader td {
    /*border-top:solid 1px #fff;*/
    border-bottom: 1px solid #E2E2E3;
}

.RadGrid .rgHeader, .RadGrid .rgHeader a {
    background-color: #F7F7F9;
    color: #525252;
}


/************ Grid.IRM Color ************/

/************ Input.IRM Color ************/

html body .RadInput_IRM .riTextBox,
html body .RadInputMgr_IRM {
    border-color: #C9D1DA;
    background: #fff;
    /*color: #323250;*/
    font-size: 13px;
    vertical-align: middle;
}

html body .RadInput_IRM .riEmpty,
html body .RadInput_Empty_IRM {
    color: #777;
}

html body .RadInput_IRM .riHover,
html body .RadInput_Hover_IRM {
    border-color: #767676;
}

html body .RadInput_IRM .riFocused,
html body .RadInput_Focused_IRM {
    border-color: #8e8e8e;
}

html body .RadInput_IRM .riRead,
html body .RadInput_Read_IRM {
    border-color: #b0b0b0;
}

html body .RadInput_IRM .riDisabled,
html body .RadInput_Disabled_IRM {
    color: #c9c0c0;
}

html body .RadInput_IRM .riError,
html body .RadInput_Error_IRM {
    border-color: #de3914;
    background: #ffe9e9 100% -298px no-repeat url('Input/sprite.gif');
    color: #de3914;
}

.RadForm.rfdTextbox .RadInput_IRM .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error_IRM[type="text"] {
    border-color: #de3914;
    background: #fff 100% -298px no-repeat url('Input/sprite.gif');
    color: #de3914;
}

html body .RadInput_IRM .riNegative,
html body .RadInput_Negative_IRM {
    color: #565656;
}

/*buttons*/

.RadInput_IRM a {
    background: transparent no-repeat url('Input/sprite.gif');
}

.RadInput_IRM .riLabel {
    color: #666;
}

/************ Input.IRM Color ************/

/************ Menu.IRM Color ************/
.RadMenu .rmShadows li.rmBottomShadowLeft,
.RadMenu .rmShadows .rmBottomShadowRight,
.rmShadows .rmGroup li.rmBottomShadowLeft,
.rmShadows .rmGroup .rmBottomShadowRight {
    background-image: url('Common/Menu/ShadowBottom.png');
}

.RadMenu .rmRoundedCorners li.rmBottomShadowLeft,
.RadMenu .rmRoundedCorners .rmBottomShadowRight,
.rmRoundedCorners .rmGroup li.rmBottomShadowLeft,
.rmRoundedCorners .rmGroup .rmBottomShadowRight {
    background-image: url('Common/Menu/RoundedShadowBottom.png');
}

.RadMenu .rmShadows .rmTopShadowRight,
.rmShadows .rmGroup .rmTopShadowRight {
    background-image: url('Common/Menu/ShadowRight.png');
}

.RadMenu .rmRoundedCorners .rmTopShadowRight,
.rmRoundedCorners .rmGroup .rmTopShadowRight {
    background-image: url('Common/Menu/RoundedShadowRight.png');
}

.RadMenu .rmRoundedCorners .rmSlide .rmScrollWrap,
.rmRoundedCorners .rmScrollWrapContainer .rmScrollWrap {
    background-image: none;
}

.RadMenu .rmRoundedCorners .rmMultiGroup > .rmItem {
    background-image: none;
}

.RadMenu_IRM .rmGroup {
    border: 1px solid #cdcdcd;
    background-color: white;
}

.RadMenu_IRM .rmDisabled,
.RadMenu_IRM .rmDisabled:hover {
    border-color: #25a0da;
    color: #8aceec;
}

.RadMenu_IRM .rmGroup .rmLink {
    color: black;
}

    .RadMenu_IRM .rmGroup .rmLink:hover {
        border-color: #767676;
        color: black;
        background-color: #e8e8e8;
    }


/*.RadMenu_IRM .rmGroup .rmFocused,*/
.RadMenu_IRM .rmGroup .rmFocused:hover,
.RadMenu_IRM .rmGroup .rmSelected,
.RadMenu_IRM .rmGroup .rmSelected:hover,
.RadMenu_IRM .rmGroup .rmExpanded,
.RadMenu_IRM .rmGroup .rmExpanded:hover {
    border-color: #25a0da;
    color: #323250;
    background-color: #e8e8e8;
}

.RadMenu_IRM .rmGroup .rmDisabled, .RadMenu_IRM .rmGroup .rmDisabled:hover {
    color: #767676;
    background-color: transparent;
}

.RadMenu_IRM .rmExpandRight,
.RadMenu_IRM .rmExpandLeft {
    background-image: url('Menu/rmExpandArrows.png');
    background-repeat: no-repeat;
}

.RadMenu_IRM .rmTopArrow,
.RadMenu_IRM .rmBottomArrow,
.RadMenu_IRM .rmLeftArrow,
.RadMenu_IRM .rmRightArrow {
    background-image: url('Menu/rmExpandArrows.png');
    background-repeat: no-repeat;
}

.RadMenu_IRM .rmRootGroup .rmTopArrow,
.RadMenu_IRM .rmRootGroup .rmBottomArrow,
.RadMenu_IRM .rmRootGroup .rmLeftArrow,
.RadMenu_IRM .rmRootGroup .rmRightArrow {
    border-color: #25a0da;
    background-color: #92cfec;
}

.RadMenu_IRM .rmGroup .rmTopArrow,
.RadMenu_IRM .rmGroup .rmBottomArrow,
.RadMenu_IRM .rmGroup .rmLeftArrow,
.RadMenu_IRM .rmGroup .rmRightArrow {
    border-color: #cdcdcd;
    color: black;
    background-color: #f9f9f9;
}

    .RadMenu_IRM .rmGroup .rmTopArrow:hover,
    .RadMenu_IRM .rmGroup .rmBottomArrow:hover,
    .RadMenu_IRM .rmGroup .rmLeftArrow:hover,
    .RadMenu_IRM .rmGroup .rmRightArrow:hover {
        border-color: #767676;
        color: black;
        background-color: #e8e8e8;
    }

.RadMenu_IRM .rmSeparator .rmText {
    background-color: #cdcdcd;
}

/************ Menu.IRM Color ************/
/************ PanelBar.IRM Color ************/

.RadPanelBar_IRM {
    color: black;
    background-color: white;
}

    .RadPanelBar_IRM .rpRootGroup {
        border-color: #cdcdcd;
    }

    .RadPanelBar_IRM .rpLink {
        border-color: #cdcdcd;
        color: black;
        background-color: #f9f9f9;
    }

.RadPanelBar_IRM {
    background-color: #ffffff;
}

    .RadPanelBar_IRM .rpRootGroup {
        border-color: #e5e5e5;
    }

    .RadPanelBar_IRM div.rpHeaderTemplate,
    .RadPanelBar_IRM .rpTemplate {
        color: #767676;
    }

    .RadPanelBar_IRM div.rpHeaderTemplate {
        background-color: #ffffff;
        border-color: #e5e5e5;
    }

    /* compensate for borders */
    .RadPanelBar_IRM .rpOut {
        border-color: #ffffff;
    }

    .RadPanelBar_IRM a.rpExpanded,
    .RadPanelBar_IRM div.rpExpanded {
        border-color: #25a0da;
        color: #ffffff;
        background-color: #25a0da;
    }

    .RadPanelBar_IRM a.rpFocused,
    .RadPanelBar_IRM a.rpFocused:hover,
    .RadPanelBar_IRM div.rpFocused,
    .RadPanelBar_IRM a.rpSelected,
    .RadPanelBar_IRM a.rpSelected:hover,
    .RadPanelBar_IRM div.rpSelected {
        color: #ffffff;
    }
    /* <disabled items> */
    .RadPanelBar_IRM a.rpDisabled:hover .rpOut {
        border-color: #ffffff;
    }

    /* </disabled items> */
    /* <subitems> */
    .RadPanelBar_IRM .rpGroup {
        background-color: #ffffff;
    }

div.RadPanelBar_IRM .rpGroup a.rpLink,
div.RadPanelBar_IRM .rpGroup div.rpHeaderTemplate,
div.RadPanelBar_IRM .rpGroup .rpTemplate {
    color: #767676;
    background-color: transparent;
    background-image: none;
}

    div.RadPanelBar_IRM .rpGroup a.rpLink:hover {
        color: #323250;
        border: 1px solid #e5e5e5;
        background-color: #e5e5e5;
    }

div.RadPanelBar_IRM ul.rpGroup .rpFocused,
div.RadPanelBar_IRM ul.rpGroup .rpSelected,
div.RadPanelBar_IRM ul.rpGroup .rpSelected,
div.RadPanelBar_IRM .rpGroup a.rpSelected:hover {
    border-color: #25a0da;
    color: #ffffff;
    background-color: #25a0da;
}

div.RadPanelBar_IRM ul.rpGroup .rpDisabled,
div.RadPanelBar_IRM .rpGroup a.rpDisabled:hover {
    color: #e5e5e5;
}

/* <expand arrows> */
.RadPanelBar_IRM .rpExpandable span.rpExpandHandle,
.RadPanelBar_IRM .rpExpanded span.rpExpandHandle {
    background-color: transparent;
    background-image: url('PanelBar/Expandable.png');
    background-repeat: no-repeat;
}
/************ PanelBar.IRM Color ************/
/************ Spell.IRM Color ************/
.RadSpell .RichTextView strong {
    color: #f00;
}

.RadSpell h3 {
    background: #e5e5e5;
}

    .RadSpell h3 span {
        background: #fff;
    }

.RadSpell .RichTextView,
.RadSpell textarea {
    border-color: #ccc;
    background: #fff;
}

    .RadSpell .RichTextView em {
        color: #323250;
    }

.RadSpell select {
    border: 1px solid #ccc;
}

.RadSpell button {
    /*width: 76px !important;*/
    background-color: #148db9 !important;
    color: #fff;
    border: solid 1px #004b66;
}
/************ Spell.IRM Color ************/
/************ Splitter.IRM Color ************/
.RadSplitter_IRM,
.RadSplitter_IRM .rspPaneTabContainer,
.RadSplitter_IRM .rspPane,
.RadSplitter_IRM .rspResizeBar,
.RadSplitter_IRM .rspSlideContainerResize,
.RadSplitter_IRM .rspPaneHorizontal,
.RadSplitter_IRM .rspResizeBarHorizontal,
.RadSplitter_IRM .rspSlideContainerResizeHorizontal {
    border-color: #cdcdcd;
}

    .RadSplitter_IRM .rspLoading {
        background-image: url('Common/loading.gif');
        background-size: 60px !important;
    }

    .RadSplitter_IRM .rspResizeBarOver,
    .RadSplitter_IRM .rspSlideContainerResizeOver {
        border-right-color: #CCC;
    }

    .RadSplitter_IRM .rspResizeBarOverHorizontal,
    .RadSplitter_IRM .rspSlideContainerResizeOverHorizontal {
        border-bottom-color: #CCC;
    }

    /*.RadSplitter_IRM .rspPaneTabContainer,
    .RadSplitter_IRM .rspSlideHeader,
    .RadSplitter_IRM .rspSlideTitleContainer {
        background-color: #fff;
    }*/

    .RadSplitter_IRM .rspResizeBar,
    .RadSplitter_IRM .rspSlideContainerResize,
    .RadSplitter_IRM .rspResizeBarHorizontal,
    .RadSplitter_IRM .rspSlideContainerResizeHorizontal {
        background-color: #e8e8e8;
    }

    .RadSplitter_IRM .rspSlideTitleContainer,
    .RadSplitter_IRM .rspSlideHeaderIconWrapper {
        background-color: #f7f7f9;
    }

    .RadSplitter_IRM .rspResizeBarOver,
    .RadSplitter_IRM .rspSlideContainerResizeOver,
    .RadSplitter_IRM .rspResizeBarOverHorizontal,
    .RadSplitter_IRM .rspSlideContainerResizeOverHorizontal {
        background-color: #777;
    }

    .RadSplitter_IRM .rspPaneTabContainer {
        border-color: #CCC;
    }

    .RadSplitter_IRM .rspPaneTabContainerExpanded,
    .RadSplitter_IRM .rspPaneTabContainerDocked {
        background-color: white;
        border-color: #cdcdcd;
    }

    .RadSplitter_IRM .rspSlideTitleContainer,
    .RadSplitter_IRM .rspSlideHeaderIconWrapper {
        /*border-bottom: 1px solid #cdcdcd;*/
        border-bottom-style: none;
        padding-top: 25px !important;
        padding-right: 10px !important;
    }

    .RadSplitter_IRM .rspSlideHeaderDockIcon,
    .RadSplitter_IRM .rspSlideHeaderUndockIcon,
    .RadSplitter_IRM .rspSlideHeaderCollapseIcon,
    .RadSplitter_IRM .rspCollapseBarExpand,
    .RadSplitter_IRM .rspCollapseBarCollapse,
    .RadSplitter_IRM .rspCollapseBarHorizontalExpand,
    .RadSplitter_IRM .rspCollapseBarHorizontalCollapse {
        background-image: url('Splitter/ExpandCollapseBarsCommands.gif');
    }

    .RadSplitter_IRM .rspCollapseBarCollapseOver,
    .RadSplitter_IRM .rspCollapseBarExpandOver,
    .RadSplitter_IRM .rspCollapseBarHorizontalExpandOver,
    .RadSplitter_IRM .rspCollapseBarHorizontalCollapseOver,
    .RadSplitter_IRM {
        background-color: #fff;
    }

.rspTabsContainer {
    background-color: #D82E2A;
}

.RadSplitter_IRM td.rspSlideTitle,
.RadSplitter_IRM .rspPaneTabContainerExpanded .rspPaneTabText {
    color: #0050a0 !important;
}

.RadSplitter_IRM .rspPaneTabContainerDocked .rspPaneTabText {
    color: #0050a0 !important;
}

.RadSplitter_IRM td.rspSlideTitle,
.RadSplitter_IRM span.rspPaneTabText {
    color: #fff !important;
    font-size: 14px;
    font-weight: normal !important;
    font-family: 'Graphik Regular Desktop';
}


/************ Splitter.IRM Color ************/


/************ ToolBar.IRM Color ************/
/* <RadToolBar / Default> */
.RadToolBar_IRM .rtbOuter {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
}

/* <buttons> */
.RadToolBar_IRM .rtbWrap,
.RadToolBar_IRM .rtbTemplate {
    color: #767676;
}

/* <button states> */
.RadToolBar_IRM .rtbSplBtnFocused .rtbWrap,
.RadToolBar_IRM .rtbItemFocused .rtbWrap,
.RadToolBar_IRM .rtbItemHovered .rtbWrap {
    border: 1px solid #249fd9;
    color: #ffffff;
    background-color: #249fd9;
}

.RadToolBar_IRM .rtbItemClicked .rtbWrap,
.RadToolBar_IRM .rtbSplBtnExpanded .rtbWrap,
.RadToolBar_IRM .rtbDropDownExpanded .rtbWrap,
.RadToolBar_IRM .rtbChecked .rtbWrap,
.RadToolBar_IRM li.rtbChecked .rtbWrap:hover {
    border: 1px solid #249fd9;
    color: #ffffff;
    background-color: #249fd9;
}

/* </button states> */
/* <Drop Down Arrows> */
.RadToolBar_IRM .rtbSplBtn .rtbChoiceArrow,
.RadToolBar_IRM .rtbItem .rtbVOriented .rtbChoiceArrow,
.RadToolBar_IRM .rtbChoiceArrow {
    background-image: url('ToolBar/rtbDropArrows.png');
}

.RadToolBar_IRM .rtbSplBtn .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_IRM .rtbExpandUp .rtbChoiceArrow {
    background-image: url('ToolBar/rtbUpArrows.png');
}

.RadToolBar_IRM .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_IRM .rtbSplBtnClicked .rtbChoiceArrow,
.RadToolBar_IRM .rtbItemClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_IRM .rtbItemClicked .rtbChoiceArrow {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('ToolBar/rtbClickedDropArrows.png');
}

.RadToolBar_IRM .rtbSplBtnClicked .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_IRM .rtbItemClicked .rtbExpandUp .rtbChoiceArrow {
    background-image: url('ToolBar/rtbClickedUpArrows.png');
}

.RadToolBar_IRM_Horizontal li.rtbSeparator {
    background: #e5e5e5;
}

.RadToolBar_IRM_Vertical li.rtbSeparator {
    background: #e5e5e5;
}

/* </buttons> */
/* <disabled states> */
.RadToolBar_IRM .rtbDisabled .rtbWrap:hover,
.RadToolBar_IRM .rtbDisabled .rtbWrap:hover .rtbOut,
.RadToolBar_IRM .rtbDisabled .rtbWrap:hover .rtbMid,
.RadToolBar_IRM .rtbDisabled .rtbWrap:hover .rtbIn {
    background: none;
}

.RadToolBar_IRM .rtbDisabled .rtbWrap {
    color: #e5e5e5\9;
}

/* </disabled states */
/* <drop-down> */
div.RadToolBarDropDown_IRM {
    border-color: #e5e5e5;
    background-color: #ffffff;
}

.RadToolBarDropDown_IRM .rtbWrap,
.RadToolBarDropDown_IRM .rtbTemplate {
    color: #767676;
}

.RadToolBarDropDown_IRM .rtbGroup .rtbItemHovered .rtbWrap,
.RadToolBarDropDown_IRM .rtbGroup .rtbItemFocused .rtbWrap {
    color: #323250;
    background-color: #e5e5e5;
}


.RadToolBarDropDown_IRM .rtbDisabled .rtbWrap {
    color: #e5e5e5;
}

.RadToolBarDropDown_IRM .rtbSeparator {
    border-color: #e5e5e5;
    background-color: #e5e5e5;
}

/************ ToolBar.IRM Color ************/

.RadTreeView_IRM,
.RadTreeView_IRM a.rtIn,
.RadTreeView_IRM .rtEdit .rtIn input {
    color: #767676;
}

    .RadTreeView_IRM .rtPlus,
    .RadTreeView_IRM .rtMinus {
        background-image: url('TreeView/PlusMinus.png');
    }

    .RadTreeView_IRM .rtChecked,
    .RadTreeView_IRM .rtUnchecked,
    .RadTreeView_IRM .rtIndeterminate {
        background-image: url('TreeView/TriState.png');
    }

    .RadTreeView_IRM .rtHover .rtIn {
        border-color: #e5e5e5;
        background-color: #e5e5e5;
    }

    .RadTreeView_IRM .rtSelected .rtIn {
        border-color: #249fd9;
        color: #FFFFFF;
        background-color: #249fd9;
    }

    .RadTreeView_IRM .rtSelected .rtLoadingBefore,
    .RadTreeView_IRM .rtSelected .rtLoadingAfter,
    .RadTreeView_IRM .rtSelected .rtLoadingBelow {
        color: #767676;
    }

    .RadTreeView_IRM .rtLoadingIcon {
        background-image: url('TreeView/LoadingIcon.gif');
    }


    .RadTreeView_IRM .rtLI .rtEdit .rtIn {
        border-color: #323250;
        background: #ffffff;
    }

    .RadTreeView_IRM_disabled .rtIn,
    .RadTreeView_IRM .rtDisabled .rtIn {
        color: #e5e5e5;
    }
/************ TreeView.IRM Color ************/
/************ Window.IRM Color ************/
/* Window/WindowHorizontalSprites.gif */
.RadWindow_IRM {
    border: 1px solid #cdcdcd;
    /* When ShowContentDuringLoad="false" */
}

    .RadWindow_IRM .rwStatusbarRow .rwCorner,
    .RadWindow_IRM .rwStatusbarRow .rwStatusbar {
        border-top: 1px solid #cdcdcd;
    }

    .RadWindow_IRM .rwTopLeft,
    .RadWindow_IRM .rwTopRight,
    .RadWindow_IRM .rwTitlebar,
    .RadWindow_IRM .rwTopResize {
        background: #80A9CA;
    }

    .RadWindow_IRM .rwBodyLeft, .bodyREPORT,
    .RadWindow_IRM .rwBodyRight,
    .RadWindow_IRM tr td.rwStatusbar input,
    .RadWindow_IRM .rwStatusbar td,
    .RadWindow_IRM .rwFooterRow .rwCorner,
    .RadWindow_IRM .rwFooterCenter,
    .RadWindow_IRM .rwStatusbar td {
        background-color: #fff !important;
    }

    .RadWindow_IRM .rwShadow a.rwIcon {
        background: url('Window/Icon.gif') no-repeat center;
    }

    .RadWindow_IRM .rwControlButtons a {
        background-color: #80A9CA;
        background-image: url('Window/CommandButtonSprites.gif');
    }
    /*border: 1px solid #6D6A6A;*/

    .RadWindow_IRM input.rwDialogInput {
        border: 1px solid #cdcdcd;
    }

        .RadWindow_IRM input.rwDialogInput:hover {
            border: 1px solid #767676;
        }

    .RadWindow_IRM td.rwWindowContent.rwLoading {
        background-image: url('Common/loading.gif');
        background-size: 60px !important;
    }

    .RadWindow_IRM input.rwLoading {
        background-image: url('Common/loading_small.gif');
    }

    .RadWindow_IRM .rwDialogPopup a.rwPopupButton {
        background: white;
        border: 1px solid #cdcdcd;
    }

        .RadWindow_IRM .rwDialogPopup a.rwPopupButton:hover {
            background: #e8e8e8;
            border: 1px solid #767676;
        }

div.RadWindow_IRM tr td.rwLoading {
    background-color: white;
}

.RadWindow_IRM td.rwStatusbar div {
    background-image: url('Window/rwResize.gif');
}

div.RadWindow_IRM a.rwCancel,
div.RadWindow_IRM a.rwCancel span {
    background: none !important;
}

    div.RadWindow_IRM a.rwCancel span span,
    div.RadWindow_IRM a.rwCancel:hover span span {
        color: black;
    }

/************ Window.IRM Color ************/

/************ Apperance.IRM Color ************/
.imagebuttonEdit {
    background: transparent url("saas/icons.svg") no-repeat -20px -3806px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 35px !important;
}

.imagebuttonUser {
    background-image: url(media/toolbar_icon/User.svg);
    background-repeat: no-repeat;
    cursor: pointer;
}

.imagebuttonEditDisabled {
    background: transparent url("saas/icons.svg") no-repeat -20px -3806px;
    background-repeat: no-repeat;
    cursor: default;
    padding-left: 35px;
    opacity: 0.2;
}

.imagebuttonConvert {
    background-image: url(media/toolbar_icon/convert.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.imagebuttonConvertDisabled {
    background-image: url(media/toolbar_icon/convert.png);
    background-repeat: no-repeat;
    cursor: default;
    opacity: 0.2;
}

.imagebuttonConvertdisabled {
    background-image: url(media/toolbar_icon/convert.png);
    background-repeat: no-repeat;
    cursor: default;
    opacity: 0.3;
}

.imagebuttonDelete {
    background: transparent url("saas/icons.svg") no-repeat -11px -1451px;
    padding-left: 35px !important;
    cursor: pointer;
}

.imagebuttonDeletedisabled {
    background-image: url(media/toolbar_icon/trash.svg);
    background-repeat: no-repeat;
    cursor: default;
    opacity: 0.2;
}

.imagebuttonUpdate {
    background: transparent url("saas/icons.svg") no-repeat -19px -3978px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 38px !important;
}

.imagebuttonCancel {
    background: transparent url("saas/icons.svg") no-repeat -7px -1542px;
    padding-left: 35px !important;
    cursor: pointer;
}

.imagebuttonAdd {
    background: transparent url("saas/icons.svg") no-repeat -52px -978px;
    padding-left: 40px !important;
    cursor: pointer;
}



.filtericon {
    background: transparent url("saas/icons.svg") no-repeat -5px -932px;
    padding-left: 35px !important;
}

.filteractiveicon {
    background: transparent url("saas/icons.svg") no-repeat -6px -1581px;
    padding-left: 40px !important;
}


.imagebuttonCreateTask {
    background-image: url(media/toolbar_icon/create_task.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.imagebuttonDuplicate {
    background-image: url(saas/duplicate.svg);
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-position: 12px center;
    cursor: pointer;
}


/* **************************** Border Style ****************************** */

.borderSolid {
    border-top: 1px solid #f5f5f5;
}

.borderleft {
    border-left: 1px solid #c9c8c8;
}

.borderRight {
    border-right: 1px solid #c9c8c8;
}

.borderBottom {
    border-bottom: 1px solid #c9c8c8;
}


/* **************************** Border Style End****************************** */
/* **************************** text box styles ****************************** */

.WaterMarkedTextBox, .NormalTextBox {
    border: 1px solid #c9d1da !important;
    color: #323250 !important;
    border-radius: 3px;
}

.textBox {
    border: 1px solid #c9d1da;
    color: #323250;
    padding: 7px;
    border-radius: 3px;
}

/* **************************** text box styles ****************************** */
/* **************************** radio button list styles ****************************** */
.radioButtonList {
    color: #323250;
    /*padding: 2px;*/
}

    .radioButtonList label {
        color: #323250;
    }
/* **************************** radio button list styles - end ****************************** */

/* **************************** button styles ****************************** */

.button, .buttonCenalign {
    background-color: transparent;
    color: #323250;
    border: 1.5pt solid #0050A0;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 12px 3px 12px !important;
    margin-right: 8px;
    width: auto;
    border-radius: 30px !important;
    height: 35px;
}

    .button:hover, .buttonCenalign:hover {
        background-color: #0050A0;
        color: #fff !important;
        border: 1.5pt solid #0050A0;
        cursor: pointer;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 12px 3px 12px !important;
        margin-right: 8px;
        width: auto;
        border-radius: 30px !important;
        height: 35px;
    }

button:hover {
    border: solid 1px #004b66;
}

button:focus {
    border: solid 1px #004b66;
}

    button:focus:hover {
        border: solid 1px #004b66;
    }


.buttonGrouping {
    background-color: #148DB9;
    border: 1px solid #004B66;
    color: #FFFFFF;
}

input[disabled="disabled"].button {
    opacity: .4;
}

.linkButton {
    color: #323250;
    /*font-weight:800;*/
}

/* **************************** button styles - end ****************************** */

/* **************************** fieldset Legend Padding / Margin Reset ****************************** */



fieldset legend {
    color: #656262;
    font-size: 15px;
}

/* **************************** Overflow ****************************** */
/* **************************** file upload style ****************************** */

.fileUpload {
    border: 1px solid #939494;
    color: #4f4f4f;
}

/* **************************** file upload style - end ****************************** */
/* **************************** drop down list style ****************************** */

.DropDownList {
    border: 1px solid #C9D1DA;
    color: #323250 !important;
    border-radius: 3px;
}

.DropDownList-custom {
    border: 1px solid #C9D1DA;
}
/* **************************** drop down list style - end ****************************** */
/* **************************** label related styles ****************************** */
.label {
    color: #323250;
}

.labelmessage {
    color: #ff0033;
}

.labelWhite {
    color: #fff;
}


/* **************************** label related styles - end ****************************** */
/* **************************** checkbox related styles - end ****************************** */
.checkBoxdatacell li span label {
    color: #2B2B2B;
}

.CheckBox label {
    color: #535152;
}


/* **************************** checkbox related styles - end ****************************** */
/* **************************** data cells styles ****************************** */

sup {
    color: #FF0000;
}


/* **************************** data cells styles ****************************** */

.defaultLinks .label {
    color: #0066cf !important;
}

.interplanLogo .applcationMenu {
    background: url("media/icons/arrow.png") no-repeat scroll center center #00afef;
}

    .interplanLogo .applcationMenu:hover {
        background-color: #078dbe;
    }

.interplanLogo .logoBorader {
    border-left: 1px solid #FFFFFF;
}

.footerContent .left-Side a {
    color: #fff;
}

.footerContent .alginRight .label {
    color: #fff;
}

/* ====================== Risk Settings Tab Menu Begin ====================== */

a.LinkButtonSettings, .lb_TabMenu {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    /*border-bottom-style: none;*/
    /*display: table;*/
}

.LinkButtonSettings, .lb_TabMenu {
    background-color: #9A9A9A;
}

a.LinkButtonSettings[disabled="disabled"], a.lb_TabMenu[disabled="disabled"] {
    color: #323250;
}

a:link.LinkButtonSettings, a:visited.LinkButtonSettings, a:active.LinkButtonSettings, a:link.lb_TabMenu, a:visited.lb_TabMenu, a:active.lb_TabMenu {
    color: #1e425b;
    font-weight: 500;
}



.LinkButtonSettingsRoll, .lb_TabMenuRoll {
    background-color: #fff;
    /*border-top: 1px solid #e0e0e0;*/
    border-style: none !important;
}

/*a:link.LinkButtonSettingsRoll, a:visited.LinkButtonSettingsRoll, a:active.LinkButtonSettingsRoll, a:link.lb_TabMenuRoll, a:visited.lb_TabMenuRoll, a:active.lb_TabMenuRoll {
    color: #fff;
}*/


/* ====================== Risk Settings Tab Menu End ====================== */

a.LinkButtonAdministration {
    background-color: #f5f5f5;
    border-bottom: 1px solid #FFF;
    color: #323250 !important;
}

a:hover.LinkButtonAdministration {
    background-color: #717171;
    border-bottom: 1px solid #FFF;
    color: #FFF !important;
}

.aspTable {
    color: #2b2b2b;
}

    .aspTable .header, .aspTable .header .label {
        background-color: #f7f7f9;
        color: #21415b;
        font-size: 14px;
        font-family: 'Graphik Medium Desktop';
        /*font-size: 13px;*/
    }

    .aspTable .content {
        /*background-color: #f9f9f9;*/
        color: #21415b;
    }

    .aspTable td {
        /*border: 1px solid #b8b8b8;*/
        padding: 12px 15px;
        border-style: none !important;
    }

/***********************************Project Risk Tables**********************************************/

.projectRiskOuterTable {
    /*border-left: 1px solid #b8b8b8 !important;
    border-bottom: 1px solid #b8b8b8 !important;*/
    /*border-right: 1px solid #b8b8b8 !important;*/
}

/*.projectRiskOuterTable .cells {
        border-right: 1px solid #b8b8b8 !important;
    }*/

.projectRiskTable {
    color: #2b2b2b;
}

    .projectRiskTable .header {
        /*background-color: #fff;*/
        /*color: #fff;*/
    }

/*.projectRiskTable .header .label {
            color: #fff;
        }*/

.aspTable th {
    background: #f7f7f9;
    color: #525252;
    font-family: 'Graphik Medium Desktop';
    font-size: 15px;
    font-weight: normal !important;
    padding: 5px 12px;
    height: 50px;
}

.aspTableHeaderRow {
    background-color: #6D6E70;
    color: #fff;
}

.aspTableHeaderCell {
    border: #d4d0c8 solid 1px;
    color: #fff;
}

.aspTableRow {
    background-color: #fff;
    color: #2b2b2b;
}

.aspTableAlternativeRow {
    background-color: #fff;
    color: #2b2b2b;
}

.aspTableCell td {
    border: #C9C8C8 solid 1px;
    color: #2b2b2b;
}

/* **************************** header styles ****************************** */

.HeaderBottomContainer {
    background-color: #fff;
    border-color: #fff;
    border-bottom: solid 2px #fff;
}

.primaryStaticMenuItem {
    color: #323250;
}

.primaryStaticMenu a {
    color: #323250;
}

    .primaryStaticMenu a:hover {
        color: #323250;
    }

.primaryDynamicMenu {
    background-color: #FFF;
    border: 1px solid #CCC;
}

.primaryDynamicMenuItem {
    color: #323250;
}

.primaryDynamicHover {
    color: #323250;
}

.primaryDynamicMenu a {
    color: #323250;
}

    .primaryDynamicMenu a:hover {
        color: #323250;
        background-color: #EFEFEF;
    }


/* **************************** login page styles ****************************** */
.login_header {
    background-color: #d82e2a;
    height: 44px;
    padding: 8px 15px 2px 15px;
}

#loginPosition {
    /*background-color: #f3f1f2;*/
}




.login-footer a {
    color: #2b2b2b;
}

.login-footer {
    background-color: #e5e5e5;
}

/* **************************** login page styles ****************************** */



/*========== Rad Upload ============*/

/* RadUpload Common Styles */

























/*.footerContent
{
    background-color: #4d4d4d;
}*/



.headerContentPopUp {
    background-color: #00afef;
}

.headerContentPopUpHeading {
    color: #FFFFFF;
}

.Viewreportheader {
    background: #4D4D4D;
}

    .Viewreportheader .label {
        color: #fff !important;
    }













/* ====================== Side Menu styles ====================== */
.SideMenu_DataList {
    background-color: #FFFFFF;
}

.sideMenuItem a:link, .sideMenuItem a:hover, .sideMenuItem a:visited {
    border-top: 1px solid #fff;
    background-color: #fff;
}






.sideMenuItem a div {
    color: #2b2b2b;
}

.sideMenuItemSelected a {
    background-color: #f5f5f5;
    color: #323250 !important;
    border: 1px solid #fff;
}

.sideMenuItemSelected .label {
    color: #fff !important;
}

.sideMenuItemSelected a div {
    /*color: #fff;*/
}

.contentHeadaerstretch {
}

    .contentHeadaerstretch .contentHeadaer a {
    }


.contentHeadaerlink {
}

.contentHeadaerlinkreportuploader {
    background-color: transparent;
}


.btn_new {
    color: #FFF;
}
/* ====================== Side Menu styles ====================== */

/* ====================== Side Menu styles Administration ====================== */
.SideMenu_DataList_Administration {
    background-color: #FFFFFF;
}

.sideMenuItemAdministration a:link, .sideMenuItemAdministration a:hover, .sideMenuItemAdministration a:visited {
    border: 1px solid #fff;
    background-color: #e4e4e4;
}






.sideMenuItemAdministration a div {
    color: #004B66;
}

.sideMenuItemAdministrationSelected a {
    background-color: #717171;
    color: #fff;
    border: 1px solid #fff;
}

    .sideMenuItemAdministrationSelected a div {
        color: #fff;
    }

.contentHeadaerstretch {
    border-bottom: solid 1px #e2e2e2;
}

    .contentHeadaerstretch, .contentHeadaerstretch span {
        height: 45px;
        background-color: #fff;
        padding-right: 25px;
        color: #1e425b !important;
        font-size: 16px;
        font-weight: 500 !important;
    }

        .contentHeadaerstretch .contentHeadaer a {
            color: #1e425b !important;
        }


.contentHeadaerlink {
}

.btn_new {
    color: #FFF;
}
/* ====================== Side Menu styles Administration ====================== */

/* ====================== tool bar styles ====================== */
.toolBar {
    color: #3b899f;
    background-color: #fff;
    height: 52px;
}

.mainHeaders {
    background-color: #dddddd;
}

    .mainHeaders .label {
        color: #2b2b2b;
    }

/*.toolbariconcell
{
    padding: 0px 2px;
}*/


/* ====================== tool bar styles ====================== */

.GV-DetailList tr td {
    border: solid 1px #e2e2e3;
    border-width: 0 1px 1px 1px;
    background-color: #fff;
    /*font-size: 12px;*/
}

    .GV-DetailList tr td:first-child {
        /*border-top: solid 1px #c9c8c8;*/
    }


.GV-DetailList {
    border: solid 1px #c9c8c8 !important;
}

    .GV-DetailList tr td.content {
        /*border: solid 1px #fff;
        border-width: 0 1px 0 1px;*/
    }



    .GV-DetailList tr td td.last {
    }

    .GV-DetailList .SelectedRowStyle td td {
        background-color: #f5f5f5 !important;
        /*color: #1a1a1a !important;*/
    }

        .GV-DetailList .SelectedRowStyle td td.last {
            background-color: #f5f5f5 !important;
            color: #1a1a1a !important;
        }

    .GV-DetailList td .linkbutton {
        background-color: #6D6E70;
    }

.dl-DetailList tr td {
    border: solid 2px #fff;
    background-color: #e1e1e1;
}

    .dl-DetailList tr td td.last {
        background-color: #0C6E91;
    }
/*List View styles*/

.TargetsActualsDetailListHeaderStyle td {
    background-color: #b8b8b8;
    color: #2b2b2b;
}
/* ====================== Style for TargetActuals Right Hand Border ====================== */

#tblHeader {
    border-right: 1px solid #b8b8b8;
}

.TargetsActualsDetailListHeaderStyle td .label {
    color: #2b2b2b;
}

.TargetsActualsDetailListRowStyle td {
    border-top: #b8b8b8 0px solid;
    border-bottom: #b8b8b8 1px solid;
    border-left: #b8b8b8 1px solid;
    border-right: #b8b8b8 0px solid;
    background-color: #f1fafe;
}



    .TargetsActualsDetailListRowStyle td .PlusMinusbut {
        background-color: #148DB9;
        border: 1px solid #004B66;
        color: #FFFFFF;
    }


/* ====================== Style for TargetActuals Right Hand Border End====================== */

.SelectedRowStyle td td, .SelectedItemStyle td.content {
    background-color: #0F9CDB !important;
    color: #fff !important;
}

.SelectedRowStyle td.last, .SelectedItemStyle td.last {
    background-color: #0C6E91 !important;
}

.GV-DetailList .SelectedRowStyle td td .label, .SelectedItemStyle td.content span {
    color: #323250 !important;
}

.GV-DetailList .RowStyle a.btn_gridRightEdit, .GV-DetailList .AlternatingRowStyle a.btn_gridRightEdit, .GV-DetailList .SelectedRowStyle a.btn_gridRightEdit,
.dl-DetailList a.btn_gridRightEdit, .dl-DetailList .AlternatingRowStyle a.btn_gridRightEdit, .dl-DetailList .SelectedRowStyle a.btn_gridRightEdit {
    color: #FFFFFF;
}

    .GV-DetailList .RowStyle a.btn_gridRightEdit img, .GV-DetailList .AlternatingRowStyle a.btn_gridRightEdit img, .GV-DetailList .SelectedRowStyle a.btn_gridRightEdit img,
    .dl-DetailList a.btn_gridRightEdit img, .dl-DetailList .AlternatingRowStyle a.btn_gridRightEdit img, .dl-DetailList .SelectedRowStyle a.btn_gridRightEdit img {
        margin-top: 2px;
    }

.GV-DetailList .PagerStyle td {
    background-color: #fff;
    border: 1px solid #fff;
}



    .GV-DetailList .PagerStyle td .label {
        color: #23527B;
        background-color: #fff;
    }

    .GV-DetailList .PagerStyle td a {
        background-color: #fff;
        color: #323250;
        padding-bottom: 10px !important;
    }

.btn_gridRightEdit:visited {
    color: #323250;
}


/* ====================== Tab Menu Begin ====================== */


.RadGrid_IRM .LinkButton1, RadGrid_IRM .lb_TabMenu {
    background-color: #fff;
}

a.LinkButton1[disabled="disabled"], a.lb_TabMenu[disabled="disabled"] {
    color: #cccaca;
}

a:link.LinkButton1, a:visited.LinkButton1, a:active.LinkButton1, a:link.lb_TabMenu, a:visited.lb_TabMenu, a:active.lb_TabMenu {
    color: #525252;
    height: 38px;
    /*background-color: #717171;*/
    /*border-right:solid 2px #fff;*/
}

    a:link.LinkButton1:last-child, a:visited.LinkButton1:last-child, a:active.LinkButton1:last-child, a:link.lb_TabMenu:last-child, a:visited.lb_TabMenu:last-child, a:active.lb_TabMenu:last-child {
        border-right: none;
    }



.LinkButton1Roll, .lb_TabMenuRoll {
    background-color: #fff;
}

a:link.LinkButton1Roll, a:visited.LinkButton1Roll, a:active.LinkButton1Roll, a:link.lb_TabMenuRoll, a:visited.lb_TabMenuRoll, a:active.lb_TabMenuRoll {
    color: #0050A0 !important;
    font-family: 'Graphik Medium Desktop';
    font-size: 17px;
}



.StrtgyQckLnkBtn a.LinkButton1Roll span, .StrtgyQckLnkBtn a.LinkButton1Roll span, .StrtgyQckLnkBtn a.lb_TabMenuRoll span, .StrtgyQckLnkBtn a.lb_TabMenuRoll span {
    border: solid 1px #fff;
}

.tabHorizGap {
    background-color: #fff;
}

.tabHorizbotm {
    background-color: #148DBA;
}

/* ====================== Tab Menu End ====================== */


/* ====================== GridView Begin ====================== */
.GridView, .GridViewauditememailrules {
    background-color: #fff;
    color: #323250;
}


    .GridView .HeaderStyle th, .scorecardgrid .GridView .HeaderStyle td, .GridView .HeaderStyle .label {
        /*background: #e9e9cf url('media/Grid_Header_bk.jpg') repeat-x top left;*/
        background-color: #F7F7F9;
        color: #525252;
        font-family: 'Graphik Medium Desktop';
        font-weight: normal !important;
    }

    .GridView a {
        color: #666;
    }

    .GridView th a {
        color: #21415b;
        font-size: 14px;
        font-weight: 500;
    }

    .GridView .RowStyle td {
        BORDER-RIGHT: #C9C8C8 1px solid;
        BORDER-TOP: #C9C8C8 1px solid;
        BORDER-LEFT: #C9C8C8 1px solid;
        BORDER-BOTTOM: #C9C8C8 1px solid;
    }




    .GridView .RowStyle td, .GridView .AlternatingRowStyle td, .GridView .FooterStyle td {
        border: none;
    }



.RowStyle a, .SelectedRowStyle a, .ItemStyle a, .SelectedItemStyle a {
    color: #0050a0;
}


.GridView .AlternatingRowStyle, .GridView .AlternatingRowStyle td, .GridView .RowStyle, .GridView .RowStyle td {
    background-color: #ffffff;
    /BORDER-RIGHT: #C9C8C8 1px solid;
    */
    /*BORDER-TOP: #C9C8C8 1px solid;*/
    BORDER-LEFT: #C9C8C8 1px solid;
    BORDER-BOTTOM: #e2e2e3 1px solid;
}

.Emailpanelwidthfix .GridView .AlternatingRowStyle, .Emailpanelwidthfix .GridView .AlternatingRowStyle td, .Emailpanelwidthfix .GridView .RowStyle, .Emailpanelwidthfix .GridView .RowStyle td {
    background-color: #ffffff;
    /*border:1px solid #fff;*/
}


.AlternatingRowStyle a, .RowStyle a, .ItemStyle a, .SelectedItemStyle a, .SelectedRowStyle a {
    color: #0050a0;
}

.GridView .FooterStyle, .GridView .FooterStyle td {
    BORDER-BOTTOM: #f5f5f5 2px solid;
    border-right: none !important;
    border-left: none !important;
    /*border-top: #f5f5f5 1px solid;*/
}

.GridView .SelectedRowStyle td {
    color: #585858;
    background-color: #b8b8b8;
    border: 0;
}

.GridView .EditRowStyle, .GridView .EditRowStyle td {
    border-bottom-color: #c8d1da !important;
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
    vertical-align: top !important;
    border-top-style: none !important;
}

    .GridView .EditRowStyle, .GridView .EditRowStyle td input, .GridView .EditRowStyle, .GridView .EditRowStyle td textarea, .GridView .EditRowStyle, .GridView .EditRowStyle td select, .GridView .EditRowStyle, .GridView .EditRowStyle td img,
    .GridView .EditRowStyle td .rcCalPopup {
        margin-top: 10px !important;
    }

.GridView .EditRowStyle, .GridView. .EditRowStyle td .margTop {
    padding-top: 10px !important;
}

    #Emailpanelwidth .GridView .EditRowStyle, .GridView .EditRowStyle td {
        border-bottom-color: #fff !important;
        border-right-color: #fff;
        border-left-color: #fff;
    }

.GridView .FooterStyle {
    /*border: 2px solid #f5f5f5 !important;
    border-right: 1px solid #e5e5e5 !important;
    border-left: 1px solid #e5e5e5 !important;*/
}

.GridView .EmptyDataRowStyle {
    border: 0px;
    background-color: #dddddd;
    color: #FFF;
}

    .GridView .EmptyDataRowStyle .label {
        color: #323250;
    }

.GridView .PagerStyle {
    background-color: #fff;
    border: 1px solid #fff;
}


.GridView .widebutton {
    background-color: #148db9;
    color: #fff !important;
    border: solid 1px #004b66;
}

.gridGroupheader {
    border-right: solid 1px #AAA7A7 !important;
    border-bottom: solid 1px #AAA7A7 !important;
}

.gridborderright {
    border-right: solid 1px rgb(184,184,184) !important;
}

.gridborderleft {
    border-left: solid 1px rgb(184,184,184) !important;
}

.eisbudget .GridView .RowStyle .FirstCell {
    border: #fff;
}

.GridViewauditememailrules {
    border-left: #C9C8C8 1px solid;
    background-color: #fff;
    color: #2c2c2c;
    /*margin:20px;*/
}


    .GridViewauditememailrules .HeaderStyle th, .scorecardgrid .GridViewauditememailrules .HeaderStyle td, .GridViewauditememailrules .HeaderStyle .label {
        background-color: #F7F7F9;
        height: 50px;
        padding: 5px 12px !important;
        border: 1px solid #e2e2e3;
    }

    .GridViewauditememailrules a {
        color: #fff;
    }

    .GridViewauditememailrules .RowStyle td {
        BORDER-RIGHT: #C9C8C8 1px solid;
        BORDER-TOP: #C9C8C8 1px solid;
        BORDER-LEFT: #C9C8C8 1px solid;
        BORDER-BOTTOM: #C9C8C8 1px solid;
    }


    .GridViewauditememailrules .RowStyle td, .GridViewauditememailrules .AlternatingRowStyle td, .GridViewauditememailrules .FooterStyle td {
        border: none;
    }


    /*.RowStyle a, .SelectedRowStyle a, .ItemStyle a, .SelectedItemStyle a {
    color: #585858;
}*/


    .GridViewauditememailrules .AlternatingRowStyle, .GridViewauditememailrules .AlternatingRowStyle td, .GridViewauditememailrules .RowStyle, .GridViewauditememailrules .RowStyle td {
        background-color: #ffffff;
        BORDER-RIGHT: #C9C8C8 1px solid;
        BORDER-TOP: #C9C8C8 1px solid;
        BORDER-LEFT: #C9C8C8 1px solid;
        BORDER-BOTTOM: #C9C8C8 1px solid;
    }

.Emailpanelwidthfix .GridViewauditememailrules .AlternatingRowStyle, .Emailpanelwidthfix .GridViewauditememailrules .AlternatingRowStyle td, .Emailpanelwidthfix .GridViewauditememailrules .RowStyle, .Emailpanelwidthfix .GridViewauditememailrules .RowStyle td {
    background-color: #ffffff;
    border: 1px solid #e2e2e3;
}


/*.AlternatingRowStyle a, .RowStyle a, .ItemStyle a, .SelectedItemStyle a, .SelectedRowStyle a {
    color: #23527B;
}*/

.GridViewauditememailrules .FooterStyle, .GridViewauditememailrules .FooterStyle td {
    border: 1px solid #e2e2e3;
    padding: 4px;
}

    .GridViewauditememailrules .FooterStyle table td {
        border: 0px !important;
        padding: 0px;
    }

.GridViewauditememailrules .SelectedRowStyle td {
    color: #585858;
    background-color: #b8b8b8;
}

.GridViewauditememailrules .EditRowStyle, .GridViewauditememailrules .EditRowStyle td {
    background-color: #f3f1f2;
    BORDER-RIGHT: #e2e2e3 1px solid;
    BORDER-TOP: #e2e2e3 1px solid;
    BORDER-LEFT: #e2e2e3 1px solid;
    BORDER-BOTTOM: #e2e2e3 1px solid;
}

.GridViewauditememailrules .FooterStyle {
    background-color: #fff;
}

.GridViewauditememailrules .EmptyDataRowStyle {
    border: 0px;
    background-color: #dddddd;
    color: #FFF;
}

    .GridViewauditememailrules .EmptyDataRowStyle .label {
        color: #323250;
    }

.GridViewauditememailrules .PagerStyle {
    background-color: #BDC3C7;
}


.GridViewauditememailrules .widebutton {
    background-color: #148db9;
    color: #fff !important;
    border: solid 1px #004b66;
}

/* ====================== List User Grid ====================== */

.listUsers .PagerStyle td {
    background-color: #DDDDDD;
    border: 1px solid #B8B8B8;
}

    .listUsers .PagerStyle td table td {
        border: 0 !important;
    }

.PagerStyle td a {
    background: #fff;
    color: #323250;
}

.PagerStyle td span {
    background: #c4bfbf;
    /*color: #3494d1;*/
}
/* ====================== List User Grid End ====================== */

/* ====================== Property List Grid ====================== */

.propertyList tr .AlternatingRowStyle, .propertyList tr.RowStyle {
    font-size: 13px;
}

.propertyList .PagerStyle td {
    background-color: #DDDDDD;
}

    .propertyList .PagerStyle td a {
        background: #A2A2A2;
    }

    .propertyList .PagerStyle td span {
        background: #2195C9;
        color: #fff;
    }

/* ====================== Property List Grid End ====================== */


/* ====================== GridView End ====================== */

/* ====================== DataGrid - START ====================== */
.DataGrid {
    background-color: #ffffff;
    /*border: #e2e2e3 1px solid;*/
    color: #323250;
    border-style: none !important;
}

    .DataGrid td {
        /*border: #b8b8b8 1px solid;*/
        border-style: none;
    }

    .DataGrid .HeaderStyle {
        background-color: #f7f7f9;
        color: #525252;
        font-family: 'Graphik Medium Desktop';
        font-size: 15px;
        border: 1px solid #e2e2e3;
    }

        .DataGrid .HeaderStyle span.label {
            color: #525252;
            font-family: 'Graphik Medium Desktop';
            font-size: 15px;
        }

    .DataGrid .ItemStyle {
        border: #e2e2e3 1px solid;
        COLOR: #323250;
        background-color: #ffffff;
    }



    .DataGrid .AlternatingItemStyle, .DataGrid .AlternatingItemStyle {
        background-color: #ffffff;
        border: #e2e2e3 1px solid;
        color: #323250;
    }

        .DataGrid .AlternatingItemStyle, .DataGrid .AlternatingItemStyle a,
        .DataGrid .AlternatingItemStyle, .DataGrid .AlternatingItemStyle a:link {
            color: #323250 !important;
        }

    .DataGrid .PagerStyle {
        background-color: #dddddd;
    }
/* ====================== DataGrid - END ====================== */




/* ====================== Welcome control start ====================== */

.welcomeControl .WelcomeTitle {
    color: #4d4d4d;
}

.welcomeControl .WelcomePosition {
    color: #4d4d4d;
}



.welcomeControl .WelcomeSettlink a {
    background: url("media/Home_BTN/Engineering.png") no-repeat scroll 65% -67% transparent;
    color: #14B7FC;
}
/* ====================== Welcome control End ====================== */


/* ====================== About page Start ====================== */
.abtPagealign {
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 7px;
}

.intplver, .intdbsvr, .intdb, .intwebsvr {
    color: #323250;
}


.intcop, .intwarn, .intcop .label {
    color: #323250;
}

.intcop {
    width: 77%;
    float: left;
}

/* ====================== About page End ====================== */

/* ============ Planning - Business Unit - START ============= */
/* =============== SectionToolbar.ascx Start   ======================= */


.swotButton, .wideButton {
    background-color: #148db9;
    color: #fff;
    border: solid 1px #004b66;
}


/* ============ Override Input Type button browser User Agent style ============= */
.inputbutton {
    -webkit-appearance: none !important;
    background-color: #148db9 !important;
    color: #fff !important;
    border: solid 1px #004b66 !important;
}

/* =============== SectionToolbar.ascx End   ======================= */
/* ============ Planning - Business Unit - END ============= */

/* ============ Clear Fix for DIV layouts - START ============= */

.tabMenutab, .LinkButton1 {
    color: #004B66;
}

.tabMenutop {
    background-color: #fff;
}

.tabbotmline {
    background-color: #148DBA;
}



/* =============== RiskTab.ascx End   ======================= */

/* ============= Repot Main Page ============== */

.reportHeadlbl {
    color: #004462;
}

/* ============= Report Page Tree View ============== */

.rep_main {
    color: #767676;
    border: 1px solid #e5e5e5;
}


.rep_select {
    color: #fff;
    background-color: #249fd9;
}

    .rep_select a {
        color: #fff !important;
    }

.rep_hover {
    background: #e5e5e5;
}

.rep_nod a {
    color: #767676;
}

/* ============= Report Page Tree View End============== */

/* ============= Repot Page Table  ============== */


.reporticon A:link {
    color: #2b2b2b;
}

.reportItem :hover {
    color: #323250;
}


.reportDateselect input[type="text"] {
    border: 1px solid #939494 !important;
    color: #4F4F4F;
}

.previewButtSep {
    background-color: #148DBA;
}

.reportHeaderwrap {
    color: #fff;
}

/* ============= Repot Page Table End  ============== */

/* ============= Performance Management  ============== */

.kpiCollapsebut {
    background-color: #148DB9;
    border: 1px solid #004B66;
    color: #FFFFFF;
}

.kpiCollapsetbl {
    padding: 5px 0 0 0;
}

.kpisTable {
    border: 1px solid #E1E1E1;
}

/* ============= PerformanceManagement End ============== */

/* ============= Strategyc Page Table ============== */

/* ============= Strategyc Page Table End  ============== */


/* ============= Rad Menu  ============== */

/*.rtBot {background:url("media/treeviewexpand.png") 0 7px no-repeat !important;}*/

/* ============= Myquickupdate page  ============== */

.myupdateheader .myupdateTitle .label {
    color: #1e425b;
    cursor: pointer;
    line-height: 22px;
    vertical-align: middle;
}

.myupdateheader .itemNumber {
    /*background-color: #e6e7e8;*/
}

    .myupdateheader .itemNumber .label {
        color: #fff;
    }

.RadNumericTextBoxwidth {
    border: solid 1px #c8d1da;
    color: #323250;
}

.mySettingPageHeader {
    background-color: #e4f4fb;
    color: #0F9CDB;
}

/*.mySettingsTitle {
    color: #2b2b2b;
}*/

.mySettingsRow {
    background-color: #fff;
    text-align: right;
    padding-right: 0px;
}

.rowSeperator {
    background-color: #e0e0e0;
}
/**=========== Mailer Alerts ===========*/
.alertWrap {
    background: #148db9;
}

    .alertWrap .alertText {
        color: #fff;
    }

/*============ History page =========== */
.historypagecell {
    border: none !important;
}

    .historypagecell .GridView .RowStyle td, .historypagecell .GridView .AlternatingRowStyle td {
        border: none !important;
    }
/*============ History page =========== */


/*============ Quater Control =========== */


/*============ Email Control page =========== */

ul.token-input-list-interplan {
    border: 1px solid #ccc;
    background-color: #fff;
}

    ul.token-input-list-interplan li input {
        background-color: white;
        -webkit-appearance: caret;
        font-size: 12px !important;
    }

li.token-input-token-interplan {
    background-color: #eff2f7;
    color: #323250;
    border: 1px solid #ccd5e4;
}

    li.token-input-token-interplan span {
        color: #a6b3cf;
    }

li.token-input-selected-token-interplan {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}


div.token-input-dropdown-interplan {
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    div.token-input-dropdown-interplan p {
        color: #777;
    }


    div.token-input-dropdown-interplan ul li {
        background-color: #fff;
    }

        div.token-input-dropdown-interplan ul li.token-input-dropdown-item-interplan {
            background-color: #fff;
        }

        div.token-input-dropdown-interplan ul li.token-input-dropdown-item2-interplan {
            background-color: #fff;
        }


        div.token-input-dropdown-interplan ul li.token-input-selected-dropdown-item-interplan {
            background-color: #3b5998;
            color: #fff;
        }

.mailerWrap .error {
    color: red;
}

    .mailerWrap .error .label {
        color: red;
    }



.mailboxtextbox {
    border: solid 1px #ccc;
}


.mailhintmsg {
    color: #cc0000 !important;
}

/*============ Email Control page end =========== */


/* ====================== GridView LinkedKPI Begin ====================== */
.GV-LinkedKPI {
    border: #8cd1ef 1px solid;
    background-color: #e9f1f4;
    color: #585858;
}

    .GV-LinkedKPI .HeaderStyle {
        /*background: #e9e9cf url('media/Grid_Header_bk.jpg') repeat-x top left;*/
        background-color: #129cd9;
        color: #fff;
    }

    .GV-LinkedKPI .RowStyle, .GV-LinkedKPI .RowStyle td {
        border: 1px solid #B8B8B8;
    }

    .GV-LinkedKPI .AlternatingRowStyle, .GV-LinkedKPI .AlternatingRowStyle td {
        border: 1px solid #B8B8B8;
    }

    .GV-LinkedKPI .EditRowStyle {
        background-color: #e9f1f4;
    }

    .GV-LinkedKPI .PagerStyle, .GV-LinkedKPI .PagerStyle span {
        background-color: #2195c9;
        color: #323250;
    }

        .GV-LinkedKPI .PagerStyle a {
            background-color: #2195c9;
            color: #FFF;
        }

            .GV-LinkedKPI .PagerStyle a:hover {
                background-color: #FFFFFF;
                color: #2195c9;
            }

/* ====================== GridView kpiListPanel Begin ====================== */
.GV-kpiListPanel {
    border: #8cd1ef 1px solid;
    background-color: #e9f1f4;
    color: #585858;
}

    .GV-kpiListPanel .HeaderStyle {
        /*background: #e9e9cf url('media/Grid_Header_bk.jpg') repeat-x top left;*/
        background-color: #129cd9;
        color: #fff;
    }

    .GV-kpiListPanel .RowStyle, .GV-kpiListPanel .RowStyle td {
        border: 1px solid #8cd1ef;
    }

    .GV-kpiListPanel .AlternatingRowStyle, .GV-kpiListPanel .AlternatingRowStyle td {
        background-color: #cc0000;
        border: 1px solid #8cd1ef;
    }


    .GV-kpiListPanel .EditRowStyle {
        background-color: #e9f1f4;
    }


    .GV-kpiListPanel .PagerStyle td {
        background-color: #DDDDDD;
    }

        .GV-kpiListPanel .PagerStyle td a {
            background: #A2A2A2;
            color: #FFF;
        }

        .GV-kpiListPanel .PagerStyle td span {
            background: #2195C9;
            color: #fff;
        }

.subheaders {
    color: #3b899f;
}

.defaultFontColor {
    color: #323250 !important;
}
/* ================ GridView LinkedKPI End ====================== */

.grid {
    border: #8cd1ef 1px solid;
    color: #004462;
}

    .grid .header {
        background: #6D6E70;
        color: #fff;
    }

    .grid .row {
        color: #004462;
    }

    .grid .alternatingrow {
        background-color: #F1FAFE;
        color: #004462;
    }

    .grid .item, .grid .footer {
        border-right: #8cd1ef 1px solid;
        border-bottom: #8cd1ef 1px solid;
        color: #004462;
    }

    .grid .itemclick {
        border-right: #8cd1ef 1px solid;
        border-bottom: #8cd1ef 1px solid;
        color: #004462;
    }

    .grid input.button {
        background-color: #148db9;
        color: #fff !important;
        border: solid 1px #004b66;
    }
/* ====================== GIS Map Styles ====================== */


/* ====================== Error page ====================== */

.Errorheader {
    background: #00afef;
}

.Error_msg_wrap_linkbutton1 {
    color: #939494; /*#00afef*/
}


/* ====================== Error page End====================== */








/* ====================== Authorised/AnalysisServices/EIS page ====================== */

.EISDefaultTab {
    background-color: #fff;
    color: #1e425b;
}

    .EISDefaultTab td {
        white-space: nowrap;
        padding: 10px 16px !important;
        border-bottom: 4px #fff solid !important;
    }

.EISSelectedTab {
    background-color: #fff;
    color: #1e425b;
    font-size: 17px;
    font-family: 'Graphik Medium Desktop';
    border-bottom: 4px #0050A0 solid !important;
    white-space: nowrap;
}

.EISDefaultTabHover {
    background-color: #fff;
    color: #1e425b;
    border-bottom: 4px #0050A0 solid !important;
    white-space: nowrap;
}

    .EISDefaultTabHover td, .EISSelectedTab td {
        padding: 8px 16px !important;
    }

.EISDisabledTab {
    color: #AAAAAA;
}

.EisExpandIcon {
    background: #c9c9c9;
}

    .EisExpandIcon img {
        background: url(../../App_Themes/INTERPLAN/Grid/sprite.gif) 3px -498px no-repeat;
    }
/*background image path has changed according to server version*/
.EIS_Seperator {
    background: url('media/executiveDashboard/EIS_Seperator_img.gif') repeat-y left top;
}

.EISAlertTitle {
    background: #b9edfe;
}

.EIS_AlertsBody {
    border: solid 1px;
}

.EIS_AlertsLogo .label {
    color: #00415d !important;
    font-size: 18px;
    font-family: 'Graphik Medium Desktop';
}

.EIS_AlertsSettings .label {
    color: #00415d !important;
}

.EISkpiDatetxt {
    color: #2b2b2b;
}

.EIS_AlertsBodylinktext a {
    color: #0066cc;
}

.EIS_AlertsBodylinktext {
    color: #0066cc;
}

.EIS_ScorecardTablelinks a {
    color: #004462;
}


.labelfontresize {
    color: #323250;
}

.EISOverViewChartLabelright .label {
    color: #0b6890;
}

.EISOverViewChartLabel .label {
    color: #0b6890;
}

.EISOverViewTitlemain {
    /*width:100%;*/
    background: #B9EDFE;
}

.EISOverViewToolbar {
    color: #00415d !important;
}

#divActionProgressHeader {
    background: #F3F1F2;
    border-bottom: 1px solid #fff;
}

#divActionExpenditureHeader {
    background: #F3F1F2;
}

#divKPIPerformanceHeader {
    background: #F3F1F2;
    border-bottom: 1px solid #fff;
}

/*EISDate Picker Droup Down*/
.comboBox {
    background-color: red;
    border: 1px solid #939494;
    color: #4f4f4f;
}

.comboBoxHover {
    border: 1px solid #A6A7AA;
    background-color: white;
    color: #fff;
}

.comboDropDown {
    border: 1px solid #939494;
    background: #fff;
    color: #4f4f4f;
}

.comboItemHover {
    background-color: #148db9;
    color: #fff;
}

/*Breadcrumb*/
#INTERPLAN_breadcrumb {
    background-repeat: repeat-x;
    color: #004462;
    border: solid 1px #cacaca;
}

    #INTERPLAN_breadcrumb li span {
        color: #0C6E91;
    }

    #INTERPLAN_breadcrumb a {
        background-image: url('media/Breadcrumb/bc_separator.png');
        background-repeat: no-repeat;
        background-position: right;
        color: #004462;
    }

        #INTERPLAN_breadcrumb a:hover {
            color: #004462;
        }


/* ====================== Authorised/AnalysisServices/EIS page End====================== */

/*Randika Test*/



/**************** Authorised/Administration/FavoriteReports.aspx ********************/

.RadGrid_Outlook {
    border: 1px solid #e5e5e5 !important;
}

    .RadGrid_Outlook .rgMasterTable {
        background-color: #F3F1F2;
        border-bottom: 1px solid #fff;
    }

    .RadGrid_Outlook .rgRow a {
        color: #0b6395 !important;
    }

    .RadGrid_Outlook .rgAltRow a {
        color: #0b6395 !important;
    }

    .RadGrid_Outlook td {
        border-color: #fff !important;
    }

.componentartFooterGridPaging {
    background-color: #DDDDDD;
    border: 1px solid #B8B8B8;
}

.componentartGridPaging a:link {
    color: #fff;
    background-color: #a2a2a2;
}

.pagertextcss {
    background: rgb(221, 221, 221);
}

    .pagertextcss a {
        color: #fff;
        background: rgb(162, 162, 162);
        padding: 2px 4px 2px 4px;
    }



/* =============== Rad Tree Node ====================== */
.TreeView {
    border: #efefef 1px solid;
    background-color: White;
    color: #767676;
}


.HoverTreeNode {
    /*color: #648bcb;*/
    background: #eee;
    border-radius: 7px;
    font-size: 15px;
}

.SelectedTreeNode {
    background-color: #efefef;
    font-size: 15px;
    border-radius: 7px;
    font-family: 'Graphik Medium Desktop';
}

/* =============== Rad Tree Node End ====================== */



/* =============== EIS KPI tab ====================== */
.RadGrid .rgGroupItem {
    color: #004b66;
}


/* =============== Email Template End ====================== */

.ruInputs .ruFakeInput {
    border: solid #ccc 1px !important;
    background-color: #f0f0f0 !important;
}

.ruInputs .ruButton {
    border: solid #ccc 1px !important;
    background-color: #f0f0f0;
    font-size: 12px;
    padding: 0px 5px !important;
}


.AboutlblCopyright {
    color: #004b66;
}

.commentboxbtn {
    background-color: #0C6E91 !important;
    /*vertical-align:middle !important;*/
}

/* ====================== Access Denied page ====================== */

.accessdenied .Errorheader {
    background: #00afef;
}


.accessdenied .Error_msg_wrap_linkbutton1 {
    color: #939494; /*#00afef*/
}


.accessdenied .ErrorTitle {
    color: #4f4f4f;
}

.accessdenied .Error_msg {
    color: #4f4f4f;
}


/* ====================== Access Denied page End====================== */

/*======= Access Denied page footer content =======*/
.accessdenied .footerContent {
    color: #fff;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background: #00afef;
}

    .accessdenied .footerContent .left-Side a {
        color: #fff;
    }

    .accessdenied .footerContent .CopyRight .label {
        color: #fff !important;
    }


/*======= Access Denied page footer content =======*/




/*========== Interplan User Control Styles ============*/
.radAjaxPanelWizard {
    background-color: rgb(239, 243, 251);
}

.radAjaxPanelSideBarStyle {
    background-color: rgb(80, 124, 209);
}

.radAjaxPanelHeaderStyle {
    background-color: rgb(40, 78, 152);
}

.radAjaxPanelSideBarButtonStyle {
    background-color: rgb(80, 124, 209);
}

.manageKPI {
    background-color: rgb(224, 224, 224);
}

span.imagePanel a:link div {
    background: rgb(221, 221, 221);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#EEEEEE',GradientType=0 );
}

span.imagePanel a:visited div {
    background: rgb(221, 221, 221);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#EEEEEE',GradientType=0 );
}

span.imagePanel a:hover div {
    background: rgb(221, 221, 221);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#EEEEEE',GradientType=0 );
}

span.imagePanel a:active div {
    background: rgb(221, 221, 221);
    color: white;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#EEEEEE',GradientType=0 );
}

span.imagePanel a:hover div {
    background: rgb(238, 238, 238);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#DDDDDD',GradientType=0 );
}

.budgetGaugeContainer {
    background-color: rgb(233, 241, 244);
}

.dundasWebChart {
    background-color: rgb(233, 241, 244);
}

.radGridItemStyle {
    background-image: url("media/Grid/Delete.gif");
}

.divKPIAlertExpand {
    background-image: url("../../../RadControls/Dock/Skins/Interplan/Img/Expand.gif");
}

.selector {
    background-color: rgb(255, 255, 255);
}

.picker {
    border: 1px solid #c8d1da;
    background-color: rgb(255, 255, 255);
    color: #323250 !important;
}

.calendar_button {
    border: currentColor;
    background-image: url("media/Calendar/btn_calendar.gif");
}

.title {
    background-color: rgb(215, 215, 229);
}

.day {
    border: 1px solid rgb(246, 246, 246);
}

.dayhover {
    border: 1px solid rgb(246, 246, 246);
}

.dayheader {
    border: 1px solid white;
    background-color: rgb(255, 255, 255);
}

.othermonthday {
    color: rgb(153, 153, 153);
}

.selectedday {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(187, 85, 3) !important;
    width: 25px;
    color: rgb(0, 0, 0);
    background-color: rgb(251, 230, 148);
}

.calendar {
    border: 1px solid black;
    background-color: rgb(255, 255, 255);
}

.month {
    background-color: rgb(246, 246, 246);
}

.loginTableCell {
    color: white;
}

.loginLabel {
    color: #fff;
}

.labelWarning {
    color: red;
}

.cellFormValidator {
    color: rgb(102, 102, 153);
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: rgb(243, 237, 254);
}

.cellFormContent {
    color: rgb(102, 102, 153);
}

.cellFormInnerLabel {
    color: rgb(102, 102, 153);
}

.cellFormInnerData {
    color: rgb(79, 79, 79);
}

.cellGridLabel {
    color: rgb(102, 102, 153);
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: rgb(233, 241, 244);
}

.cellGridData {
    background-color: rgb(233, 241, 244);
}

.cellGridValidator {
    color: rgb(102, 102, 153);
    border-bottom-color: rgb(255, 255, 255);
    background-color: rgb(243, 237, 254);
}

.cellGridContent {
    color: rgb(102, 102, 153);
    background-color: white;
}

#header {
    background: url("media/header-bar_bk.png") repeat-x top rgb(255, 255, 255);
}

.header_bottom_line {
    background: url("media/header_bottom_line.jpg") repeat-x top rgb(255, 255, 255);
}

.contentHeadaer_left {
    background: url("media/My_Action_TB_LHS.gif") no-repeat left top;
}

.contentHeadaer_middle, .contentHeadaer_middle span {
    /*background: url("media/My_Action_TB_Middle_66.gif") repeat-x left top; height: 27px; color: rgb(255, 255, 255); padding-left: 10px; font-family: Arial; font-size: 13px; font-weight: 700; vertical-align: middle; white-space: nowrap;*/
    color: #2b2b2b !important;
}

.contentHeadaer_right {
    background: url("media/My_Action_TB_RHS.gif") no-repeat right top;
}

.SideMenu_width {
    border-right-color: rgb(255, 255, 255);
}

.SideTreeCell {
    border-right-color: rgb(233, 241, 244);
}

.SideListPanelCell {
    border-left-color: rgb(233, 241, 244);
}

.DIV_Border_Risk_Ratings {
    border: 1px solid rgb(183, 205, 252);
}

.Image2 {
    background-image: url("media/executiveDashboard/Executive_Left_Top_Corner.gif");
}

.Executive_Top_Edge {
    background-position: bottom;
    background-image: url("media/executiveDashboard/Executive_Top_Edge.gif");
}

.Executive_Top_Edge_Only {
    background-image: url("media/executiveDashboard/Executive_Top_Edge.gif");
}

.Executive_Top_Edge1 {
    background-position: bottom;
    background-image: url("media/executiveDashboard/Executive_Top_Edge.gif");
}

.Executive_Left_Edge {
    background-image: url("media/executiveDashboard/Executive_Left_Edge.gif");
}

.Executive_Right_Edge {
    background-image: url("media/executiveDashboard/Executive_Right_Edge.gif");
}

.Executive_Left_Edge {
    background-image: url("media/executiveDashboard/Executive_Left_Edge.gif");
}

.Executive_Right_Edge {
    background-image: url("media/executiveDashboard/Executive_Right_Edge.gif");
}

.Executive_Bottom_Edge {
    background-image: url("media/executiveDashboard/Executive_Bottom_Edge.gif");
}

.Executive_Top_Edge {
    background-image: url("media/executiveDashboard/Executive_Top_Edge.gif");
}

.Executive_Top_Edge1 {
    background-image: url("media/executiveDashboard/Executive_Top_Edge.gif");
}

.Executive_Left_Edge {
    background-image: url("media/executiveDashboard/Executive_Left_Edge.gif");
}

.Executive_Right_Edge {
    background-image: url("media/executiveDashboard/Executive_Right_Edge.gif");
}

.Executive_Left_Edge {
    background-image: url("media/executiveDashboard/Executive_Left_Edge.gif");
}

.Executive_Right_Edge {
    background-image: url("media/executiveDashboard/Executive_Right_Edge.gif");
}

.Executive_Bottom_Edge {
    background-image: url("media/executiveDashboard/Executive_Bottom_Edge.gif");
}

div.sideTreeMenu {
    background-color: rgb(248, 248, 255);
}

td.sideTreeMenu {
    border-right-color: rgb(238, 238, 238);
    background-color: rgb(248, 248, 255);
}

.TextHeader {
    color: rgb(255, 255, 255);
}

.MisspelledWordStyle {
    color: red;
}

sup {
    color: red;
}

div.tinySection {
    border-bottom: 1px solid #efefef;
    background-color: #FFF;
}

.sectionToolbar {
    background-image: url("media/myxheaders/My_Action_TB_Middle_66.gif");
    background-repeat: repeat-x;
}

.AQUlblEndDate {
    color: rgb(102, 102, 153);
    border-bottom-color: rgb(255, 255, 255);
    background-color: rgb(243, 237, 254);
}

.Section {
    border: 1px solid gainsboro;
    background-color: rgb(233, 241, 244);
}

.sectionSubHeader {
    background-color: #e6e6e6;
}

.section {
    border: 1px solid gainsboro;
    background-color: #efefef;
}

.headerFormCellLabel {
    color: rgb(102, 102, 153);
    background-color: rgb(233, 241, 244);
}

.headerFormCellData {
    color: rgb(79, 79, 79);
    background-color: rgb(233, 241, 244);
}

.menuParentDropDown {
    border: 1px solid gray;
}

.Error {
    color: red;
}

.ScoreCardSecondTD {
    background-color: rgb(168, 204, 220);
}

.QuickKPIComment {
    background-color: rgb(233, 241, 244);
}

.viewReportiframe {
    background-position: center;
    background-image: url("media/logos/i-animation.gif");
    background-repeat: no-repeat;
}

.tinysection2 {
    border: 1px solid gainsboro;
    background-color: rgb(255, 255, 255);
}

.Menu_bk {
    background: url("media/tab_menu_bk.jpg") repeat-x left top;
}

.lblWrap {
    color: rgb(0, 68, 98);
}

.MoveTableLabel {
    color: rgb(0, 68, 98);
}

.history {
    /*border: 1px solid rgb(172, 168, 153);*/
}

    .history .td {
        border: 1px solid rgb(172, 168, 153);
    }

.cellFormData1 {
    color: rgb(79, 79, 79);
}


/*========== Interplan user Control Styles  End ============*/

.mandetarylabel {
    color: red;
}

#INTERPLAN_breadcrumb li a .button {
    background-color: transparent !important;
    color: #004462 !important;
}

/* =============== Replicate KPI Date End ====================== */

/*========== Master Product Menu ============*/

.topproductsmenu a {
    color: #fff;
}

.prodEIS {
    background: #b1b1b1;
}

.prodIPM {
    background: #a54399;
}

.prodIRM {
    background: #e51b24;
}

.prodInterplan {
    background: #00afef;
}

.prodPES {
    background: #f5901e;
}

.prodBMC {
    background: #fdb50c;
}

.prodWPC {
    background: #5c7f2f;
}

.prodISR {
    background: #cac923;
}

.prodSPS {
    background: #e73e97;
}

.prodCCP {
    background: #04a756;
}

.prodIBP {
    background: #004f59;
}

/*========== Master Product Menu End ============*/

/*==========  Default tooltip style ============*/

.qtip-default {
    /*border-width: 1px;
    border-style: solid;
    border-color: #F1D031;*/
    color: #555;
    background: url('media/tooltippointer.png') no-repeat top left !important;
}

    .qtip-default .qtip-titlebar {
        background-color: #FFEF93;
    }

    .qtip-default .qtip-icon {
        /*border-color: #CCC;*/
        color: #777;
    }

    .qtip-default .qtip-titlebar .qtip-close {
        border-color: #AAA;
        color: #111;
    }


.qtip-content {
    background: url('media/tooltipshadow.png') repeat-x bottom !important;
}

    .qtip-content span {
        background: #f7ffb5;
    }


.qtip-close :hover {
    background: #dddddd !important;
}

.qtip-icon, .qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

    .qtip-icon .ui-icon {
        background: transparent none no-repeat -100em -100em;
    }

.qtip-light {
    /*border-color: #E2E2E2;*/
    color: #454545;
}

    .qtip-light .qtip-titlebar {
        background-color: #f7ffb5;
    }


/*==========  Default tooltip style  End============*/


/*========== Buttons ============*/

.PopupButton {
    background: url("media/toolbar_icon/popup.svg") no-repeat scroll center center transparent;
    color: #fff !important;
    text-indent: -999px;
}

.PopupButton2 {
    background: url("media/toolbar_icon/popup.svg") no-repeat scroll left center transparent;
    font-weight: normal;
    border: solid 1px #ccc;
    text-align: right;
    color: #323250;
    border-radius: 2px;
}

/*========== Buttons End ============*/

/*========== My Quick Update ============*/

.quickupdateFilter {
    background-color: #ffffff;
    /*border-top:solid 2px #004462;*/
}



.quickupdatetextBox {
    border: 1px solid #cbcbcb;
    color: #4f4f4f;
}

.quickupdatetextBox2 {
    border: 1px solid #cbcbcb;
    color: #4f4f4f;
}

.DropDownListrisk {
    border: 1px solid #c8d1da;
    color: #323250;
}

.multipleTextBox {
    border: 1px solid #C9D1DA;
    color: #323250 !important;
    border-radius: 3px;
}


/*========== My Quick Update End ============*/

/*========== Tab Strip ============*/

.RadTabStrip_IRM {
    color: black;
}

    .RadTabStrip_IRM .rtsGhostTab {
        border-color: #767676;
        color: black;
        background-color: #f9f9f9;
    }

/** Tabstrip container */
.RadTabStripTop_IRM .rtsLevel1 {
    /*background-color: #ffffff;
  border-bottom:2px solid #2c3e50;*/
}

/** Tabs holder */
.RadTabStrip_IRM .rtsUL {
    background-color: #ffffff;
}

.RadTabStrip_IRM .rtsLevel1 .rtsUL {
    background-color: #fff;
}

.RadTabStrip_IRM .rtsLI {
    color: #767676;
}

/*.RadTabStrip_IRM .rtsLevel1 .rtsLI {
    color: #d4d4d4;
    border-right: 1px solid #d4d4d4;
}*/

.RadTabStrip_IRM .rtsLink {
    background-color: #fff;
    color: #1e425b;
    font-size: 15px !important;
}

    .RadTabStrip_IRM .rtsLink:hover {
        color: #323250;
    }

.RadTabStrip_IRM .rtsLevel1 .rtsLink {
    /*color: #323250;*/
}

    .RadTabStrip_IRM .rtsLevel1 .rtsLink:hover {
        border-color: #ffffff;
    }
/** rtsSelected */
.RadTabStrip_IRM .rtsSelected {
    color: #323250;
    background-color: #dcdadd;
}

.RadTabStrip_IRM .rtsLevel1 .rtsSelected {
    background-color: #fff;
    color: #0050A0;
    font-weight: normal;
    border-bottom: 4px #0050A0 solid !important;
    white-space: nowrap;
    height: auto;
    font-family: 'Graphik Medium Desktop';
    font-size: 17px !important;
    font-weight: normal !important;
    border-top-style: none !important;
    border-right-style: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

    .RadTabStrip_IRM .rtsLevel1 .rtsSelected:hover {
        background-color: #fff;
        color: #0050A0;
        border-bottom: 4px #0050A0 solid !important;
        white-space: nowrap;
        /*height: auto;*/
        font-family: 'Graphik Medium Desktop';
        font-size: 17px;
        border-top-style: none !important;
        border-right-style: none !important;
    }

/** rtsDisabled */
.RadTabStrip_IRM .rtsDisabled,
.RadTabStrip_IRM .rtsDisabled:hover {
    color: #cccccc;
}

.RadTabStrip_IRM .rtsLevel1 .rtsDisabled,
.RadTabStrip_IRM .rtsLevel1 .rtsDisabled:hover {
    border-color: #25a0da;
    color: #91cae8;
}


/** rtsSeparator */
/** Scrolling arrows */
.RadTabStrip_IRM .rtsNextArrow,
.RadTabStrip_IRM .rtsPrevArrow,
.RadTabStrip_IRM .rtsPrevArrowDisabled,
.RadTabStrip_IRM .rtsNextArrowDisabled {
    background-image: url('TabStrip/TabStripStates.png');
}

/* ====================== Input interplan Css====================== */


html body .RadInput_Interplan .riTextBox,
html body .RadInputMgr_Interplan {
    border-color: #c8d1da;
    background: #fff;
    /*color:#c8d1da;*/
    /*color:#323250;*/
    padding: 7px !important;
    min-height: 35px !important;
    border-radius: 3px;
}

html body .RadInput_Interplan .riEmpty,
html body .RadInput_Empty_Interplan {
    color: #777;
}

html body .RadInput_Interplan .riHover,
html body .RadInput_Hover_Interplan {
    border-color: #767676;
}

html body .RadInput_Interplan .riFocused,
html body .RadInput_Focused_Interplan {
    border-color: #8e8e8e;
}

html body .RadInput_Interplan .riRead,
html body .RadInput_Read_Interplan {
    border-color: #b0b0b0;
}

html body .RadInput_Interplan .riDisabled,
html body .RadInput_Disabled_Interplan {
    color: #c9c0c0;
    padding: 7px !important;
    height: auto;
    border-radius: 3px;
}

html body .RadInput_Interplan .riError,
html body .RadInput_Error_Interplan {
    border-color: #de3914;
    background: #ffe9e9 100% -298px no-repeat url('Input/sprite.gif');
    color: #de3914;
}

.RadForm.rfdTextbox .RadInput_Interplan .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error_Interplan[type="text"] {
    border-color: #de3914;
    background: #fff 100% -298px no-repeat url('Input/sprite.gif');
    color: #de3914;
}

html body .RadInput_Interplan .riNegative,
html body .RadInput_Negative_Interplan {
    color: #565656;
}

/*buttons*/

.RadInput_Interplan a {
    background: transparent no-repeat url('Input/sprite.gif');
}

.RadInput_Interplan .riLabel {
    color: #666;
}

/* ====================== Input interplan Css End====================== */

/* ====================== History Page ====================== */


.historyLblhead {
    color: #fff;
}


.reportmainlbl {
    color: #fff !important;
}

.historyTabssep {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 20px;
}

/*.historyColcenter {
    min-width:580px;
}*/

.Historytbl th {
    background: #b8b8b8;
}




/* ====================== History Page End ====================== */

.mandatory {
    color: red;
}


.tabMenu_wrapper {
    background-color: #fff;
    border-bottom: 1px solid #E0E0E0;
    border-top: 1px solid #E0E0E0;
    margin-left: 20px;
}

#divMinMaxSection {
    background-color: #FFF;
}

#IRM_breadcrumb {
    border: 1px solid rgb(202, 202, 202);
    color: rgb(219, 67, 44);
    border: none; /*background-image: url("media/Breadcrumb/bc_bg.png");*/
}

    #IRM_breadcrumb a {
        color: rgb(69, 69, 69); /*background-image: url("media/Breadcrumb/bc_separator.png");*/
    }

        #IRM_breadcrumb a:hover {
            /*color: rgb(219, 67, 44) !important;*/
        }

#breadcrumbid a {
    color: #323250 !important;
    font-size: 20px !important;
    text-decoration: underline !important;
    font-weight: normal !important;
}

    #breadcrumbid a:hover {
        color: #323250 !important;
        font-size: 20px !important;
        text-decoration: none !important;
        font-weight: normal !important;
    }

.Executive_Table {
    background-color: rgb(232, 232, 232);
}

.Executive_MM {
    border: 1px solid #CCC;
}

.EISDefaultTab {
    color: rgb(0, 0, 0);
}

.EISDefaultTabHover {
    color: #1e425b;
}

.EISSelectedTab {
    color: #1e425b;
}

.EISDisabledTab {
    color: rgb(170, 170, 170);
}

.EISMultiPage {
    border: 1px solid rgb(145, 155, 156);
    background-color: rgb(233, 241, 244);
}

.EISRiskDefaultTab {
    background-color: #e6e6e6;
}

.EISRiskDefaultTabHover {
    background-color: #717171;
}

.EISRiskSelectedTab {
    background-color: #717171;
}

.EISRiskDisabledTab {
    color: rgb(170, 170, 170);
}

.EISRiskMultiPage {
    border: 1px solid rgb(145, 155, 156);
    background-color: rgb(233, 241, 244);
}

.EISGrid {
    border: 1px solid rgb(87, 86, 111);
    background-color: rgb(255, 255, 255);
}

.EISGridData {
    border: 0px currentColor;
    background-color: rgb(255, 255, 255);
}

.EISGridFooter {
    border-color: currentColor black;
}

.EISGridFooterText {
    color: rgb(0, 0, 0);
}

.EISGridHeadingRow {
    background-position: bottom;
    background-image: url("media/ComponentArt/Grid/header_rowBg.gif");
    background-color: rgb(252, 255, 244);
}

.EISGridHeadingCell {
    color: rgb(0, 0, 0);
    border-right-color: rgb(219, 219, 219);
    border-right-width: 1px;
    border-right-style: solid;
    background-image: url("media/ComponentArt/Grid/header_rowBg.gif");
    background-color: rgb(252, 255, 244);
}

.EISGridHeadingCellHover {
    background-position: bottom;
    background-image: url("media/ComponentArt/Grid/header_rowBg.gif");
    background-color: rgb(252, 255, 244);
}

.EISGridHeadingCellActive {
    background-position: bottom;
    background-image: url("media/ComponentArt/Grid/header_rowBg.gif");
    background-color: rgb(252, 255, 244);
}

.EISGridHeadingRow td.FirstHeadingCell {
    background-position: bottom;
    background-image: url("media/ComponentArt/Grid/header_rowBg.gif");
}

.EISGridHeadingCellText {
    color: rgb(0, 0, 0);
}

.EISGridRow {
    background-color: rgb(255, 255, 255);
}

.EISGridDataCell {
    color: rgb(0, 0, 0);
    border-bottom-color: rgb(219, 219, 219);
}

    .EISGridDataCell a:link {
        color: rgb(0, 0, 0);
    }

    .EISGridDataCell a:hover {
        color: rgb(0, 0, 0);
    }

    .EISGridDataCell a:visited {
        color: rgb(0, 0, 0);
    }

.EISEISGridSortedDataCell {
    background-color: rgb(245, 245, 245);
}

.EISGridSelectedRow {
    background-color: rgb(167, 205, 240);
}

    .EISGridSelectedRow td.DataCell {
        color: rgb(0, 0, 0);
        border-right-color: currentColor;
        border-bottom-color: rgb(191, 219, 245);
        border-right-width: 0px;
        border-bottom-width: 1px;
        border-right-style: none;
        border-bottom-style: solid;
        background-color: rgb(167, 205, 240);
    }

    .EISGridSelectedRow td.FirstDataCell {
        border-right-color: currentColor;
        border-left-color: rgb(75, 75, 111);
        border-right-width: 0px;
        border-left-width: 1px;
        border-right-style: none;
        border-left-style: solid;
    }

    .EISGridSelectedRow td.LastDataCell {
        border-right-color: rgb(75, 75, 111);
        border-right-width: 1px;
        border-right-style: solid;
    }

.EISScrollBar {
    background-image: url("../../resources/images/grid/scroller/scroller_bg.gif");
}

.EISScrollGrip {
    background-image: url("../../resources/images/grid/scroller/scroll_gripBg.gif");
}

.EISAlertsDivs {
    background-color: #fff;
    border-bottom: 1px solid #E0E0E0;
    margin-top: 15px;
}

.EISAlertsDivs_Last {
    background: url("media/progress_bar.jpg") repeat-x bottom;
    border: 1px solid rgb(83, 83, 83);
}

.EIS_AlertsBody {
    border: none;
}

.EISAlertsDivs_Body {
    border: 1px solid rgb(204, 204, 204);
}

.EISAlertsHeaderRow {
    background: url("../../resources/images/Grid/header_rowBg.gif") repeat-x rgb(210, 227, 235);
    border: 1px solid rgb(103, 136, 190);
    color: green;
}

.EISAlertsRows {
    background: rgb(247, 247, 247);
    color: rgb(0, 68, 98);
    border-top-color: rgb(233, 233, 233);
    border-bottom-color: white;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

.AlertsGrid {
    border: 1px solid rgb(87, 86, 111);
    background-color: rgb(255, 255, 255);
}

.GridView .AlternatingRowStyle, .GridView .AlternatingRowStyle td, .GridView .RowStyle, .GridView .RowStyle td {
    /*background-color:#F3F1F2;*/
    /*BORDER-RIGHT: #f5f5f5 2px solid;
    /*BORDER-TOP: #C9C8C8 1px solid;*/
    /*BORDER-LEFT: #f5f5f5 2px solid;*/
    BORDER-BOTTOM: #e2e2e3 1px solid;
}

.GridView .AlternatingRowStyle, .GridView .AlternatingRowStyle, .GridView .RowStyle, .GridView .RowStyle {
    /*background-color:#F3F1F2;*/
    /*BORDER-RIGHT: #e2e2e3 1px solid;*/
    /*BORDER-TOP: #C9C8C8 1px solid;*/
    /*BORDER-LEFT: #e2e2e3 1px solid;*/
    BORDER-BOTTOM: #e2e2e3 1px solid;
}

    .GridView .AlternatingRowStyle, .GridView .AlternatingRowStyle td, .GridView .RowStyle, .GridView .RowStyle {
        /*BORDER-RIGHT: #f5f5f5 2px solid;*/
        /*BORDER-TOP: #C9C8C8 1px solid;*/
        /*BORDER-LEFT: #f5f5f5 2px solid;*/
    }

.GridView .FooterStyle, .GridView .FooterStyle td, .GridView .HeaderStyle {
    /*BORDER-BOTTOM: #eceaea 1px solid;*/
    /*border-right: #e2e2e3 1px solid;*/
    /*border-left: #e2e2e3 1px solid;*/
    /*border-top: #e2e2e3 1px solid;
    border-bottom: #e2e2e3 1px solid;*/
}

.DropdownDisableStyle {
    background-color: #CCCCCC;
}

.borderSolid td:first-child {
}

.datacell .CheckBox {
    float: left;
}

.RadComboBoxDropDown label {
    color: #323250 !important;
}

.RadComboBox_Default .rcbFocused .rcbReadOnly .rcbInput {
    color: #323250 !important;
}

.RadComboBox_Default .rcbReadOnly .rcbInput {
    color: #323250 !important;
}

.RadComboBox_Default {
    color: #323250 !important;
}

.RadTreeView_Default {
    color: #323250 !important;
    font-size: 13px !important;
    font-weight: normal !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #555 !important;
}

.backClr {
    background-color: #fff;
}

span.RepeaterTabs .LinkButton1 .Selected, .lb_TabMenuRoll {
    background-color: #fff;
}

span.RepeaterTabs a:link.LinkButton1.Selected, span.RepeaterTabs a:visited.LinkButton1.Selected, span.RepeaterTabs a:active.LinkButton1.Selected {
    color: #1e425b;
}

span.RepeaterTabs a.LinkButton1.Selected span, span.RepeaterTabs a.LinkButton1.Selected span {
    border-top: solid 3px #3494d1;
}


/* CSS Document */


.dateCellWidth2mid {
    width: 125px;
}

/* =============== Min Width ====================== */

.dataCellMinWidth4 {
    min-width: 200px !important;
}

.dataCellMinWidth3 {
    min-width: 150px;
}


.dataCellMinWidth120 {
    min-width: 120px;
}

.dataCellMinWidth2 {
    min-width: 100px;
}

.analysysMatrixBoxMinWidth {
    /*min-width:300px !important;*/
    width: 100%;
}

/* =============== Min Width End====================== */


.lblFixWidth1 {
    width: 90px;
}

.FixWidth0 {
    width: 20px;
}

.FixWidth1 {
    width: 50px;
}

.FixWidth2 {
    width: 70px;
}

.FixWidth3 {
    width: 80px;
}

.textboxfixwidth {
    width: 196px;
}

.dateCellWidth17 {
    width: 850px;
}

.dateCellWidth16 {
    width: 800px;
}

.dateCellWidth15 {
    width: 750px;
}

.dateCellWidth14 {
    width: 700px;
}


.dateCellWidth13 {
    width: 650px;
}


.dateCellWidth12 {
    width: 600px;
}

.dateCellWidth11 {
    width: 550px;
}

.dateCellWidth10 {
    width: 500px;
}

.dateCellWidth9 {
    width: 450px;
}

.dateCellWidth8 {
    width: 400px !important;
}

.dateCellWidth7 {
    width: 350px;
}

.dateCellWidth6 {
    width: 300px;
}

.saasdateCellWidth5.dateCellWidth5 {
    width: 250px;
}

.dateCellWidth4 {
    width: 200px !important;
}

.dateCellWidth3 {
    width: 165px;
}

.customdateCellWidth3 .dateCellWidth3 {
    width: 40% !important;
}

.custommiddlecontent .dateCellWidth3 {
    width: 250px !important;
}

.custommiddlecontent .dropdownWidthLiqFullWidth {
    width: 40% !important;
}

.custommiddlecontent .textboxcWidthLiqFullWidth, .InitialRiskAssessment .textboxWidthLiqFullWidth {
    width: 60% !important;
}

.custommiddlecontent .datacell {
}

.custommiddlecontent .textboxWidthLiq7 {
    width: 99%;
}

.custommiddlecontent .dropdownWidthLiq7 {
    width: 40% !important;
}

.tdexpand .dateCellWidth3 {
    width: 250px !important;
    vertical-align: middle !important;
}

.auditfilterdiv .datacell {
    padding: 0 !important;
}

.itemsperpagediv .datacell {
    padding: 10px 10px 10px 10px !important;
}

.auditsortdiv .datacell {
    padding: 10px 10px 10px 10px !important;
}

.dateCellWidth2 {
    width: 100px;
}

.dateCellWidth80 {
    width: 80px;
}

.dateCellWidth60 {
    width: 60px;
}

.dateCellWidth1 {
    width: 50px;
}

.dateCellWidth0 {
    width: 30px;
}

.dateCellWidth10HeatMap {
    width: 20px;
}


.dateCellWidthLiq20 {
    width: 100% !important;
}

.dateCellWidthLiq19 {
    width: 95%;
}

.dateCellWidthLiq18 {
    width: 90%;
}

.dateCellWidthLiq17 {
    width: 85%;
}

.dateCellWidthLiq16 {
    width: 80%;
}

.dateCellWidthLiq15 {
    width: 75%;
}

.dateCellWidthLiq14 {
    width: 70%;
}

.dateCellWidthLiq13 {
    width: 65%;
}

.dateCellWidthLiq12 {
    width: 60%;
}

.dateCellWidthLiq11 {
    width: 55%;
}

.dateCellWidthLiq10 {
    width: 50%;
}

.dateCellWidthLiq9 {
    width: 45%;
}

.dateCellWidthLiq8 {
    width: 40%;
}

.dateCellWidthLiq7 {
    width: 35%;
}

.dateCellWidthLiq6 {
    width: 30%;
}

.dateCellWidthLiq5 {
    width: 25%;
}

.dateCellWidthLiq4 {
    width: 20%;
}

.dateCellWidthLiq3 {
    width: 15%;
}

.dateCellWidthLiq2_1 {
    width: 8%;
}

.dateCellWidthLiq2 {
    width: 10%;
}

.dateCellWidthLiq1 {
    width: 5%;
}

.dateCellWidthLiq0 {
    width: 2.5%;
}
/* *********************************** text box width ************************** */

.textboxWidthnumbering {
    width: 135px;
}

.textboxWidth12 {
    width: 600px;
}

.textboxWidth11 {
    width: 550px;
}

.textboxWidth10 {
    width: 500px;
}

.textboxWidth9 {
    width: 500px;
}

.textboxWidth8 {
    width: 450px;
}

.textboxWidth7 {
    width: 400px;
}

.textboxWidth6 {
    width: 350px;
}

.textboxWidth5 {
    width: 300px;
}

.textboxWidth4 {
    width: 250px;
}

.textboxWidth3 {
    width: 200px;
}

.textboxWidth2 {
    width: 150px;
}

.textboxWidth1 {
    width: 100px;
}

.textboxWidth0 {
    width: 50px;
}

.textboxWidthLiqFullWidth {
    width: 99% !important;
}

.textboxWidthLiq9 {
    width: 95%;
}

.textboxWidthLiq8 {
    width: 90%;
}

.textboxWidthLiq7 {
    width: 80%;
}

.textboxWidthLiq6 {
    width: 70% !important;
}

.textboxWidthLiq5 {
    width: 60%;
}

.textboxWidthLiq4 {
    width: 50%;
}

.textboxWidthLiq3 {
    width: 40%;
}

.textboxWidthLiq2 {
    width: 30%;
}

.textboxWidthLiq1 {
    width: 20%;
}

/*.rowwidth50 {
    width: 50% !important;
}*/

/* *********************************** multiline text box height ************************** */

.multilinetextboxheight {
    height: 50px;
}

/* *********************************** text box width ************************** */

/* *********************************** dropdown width ************************** */
.dropdownWidthLiqFullWidth, .dropdownWidthLiqFullWidth1 {
    width: 95% !important;
}

.dropdownWidthLiq11 {
    width: 99%;
}

.dropdownWidthLiq10 {
    width: 96%;
}


.dropdownWidthLiq9 {
    width: 95%;
}

.dropdownWidthLiq8 {
    width: 91%;
}

.dropdownWidthLiq7 {
    width: 80% !important;
}

.dropdownWidthLiq6 {
    width: 71%;
}

.dropdownWidthLiq5 {
    width: 61%;
}

.dropdownWidthLiq4 {
    width: 51% !important;
}

.dropdownWidthLiq4telerik {
    width: 51% !important;
}

.dropdownWidthLiq3 {
    width: 41%;
}

.dropdownWidthLiq2 {
    width: 31%;
}

.dropdownWidthLiq1 {
    width: 21%;
}

.dropdownWidthselect {
    width: 100%;
}

.dropdownWidth4 {
    width: 206px;
}

.dropdownWidth3 {
    width: 160px;
}

.dropdownWidth2 {
    width: 106px;
}

.dropdownWidth1 {
    width: 70px;
}
/* *********************************** dropdown width ************************** */




/* *********************************** contentgapsmarginspaddings ************************** */

.horizontalgapheadercontent {
    height: 15px;
    line-height: 10px;
}

.datacellcontentverticalgap {
    padding-top: 5px;
}

.multilinetextboxmargin {
    margin-top: 5px;
    margin-bottom: 5px;
}



/*********************Cell Height*************************/
.Cellheight0 {
    height: 25px;
}

.Cellheight1 {
    height: 50px;
}

.Cellheight2 {
    height: 75px;
}

.Cellheight3 {
    height: 100px;
}

.Cellheight4 {
    height: 125px;
}

.Cellheight5 {
    height: 150px;
}

.Cellheight6 {
    height: 175px;
}

.Cellheight7 {
    height: 200px;
}


.toolbariconcell {
    width: 32px;
    text-align: center;
    /*padding: 0px 2px;*/
}

.loginGap {
    height: 20px;
}

/*.verticalgap
{
    width: 20px !important;
    background-color:#ddecf6;
}*/

.interplanpagebtmgap {
    height: 5px;
}


/* *********************************** quickupdate width ************************** */

.dateCellquickupdateprogress {
    /*width: 120px;*/
}
/* *********************************** quickupdate width ************************** */

.RisklblTDwidth {
    width: 110px;
}

.smalldropdowmfixCharts {
}


.riskMatrixDropdowntdWidth {
    width: 120px;
}

.textboxFilterWidthLiq {
    width: 78.9%;
}

.userdateCellWidth5 {
    width: 300px;
}

.lblFixWidth2 {
    width: 150px !important
}

.custommiddlecontent .GridView .dropdownWidthLiqFullWidth {
    width: 95% !important;
}

.risadmin .userdateCellWidth5 {
    width: 250px !important;
}

.dateCellCustomWidth1 {
    width: 8% !important;
}

.dateCellCustomWidth2 {
    width: 9% !important;
}

.configSection .userdateCellWidth5 {
    width: 100% !important;
}

.configheadertd {
    width: 200px !important;
}

.dateCellWidthMin400 {
    min-width: 400px;
}

/***** Adding Menu.css classes to avoid IE theming issues*****/

/* Common CSS */
.RadMenu {
    white-space: nowrap;
    float: right;
    position: relative;
    z-index: 100 !Important;
    padding-top: 2px;
    /*z-index: 2 !Important;*/
    /* IE8 hasLayout fix */
}

    .RadMenu .rmRootGroup {
        margin: 0;
        padding: 0;
        position: relative;
        left: 0;
        display: inline-block;
    }

    * html .RadMenu .rmRootGroup {
        float: left;
    }

        .RadMenu:after,
        .RadMenu .rmRootGroup:after {
            content: "";
            display: block;
            height: 0;
            overflow: hidden;
            line-height: 0;
            font-size: 0;
            clear: both;
            visibility: hidden;
        }

    .RadMenu ul.rmVertical,
    .RadMenu ul.rmHorizontal,
    .RadMenu ul.rmRootScrollGroup,
    .RadMenu_Context ul.rmHorizontal {
        margin: 0;
        padding: 0;
        display: none;
        position: relative;
        left: 0;
        float: left;
    }

.rmSized ul.rmVertical {
    width: 100%;
}

.rmSized ul.rmRootGroup {
    float: none;
}

.rmSized .rmRootGroup .rmVertical {
    width: auto;
}

.RadMenu .rmItem {
    float: left;
    position: relative;
    list-style-image: none;
    list-style-position: outside;
    list-style: none;
}

* html .RadMenu .rmItem {
    display: inline;
}

.RadMenu .rmHorizontal .rmItem {
    clear: none;
}

.RadMenu .rmVertical .rmItem {
    clear: both;
}

.rmSized .rmVertical .rmItem {
    width: 100%;
}

.rmSized .rmHorizontal .rmItem,
.rmSized .rmRootGroup .rmVertical .rmItem {
    width: auto;
}

.RadMenu ul.rmActive,
.RadMenu ul.rmRootGroup {
    display: block;
}

.RadMenu .rmSlide,
.RadMenu_Context {
    position: absolute;
    overflow: hidden;
    display: none;
    float: left;
}

* html .RadMenu .rmSlide,
* html .RadMenu_Context {
    height: 1px;
}

.RadMenu_Context {
    z-index: 1000;
    overflow: visible;
}

.RadMenu .rmText {
    display: block;
}

.RadMenu div.rmText {
    white-space: normal;
    background: transparent;
}

.RadMenu a.rmLink {
    cursor: pointer;
    display: block;
    padding: 0px 10px;
    border-right: solid 1px #323250;
}

.RadMenu .rmLast a.rmLink {
    border: none;
}

.rmScrollWrap {
    position: absolute;
    float: left;
    overflow: hidden;
    left: 0;
}

.RadMenu .rmLeftArrow,
.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow,
.RadMenu .rmRightArrow {
    position: absolute;
    z-index: 2000;
    text-indent: -1000em;
    font-size: 0;
    line-height: 0;
    outline: 0;
    overflow: hidden;
}

.RadMenu .rmLeftArrowDisabled,
.RadMenu .rmTopArrowDisabled,
.RadMenu .rmBottomArrowDisabled,
.RadMenu .rmRightArrowDisabled {
    display: none;
    text-indent: -1000em;
    font-size: 0;
    line-height: 0;
}

.RadMenu .rmBottomArrow,
.RadMenu .rmBottomArrowDisabled {
    margin-bottom: -1px;
}

.RadMenu .rmLeftImage {
    border: 0;
    float: left;
}

.RadMenu_rtl {
    float: right;
    text-align: right;
}

    .RadMenu_rtl ul.rmVertical {
        float: right;
    }

    .RadMenu_rtl .rmItem {
        float: right;
    }

    .RadMenu_rtl .rmLeftImage,
    .RadMenu_Context_rtl .rmLeftImage {
        border: 0;
        float: right;
    }

    .RadMenu_rtl .rmLeftArrow,
    .RadMenu_rtl .rmTopArrow,
    .RadMenu_rtl .rmBottomArrow,
    .RadMenu_rtl .rmRightArrow,
    .RadMenu_rtl .rmLeftArrowDisabled,
    .RadMenu_rtl .rmTopArrowDisabled,
    .RadMenu_rtl .rmBottomArrowDisabled,
    .RadMenu_rtl .rmRightArrowDisabled {
        text-indent: 1000em !important;
    }

.RadMenu .rmLink {
    width: auto;
    text-transform: capitalize;
}

.RadMenu .rmSeparator,
.RadMenu .rmSeparator:after {
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.RadMenu div.rmRootGroup {
    position: relative;
}

/* <base styles> */
.RadMenu .rmItem {
    padding: 0;
}

.RadMenu .rmLink {
    padding: 0;
    outline: 0;
    float: left;
}

.RadMenu_rtl .rmLink {
    padding: 0 12px 0 0;
    margin-left: 2px;
}

.RadMenu .rmText {
    padding-bottom: 1px;
    float: left;
}

.RadMenu_rtl .rmText {
    margin-left: -2px;
}

/* optimized for 16x16 */
.RadMenu .rmLeftImage {
    margin: 4px 2px 0 -3px;
    padding-bottom: 4px;
}

.RadMenu_rtl .rmLeftImage {
    margin: 4px -3px 0 2px;
    padding-bottom: 2px;
}

/* Image sprite placeholder size */
.RadMenu span.rmLeftImage {
    width: 16px;
    height: 16px;
}

.RadMenu .rmVertical .rmLeftImage + .rmText {
    padding: 0 8px 1px 24px;
}

.RadMenu .rmVertical .rmText {
    padding: 0 24px 1px 0;
}

.RadMenu .rmHorizontal .rmText {
    padding: 0 12px 1px 0;
}

.RadMenu_rtl .rmHorizontal .rmText {
    padding: 0 0 1px 12px;
}

.RadMenu_rtl .rmVertical .rmText {
    padding: 0 0 1px 24px;
}

.RadMenu .rmVertical .rmText,
.RadMenu .rmHorizontal .rmVertical .rmText {
    display: block;
    float: none;
}

.RadMenu .rmVertical .rmLink,
.RadMenu .rmHorizontal .rmVertical .rmLink {
    float: left;
}

* html .RadMenu .rmGroup .rmVertical .rmLink,
* html .RadMenu .rmGroup .rmHorizontal .rmLink {
    float: left;
}

/* <Shadows and rounded corners */
.RadMenu .rmTopRight,
.RadMenu .rmBottomLeft,
.RadMenu .rmBottomRight,
.RadMenu .rmRoundedCorners ul.rmGroup,
.rmRoundedCorners ul.rmGroup,
.rmRoundedCorners ul.rmGroup ul.rmGroup,
.RadMenu .rmRoundedCorners .rmMultiColumn {
    border: 0;
    background-position: 0 0;
}

    .RadMenu .rmRoundedCorners .rmMultiColumn ul.rmMultiGroup {
        background: none;
        margin: 0;
    }

.RadMenu .rmRoundedCorners .rmGroupColumn {
    height: 100%;
}

.RadMenu .rmRoundedCorners li.rmFirstGroupColumn {
    background-color: transparent;
}

.RadMenu .rmTopFix,
.RadMenu .rmTopRight,
.RadMenu .rmBottomFix,
.RadMenu .rmBottomLeft,
.RadMenu .rmBottomRight {
    position: absolute;
    width: 4px;
    height: 4px;
    list-style-type: none;
    list-style-position: outside;
    font-size: 0;
}

.RadMenu_rtl .rmTopRight,
.RadMenu_rtl .rmBottomRight {
    width: 32px;
}

.RadMenu_rtl .rmTopShadowRight,
.RadMenu_rtl .rmBottomShadowRight {
    width: 4px;
}

.RadMenu .rmTopShadowRight,
.RadMenu .rmBottomShadowLeft,
.RadMenu .rmBottomShadowRight {
    background-repeat: no-repeat;
    background-color: transparent;
}

.rmRoundedCorners .rmTopShadowRight,
.rmRoundedCorners .rmBottomShadowLeft,
.rmRoundedCorners .rmBottomShadowRight {
    width: 5px;
    height: 5px;
}

.RadMenu .rmTopRight {
    background-position: 100% 0;
    top: 0;
    right: -4px;
    height: 100%;
}

.RadMenu .rmBottomLeft {
    background-position: 0 100%;
    bottom: -4px;
    left: 0;
    width: 100%;
}

.RadMenu .rmBottomFix {
    background-position: -1px 0;
    width: auto;
    bottom: -4px;
    left: 5px;
    right: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.RadMenu .rmTopFix {
    background-position: -1px 0;
    width: auto;
    top: 0;
    left: 5px;
    right: 0;
    border-top-width: 1px;
    border-top-style: solid;
}

* html .RadMenu .rmTopFix,
* html .RadMenu .rmBottomFix,
* html .RadMenu .rmBottomShadowLeft {
    width: 0;
}

.RadMenu .rmBottomRight {
    background-position: 100% 100%;
    bottom: -4px;
    right: -4px;
    width: 8px;
}

.RadMenu .rmShadows li.rmBottomShadowLeft,
.RadMenu .rmShadows .rmBottomShadowRight,
.rmShadows .rmGroup li.rmBottomShadowLeft,
.rmShadows .rmGroup .rmBottomShadowRight {
    background-image: url('Common/Menu/ShadowBottom.png');
}

.RadMenu .rmRoundedCorners li.rmBottomShadowLeft,
.RadMenu .rmRoundedCorners .rmBottomShadowRight,
.rmRoundedCorners .rmGroup li.rmBottomShadowLeft,
.rmRoundedCorners .rmGroup .rmBottomShadowRight {
    background-image: url('Common/Menu/RoundedShadowBottom.png');
}

.RadMenu .rmShadows .rmTopShadowRight,
.rmShadows .rmGroup .rmTopShadowRight {
    right: -5px;
    background-image: url('Common/Menu/ShadowRight.png');
    background-position: 100% 0;
}

.RadMenu .rmBottomShadowLeft {
    bottom: -5px;
    left: 1px;
    background-position: 0 100%;
}

.RadMenu .rmBottomShadowRight {
    bottom: -5px;
    right: -5px;
    width: 4px;
    height: 5px;
}

.RadMenu .rmScrollWrapContainer .rmTopShadowRight {
    right: -4px;
}

.RadMenu .rmScrollWrapContainer .rmBottomShadowRight {
    bottom: -4px;
    right: -4px;
    width: 3px;
    height: 4px;
}

.RadMenu .rmScrollWrapContainer .rmBottomShadowLeft {
    bottom: -4px;
}

.RadMenu .rmRoundedCorners .rmTopShadowRight,
.rmRoundedCorners .rmGroup .rmTopShadowRight {
    right: -8px;
    background-image: url('Common/Menu/RoundedShadowRight.png');
}

.RadMenu .rmRoundedCorners .rmBottomShadowLeft,
.rmRoundedCorners .rmGroup .rmBottomShadowLeft {
    bottom: -8px;
}

.RadMenu .rmRoundedCorners .rmBottomShadowRight,
.rmRoundedCorners .rmGroup .rmBottomShadowRight {
    bottom: -8px;
    right: -8px;
    width: 7px;
    height: 8px;
}

* html .RadMenu .rmRoundedCorners .rmBottomShadowRight,
* html .rmRoundedCorners .rmGroup .rmBottomShadowRight {
    width: 11px;
    height: 8px;
    font-size: 0;
}

.RadMenu .rmAccessKey {
    font-size: 10px;
    font-weight: normal;
    float: right;
    padding-right: 8px;
}

.RadMenu .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners .rmGroup .rmItem {
    z-index: 1;
}

* html .RadMenu .rmRoundedCorners .rmGroup .rmText,
* html .RadMenu .rmShadows .rmGroup .rmText,
* html .rmRoundedCorners .rmGroup .rmText,
* html .rmShadows .rmGroup .rmText {
    zoom: normal;
}

.RadMenu .rmRoundedCorners .rmSlide .rmScrollWrap,
.rmRoundedCorners .rmScrollWrapContainer .rmScrollWrap {
    background-image: none;
}

.RadMenu .rmRoundedCorners .rmMultiGroup > .rmItem {
    background-image: none;
}

.RadMenu .rmRoundedCorners .rmSlide,
.RadMenu .rmShadows .rmSlide,
.rmRoundedCorners .rmSlide,
.rmShadows .rmSlide,
div.rmRoundedCorners,
div.rmShadows {
    padding: 0 8px 10px 0;
}

.RadMenu .rmRoundedCorners ul.rmGroup,
.rmRoundedCorners .rmGroup ul.rmGroup,
.rmRoundedCorners ul.rmGroup {
    margin-top: 1px;
    padding: 1px;
}

    .RadMenu .rmRoundedCorners ul.rmGroup .rmSlide,
    .rmRoundedCorners ul.rmGroup .rmSlide {
        margin-top: -5px;
    }

.RadMenu_rtl .rmRoundedCorners ul.rmGroup .rmSlide,
.RadMenu_rtl.rmRoundedCorners ul.rmGroup .rmSlide {
    margin-right: -5px;
}

.RadMenu .rmRoundedCorners .rmSlide .rmScrollWrap,
.rmRoundedCorners .rmSlide .rmScrollWrap {
    border: 0;
}

.RadMenu .rmRoundedCorners .rmScrollWrap,
.RadMenu .rmShadows .rmScrollWrap,
.rmRoundedCorners .rmScrollWrap,
.rmShadows .rmScrollWrap {
    position: relative;
}

.RadMenu .rmRoundedCorners .rmScrollWrapContainer,
.rmRoundedCorners .rmScrollWrapContainer {
    padding: 4px 0 0 4px;
}

.RadMenu .rmScrollWrapContainer {
    position: absolute;
}

    .RadMenu .rmScrollWrapContainer .rmTopFix {
        height: 100%;
    }

    * html .RadMenu .rmScrollWrapContainer .rmTopFix {
        height: 5px;
    }

.RadMenu .rmRoundedCorners ul.rmGroup,
.rmRoundedCorners .rmGroup ul.rmGroup,
.rmRoundedCorners ul.rmGroup {
    padding: 4px 0 0 4px;
}

.RadMenu .rmScrollWrapContainer .rmGroup,
.rmScrollWrapContainer .rmGroup .rmGroup,
.rmScrollWrapContainer .rmGroup {
    padding: 0;
}

/* </Shadows and rounded corners */
.RadMenu .rmRootGroup .rmItem .rmGroup {
    padding-bottom: 1px;
}

.RadMenu .rmRoundedCorners .rmItem .rmGroup {
    padding-bottom: 0;
}

.RadMenu .rmGroup .rmItem {
    padding: 0;
    float: left;
}

.RadMenu .rmGroup .rmLink,
.RadMenu .rmSlide .rmGroup .rmTemplate {
    padding: 4px 0;
}

.RadMenu_rtl .rmGroup .rmLink,
.RadMenu_rtl .rmSlide .rmGroup .rmTemplate {
    padding: 0;
}

.RadMenu .rmGroup .rmText {
    padding: 0 54px 0 5px;
    margin: 0 0 0 4px;
}

.RadMenu_rtl .rmGroup .rmText {
    padding: 0 28px 0 54px;
    margin: 0 4px 0 0;
}

.RadMenu .rmMultiColumn {
    list-style: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    zoom: 1;
}

    .RadMenu .rmMultiColumn .rmMultiGroup {
        background: none;
        border: 0;
        float: left;
        display: block;
        position: static;
    }

    .RadMenu .rmMultiColumn .rmGroupColumn {
        float: left;
    }

.RadMenu_rtl .rmMultiColumn .rmGroupColumn {
    float: right;
}

* + html .RadMenu_rtl .rmMultiColumn .rmItem {
    float: left;
}

* html .RadMenu_rtl .rmMultiColumn .rmItem {
    float: left;
}

.RadMenu .rmSlide .rmVertical .rmLeftImage + .rmText,
.RadMenu_Context .rmGroup .rmLeftImage + .rmText {
    padding: 0 54px 0 28px;
}

.RadMenu_rtl .rmSlide .rmVertical .rmLeftImage + .rmText,
.RadMenu_Context_rtl .rmGroup .rmLeftImage + .rmText {
    padding: 0 28px 0 54px;
}

.RadMenu .rmSlide .rmHorizontal .rmText {
    padding: 0 11px 0 10px;
}

.RadMenu .rmGroup .rmLeftImage {
    margin: 4px 0 0 6px;
}

* html .RadMenu .rmGroup .rmLeftImage {
    margin-left: 4px;
}

* + html .RadMenu .rmGroup .rmLeftImage {
    margin-left: 4px;
}

* html .rmRoundedCorners .rmGroup .rmLeftImage {
    margin-left: 1px;
}

* + html ul.rmRoundedCorners .rmGroup .rmLeftImage {
    margin-left: 2px;
}

.RadMenu_rtl .rmGroup .rmLeftImage {
    margin: 4px 6px 0 0;
}

* html .RadMenu .rmGroup .rmLeftImage {
    position: absolute;
}

* + html .RadMenu .rmGroup .rmLeftImage {
    position: absolute;
}

.RadMenu a.rmImageOnly img.rmLeftImage,
.RadMenu .rmRootGroup a.rmImageOnly {
    padding: 0;
    margin: 0;
}

    .RadMenu .rmRootGroup a.rmImageOnly span.rmText {
        display: none;
    }

* html .RadMenu .rmImageOnly .rmLeftImage {
    position: static;
}

* + html .RadMenu .rmImageOnly .rmLeftImage {
    position: static;
}

* html .RadMenu_rtl .rmGroup .rmLeftImage {
    right: 0;
}

* + html .RadMenu_rtl .rmGroup .rmLeftImage {
    right: 0;
}

* + html .RadMenu_Context_rtl ul.rmGroup {
    position: absolute;
}

* html .RadMenu_Context_rtl ul.rmGroup {
    position: absolute;
}

* + html .RadMenu_Context_rtl .rmGroup .rmItem {
    float: left;
}

* html .RadMenu_Context_rtl .rmGroup .rmItem {
    float: left;
}

/* <separators> */
.RadMenu .rmSeparator .rmText {
    line-height: 0;
    font-size: 0;
    padding: 0;
    background-repeat: repeat-x;
    overflow: hidden;
}

.RadMenu .rmVertical .rmSeparator .rmText,
.RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText {
    height: auto;
    width: auto;
    padding-bottom: 2px;
}

* + html .RadMenu .rmSeparator .rmText,
* + html .RadMenu .rmVertical .rmSeparator .rmText,
* + html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText {
    height: 2px;
    padding: 0;
}

* html .RadMenu .rmVertical .rmSeparator {
    height: 3px;
}

    * html .RadMenu .rmVertical .rmSeparator .rmText {
        height: auto;
        padding: 2px 0 0;
    }

* html .RadMenu .rmHorizontal .rmSeparator .rmText {
    padding: 0;
}

* html .RadMenu .rmHorizontal .rmVertical .rmSeparator {
    height: 3px;
}

    * html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText {
        height: 2px;
    }

.RadMenu .rmRootGroup .rmSeparator .rmText {
    margin: 1px 12px;
}

.RadMenu .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context .rmVertical .rmSeparator .rmText {
    margin: 1px 2px 1px 31px;
}

.RadMenu_rtl .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context_rtl .rmVertical .rmSeparator .rmText {
    margin: 1px 31px 1px 2px;
}

.RadMenu .rmHorizontal .rmSeparator .rmText,
.RadMenu .rmVertical .rmHorizontal .rmSeparator .rmText {
    margin: 2px 0 0;
    height: 20px;
    width: 2px;
}

* html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText {
    zoom: 1;
}

/* </separators> */
/* <scroll arrows> */
.RadMenu .rmLeftArrow,
.RadMenu .rmRightArrow {
    width: 10px;
    height: 24px;
}

.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow {
    height: 10px;
    width: 100%;
}

/* </scroll arrows> */
/* </base styles> */



/*** end of Menu.css classes ***/




.RadMenu, .RadMenu_IRM {
    color: black;
    text-transform: uppercase;
    z-index: 100 !important;
}



    .RadMenu_IRM div.rmRootGroup,
    .RadMenu_IRM ul.rmRootGroup {
        padding: 1px;
    }

    .RadMenu_IRM li li {
        line-height: 18px;
    }

    .RadMenu_IRM .rmGroup {
        padding: 1px;
        border: 1px solid #cdcdcd;
        background-color: white;
        float: left;
    }

    .RadMenu_IRM .rmRootGroup .rmGroup {
        padding: 1px;
    }

    .RadMenu_IRM .rmLink {
        margin: 0;
        text-decoration: none;
    }

    .RadMenu_IRM .rmRootLink {
        /*padding: 0 10px;*/
        /*border: 1px solid transparent;*/
        color: #323250;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
    }

        .RadMenu_IRM .rmRootLink:hover {
            /*border-color: #92cfec;*/
        }

    .RadMenu_IRM .rmFocused,
    .RadMenu_IRM .rmFocused:hover,
    .RadMenu_IRM .rmSelected,
    .RadMenu_IRM .rmSelected:hover {
    }

    .RadMenu_IRM .rmDisabled,
    .RadMenu_IRM .rmDisabled:hover {
        border-color: #25a0da;
        color: #8aceec;
    }

    .RadMenu_IRM .rmGroup .rmLink {
        border: 0;
        color: black;
    }

        .RadMenu_IRM .rmGroup .rmLink:hover {
            border-color: #767676;
            color: black;
            background-color: #e8e8e8;
        }
    /*.RadMenu_IRM .rmGroup .rmFocused,*/
    .RadMenu_IRM .rmGroup .rmFocused:hover,
    .RadMenu_IRM .rmGroup .rmSelected,
    .RadMenu_IRM .rmGroup .rmSelected:hover,
    .RadMenu_IRM .rmGroup .rmExpanded,
    .RadMenu_IRM .rmGroup .rmExpanded:hover {
        border-color: #25a0da;
        color: #323250;
        background-color: #e8e8e8;
    }

    .RadMenu_IRM .rmGroup .rmDisabled, .RadMenu_IRM .rmGroup .rmDisabled:hover {
        color: #767676;
        background-color: transparent;
    }

    .RadMenu_IRM .rmText {
        margin: 0;
        padding: 0;
    }

    .RadMenu_IRM .rmRootLink .rmText {
        padding: 0;
    }

    .RadMenu_IRM .rmLeftImage {
        padding-bottom: 2px;
    }

    .RadMenu_IRM .rmGroup .rmLeftImage {
        margin: 2px 0 0 6px;
        *margin: 2px 0 0 3px;
    }

    .RadMenu_IRM .rmExpandTop,
    /*.RadMenu_IRM .rmExpandDown,*/
    .RadMenu_IRM .rmExpandRight,
    .RadMenu_IRM .rmExpandLeft {
        background-image: url('Menu/rmExpandArrows.png');
        background-repeat: no-repeat;
    }

    .RadMenu_IRM .rmRootLink .rmExpandTop,
    .RadMenu_IRM .rmRootLink .rmExpandDown,
    .RadMenu_IRM .rmRootLink .rmExpandRight,
    .RadMenu_IRM .rmRootLink .rmExpandLeft {
    }

    .RadMenu_IRM .rmRootLink .rmExpandTop {
        background-position: right -192px;
    }

    .RadMenu_IRM .rmRootLink .rmExpandDown {
        background-position: right -216px;
    }

    .RadMenu_IRM .rmRootLink .rmExpandRight {
        background-position: right -264px;
    }

    .RadMenu_IRM .rmRootLink .rmExpandLeft {
        background-position: right -240px;
    }

    .RadMenu_IRM .rmGroup .rmExpandRight {
        background-position: right -72px;
    }

    .RadMenu_IRM .rmGroup .rmFocused .rmExpandRight,
    .RadMenu_IRM .rmGroup .rmSelected .rmExpandRight,
    .RadMenu_IRM .rmGroup .rmExpanded .rmExpandRight {
        background-position: right -72px;
    }

    .RadMenu_IRM .rmGroup .rmExpandLeft {
        background-position: right -48px;
    }

    .RadMenu_IRM .rmGroup .rmFocused .rmExpandLeft,
    .RadMenu_IRM .rmGroup .rmSelected .rmExpandLeft,
    .RadMenu_IRM .rmGroup .rmExpanded .rmExpandLeft {
        background-position: right -240px;
    }

    .RadMenu_IRM .rmTopArrow,
    .RadMenu_IRM .rmBottomArrow,
    .RadMenu_IRM .rmLeftArrow,
    .RadMenu_IRM .rmRightArrow {
        background-image: url('Menu/rmExpandArrows.png');
        background-repeat: no-repeat;
    }

    .RadMenu_IRM .rmRootGroup .rmTopArrow,
    .RadMenu_IRM .rmRootGroup .rmBottomArrow,
    .RadMenu_IRM .rmRootGroup .rmLeftArrow,
    .RadMenu_IRM .rmRootGroup .rmRightArrow {
        border-color: #25a0da;
        background-color: #92cfec;
    }

    .RadMenu_IRM .rmRootGroup .rmLeftArrow,
    .RadMenu_IRM .rmRootGroup .rmRightArrow {
        height: 26px;
    }

    .RadMenu_IRM .rmGroup .rmTopArrow,
    .RadMenu_IRM .rmGroup .rmBottomArrow,
    .RadMenu_IRM .rmGroup .rmLeftArrow,
    .RadMenu_IRM .rmGroup .rmRightArrow {
        border-color: #cdcdcd;
        color: black;
        background-color: #f9f9f9;
    }

        .RadMenu_IRM .rmGroup .rmTopArrow:hover,
        .RadMenu_IRM .rmGroup .rmBottomArrow:hover,
        .RadMenu_IRM .rmGroup .rmLeftArrow:hover,
        .RadMenu_IRM .rmGroup .rmRightArrow:hover {
            border-color: #767676;
            color: black;
            background-color: #e8e8e8;
        }

    .RadMenu_IRM .rmGroup .rmLeftArrow,
    .RadMenu_IRM .rmGroup .rmRightArrow {
        height: 24px;
    }

    .RadMenu_IRM .rmTopArrow {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        background-position: 50% -7px;
    }

    .RadMenu_IRM .rmBottomArrow {
        border-top-style: solid;
        border-top-width: 1px;
        background-position: 50% -31px;
    }

    .RadMenu_IRM .rmLeftArrow {
        border-right-style: solid;
        border-right-width: 1px;
        background-position: 50% -48px;
    }

    .RadMenu_IRM .rmRightArrow {
        border-left-style: solid;
        border-left-width: 1px;
        background-position: 50% -72px;
    }

    .RadMenu_IRM .rmSeparator {
        padding: 1px;
    }

        .RadMenu_IRM .rmSeparator .rmText {
            background-color: #cdcdcd;
        }

    .RadMenu_IRM .rmVertical .rmSeparator .rmText,
    .RadMenu_IRM .rmHorizontal .rmVertical .rmSeparator .rmText {
        margin-top: 2px;
        padding-bottom: 1px;
    }

    .RadMenu_IRM .rmHorizontal .rmSeparator .rmText,
    .RadMenu_IRM .rmVertical .rmHorizontal .rmSeparator .rmText {
        margin-right: 1px;
        margin-left: 1px;
        padding: 0;
        width: 1px;
    }

.RadMenu_IRM_rtl .rmVertical .rmText {
    padding-right: 0;
    padding-left: 30px;
}

.RadMenu_IRM_rtl .rmRootLink .rmExpandTop,
.RadMenu_IRM_rtl .rmRootLink .rmExpandDown,
.RadMenu_IRM_rtl .rmRootLink .rmExpandRight,
.RadMenu_IRM_rtl .rmRootLink .rmExpandLeft {
    margin-right: 0;
    margin-left: -10px;
    padding-right: 0;
    padding-left: 24px;
}

.RadMenu_IRM_rtl .rmRootLink .rmExpandTop {
    background-position: left -192px;
}

.RadMenu_IRM_rtl .rmRootLink .rmExpandDown {
    background-position: left -216px;
}

.RadMenu_IRM_rtl .rmRootLink .rmExpandRight {
    background-position: left -264px;
}

.RadMenu_IRM_rtl .rmRootLink .rmExpandLeft {
    background-position: left -240px;
}

.RadMenu_IRM .rmTopFix,
.RadMenu_IRM .rmTopLeft,
.RadMenu_IRM .rmTopRight,
.RadMenu_IRM .rmBottomFix,
.RadMenu_IRM .rmBottomLeft,
.RadMenu_IRM .rmBottomRight {
    display: none;
}

.RadPanelBar_IRM {
}

/*.RadPanelBar_IRM div.rpHeaderTemplate,
    .RadPanelBar_IRM .rpTemplate {
        div .RadPanelBar_IRM a.rpLink .rpOut, div.RadPanelBar_IRM a.rpFocused .rpOut, div.RadPanelBar_IRM a.rpLink:hover .rpOut, div.RadPanelBar_IRM a.rpSelected .rpOut, div.RadPanelBar_IRM a.rpSelected:hover .rpOut
    }*/

/*{
    padding-bottom: 1px;
    border: 0;
}*/

div.RadPanelBar_IRM a.rpLink .rpOut,
div.RadPanelBar_IRM a.rpFocused .rpOut,
div.RadPanelBar_IRM a.rpLink:hover .rpOut,
div.RadPanelBar_IRM a.rpSelected .rpOut,
div.RadPanelBar_IRM a.rpSelected:hover .rpOut {
    padding-bottom: 1px;
    border: 0;
}



div.RadPanelBar_IRM .rpGroup a.rpLink,
div.RadPanelBar_IRM .rpGroup div.rpHeaderTemplate,
div.RadPanelBar_IRM .rpGroup .rpTemplate {
    border: 0;
    margin: 0 2px;
    padding: 1px;
}

    div.RadPanelBar_IRM .rpGroup a.rpLink:hover {
        padding: 0;
    }



/* <subitems (disabled)> */
div.RadPanelBar_IRM ul.rpGroup .rpDisabled,
div.RadPanelBar_IRM .rpGroup a.rpDisabled:hover {
    text-decoration: none;
    border: 0;
    padding: 1px;
}



.RadPanelBar_IRM_rtl .rpGroup .rpText {
    padding: 0 10px;
}

.RadPanelBar_IRM .rpExpandable span.rpExpandHandle,
.RadPanelBar_IRM a.rpExpandable:hover .rpNavigation .rpExpandHandle {
    background-position: 0 -5px;
}

.RadPanelBar_IRM a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_IRM a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered {
    background-position: 100% -5px;
}

.RadPanelBar_IRM .rpExpanded span.rpExpandHandle,
.RadPanelBar_IRM a.rpExpanded:hover .rpNavigation .rpExpandHandle {
    background-position: 0 -181px;
}

.RadPanelBar_IRM a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_IRM a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered {
    background-position: 100% -181px;
}

.RadPanelBar_IRM ul.rpGroup .rpExpandable span.rpExpandHandle,
.RadPanelBar_IRM .rpGroup a.rpExpandable:hover .rpNavigation span.rpExpandHandle {
    background-position: 0 -343px;
    margin: 4px 0 0 0;
}

.RadPanelBar_IRM .rpGroup a.rpExpandable:hover span.rpExpandHandle,
.RadPanelBar_IRM .rpGroup a.rpExpandable:hover .rpNavigation span.rpExpandHandleHovered {
    background-position: 100% -343px;
    margin: 4px 0 0 0;
}

.RadPanelBar_IRM ul.rpGroup .rpExpanded span.rpExpandHandle,
.RadPanelBar_IRM .rpGroup a.rpExpanded:hover .rpNavigation span.rpExpandHandle {
    background-position: 0 -482px;
    margin: 4px 0 0 0;
}

.RadPanelBar_IRM .rpGroup a.rpExpanded:hover span.rpExpandHandle,
.RadPanelBar_IRM .rpGroup a.rpExpanded:hover .rpNavigation span.rpExpandHandleHovered {
    background-position: 100% -482px;
    margin: 4px 0 0 0;
}

.RadPanelBar_IRM div.rpExpandable .rpExpandHandleHovered {
    background-position: 0 -5px;
}

.RadPanelBar_IRM div.rpExpanded .rpExpandHandleHovered {
    background-position: 0 -181px;
}

.RadPanelBar_IRM .rpGroup div.rpExpandable span.rpExpandHandleHovered {
    background-position: 0 -343px;
    margin: 4px 0 0 0;
}

.RadPanelBar_IRM .rpGroup div.rpExpanded span.rpExpandHandleHovered {
    background-position: 0 -482px;
    margin: 4px 0 0 0;
}

/*      </expand arrows> */

.rgDataDiv {
    height: 100% !important;
}

/*Rad Ajax Theme*/
/* Telerik RadAjaxLoadingPanel Metro Skin */

/*.RadAjax_Interplan .raDiv
{
    background-image:url('Ajax/loading.gif');
}

.RadAjax_Interplan .raColor
{
    background-color:#b1b1b2;
    color: #323250;
}

.RadAjax_Interplan .raTransp
{
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity=70);
}*/
/*Rad Ajax Theme*/


/* Window/WindowHorizontalSprites.gif */
.RadWindow_IRM {
    font-size: 13px;
    z-index: 10000000 !important;
    position: fixed;
    /*min-width:900px !important;*/
    /* When ShowContentDuringLoad="false" */
}


    .RadWindow_IRM iframe, .RadWindow_IRM html {
        display: block;
        overflow: hidden;
    }

    .RadWindow_IRM a.rwIcon,
    .RadWindow_IRM .rwShadow a.rwIcon {
        margin: 3px 5px 0 0;
    }

    .RadWindow_IRM ul.rwControlButtons {
        margin: 0;
    }

    .RadWindow_IRM .rwControlButtons a {
        width: 29px;
        height: 19px;
    }

    .RadWindow_IRM table.rwTitlebarControls em {
        color: white;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: normal;
        padding: 1px 0 0 1px;
    }

.RadWindow_IRM td.rwStatusbar div {
    background-position: 10px 8px;
    margin: 0 -4px -7px 0;
    *margin: 0 -1px -4px 0;
}


div.RadWindow_IRM a.rwCancel,
div.RadWindow_IRM a.rwCancel span {
    background: none !important;
}

    div.RadWindow_IRM a.rwCancel span span,
    div.RadWindow_IRM a.rwCancel:hover span span {
        color: black;
        text-decoration: underline;
    }

.RadWindow_IRM body {
    min-width: 300px;
}

.rwWindowContent html, ._Telerik_IE9, .rwWindowContent html, .rwWindowContent iframe, .rwWindowContent body, .rwWindowContent iframe html {
}

.RadWindow .rwMaximizeButton {
    background-position-x: -60px !important;
    background-position-y: -21px !important;
}


.RadWindow .rwCloseButton {
    background-position-x: -90px !important;
    background-position-y: -21px !important;
}



/*Telerik RadInput Metro Skin*/

/*global*/

.RadInput_IRM,
.RadInputMgr_IRM {
}

/*textbox states*/

html body .RadInput_IRM .riTextBox,
html body .RadInputMgr_IRM {
}



html body .RadInput_IRM .riDisabled,
html body .RadInput_Disabled_IRM {
    cursor: default;
}

/*go*/

.RadInput_IRM .riBtn a {
    width: 20px;
    height: 18px;
    line-height: 18px;
    background-position: 3px 5px;
}

    .RadInput_IRM .riBtn a:hover {
        background-position: 3px -45px;
    }

/*spin*/

.RadInput_IRM .riSpin a {
    width: 15px;
    height: 7px;
    line-height: 7px;
}

.RadInput_IRM a.riUp {
    background-position: 4px -98px;
}

    .RadInput_IRM a.riUp:hover {
        background-position: 4px -148px;
    }

.RadInput_IRM a.riDown {
    background-position: 4px -199px;
}

    .RadInput_IRM a.riDown:hover {
        background-position: 4px -249px;
    }

/*label*/



/*rtl*/

html body .RadInputRTL_IRM .riError,
html body .RadInputRTL_Error_IRM {
    background-position: 3px -298px;
}

.RadForm.rfdTextbox .RadInputRTL_IRM .riError[type="text"],
.RadForm.rfdTextbox .RadInputRTL_Error_IRM[type="text"] {
    background-position: 3px -298px;
}


.riTextBox, .riEnabled, .riSngle {
    text-align: left !important;
}

/* <RadToolBar / Default> */
.RadToolBar_IRM .rtbOuter {
    padding: 1px;
}

/* <buttons> */
.RadToolBar_IRM .rtbWrap,
.RadToolBar_IRM .rtbTemplate {
}

.RadToolBar_IRM .rtbItem .rtbWrap {
    padding: 3px;
}

.RadToolBar_IRM .rtbItem .rtbMid,
.RadToolBar_IRM .rtbItem .rtbIn {
    padding: 0;
}

/* <button states> */
.RadToolBar_IRM .rtbSplBtnFocused .rtbWrap,
.RadToolBar_IRM .rtbItemFocused .rtbWrap,
.RadToolBar_IRM .rtbItemHovered .rtbWrap {
    padding: 2px;
}

.RadToolBar_IRM .rtbItemClicked .rtbWrap,
.RadToolBar_IRM .rtbSplBtnExpanded .rtbWrap,
.RadToolBar_IRM .rtbDropDownExpanded .rtbWrap,
.RadToolBar_IRM .rtbChecked .rtbWrap,
.RadToolBar_IRM li.rtbChecked .rtbWrap:hover {
    padding: 2px;
}


/* </Drop Down Arrows> */
.RadToolBar_IRM_Horizontal li.rtbSeparator {
    border: 0;
    margin-left: 1px;
}

.RadToolBar_IRM_Vertical li.rtbSeparator {
    border: 0;
    margin-top: 1px;
}



/* </disabled states */
/* <drop-down> */
div.RadToolBarDropDown_IRM {
    margin-top: 4px;
}

.RadToolBarDropDown_IRM .rtbWrap,
.RadToolBarDropDown_IRM .rtbTemplate {
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
}

.RadToolBarDropDown_IRM .rtbGroup .rtbItem {
    padding-left: 1px;
}

    .RadToolBarDropDown_IRM .rtbGroup .rtbItem .rtbWrap {
        padding: 1px 3px 1px 35px;
        margin-right: 1px;
        border: 0;
    }

.RadToolBarDropDown_IRM_rtl .rtbGroup .rtbItem .rtbWrap {
    padding: 1px 35px 1px 3px;
}



.RadToolBarDropDown_IRM_rtl .rtbGroup .rtbItemHovered .rtbWrap,
.RadToolBarDropDown_IRM_rtl .rtbGroup .rtbItemFocused .rtbWrap {
    padding: 0 34px 0 2px;
}

.RadToolBarDropDown_IRM .rtbGroup .rtbItemHovered .rtbIcon,
.RadToolBarDropDown_IRM .rtbGroup .rtbItemFocused .rtbIcon {
    left: 4px;
    top: 1px;
}

.RadToolBarDropDown_IRM_rtl .rtbGroup .rtbItemHovered .rtbIcon,
.RadToolBarDropDown_IRM_rtl .rtbGroup .rtbItemFocused .rtbIcon {
    left: auto;
    right: 4px;
}


/* </drop-down> */
/* </RadToolBar / Default> */

/* this removes the scrollbars from the dialogs */
/*html, body, form {
    overflow: hidden;
}*/
.RadForm_Interplan {
    overflow: hidden;
}

.RadSpell {
    width: 460px;
    height: 303px;
    padding: 0;
    margin: 0;
    background: white;
}

    .RadSpell * {
        margin: 0;
        padding: 0;
    }

    .RadSpell ul {
        list-style-type: none !important;
    }

    .RadSpell .RichTextView,
    .RadSpell textarea,
    .RadSpell select,
    .RadSpell .MainOptions {
        margin-left: 7px;
    }

    .RadSpell .RichTextView {
        overflow: auto;
    }

    .RadSpell textarea {
        display: none;
        overflow: auto;
        border: solid 1px #ccc;
    }

    .RadSpell,
    .RadSpell textarea,
    .RadSpell select {
        font-size: 100%;
    }

        /* the next two must be separate. they fix the hidden textarea position when it becomes visible*/
        /* IE 7 only */
        *:first-child + html .RadSpell textarea {
            margin-top: -1px;
            margin-bottom: -1px;
        }

        /*IE 5-6 only*/
        * html .RadSpell textarea {
            margin-top: -1px;
            margin-bottom: -1px;
        }

        .RadSpell .SpellOptions a {
            display: block;
        }

            .RadSpell .SpellOptions a.disabled {
                cursor: no-drop;
            }

        .RadSpell h3:after,
        .RadSpell:after,
        .RadSpell .SpellOptions:after {
            content: ".";
            display: block;
            clear: both;
            height: 0;
            visibility: hidden;
        }

        /*RadSpell headings start*/
        .RadSpell h3,
        .RadSpell h3 em .RadSpell h3 span {
            height: 44px;
            line-height: 35px;
        }

        .RadSpell .RichTextView strong {
            text-decoration: underline;
        }

        .RadSpell h3 {
            margin: 0;
            padding-left: 7px;
            font-size: 1.1em;
            overflow: hidden;
        }

            .RadSpell h3 em {
                float: left;
                padding-right: 7px;
                font-style: normal;
                cursor: default;
            }

            .RadSpell h3 span {
                float: left;
                padding: 0 10px;
                height: 28px;
                margin-top: 16px;
                line-height: 28px;
            }

        .RadSpell h4 {
            margin-top: 7px;
            padding-left: 7px;
            font-size: 0.9em;
            font-weight: normal;
        }

        .RadSpell .RichTextView,
        .RadSpell textarea {
            height: 70px;
            border-width: 1px;
            border-style: solid;
            font-size: 0.8em;
        }

        .RadSpell textarea {
            width: 318px;
            padding: 3px 5px 3px 3px;
        }

        .RadSpell .RichTextView {
            width: 320px;
            padding: 3px;
            cursor: text;
        }

            .RadSpell .RichTextView em {
                font-style: normal;
            }

        .RadSpell select,
        .RadSpell .MainOptions {
            width: 328px;
        }

        .RadSpell select {
            height: 60px;
            font-size: 0.8em;
        }

        *:first-child + html .RadSpell select {
            height: 85px;
        }

        /*IE 5-6 only*/
        * html .RadSpell select {
            height: 85px;
        }

            .RadSpell select option {
                padding: 1px 3px 0;
            }

        /*RadSpell buttons start*/
        .RadSpell .SpellOptions li {
            height: 23px;
            line-height: 23px;
        }

        .RadSpell .SpellOptions li {
            width: 83px;
            text-align: center;
        }

        .RadSpell .MainOptions {
            margin-top: 10px;
        }

            .RadSpell .MainOptions li {
                float: right;
                margin-left: 10px;
            }

        .RadSpell .AuxOptions {
            float: right;
            width: 91px;
            *width: 94px;
            margin-top: 20px;
            margin-right: 12px;
        }

            .RadSpell .AuxOptions li {
                margin-top: 8px;
            }

        .RadSpell a {
            text-decoration: none;
        }

        .RadSpell button {
            /*width: 76px !important;*/
            display: block;
            font-size: .8em;
            cursor: pointer;
            text-decoration: none;
        }
/*RadSpell buttons end*/

/* Following styles are MetroTouch skin related only */

div.RadSpell_MetroTouch {
    width: 469px;
}

    div.RadSpell_MetroTouch,
    div.RadSpell_MetroTouch textarea,
    div.RadSpell_MetroTouch select {
        font-size: 16px;
    }

        div.RadSpell_MetroTouch textarea {
            line-height: 20px;
        }

        div.RadSpell_MetroTouch h4 {
            margin-top: 3px;
            padding-bottom: 3px;
            font-size: 16px;
        }

.RadSpell_MetroTouch ul.SpellOptions {
    margin-top: 9px !important;
    width: 120px;
}

.RadSpell_MetroTouch ul.MainOptions {
    width: 310px;
    margin-top: 3px !important;
    *margin-top: -1px !important;
}

.RadSpell_MetroTouch ul.SpellOptions li {
    height: auto;
    line-height: normal;
}

    .RadSpell_MetroTouch ul.SpellOptions li .rfdDecorated {
        width: 98px !important;
        *width: 96px !important;
        padding-left: 6px;
    }

.RadSpell_MetroTouch ul.MainOptions li {
    margin-left: 20px;
}

.RadForm_MetroTouch .RadSpell_MetroTouch ul.SpellOptions li .rfdDecorated:hover {
    padding-left: 6px;
}

.rfdRtl .RadSpell_MetroTouch .AuxOptions {
    margin-right: 0;
    width: 114px;
    *width: 110px;
}

.RadSpell .SpellOptions {
    margin-top: 10px !important;
}

P {
    margin: 0px;
}

blockquote {
    margin-top: 0px;
    margin-bottom: 0px;
}

.RadSplitter_IRM {
    /*font-size:12px;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;*/
    /* Borders */
    /* When ShowContentDuringLoad="false" */
    /* RadSlidingPane tab */
    /* RadSplitBar/RadSlidingPane resize elements */
    /* RadSlidingPane tab */
    /* RadSlidingPane header elements */
    /* RadSlidingPane buttons */
    /* RadSplitBar buttons */
    /* RadSlidingPane buttons */
    /* RadSlidingPane title text */
}


    .RadSplitter_IRM td.rspTop .rspPaneTabContainer,
    .RadSplitter_IRM td.rspBottom .rspPaneTabContainer {
        border-width: 1px;
    }

    .RadSplitter_IRM .rspPaneTabContainer {
        border-color: #0050a0;
        background-color: #0050a0;
        padding: 15px 5px !important;
        color: #2c3e50;
        /* margin-top: 10px; */
        margin-bottom: 1px !important;
        border: 1px solid #0050a0 !important;
        border-radius: 0 7px 7px 0;
        margin-left: 0px;
    }

    .RadSplitter_IRM .rspPaneTabContainerExpanded,
    .RadSplitter_IRM .rspPaneTabContainerDocked {
        background-color: #fff;
        border-color: #cdcdcd;
        color: #0050a0 !important;
    }

    .RadSplitter_IRM .rspSlideTitleContainer,
    .RadSplitter_IRM .rspSlideHeaderIconWrapper {
        /*border-bottom: 1px solid #cdcdcd;*/
    }

    .RadSplitter_IRM .rspSlideHeaderDockIcon,
    .RadSplitter_IRM .rspSlideHeaderUndockIcon,
    .RadSplitter_IRM .rspSlideHeaderCollapseIcon,
    .RadSplitter_IRM .rspCollapseBarExpand,
    .RadSplitter_IRM .rspCollapseBarCollapse,
    .RadSplitter_IRM .rspCollapseBarHorizontalExpand,
    .RadSplitter_IRM .rspCollapseBarHorizontalCollapse {
        background-image: url('Splitter/ExpandCollapseBarsCommands.gif');
    }

.eis .RadSplitter_IRM .rspSlideHeaderDockIcon,
.eis .RadSplitter_IRM .rspSlideHeaderUndockIcon,
.eis .RadSplitter_IRM .rspSlideHeaderCollapseIcon,
.eis .RadSplitter_IRM .rspCollapseBarExpand,
.eis .RadSplitter_IRM .rspCollapseBarCollapse,
.eis .RadSplitter_IRM .rspCollapseBarHorizontalExpand,
.eis .RadSplitter_IRM .rspCollapseBarHorizontalCollapse {
    /*background-image: none; */
}

.RadSplitter_IRM .rspCollapseBarCollapseOver,
.RadSplitter_IRM .rspCollapseBarExpandOver,
.RadSplitter_IRM .rspCollapseBarHorizontalExpandOver,
.RadSplitter_IRM .rspCollapseBarHorizontalCollapseOver,
.RadSplitter_IRM .rspTabsContainer {
    background-color: #fff;
}

.RadSplitter_IRM td.rspSlideTitle,
.RadSplitter_IRM span.rspPaneTabText {
}


.pane-left {
    width: 22px !important;
}

.pane-right {
    width: 22px !important;
}



/** Tabs holder */
.RadTabStrip_IRM .rtsUL {
    /*height:19px;*/
}


.RadTabStripTop_IRM .rtsLevel1 .rtsUL {
    /*padding: 5px;
  padding-bottom: 0;*/
}

.RadTabStripBottom_IRM .rtsLevel1 .rtsUL {
    padding-top: 0;
}

/** rtsLI */

.RadTabStrip_IRM .rtsLevel1 .rtsLI {
    list-style: none;
    display: inline;
}

.RadTabStripTop_IRM .rtsUL .rtsLI,
.RadTabStripBottom_IRM .rtsUL .rtsLI {
}

.RadTabStripTop_IRM .rtsUL {
    margin: 0px 0px;
    padding: 0px;
}

    .RadTabStripTop_IRM .rtsUL .rtsFirst,
    .RadTabStripBottom_IRM .rtsUL .rtsFirst {
    }

/** rtsLink */
.RadTabStrip_IRM .rtsLink {
    font-size: 1.0em;
    text-transform: capitalize;
    text-decoration: none;
    padding: 7px 16px !important;
    height: auto;
    line-height: 20px;
}

.RadTabStripTop_IRM .rtsLevel1 .rtsLink {
    border-bottom: 0;
    height: 38px;
}

.RadTabStripBottom_IRM .rtsLevel1 .rtsLink {
    border-top: 0;
}

.RadTabStripRight_IRM .rtsLevel1 .rtsLink {
    border-left: 0;
}

.RadTabStripLeft_IRM .rtsLevel1 .rtsLink {
    border-right: 0;
}



/** rtsText */
.RadTabStrip_IRM .rtsLevel .rtsOut,
.RadTabStrip_IRM .rtsLevel .rtsIn,
.RadTabStrip_IRM .rtsLevel .rtsTxt {
    padding: 0px !important;
    text-decoration: none;
}



.RadTabStrip_IRM .rtsLevel .rtsNextArrow {
    background-position: -18px 0;
}

.RadTabStrip_IRM .rtsLevel .rtsPrevArrow {
    background-position: 0 0;
}

.RadTabStrip_IRM .rtsLevel .rtsNextArrow:hover {
    background-position: -54px 0;
}

.RadTabStrip_IRM .rtsLevel .rtsPrevArrow:hover {
    background-position: -36px 0;
}

.RadTabStrip_IRM .rtsLevel .rtsPrevArrowDisabled,
.RadTabStrip_IRM .rtsLevel .rtsPrevArrowDisabled:hover {
    background-position: -72px 0;
}

.RadTabStrip_IRM .rtsLevel .rtsNextArrowDisabled,
.RadTabStrip_IRM .rtsLevel .rtsNextArrowDisabled:hover {
    background-position: -90px 0;
}

.RadTabStripLeft_IRM .rtsLevel .rtsNextArrow,
.RadTabStripRight_IRM .rtsLevel .rtsNextArrow {
    background-position: -18px -20px;
}

.RadTabStripLeft_IRM .rtsLevel .rtsPrevArrow,
.RadTabStripRight_IRM .rtsLevel .rtsPrevArrow {
    background-position: 0 -20px;
}

.RadTabStripLeft_IRM .rtsLevel .rtsNextArrow:hover,
.RadTabStripRight_IRM .rtsLevel .rtsNextArrow:hover {
    background-position: -54px -20px;
}

.RadTabStripLeft_IRM .rtsLevel .rtsPrevArrow:hover,
.RadTabStripRight_IRM .rtsLevel .rtsPrevArrow:hover {
    background-position: -36px -20px;
}

.RadTabStripLeft_IRM .rtsLevel .rtsPrevArrowDisabled,
.RadTabStripLeft_IRM .rtsLevel .rtsPrevArrowDisabled:hover,
.RadTabStripRight_IRM .rtsLevel .rtsPrevArrowDisabled,
.RadTabStripRight_IRM .rtsLevel .rtsPrevArrowDisabled:hover {
    background-position: -72px -20px;
}

.RadTabStripLeft_IRM .rtsLevel .rtsNextArrowDisabled,
.RadTabStripLeft_IRM .rtsLevel .rtsNextArrowDisabled:hover,
.RadTabStripRight_IRM .rtsLevel .rtsNextArrowDisabled,
.RadTabStripRight_IRM .rtsLevel .rtsNextArrowDisabled:hover {
    background-position: -90px -20px;
}

/** DropClues */


.rtsDropClueTop_IRM {
    background-position: -10px -20px;
}

.rtsDropClueRight_IRM {
    background-position: -10px -30px;
}

.rtsDropClueBottom_IRM {
    background-position: -10px 0;
}

.rtsDropClueLeft_IRM {
    background-position: -10px -10px;
}

.RadTreeView_Default,
.RadTreeView_IRM,
.RadTreeView_IRM a.rtIn,
.RadTreeView_IRM .rtEdit .rtIn input {
    font: 13px "Graphik Regular Desktop", Helvetica, Arial, sans-serif !important;
}

    .RadTreeView_IRM .rtPlus,
    .RadTreeView_IRM .rtMinus {
        background-image: url('TreeView/PlusMinus.png');
    }

    .RadTreeView_IRM .rtLI .rtPlus,
    .RadTreeView_IRM .rtLI .rtPlus:hover {
        background-position: 0 0;
    }

    .RadTreeView_IRM .rtLI .rtMinus,
    .RadTreeView_IRM .rtLI .rtMinus:hover {
        background-position: 0 -11px;
    }


.trLinkedRisk legend {
    margin-bottom: 10px !important;
}

.hilighttd td {
    background-color: #06509e !important;
    color: #fff !important;
}

.RadCalendar .rcMain .rcOutOfRange span {
    background-color: #ccc !important
}

.MyActionGrid .btn-default {
    background-color: #fff;
    text-shadow: none;
    background-image: none;
    border: 2px solid #2D6A9F;
    padding: 2px 4px !important;
    margin-left: 5px !important;
    color: #444;
    padding: 2px 10px !important;
    border-radius: 30px !important;
    font-size: 14px !important;
}



.MyActionGrid .toolbar.QuickUpdateToolbarContainerDiv {
    padding: 1px 0px !important;
}

.MyActionGrid .QuickUpdateToolbarContainerDiv .myupdateTitle {
    padding: 1px 0px !important;
}

#divMyCompliancetGrid .k-grid {
    margin: 0px 19px 0px 19px !important
}

/*.k-window {
    width: 80% !important;
    height: 80% !important;
}*/


.minWidth70 {
    min-width: 70px;
}

/*Popup*/
.modal {
    background: rgba(0,80,160, 0.3);
}
/*.modal {
    z-index: 10005;
}

.modal-dialog {
    margin-top: 200px;
}

.modal-content {
    border-radius: 0;
}

.modal-header {
    padding: 5px 10px;
    background: #3a91cb;
}

    .modal-header h4 {
        color: #fff;
        font-size: 13px;
        font-weight: normal;
        padding: 2px;
    }

.modal-footer {
    padding: 5px;
}*/

.RadComboBox_Default {
    border: 1px solid #c9d1da;
    border-radius: 3px;
}

.RadComboBoxDropDown_Default {
    font-size: 13px !important;
}

.btn-group-vertical.irmworkspacetoolbar > .btn.q14 {
    background-position: 0 -860px;
}

.btn-group-vertical.irmworkspacetoolbar .btn-default:hover, .btn-group-vertical.irmworkspacetoolbar .btn-default.active {
    border-bottom: solid 1px #fff;
}

body.loginScrBg a:hover {
    text-decoration: underline;
}


.EmailConfigurationDetails .toolBar td:first-child {
    padding-left: 0px !important;
}

.EmailConfigurationDetails .toolBar {
    border-bottom-style: none;
}

    .EmailConfigurationDetails .toolBar td {
        height: 40px;
        padding-top: 0px;
    }

.EmailConfigurationDetails .labeldatacell {
    padding-left: 0px !important;
    width: 200px !important
}

.EmailConfigurationDetails input[type=text], .EmailConfigurationDetails input[type=password], .EmailConfigurationDetails input[type=number] {
    width: 50% !important;
    min-width: 250px;
}

.EmailConfigurationDetails .labeldatacell span[disabled=disabled] {
    color: #b8b8b8 !important;
}

.EmailConfigurationDetails .datacell input[disabled] {
    background-color: #dedede;
    color: #908e8e;
}

span.radioButtlabel label {
    vertical-align: middle;
    padding-left: 5px;
}

.riskAdminLeftMenu .toolBar td:first-child {
    padding-left: 15px !important;
}

.riskAdminLeftMenu a.LinkButtonSettings span, a.LinkButtonSettings span {
    padding-left: 20px !important;
}

.riskAdminLeftMenu a.LinkButtonSettingsRoll span, .riskAdminLeftMenu a.LinkButtonSettingsRoll span {
    padding-left: 17px !important;
    padding-top: 6px;
}

.padding10 {
    padding: 10px;
}

.trStandardRiskFieldsGrid .AlternatingRowStyle a, .trStandardRiskFieldsGrid .RowStyle a, .trStandardRiskFieldsGrid .AlternatingRowStyle a:active, .trStandardRiskFieldsGrid .RowStyle a:active, .trStandardRiskFieldsGrid .AlternatingRowStyle a:visited, .trStandardRiskFieldsGrid .RowStyle a:visited {
    color: #1d76c3 !important;
}

.MontecarloAnalysisLeftCell {
    width: 45%;
    padding-right: 30px;
    border-right: 1px solid #c9d1da;
}

.MontecarloAnalysisMiddleCell {
    width: 25%;
    padding-left: 30px;
}

.MontecarloAnalysisRightCell {
    width: 30%;
}

.MontecarloAnalysisLeftCell .headerTitle .label, .MontecarloAnalysisMiddleCell .headerTitle .label {
    font-weight: 500;
    font-size: 15px;
    margin-left: 10px;
}

.MontecarloAnalysisLeftCell .headerTitle, .MontecarloAnalysisMiddleCell .headerTitle {
    padding-bottom: 20px;
}

.MALeftLabelCell {
    width: 19%;
}

.MALeftLabelForm {
    width: 20%;
}

.MALeftLabelInfo {
    width: 15%;
}

.MAFormArea table td {
    padding: 5px;
}

.EstimatedMonetaryValueCircle {
    background-color: #2f5190;
    color: #ffffff;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.EstimatedMonetaryValueLbl {
    padding-left: 10px;
    color: #25a0da;
}

.EstimatedMonetaryValue {
    padding-left: 10px;
    font-size: 26px;
    font-weight: 500;
}

.infoIcon {
    background-image: url('../../resources/images/informationIcon.svg');
    height: 24px;
    width: 24px;
    background-position: center 0px;
    cursor: pointer;
    background-repeat: no-repeat;
    float: left;
    margin-left: 4px;
    margin-top: 5px;
}

.MAChartXAxis {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    margin-left: 60px;
}

.MAChartYAxis {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    margin-left: -40px;
    position: absolute;
    margin-top: 145px
}

hr.montercarloSettingsPage {
    margin-top: 10px !important;
}

.montercarloSettingsPageTitle {
    font-size: 15px;
    font-weight: 500;
    padding-left: 5px;
}

.mcSettingsPageTblTH {
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 20px;
    padding-left: 5px;
}


table.montercarloSettingsPage td {
    padding: 5px;
}

.paddingBottom20 {
    padding-bottom: 20px !important;
}


.mcSettingsSaveBtn .button, .mcSettingsSaveBtn .button:hover, .mcSettingsSaveBtn .button:focus, .mcSettingsSaveBtn .button:active {
    background: url(../../resources/images/toolbar/ToolBarSaveColor.svg) no-repeat 10px center;
    padding: 5px 12px 5px 31px !important;
    color: #444 !important;
}

/*.montercarloSettingsPage  .reTool .split_arrow
{
    background-position:-23px -360px !important;
}*/

.montercarloSettingsPage .InsertTable, html .TableWizard {
    background-position: -3578px -5px !important;
}

.MAFormArea {
    padding-left: 4px;
}

.montercarloSettingsPage .reSplitButton .BackColor {
    background-position: -1028px center !important;
}

.projectRiskGridDiv {
    min-width: 100%;
    display: inline-grid;
    padding: 15px 25px;
}

.phCustomList .RadComboBox_Default {
    width: 50% !important;
}

.noOfRiskPP .datacell select {
    width: 66% !important;
}

.phCustomList .datacell input[type=text] {
    margin-top: 5px;
    width: 80%
}

.RadWindow .rwTitlebarControls td:first-child {
    width: 8px !important;
}

.RadWindow .rwTitlebarControls td .rwIcon {
    display: none
}


#divQuickUpdateFilter, #divMyRiskControlFilter {
    border: 1px solid #eee;
    margin-top: 14px;
    /* max-height: 600px; */
    overflow-y: auto;
    background-color: #fff;
    width: 100% !important;
    /* margin-left: 0px; */
    left: 0px;
    /*position: absolute;*/
    top: 41px;
    box-shadow: 0px 1px 0px 0 rgb(0 0 0 / 15%);
}

    #divQuickUpdateFilter td.datacell select, #divQuickUpdateFilter td.datacell input[type=text], #divQuickUpdateFilter td.datacell .RadComboBox {
        width: 93% !important;
    }

    #divQuickUpdateFilter td.datacell .RadPicker input[type=text].riTextBox {
        width: 115px !important;
    }

    #divQuickUpdateFilter .filterRangeAdjust .RadInput {
        min-width: 65px !important;
        width: 90%;
        /*margin-top: 5px;*/
    }

    #divQuickUpdateFilter td.labeldatacell {
        vertical-align: middle !important;
    }

    #divQuickUpdateFilter td.datacell {
        padding-bottom: 0px !important;
    }

    #divQuickUpdateFilter td.labeldatacell .label {
        line-height: 16px;
    }


    #divQuickUpdateFilter .RadComboBox_Default .rcbArrowCellRight {
        height: 18px !important;
    }

    #divQuickUpdateFilter .RadComboBox .rcbArrowCell a {
        height: 18px !important;
    }

/*#divQuickUpdateFilter .RadPicker {
        height: 18px !important;
    }*/

/*#divQuickUpdateFilter .RadComboBox .rcbInputCell {
        height: 20px !important;
    }*/


.filterControlDynamicColumn {
    width: 60%;
    float: left
}

.filterControlStaticColumn {
    width: 40%;
    float: left
}

    .filterControlStaticColumn td.datacell {
        /*padding-bottom: 13px !important;*/
        height: 52px;
    }

/*.filterControlDynamicColumn .filterRangeAdjust .label {
    display: none !important;
}*/

.filterControlDynamicColumn > div {
    min-height: 54px;
}





/* Popup container - can be anything you want */
.projectRiskPopup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* The actual popup */
    .projectRiskPopup .popuptext {
        visibility: hidden;
        /*width: 380px;*/
        background-color: #f6f6f6;
        color: #232323;
        text-align: center;
        border-radius: 15px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        top: 140% !important;
        left: 97px;
        margin-left: -183px;
        text-align: left;
        -webkit-box-shadow: -2px 4px 5px 0px rgba(0, 0, 0, 0.27) !important;
        -moz-box-shadow: -2px 4px 5px 0px rgba(0, 0, 0, 0.27) !important;
        box-shadow: -2px 4px 5px 0px rgba(0, 0, 0, 0.27) !important;
        white-space: nowrap;
        padding: 10px 15px 0 15px !important;
        cursor: default;
    }

        /* Popup arrow */
        .projectRiskPopup .popuptext::before {
            content: "";
            position: absolute;
            top: -5%;
            left: 95px;
            margin-left: -5px;
            border-width: 7px;
            border-style: solid;
            border-color: #f6f6f6 transparent transparent transparent;
            transform: rotate(180deg);
        }

    /* Toggle this class - hide and show the popup */
    .projectRiskPopup .show {
        visibility: visible;
        -webkit-animation: projectRiskPopupfadeIn 1s;
        animation: projectRiskPopupfadeIn 1s;
    }

/* Add animation (fade in the popup) */
@-webkit-keyframes projectRiskPopupfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes projectRiskPopupfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.projectRiskPopup {
    background: url(../../resources/images/projectRiskPopupIcon.svg) no-repeat center center;
    height: 24px;
    width: 24px;
    background-size: contain;
    background-size: 24px;
}

.projectRiskPopup {
    background: url(../../resources/images/projectRiskPopupIcon.svg) no-repeat 2px bottom;
    height: 24px;
    width: 24px;
    background-size: contain;
    background-size: 18px;
    margin-left: -5px;
    margin-bottom: -5px;
}

.projectPopupCircle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #284159;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    float: left;
    line-height: 50px;
    font-size: 15px;
}

.projectPopupcontentContainer {
    padding-left: 10px !important;
    float: left;
    width: 280px;
    /*padding-top: 14px !important;*/
    margin-bottom: 20px;
    min-height: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.projectionLabel {
    /*float: left;
    width: 70%;*/
    align-items: center;
    display: flex;
    font-size: 13px;
    color: #3e3e3f;
    width: 200px;
}



.projectionFigure {
    /*float: left;
    width: 28%;*/
    font-weight: 500;
    font-size: 14px;
    align-items: center;
    display: flex;
    margin-left: 10px;
    color: #284159;
    font-family: 'Graphik Medium Desktop';
}

.projectPopupTitle1 {
    font-size: 14px;
    font-weight: 300;
    color: #284159;
    font-family: 'Graphik Light Desktop';
}

.projectPopupTitle2 {
    font-size: 14px !important;
    margin-bottom: 10px;
    font-family: 'Graphik Medium Desktop';
    font-weight: 500;
    color: #284159;
}

.projectPopupcontentContainerrow {
    display: flex;
    white-space: normal;
}

.RadGrid_IRM .rgGroupHeader .label {
    font-size: 14px;
    font-family: ghraphik 'Graphik Medium Desktop';
    color: #284159;
    font-weight: 500;
}

.projectPopupRecords {
    width: 385px;
}

#divRisksAnalysisNewHeatMapFilter .CheckBox label {
    font-size: 12px !important;
    margin-left: 0px !important;
}

/*#divEISRiskGrid > .RadGrid_IRM {
    display: table-row;
}

    Commented to fix 26086
*/

.EisinnerGrids .divEISRiskControlGrid {
    height: auto !important;
}

.EisinnerGrids .adjustEISWidth {
    width: 100%;
}

.EisinnerGrids .RadGrid_IRM {
    margin-right: 0px !important;
}


/*.RadWindow_IRM.newRadWindowUI .rwTitleRow {
    display: none;
}*/

.RadWindow_IRM.newRadWindowUI {
    padding: .0px 15px 10px 15px !important;
    border-radius: 10px !important;
    background-color: #fff !important;
}



    .RadWindow_IRM.newRadWindowUI .rwTitlebar,
    .RadWindow_IRM.newRadWindowUI .rwTopResize,
    .RadWindow_IRM.newRadWindowUI .rwTopLeft,
    .RadWindow_IRM.newRadWindowUI .rwTopRight {
        background-color: #fff;
    }
/*.RadWindow_IRM.newRadWindowUI .rwBodyLeft {
    display: none;
}

.RadWindow_IRM.newRadWindowUI .rwFooterRow {
    display: none;
}*/

.permissionPopupHeader {
    font-size: 20px;
    font-weight: 400;
    color: #337ab7 !important;
}

.RadWindow_IRM.newRadWindowUI .rwMaximizeButton {
    display: none !important;
}

.RadWindow_IRM.newRadWindowUI .rwTopResize {
    display: none;
}

.RadWindow_IRM.newRadWindowUI .rwTitlebarControls {
    height: auto !important
}

.RadWindow_IRM.newRadWindowUI .rwControlButtons a {
    background-color: transparent !important;
    background-image: none !important;
}

.RadWindow_IRM.newRadWindowUI a.rwCloseButton {
    background: url(media/toolbar_icon/close.svg) no-repeat center center !important;
    width: 40px !important;
    height: 40px !important;
    background-size: 40px !important;
    /* margin-right: 48px; */
    position: absolute;
    right: 10px;
    top: 12px;
    cursor: pointer;
}

.imageTxtbuttonEdit {
    background: url(media/toolbar_icon/edit.svg) no-repeat 7px 1px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    color: #444;
    border: 2px solid #3b91cb;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal !important;
    padding: 4px 10px !important;
    margin-right: 8px;
    width: auto;
    border-radius: 30px !important;
    font-weight: 500;
    line-height: 20px !important;
    padding-left: 31px !important;
    outline: none;
}

.imageTxtbuttonDelete {
    background-size: 22px !important;
    background: url(media/toolbar_icon/trash.svg) no-repeat 7px 2px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    color: #444;
    border: 2px solid #3b91cb;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal !important;
    padding: 4px 10px !important;
    margin-right: 8px;
    width: auto;
    border-radius: 30px !important;
    font-weight: 500;
    line-height: 20px !important;
    padding-left: 30px !important;
    outline: none;
}

.imgTxtBtnUpdate {
    background-size: 22px !important;
    background: url('media/toolbar_icon/update_new.png') no-repeat 7px 2px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    color: #444;
    border: 2px solid #3b91cb;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal !important;
    padding: 4px 10px !important;
    margin-right: 8px;
    width: auto;
    border-radius: 30px !important;
    font-weight: 500;
    line-height: 20px !important;
    padding-left: 30px !important;
    outline: none;
}

.imgTxtBtnCancel {
    background-size: 28px !important;
    background: url('media/toolbar_icon/close.svg') no-repeat 4px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    color: #444;
    border: 2px solid #3b91cb;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal !important;
    padding: 4px 10px !important;
    margin-right: 8px;
    width: auto;
    border-radius: 30px !important;
    font-weight: 500;
    line-height: 20px !important;
    padding-left: 30px !important;
    outline: none;
}

.RadGrid_IRM.newRadGridUI {
    outline: none;
    border: 1px solid #e5e5e5 !important;
    border-radius: 15px;
    margin-right: 0px !important;
}

    /*.RadGrid_IRM.newRadGridUI .rgMasterTable tbody {
        border: 1px solid #e5e5e5 !important;
      
    }*/

    .RadGrid_IRM.newRadGridUI .rgCommandCell {
        border-style: none !important;
    }

    .RadGrid_IRM.newRadGridUI .CommandItemTbl {
        margin-top: 0px !important;
    }

    .RadGrid_IRM.newRadGridUI .rgHeader {
        background-color: #f5f5f5 !important;
    }



    .RadGrid_IRM.newRadGridUI .rgCommandCell .button,
    .RadGrid_IRM.newRadGridUI .rgCommandCell .button:hover {
        margin-bottom: 10px;
        background-size: 20px !important;
        background: url('../../resources/Images/ToolBarAdd.svg') no-repeat 10px 3px;
        background-repeat: no-repeat;
        cursor: pointer;
        background-color: transparent;
        color: #444 !important;
        border: 2px solid #3b91cb;
        cursor: pointer;
        font-size: 13px;
        font-weight: normal !important;
        padding: 4px 10px !important;
        margin-right: 0px;
        width: auto;
        border-radius: 30px !important;
        font-weight: 500;
        line-height: 20px !important;
        padding-left: 35px !important;
        outline: none;
        position: absolute;
        right: 0px;
        top: 35px;
    }

.marginTop50 {
    margin-top: 50px;
}


.projectPermissionWindowControl .RadGrid_IRM.newRadGridUI .rgHeader:nth-child(2) {
    border-radius: 15px 0 0 0;
}

.projectPermissionWindowControl .RadGrid_IRM.newRadGridUI .rgHeader:last-child {
    border-radius: 0 15px 0 0;
}


.projectPermissionWindowControl .RadGrid_IRM.newRadGridUI tr:last-child td:nth-child(2) {
    border-radius: 0 0 0 15px;
}

.projectPermissionWindowControl .RadGrid_IRM.newRadGridUI tr:last-child td:last-child {
    border-radius: 0 0 15px 0;
}


/*.projectPermissionWindowControl
{
    height:290px;
    overflow:auto;
}*/

.projectPermissionWindowControl .RadGrid_IRM.newRadGridUI .rgHeader {
    padding: 5px 5px 5px 15px !important;
}


.projectPermissionWindowControl .RadGrid_IRM.newRadGridUI .rgRow > td,
.projectPermissionWindowControl .RadGrid_IRM.newRadGridUI .rgAltRow > td,
.projectPermissionWindowControl .RadGrid_IRM.newRadGridUI .rgEditRow > td,
.projectPermissionWindowControl .RadGrid_IRM.newRadGridUI .rgFooter > td {
    padding: 10px 0 10px 15px !important;
}

.RadComboBox .rcbArrowCell {
    border-radius: 0px !important;
}

.RadGrid_IRM.newRadGridUI div.rgHeaderWrapper {
    border-radius: 15px 15px 0 0;
    background-color: #f5f5f5;
}

.projectPermissionWindowControlGridScroll {
    max-height: 430px;
    overflow-y: auto;
}


    .projectPermissionWindowControlGridScroll .RadGrid_IRM.newRadGridUI .rgHeader {
        position: sticky;
        top: 0px;
    }

.marginTop10 {
    margin-top: 10px;
}

.SettingsFieldConfigArea .RadGrid_IRM .rgMasterTable {
    border: 1px solid #e2e2e3 !important;
    outline: none;
}

.SettingsFieldConfigAreaSubTab a.LinkButton1Roll span,
.SettingsFieldConfigAreaSubTab a.lb_TabMenuRoll span {
    border-bottom: solid 3px #2D6A9F !important;
    /* border-top-style: none; */
    border-top: 2px solid #fff;
    font-size: 15px;
}



.SettingsFieldConfigAreaSubTab .LinkButton1, .lb_TabMenu {
    background-color: #fff !important; /* border-top: 3px solid #fff; */
}

.SettingsFieldConfigAreaSubTab a.LinkButton1 span,
.SettingsFieldConfigAreaSubTab a.LinkButton1 span,
.SettingsFieldConfigAreaSubTab a.lb_TabMenu span,
.SettingsFieldConfigAreaSubTab a.lb_TabMenu span {
    border-right-style: none !important;
    border-top-style: none !important;
    /* border-bottom: 2px solid; */
    font-weight: 400;
    font-size: 15px;
}


.SettingsFieldConfigAreaSubTab a.lb_TabMenu:hover,
.SettingsFieldConfigAreaSubTab a.lb_TabMenu:hover {
    border-top: solid 3px #2D6A9F !important;
    border-top-style: none;
}

.SettingsFieldConfigAreaSubTab a.LinkButton1:hover,
.SettingsFieldConfigAreaSubTab a.LinkButton1:hover {
    border-top: 2px solid #fff !important;
    border-bottom: 3px solid #2D6A9F !important;
}

.SettingsFieldConfigAreaSubTab {
    border-bottom: 1px solid #ccc;
    margin-left: 10px;
}


.SettingsFieldConfigArea .RadGrid_IRM input[type=text],
.SettingsFieldConfigArea .RadGrid_IRM textarea {
    height: 37px;
    outline: none;
}

.SettingsFieldConfigArea .RadGrid_IRM textarea {
    padding-top: 8px !important;
}

.SettingsFieldConfigArea .RadGrid_IRM .dot:after {
    content: '\2807';
    font-size: 32px;
    color: #b1b1b1;
}

.SettingsFieldConfigAreaSubTab + table.marginTop20 tr td .lblTabTitle {
    margin-left: 0px !important;
}

.custommiddlecontent {
    background-color: #fff;
    margin-top: 110px;
    /*padding:20px;*/
}

.mainformtdspace {
    background-color: #fff;
    /*padding:20px;*/
}

.projectRiskRegisterContent .datacell textarea {
    width: 60% !important;
}

.projectRiskRegisterContent .datacell .DropDownList,
.projectRiskRegisterContent .datacell .RadComboBox_Default {
    width: 40% !important;
}

.RiskReviewContentGap {
    padding: 0 20px;
}

.projectRiskSolutionContent .datacell textarea {
    width: 60% !important;
}

.projectRiskSolutionContent .datacell .DropDownList,
.projectRiskSolutionContent .datacell .RadComboBox_Default,
.projectRiskSolutionContent .datacell .textBox {
    width: 40% !important;
}

.projectRiskRegisterContent select[multiple], select[size] {
    min-width: 200px;
}

.paddingTop10 {
    padding-top: 10px !important;
}

.operationalRiskSolutionContent .datacell textarea {
    width: 60% !important;
}

.operationalRiskSolutionContent .datacell .DropDownList,
.operationalRiskSolutionContent .datacell .RadComboBox_Default,
.operationalRiskSolutionContent .datacell .textBox {
    width: 40% !important;
}

.GridView .DropDownList,
.GridView .RadComboBox_Default,
.RadGrid_IRM Select {
    min-width: 100px !important;
}

a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

    a.skip-main:focus, a.skip-main:active {
        color: #fff;
        background-color: #323250;
        left: auto;
        top: auto;
        width: 30%;
        height: auto;
        overflow: auto;
        margin: 10px 35%;
        padding: 5px;
        border-radius: 15px;
        border: 4px solid yellow;
        text-align: center;
        font-size: 1.2em;
        z-index: 999;
    }

.AnalysisRiskDetailsPopup {
    /*width: 600px !important;*/
    border-radius: 10px !important;
    padding: 10px !important;
    height: auto !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
}

    .AnalysisRiskDetailsPopup.ui-dialog .ui-widget-header {
        background-color: #fff !important;
        color: #444 !important;
        font-weight: 300;
        font-size: 20px !important;
    }

    .AnalysisRiskDetailsPopup.ui-dialog .ui-dialog-titlebar {
        padding: 0px !important;
        margin-top: 15px;
    }

    .AnalysisRiskDetailsPopup.ui-dialog .ui-dialog-titlebar-close {
        /*display: none;*/
    }

    .AnalysisRiskDetailsPopup .rowEx {
        background: #fff !important;
    }

    .AnalysisRiskDetailsPopup .cellEx {
        padding: 10px 12px !important;
        color: #3a3a3a;
    }


    .AnalysisRiskDetailsPopup .cellKey strong {
        font-weight: 500 !important;
        color: #3a3a3a;
    }

    .AnalysisRiskDetailsPopup.ui-dialog .ui-dialog-title {
        margin-left: 10px;
        margin-bottom: 10px;
        color: #21415a;
    }

    .AnalysisRiskDetailsPopup .tabs-thumb.is-active a:hover,
    .AnalysisRiskDetailsPopup .tabs-thumb.is-active a {
        color: #21405c !important;
        font-family: 'Graphik Medium Desktop';
        font-weight: 500;
    }

        .AnalysisRiskDetailsPopup .tabs-thumb.is-active a::after {
            background: #21405c !important;
        }

    .AnalysisRiskDetailsPopup .tabs-thumb a:hover,
    .AnalysisRiskDetailsPopup .tabs-thumb a:focus {
        color: #21405c !important;
    }

    .AnalysisRiskDetailsPopup .tabs-thumb a {
        color: #727071 !important;
    }

    .AnalysisRiskDetailsPopup .tabs-thumb a {
        padding: 0 20px 0 20px !important;
    }

    .AnalysisRiskDetailsPopup .tabs-thumb:first-child a {
        padding-left: 2px !important;
    }


    .AnalysisRiskDetailsPopup .tabs-panels {
        padding: 12px;
    }

    .AnalysisRiskDetailsPopup .tabs-thumbs {
        margin: 0 10px 0 10px !important;
    }

    .AnalysisRiskDetailsPopup .ui-dialog-titlebar-close,
    .AnalysisRiskDetailsPopup .ui-dialog-titlebar-close:hover,
    .AnalysisRiskDetailsPopup .ui-dialog-titlebar-close:focus {
        background-image: url('../../resources/images/ToolbarClose.svg') !important;
        background-repeat: no-repeat !important;
        width: 24px !important;
        height: 24px !important;
        background-position: center !important;
        padding-left: 4px !important;
        background-color: #fff !important;
        border-style: none !important;
        background-size: 22px !important;
        right: 15px !important;
        top: 15px !important;
    }



#RiskDetailsPopup::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#RiskDetailsPopup::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background-color: #F5F5F5;
}

#RiskDetailsPopup::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

#RiskDetailsPopup {
    margin-top: 10px;
    margin-right: 5px;
    max-height: 500px !important;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails th,
.AnalysisRiskDetailsPopup #tableRisks.tableDetails td {
    border-style: none;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails tr {
    background-color: #fff !important;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails td {
    vertical-align: top !important;
    min-width: 80px;
}

.tableDetailsOuterDiv {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding-bottom: 10px;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails th:first-child {
    border-radius: 10px 0 0 0;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails th:last-child {
    border-radius: 0 10px 0 0;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails th {
    background: #f2f2f2;
    font-weight: 500;
    font-family: 'Graphik Medium Desktop';
    color: #3a3a3a;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails td a,
.AnalysisRiskDetailsPopup #tableRisks.tableDetails td a:hover,
.AnalysisRiskDetailsPopup #tableRisks.tableDetails td a:active {
    color: #084f8f;
}


.AnalysisRiskDetailsPopup.ui-dialog .ui-button .ui-icon {
    display: none;
}


.AnalysisRiskDetailsPopup #tableRisks.tableDetails .rgGroupCol .rgCollapse {
    background-size: 15px !important;
    background: url('../../resources/Images/collapseIcon.svg') no-repeat center center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    color: #444 !important;
    border-style: none !important;
    cursor: pointer;
    width: 20px;
    height: 20px;
    outline: none;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails .rgGroupCol .rgExpand {
    background-size: 15px !important;
    background: url('../../resources/Images/expandIcon.svg') no-repeat center center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    color: #444 !important;
    border-style: none !important;
    cursor: pointer;
    width: 20px;
    height: 20px;
    outline: none;
}

.RadGrid_IRM svg text {
    /*font-weight: 200 !important;*/
    font-family: 'Graphik Medium Desktop';
}

.performanceControlDiv {
    text-align: center;
    border-radius: 50px;
    max-width: 100px;
    padding: 8px;
    /*margin: auto;*/
    font-family: 'Graphik Medium Desktop';
}

    .performanceControlDiv span {
        font-weight: 400;
        color: white !important;
    }

.displayFlex {
    display: flex;
}

.AnalysisRiskDetailsPopup {
    /*width: 600px !important;*/
    border-radius: 10px !important;
    padding: 10px !important;
    height: auto !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
}

    .AnalysisRiskDetailsPopup.ui-dialog .ui-widget-header {
        background-color: #fff !important;
        color: #444 !important;
        font-weight: 300;
        font-size: 20px !important;
    }

    .AnalysisRiskDetailsPopup.ui-dialog .ui-dialog-titlebar {
        padding: 0px !important;
        margin-top: 15px;
    }

    .AnalysisRiskDetailsPopup.ui-dialog .ui-dialog-titlebar-close {
        /*display: none;*/
    }

    .AnalysisRiskDetailsPopup .rowEx {
        background: #fff !important;
    }

    .AnalysisRiskDetailsPopup .cellEx {
        padding: 10px 12px !important;
        color: #3a3a3a;
    }


    .AnalysisRiskDetailsPopup .cellKey strong {
        font-weight: 500 !important;
        color: #3a3a3a;
    }

    .AnalysisRiskDetailsPopup.ui-dialog .ui-dialog-title {
        margin-left: 10px;
        margin-bottom: 10px;
        color: #21415a;
    }

    .AnalysisRiskDetailsPopup .tabs-thumb.is-active a:hover,
    .AnalysisRiskDetailsPopup .tabs-thumb.is-active a {
        color: #21405c !important;
        font-family: 'Graphik Medium Desktop';
        font-weight: 500;
    }

        .AnalysisRiskDetailsPopup .tabs-thumb.is-active a::after {
            background: #21405c !important;
        }

    .AnalysisRiskDetailsPopup .tabs-thumb a:hover,
    .AnalysisRiskDetailsPopup .tabs-thumb a:focus {
        color: #21405c !important;
    }

    .AnalysisRiskDetailsPopup .tabs-thumb a {
        color: #727071 !important;
    }

    .AnalysisRiskDetailsPopup .tabs-thumb a {
        padding: 0 20px 0 20px !important;
    }

    .AnalysisRiskDetailsPopup .tabs-thumb:first-child a {
        padding-left: 2px !important;
    }


    .AnalysisRiskDetailsPopup .tabs-panels {
        padding: 12px;
    }

    .AnalysisRiskDetailsPopup .tabs-thumbs {
        margin: 0 10px 0 10px !important;
    }

    .AnalysisRiskDetailsPopup .ui-dialog-titlebar-close,
    .AnalysisRiskDetailsPopup .ui-dialog-titlebar-close:hover,
    .AnalysisRiskDetailsPopup .ui-dialog-titlebar-close:focus {
        background-image: url('../../resources/images/ToolbarClose.svg') !important;
        background-repeat: no-repeat !important;
        width: 24px !important;
        height: 24px !important;
        background-position: center !important;
        padding-left: 4px !important;
        background-color: #fff !important;
        border-style: none !important;
        background-size: 22px !important;
        right: 15px !important;
        top: 15px !important;
    }



#RiskDetailsPopup::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#RiskDetailsPopup::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background-color: #F5F5F5;
}

#RiskDetailsPopup::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

#RiskDetailsPopup {
    margin-top: 10px;
    margin-right: 5px;
    max-height: 500px !important;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails th,
.AnalysisRiskDetailsPopup #tableRisks.tableDetails td {
    border-style: none;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails tr {
    background-color: #fff !important;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails td {
    vertical-align: top !important;
    min-width: 90px;
}

    .AnalysisRiskDetailsPopup #tableRisks.tableDetails td:first-child {
        min-width: 20px !important
    }

.tableDetailsOuterDiv {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding-bottom: 10px;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails th:first-child {
    border-radius: 10px 0 0 0;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails th:last-child {
    border-radius: 0 10px 0 0;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails th {
    background: #f2f2f2;
    font-weight: 500;
    font-family: 'Graphik Medium Desktop';
    color: #3a3a3a;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails td a,
.AnalysisRiskDetailsPopup #tableRisks.tableDetails td a:hover,
.AnalysisRiskDetailsPopup #tableRisks.tableDetails td a:active {
    color: #084f8f;
}


.AnalysisRiskDetailsPopup.ui-dialog .ui-button .ui-icon {
    display: none;
}


.AnalysisRiskDetailsPopup #tableRisks.tableDetails .rgGroupCol .rgCollapse {
    background-size: 15px !important;
    background: url('../../resources/Images/collapseIcon.svg') no-repeat center center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    color: #444 !important;
    border-style: none !important;
    cursor: pointer;
    width: 20px;
    height: 20px;
    outline: none;
}

.AnalysisRiskDetailsPopup #tableRisks.tableDetails .rgGroupCol .rgExpand {
    background-size: 15px !important;
    background: url('../../resources/Images/expandIcon.svg') no-repeat center center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    color: #444 !important;
    border-style: none !important;
    cursor: pointer;
    width: 20px;
    height: 20px;
    outline: none;
}

.riskFieldsGrid .RadGrid_IRM .rgRow a,
.riskFieldsGrid .RadGrid_IRM .rgAltRow a {
    text-decoration: underline !important;
    color: #2e5983 !important;
    font-weight: 500;
}



.RadWindow_IRM.newDefaultRadWindowUI {
    padding: .0px 15px 10px 15px !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
}


.RadWindow_IRM.newDefaultRadWindowUISmallFixedWindow {
    position: fixed !important;
    top: 220px !important
}


.RadWindow_IRM.newDefaultRadWindowUILargeFixedWindow {
    position: fixed !important;
    top: 25px !important
}

.RadWindow_IRM.newDefaultRadWindowUI .rwTitlebar,
.RadWindow_IRM.newDefaultRadWindowUI .rwTopResize,
.RadWindow_IRM.newDefaultRadWindowUI .rwTopLeft,
.RadWindow_IRM.newDefaultRadWindowUI .rwTopRight {
    background-color: #fff;
}



.RadWindow_IRM.newDefaultRadWindowUI .rwTitlebarControls {
    height: auto !important
}


.RadWindow_IRM.newDefaultRadWindowUI .rwControlButtons a {
    background-color: transparent !important;
    background-image: none !important;
}

.RadWindow_IRM.newDefaultRadWindowUI a.rwCloseButton {
    background: url(media/toolbar_icon/close.svg) no-repeat center center !important;
    width: 40px !important;
    height: 40px !important;
    background-size: 40px !important;
    /* margin-right: 48px; */
    position: absolute;
    right: 10px;
    top: 12px;
    cursor: pointer;
}

.RadWindow_IRM.newDefaultRadWindowUI .rwWindowContent {
    padding-top: 10px;
}

.RadWindow_IRM.newDefaultRadWindowUI table.rwTitlebarControls em {
    color: #323250 !important;
    margin-top: 15px;
    font-size: 18px;
}

#RiskDetailsPopup .tabsEx {
    margin-top: 5px;
}

.minWidth100 {
    min-width: 100px;
}

#tblMyUpdateHome #trMyUpdateRiskActions sup {
    top: 5px !important;
    left: -1px !important;
}

#riskcontrolgriddiv .RadGrid td select,
#riskcontrolgriddiv .RadGrid td textarea,
#riskcontrolgriddiv .RadGrid td .RadComboBox {
    min-width: 150px !important;
}


#riskactiongriddiv .GridView td select,
#riskactiongriddiv .GridView td textarea,
#riskactiongriddiv .GridView td .RadComboBox {
    min-width: 150px !important;
}

#divMyUpdateRisksGrid .RiskReviewContentGap .dateCellWidth3 {
    width: 250px !important;
}

#divMyUpdateRisksGrid .myupdateGrid .dateCellWidth3 {
    width: 250px !important;
}

#divMyUpdateRisksGrid .myupdateGrid .RiskReviewContentGap {
    padding: 0 15px;
}

#divMyUpdateRiskActionsGrid .performanceControlDiv {
    margin-top: -5px !important;
}

.custommiddlecontent #riskcontrolgriddiv,
.custommiddlecontent #riskactiongriddiv {
    width: 1210px;
    min-width: 100%;
}

.bodyIPMSycle .rcbSlide {
    max-height: 300px;
    z-index: 1000001 !important;
}

.dateCellquickupdateprogress .RadComboBox {
    min-width: 100px;
}

#riskcontrolgriddiv_temp {
    overflow: hidden !important;
}



/****** Toggle Switch *****/

.toolbarswitch {
    display: block;
    /*margin: 12px auto;*/
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 28px;
    /*height: 20px;*/
    /*padding: 3px;*/
    background-color: white;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    cursor: pointer;
    margin-top: -1px;
}

.toolbarswitch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.toolbarswitch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #999;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background border;
    -moz-transition-property: opacity background border;
    -o-transition-property: opacity background border;
    transition-property: opacity background border;
}

    .toolbarswitch-label:before, .toolbarswitch-label:after {
        position: absolute;
        /*top: 50%;*/
        top: 51%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        font-size: 11px;
    }

    .toolbarswitch-label:before {
        content: attr(data-off);
        /*right: 8px;*/
        right: 5px;
        color: #fff;
    }

    .toolbarswitch-label:after {
        content: attr(data-on);
        /*left: 9px;*/
        left: 7px;
        color: white;
        opacity: 0;
    }

.toolbarswitch-input:checked ~ .toolbarswitch-label {
    /*background: #34495E;*/
    background-color: #0050A0;
}

    .toolbarswitch-input:checked ~ .toolbarswitch-label:before {
        opacity: 0;
    }

    .toolbarswitch-input:checked ~ .toolbarswitch-label:after {
        opacity: 1;
    }

.toolbarswitch-handle {
    position: absolute;
    /*top: 4px;
    left: 13px;
    width: 12px;
    height: 12px;*/
    width: 18px;
    height: 18px;
    top: 5px;
    left: 13px;
    background: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

    .toolbarswitch-handle:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: #f9f9f9;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
        -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
        background-image: -webkit-linear-gradient(top, #eeeeee, white);
        background-image: -moz-linear-gradient(top, #eeeeee, white);
        background-image: -o-linear-gradient(top, #eeeeee, white);
        background-image: linear-gradient(to bottom, #eeeeee, white);
    }


.toolbarswitch-input:checked ~ .toolbarswitch-handle {
    background: #fff;
    /*left: 43px;*/
    left: 38px;
    -moz-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .toolbarswitch-input:checked ~ .toolbarswitch-handle:before {
        background: #fff;
    }

.toolbarswitch-green > .toolbarswitch-input:checked ~ .toolbarswitch-label {
    background: #4fb845;
}

.toolbarToggle .toggleLabel {
    font-weight: 500 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
    margin-top: 1px;
}

.flex {
    display: flex;
}

.marginLeft10 {
    margin-left: 10px;
}

.fontBoldLabel .label {
    font-weight: 500 !important;
}

.radWindowSaveBtnPlace .button {
    position: absolute;
    right: -8px;
    bottom: 0px;
}

.custommiddlecontent input[type=number] {
    min-width: 110px;
    padding: 4px;
    width: 9% !important;
}

.criticalpathdelaytbl td {
    white-space: normal;
    vertical-align: top;
    border-right: 1px solid #ddd;
    padding: 0px 10px !important;
    min-width: 132px;
    color: #556662;
}

.criticalpathdelaydiv {
    padding-top: 15px !important;
    border-top: 1px solid #ddd !important;
    padding-bottom: 15px !important;
}

.criticalpathdelaycelllbl {
    font-size: 17px;
    color: #284159 !important;
    font-weight: 300;
}

.criticalpathdelaytbl td:last-child {
    border-style: none
}

td.criticalpathdelayhdrlbl {
    line-height: 20px;
    padding-bottom: 5px !important;
    color: #444;
}

#trMyUpdateRiskApproals .RadGrid_IRM td.tdQUCustomStyle1 .label {
    font-weight: bold !important;
    text-align: left;
    margin-left: 22px;
    padding-bottom: 7px !important;
    display: block;
    padding-top: 5px;
    color: #21415b;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.radioButtonList input[type=radio] {
    margin-top: 1px !important;
}

.custommiddlecontent input[type=checkbox] {
    margin-right: 5px;
    margin-top: 0px !important;
    margin-left: 2px;
}

.RadEditor .reContentArea {
    padding: 7px !important;
}

.floatingToolbarIPM {
    width: 100%;
    padding-right: 0px;
    z-index: 1;
    background-color: #fff;
}

.dateCellWidthMin300 {
    min-width: 300px;
}

.dateCellWidthMin250 {
    min-width: 250px;
}

.RadComboBox .rcbEmptyMessage {
    opacity: 1 !important;
}

}

/*UI Fix for FreshDesk[#26503]*/
.RiskReviewPage .datacell .RadEditor .reTextArea {
    min-height: 150px
}

.RadComboBoxDropDown .rcbScroll {
    max-height: 350px !important;
    overflo-y: auto;
}

/* Custom Styles for Quick Settings PopUp */
.RadWindow_IRM.newDefaultRadWindowUIQuickSettings {
    max-height: 80%;
    width: 40vw !important;
}

    .RadWindow_IRM.newDefaultRadWindowUIQuickSettings .rwCloseButton {
        right: 15px !important;
    }

.RadWindow.newDefaultRadWindowUIQuickSettings .rwTitlebarControls td:first-child {
    display: none;
}

.RadWindow.newDefaultRadWindowUIQuickSettings .rwCorner.rwBodyRight {
    width: 0;
}

.newRiskRegisterPanel .RadGrid_IRM .dot:after {
    content: '\2807';
    font-size: 13px;
    color: #b1b1b1;
}

.newRiskRegisterPanel .toolBar td:first-child {
    padding-left: 0;
}

.newRiskRegisterPanel .toolBar td:last-child .button {
    margin-right: 0;
}

.newRiskRegisterPanel .toolBar td:last-child {
    padding-right: 0;
}

/* Custom Grid Styles */
.newRiskRegisterPanel .RadGrid.RadGrid_IRM table {
    border: 1px solid #eeeeee;
    border-radius: 6px;
}

.newRiskRegisterPanel .RadGrid.RadGrid_IRM .rgHeader {
    background-color: #e6e6e6;
}

    .newRiskRegisterPanel .RadGrid.RadGrid_IRM .rgHeader:first-child {
        border-top-left-radius: 6px;
    }

    .newRiskRegisterPanel .RadGrid.RadGrid_IRM .rgHeader:last-child {
        border-top-right-radius: 6px;
    }

.newRiskRegisterPanel .RadGrid.RadGrid_IRM {
    display: block;
    overflow-y: auto;
    height: auto;
    padding-right: 5px;
    border: 1px solid #eeeeee;
    width: 100vw;
    scrollbar-color: #555555 #F5F5F5;
    scrollbar-width: thin;
}

.newRiskRegisterPanel .btnGridSave {
    float: right;
    margin: 2rem 0 1rem;
    min-width: 70px;
}

.newRiskRegisterPanel .RadGrid.RadGrid_IRM {
    margin-right: 0;
}

.newRiskRegisterPanel .RadGrid .customWidthLiq0 {
    width: 4%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.newRiskRegisterPanel .RadGrid .customPadding {
    padding: 10px 0 10px 10px !important;
}

/* Inner Grid Scrollbar style */
.newRiskRegisterPanel .RadGrid.RadGrid_IRM::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.newRiskRegisterPanel .RadGrid.RadGrid_IRM::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background-color: #F5F5F5;
}

.newRiskRegisterPanel .RadGrid.RadGrid_IRM::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.newRiskRegisterPanel .CheckBox input[type=checkbox] {
    color: #fff;
    background-color: #004f94;
}
/* Custom Styles for Quick Settings PopUp - END */

.customComboBoxTemplate {
    display: inline-block;
}

    .customComboBoxTemplate .dropdownNode {
        font-weight: 500;
    }

    .customComboBoxTemplate .breadcrumText {
        font-size: 12px;
    }

.RadComboBoxDropDown .rcbItem > label,
.RadComboBoxDropDown .rcbHovered > label {
    display: inline-block !important;
    float: left;
}

.RadComboBoxDropDown input[type="checkbox"] {
    margin: 3px 5px 3px 4px !important;
}

.projectRiskSolutionContent .datacell .gridFooterMultidropdown {
    width: 100% !important;
}

.operationalRiskSolutionContent .datacell .gridFooterMultidropdown {
    width: 100% !important;
}

.customSolutionLinkGridPanel .rgFooter .dateCellWidthLiq2,
.customSolutionLinkGridPanel .rgFooter .dateCellWidthLiq1 {
    background: transparent;
}

.customSolutionLinkGridPanel .RadGrid_IRM .rgFilterRow > td:first-child,
.customSolutionLinkGridPanel .rgFooter > td:first-child,
.customSolutionLinkGridPanel .rgNoRecords > td,
.customSolutionLinkGridPanel .RadGrid_IRM tr > td:first-child {
    padding-left: 1rem !important;
}

.customSolutionLinkGridPanel .hyperLinkWrapper {
    text-align: right;
    padding-top: 6px;
}

.customSolutionLinkGridPanel .dateCellWidthLiq1 {
    width: 5%;
}

.customSolutionLinkGridPanel .dateCellWidthLiq2 {
    width: 20%;
}

.customSolutionLinkGridPanel .dateCellCustomWidthLiq2 {
    width: 30%;
}

.customSolutionLinkGridPanel .GridColumnLinknonepadding {
    width: 10%;
}

.customSolutionLinkGridPanel .CheckBox {
    float: none;
}

.customSolutionLinkGridPanel .rgFooter textarea {
    width: 100% !important;
    border-radius: 3px;
}

.customSolutionLinkGridPanel .smallText {
    display: block;
    margin-top: 0.5rem;
}

.customSolutionLinkGridPanel .RadGrid_IRM .rgFooter {
    background: #efefef;
}

.RadDropDownList {
    border: 1px solid #c8d1da;
    color: #323250;
    font-family: 'Graphik Regular Desktop' !important !important;
    font-size: 13px !important;
    padding: 5px 4px !important;
    border-radius: 4px !important;
    height: 32px;
}

.RadDropDownList_Default .rddlInner {
    border-radius: 0px !important;
    background: none !important;
    border-style: none !important;
    color: #323250 !important;
    font-family: 'Graphik Regular Desktop' !important;
}

::-webkit-file-upload-button {
    background: #fff;
    color: #444 !important;
    border: 2px solid #2D6A9F;
    border-radius: 20px;
    float: right;
    padding: 6px 12px;
    cursor: pointer;
    margin-right: -50px;
    position: absolute;
    margin-left: 220px;
    margin-top: -3px;
}

input[type=file] {
    vertical-align: middle;
    padding: 2px 10px;
    !important;
    line-height: 25px;
    border: 1px solid #ccc !important;
    cursor: pointer;
    max-width: 200px !important;
}

#divMyRootCauseAnlysisGrid .k-grid {
    margin: 0px 19px 0px 19px !important
}

/*.quickUpdateMasterPageBackGround .myupdateGrid .dateCellquickupdateprogress {
    text-align: left !important;
}*/

.dropdown-menu.bullet.adjustIncidentMenu:before {
    position: absolute;
    top: 205px;
}

.RadWindow_IRM.newDefaultRadWindowUI.newDefaultRadWindowUISmallFixedWindow {
    padding: .0px 15px 10px 5px !important;
}

    .RadWindow_IRM.newDefaultRadWindowUI.newDefaultRadWindowUISmallFixedWindow a.rwCloseButton {
        right: 15px;
    }

.projectRiskSolutionContent .datacell .rgFilterRow .DropDownList,
.projectRiskSolutionContent .datacell .rgFilterRow .RadComboBox_Default,
.projectRiskSolutionContent .datacell .rgFilterRow .textBox {
    width: 100% !important;
}


.HierarchyLoadingGuesture {
    background-color: rgb(240 240 240 / 80%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    font-size: 16px;
    z-index: 10;
    padding-top: 50%;
    font-weight: 500;
}

.displayNone {
    display: none !important;
}



.naviconhelp {
    background: transparent url("saas/icons.svg") no-repeat -21px -1832px;
    width: 30px;
    height: 30px;
    margin-top: 5.5px;
}

.proMenuirmImg {
    margin-top: 5.5px;
    background: transparent url("saas/icons.svg") no-repeat -18px -1870px;
    width: 30px;
    height: 30px;
    margin-right: 3px;
}


.navbarIrm .container-fluid {
    padding-left: 12px;
    padding-right: 4px;
}

.navirmimg {
    margin-top: 5.5px;
    background: transparent url("saas/icons.svg") no-repeat -18px -1913px;
    width: 30px;
    height: 30px !important;
}

.navbar-fixed-top .navbar-right {
    margin-top: 3px !important;
}


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}



::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background-color: #F5F5F5;
}


::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #0050a0;
}

.RadGrid .rgMasterTable,
.RadGrid .rgDetailTable,
.RadGrid .rgEditForm > table {
    border: 1px solid #E2E2E3 !important;
    border-radius: 4px 4px 0 0 !important;
    overflow: hidden;
}

.tabSeperator {
    position: fixed;
    top: 100px;
    z-index: 2;
}




.filtericon {
    background: transparent url("saas/icons.svg") no-repeat -5px -932px;
    padding-left: 35px !important;
}

.riskInnerTabs {
    border-top: 1.3px solid #E0E0E0;
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 8%);
    height: 43px;
    background-color: #fff;
    padding-top: 4px;
    position: fixed;
    top: 100px;
    z-index: 3;
    width: 100%;
    padding-left: 30px;
}

table.GridView {
    border-style: none !important;
}

.RadComboBox_Default .rcbInput {
    padding: 8px 7px !important;
}

.RadComboBox_Default.DropDownList {
    padding: 0px !important;
}

.mCustomScrollBox > .mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.mCustomScrollBox:hover > .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"; /* old ie */
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #323250; /* rgba fallback */
    background: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #3a3a57; /* rgba fallback */
    /*	background: rgba(255,255,255,0.75);*/
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.dropdown-menu-large .mCustomScrollBox {
    min-height: 260px !important;
    max-height: 260px !important;
}

.AdjustdropdownLogout.arrow_box {
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 0px 6px rgb(0 0 0 / 18%) !important;
}


.headerUserName {
    font-family: 'Graphik Medium Desktop';
    font-size: 15px;
    margin-top: 10px;
    color: #323250 !important;
}

.logoutTopBorder {
    border-top: 1px solid #eee;
}

.paddingBottom15 {
    padding-bottom: 15px !important;
}


.userMenuCameraIcon {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #fff url("saas/icons.svg") no-repeat -10px -1091px;
    position: absolute;
    top: 46px;
    right: 80px;
    box-shadow: 0 0px 8px rgb(0 0 0 / 18%) !important;
}


.userMenuSettingsIcon {
    background: #fff url("saas/icons.svg") no-repeat 50px -1126px;
    padding-left: 30px;
}

.userMenuLogoutIcon {
    background: url("saas/icons.svg") no-repeat 58px -1163px;
    padding-left: 30px;
}

.userMenuAlertIcon a {
    background: #fff url("saas/icons.svg") no-repeat 54px -1201px;
    padding-left: 30px;
}

.AdjustdropdownLogout.dropdown-menu > li > a:focus,
.AdjustdropdownLogout.dropdown-menu > li > a:hover {
    background-color: transparent !important;
}

.thirdLevelDropdown {
    position: initial !important;
}

.dropdown-menu > li > a.parentTile,
.dropdown-menu > li > a.parentTile:active,
.dropdown-menu > li > a.parentTile:focus {
    font-size: 16px;
    font-family: 'Graphik Medium Desktop';
    background: transparent url("saas/icons.svg") no-repeat -9px -1242px !important;
    background-size: 90px;
    margin: 0 5px;
    /*font-weight:600 !important;*/
}


    .dropdown-menu > li > a.parentTile:hover {
        font-size: 16px;
        font-family: 'Graphik Medium Desktop';
        background: #eee url("saas/icons.svg") no-repeat -9px -1242px !important;
        /*color: #fff !important;*/
        background-size: 90px;
        margin: 0 5px;
        border-radius: 10px;
    }


    .dropdown-menu > li > a.parentTile.expandedLeftMenuItem {
        font-size: 16px;
        font-family: 'Graphik Medium Desktop';
        background: #eee url("saas/icons.svg") no-repeat -9px -1320px !important;
        background-size: 90px;
        margin: 0 5px;
        /*font-weight: 600 !important;*/
        /*color: #fff !important;*/
        border-radius: 10px;
    }



        .dropdown-menu > li > a.parentTile.expandedLeftMenuItem:hover {
            font-size: 16px;
            font-family: 'Graphik Medium Desktop';
            /*font-family: 'Graphik Medium';*/
            background: #eee url("saas/icons.svg") no-repeat -9px -1320px;
            background-size: 90px;
            margin: 0 5px;
            /*font-weight: 600 !important;*/
        }


.expandMenuBack {
    width: 27px;
    height: 27px;
    margin-top: 5px;
    margin-left: -8px;
    margin-bottom: 5px;
    color: #525252;
    font-family: 'Graphik Medium Desktop';
    font-size: 16px;
    padding-left: 30px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}


ul.Adjustdropdown li a {
    padding: 8px 30px 8px 35px !important;
    display: block;
    text-decoration: none;
}

ul.secondLevelList li a,
ul.secondLevelList li a:link,
ul.secondLevelList li a:visited {
    color: #333;
    /*font-size: 14px;*/
}


.thirdLevelDropdown {
    box-shadow: none !important;
    display: none;
}

ul.Adjustdropdown.thirdLevelDropdown {
    padding-top: 0px !important;
    margin-top: 0px !important;
}


.dropdown-menu > li > a.parentTile.expandedLeftMenuItem {
    font-size: 16px;
    font-family: 'Graphik Medium Desktop';
    background: #eee url("saas/icons.svg") no-repeat -9px -1320px !important;
    background-size: 90px;
    margin: 0 5px;
    border-radius: 10px;
}



    .dropdown-menu > li > a.parentTile.expandedLeftMenuItem:hover {
        font-size: 16px;
        font-family: 'Graphik Medium Desktop';
        background: #eee url("saas/icons.svg") no-repeat -9px -1320px;
        background-size: 90px;
        margin: 0 5px;
    }

.dropdown-menu > li > a.parentTile.expandedLeftMenuItem {
    font-size: 16px;
    font-family: 'Graphik Medium Desktop';
    background: #eee url("saas/icons.svg") no-repeat -9px -1320px !important;
    background-size: 90px;
    margin: 0 5px;
    /*font-weight: 600 !important;*/
    /*color: #fff !important;*/
    border-radius: 10px;
}



    .dropdown-menu > li > a.parentTile.expandedLeftMenuItem:hover {
        font-size: 16px;
        font-family: 'Graphik Medium Desktop';
        /*font-family: 'Graphik Medium';*/
        background: #eee url("saas/icons.svg") no-repeat -9px -1320px;
        background-size: 90px;
        margin: 0 5px;
        /*font-weight: 600 !important;*/
    }


li.expandedLeftMenuItem > a.parentTile:hover {
    font-size: 16px;
    font-family: 'Graphik Medium Desktop';
    background: #eee url("saas/icons.svg") no-repeat -9px -1320px !important;
    background-size: 90px;
    margin: 0 5px;
}

li.expandedLeftMenuItem > a.parentTile,
li.expandedLeftMenuItem > a.parentTile:active,
li.expandedLeftMenuItem > a.parentTile:focus,
li.expandedLeftMenuItem > a.parentTile:focus.active {
    font-size: 16px;
    font-family: 'Graphik Medium Desktop';
    background: #eee url("saas/icons.svg") no-repeat -9px -1320px !important;
    background-size: 90px;
    margin: 0 5px;
    /*font-weight: 600 !important;*/
    /*color: #fff !important;*/
    border-radius: 10px;
}

.riskLoadingImage {
}

.riskControlRegister #divGrid {
    padding-left: 25px;
    padding-right: 25px;
}


.imgTxtButton {
    background-color: transparent;
    color: #444;
    border: 1.5pt solid #0050A0 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 12px 3px 12px;
    margin-right: 3px;
    width: auto;
    border-radius: 30px !important;
    min-width: 80px;
    height: 35px;
    box-sizing: border-box;
    vertical-align: middle;
    margin-left: 5px;
}



.imgTxtButtonFill,
a.imgTxtButtonFill,
a.imgTxtButtonFill :hover,
a.imgTxtButtonFill :active,
a.imgTxtButtonFill :focus,
a.imgTxtButtonFill :focus.active {
    background-color: #0050A0 !important;
    color: #fff !important;
    border: 1.5pt solid #0050A0 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    /*margin-right: 8px;*/
    width: auto;
    border-radius: 30px !important;
    padding: 2px 15px 3px 12px;
    height: 35px;
    /*display: flex;
    align-items: center;*/
    box-sizing: border-box;
}

.nowrap {
    white-space: nowrap;
}

.marginTop30 {
    margin-top: 30px;
}

.hierarchyLinkTitle {
    padding: 20px 0 10px 10px;
}

#divStrategicRiskRegisterGrid {
    margin-top: 80px;
}

.imgTxtButton:hover {
    box-shadow: 0 0 8px rgb(64 148 245 / 70%);
    transition: box-shadow 0.3s ease-in-out;
}

.RadGrid_IRM .datacell a {
    font-size: 14px !important;
}

.riskControlRegDiv .RadGrid_IRM colgroup col:first-child {
    width: 35px !important;
}

.RadPicker .riSingle .riTextBox {
    Padding: 7px !important;
    height: 30px !important;
    border-radius: 3px;
    width: 110px;
}

.RadCalendarPopupShadows > .rcShadBL,
.RadCalendarPopupShadows > .rcShadBR,
.RadCalendarPopupShadows > .rcShadTR {
    display: none;
}

.RadCalendarPopup caption {
    display: none !important;
}


.RadCalendarPopup {
    border: 1px solid #ccc !important;
    border-radius: 10px;
    /*width: 250px;*/
    background-color: #fff;
    padding: 8px !important;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 10%);
}

.RadCalendar .rcRow td {
    border-style: none !important;
}

.RadCalendar .rcMain .rcRow a,
.RadCalendar .rcMain .rcRow span {
    padding: 8px !important;
    text-align: center;
}

.RadCalendar .rcRow th {
    width: 28px;
    height: 28px;
    padding: 5px !important;
    font-size: 13px !important;
    font-family: 'Graphik Regular Desktop' !important;
}

.RadCalendar .rcTitlebar {
    padding-bottom: 10px !important;
    color: #175adc;
    border-bottom: 1px solid #d5d5d5 !important;
}

    .RadCalendar .rcTitlebar .rcFastPrev,
    .RadCalendar .rcTitlebar .rcFastNext {
        display: none !important;
    }

.divMultipleTreatmentSetWidth {
    min-width: 100%;
    max-width: 1200px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg  height='24' fill='rgb(95,95,91)' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M4.87,5.86a1,1,0,0,1-1.63,0L.19,1.58A1,1,0,0,1,1,0H7.11a1,1,0,0,1,.81,1.58Z' /></svg>");
    background-repeat: no-repeat;
    background-position-x: right !important;
    background-position-y: 15px;
    border: 1px solid #dfdfdf;
    padding-right: 30px !important;
    padding: 7px;
    /*background-position-x: right;*/
}



.GridView tr.FooterStyle > td {
    padding: 20px 12px !important;
    vertical-align: middle;
}

.GridView .HeaderStyle th {
    /*border-radius:10px 10px 0 0;*/
}

.rgFooter .RadPicker_IRM .rcCalPopup, .rgFooter .RadPicker_IRM .rcTimePopup {
    margin-top: 5px;
}

.GridView .RadPicker_IRM .rcCalPopup, .GridView .RadPicker_IRM .rcTimePopup {
    margin-top: 5px;
}


.hideMainTitleForDetailPage .hideMainTitleForDetailPage {
    /*display: none;*/
    /*width:650px;
    overflow:hidden;
    text-overflow:ellipsis;*/
    display: inline-grid;
    margin-top: -3px;
}

.hideMainTitleForDetailPage {
}


.riskDetailTitleMain {
    font-size: 20px;
    color: #323250;
    font-weight: normal;
    margin-top: -6px;
    margin-left: 10px;
}

.riskDetailTitleBreadCrumb {
    font-size: 14px;
    color: #848495;
    margin-top: -2px;
}

.riskDetailTitle {
    margin-left: 2px;
    display: none;
}

.hideMainTitleForDetailPage .riskDetailTitle {
    display: initial;
}


.displayInlineBlock {
    display: inline-block;
}

.floatRight {
    float: right;
}

.displayInlineBlock input.btnNext,
.displayInlineBlock input.btnNext:hover {
    padding-right: 0px !important;
    margin-right: 3px !important;
    float: right;
    padding-top: 0px !important;
    padding-bottom: 7px !important;
}

.displayInlineBlock input.btnPrevious,
.displayInlineBlock input.btnPrevious:hover {
    margin-left: 3px !important;
    padding-top: 0px !important;
    padding-bottom: 7px !important;
}

.btnPreviousTabTitle {
    font-family: 'Graphik Medium Desktop';
    font-size: 14px;
    color: #0050A0;
    padding-left: 4px;
    /*background: transparent url("saas/icons.svg") no-repeat -32px -3051px;*/
    /*clear: both;
    margin-left: 0px;*/
    cursor: pointer;
    vertical-align: top !important;
}

.btnNextTabTitle {
    font-family: 'Graphik Medium Desktop';
    font-size: 14px;
    color: #0050A0;
    padding-right: 5px;
    /*margin-right: -2px;*/
    /*background: transparent url("saas/icons.svg") no-repeat 85px -3088px;
    clear: both;
    min-width: 130px;*/
    text-align: right;
    cursor: pointer;
    padding-left: 10px;
}

.nextPreviousSeperator {
    border-top: 1px solid #E0E0E0;
    /*margin-left: -25px;
    margin-right: -25px;*/
    margin-bottom: 30px;
    margin-top: 20px;
    width: 100%;
    display: block;
    /*position: absolute;*/
}

.btnNext {
    border-style: none !important;
    background-color: #fff;
    font-size: 14px;
    display: table-cell;
    padding-right: 5px;
    padding-bottom: 5px;
    /*pointer-events: none;*/
    color: #323250 !important;
}

    .btnNext:hover,
    .btnNext:focus,
    .btnNext:focus:hover {
        background-color: #fff !important;
        color: #323250 !important;
        text-decoration: none;
    }

.btnPrevious:hover,
.btnPrevious:focus,
.btnPrevious:focus:hover {
    background-color: #fff !important;
    color: #323250 !important;
    margin-left: 0px !important;
    text-decoration: none;
}




.btnPrevious {
    border-style: none !important;
    background-color: #fff;
    font-size: 14px;
    display: table-cell;
    padding-left: 5px;
    padding-bottom: 5px;
    /*pointer-events: none;*/
    color: #323250 !important;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginRight20 {
    margin-right: 20px;
}

.reContentCell iframe {
    padding: 10px !important;
}

.Bootstrap.reWrapper, .Bootstrap.RadEditor .reContentCell, .Bootstrap.reColorPicker, .Bootstrap.reInsertTable, .Bootstrap.reDropDownBody {
    border-style: none !important;
}

.Bootstrap.RadEditor, .Bootstrap.RadEditor .reModule, .Bootstrap.RadEditor .reEditorModes, .Bootstrap.RadEditor .reWrapper {
    border: 1px solid #ccc !important;
    background-color: #fff !important;
}

.reToolbar.Bootstrap li,
.Bootstrap .reToolbar .reToolLastItem, .RadWindow .Bootstrap.reToolbarWrapper .reToolbar .reToolLastItem, .RadWindow .Bootstrap.reToolbarWrapper .reToolbar .reToolLastItem .reTool {
    border-style: none !important;
}

.Bootstrap .reToolbar:after {
    height: 20px !important;
    margin: 4px 11px 0 11px !important;
}

.RadEditor.reWrapper .reToolCell {
    border-bottom: 1px solid #ccc;
}

.reToolbarWrapper .reToolbar.Bootstrap {
    margin-bottom: 0px !important;
    margin-top: 5px !important;
}

.reToolbarWrapper .reToolZone {
    display: none;
}

.Bootstrap .reToolbar li .reTool_selected {
    box-shadow: none !important;
    border-radius: 0px !important;
    background-color: #ECEFF6 !important;
}

.Bootstrap .reBottomTable {
    display: none;
}

.Bootstrap a.reDropdown,
.Bootstrap a.reDropdown:hover {
    border: 1px solid #ccc;
    /* height: 27px !important; */
    /* margin-top: -22px; */
    background: #e5e5e5 !important;
    height: 28px !important;
}


.RadComboBox table td.rcbInputCell {
    padding: 0px !important;
}


.Bootstrap .reDropdown:before {
    background-position: -10px -1062px !important;
}

.RadGrid_IRM .tdexpand .riskDetailTitle {
    display: none !important;
}

.RadGrid_IRM .tdexpand .custommiddlecontent {
    margin-top: 0px !important
}

.hideMainTitleForDetailPage .toolbarPadding {
    height: auto !important;
    padding: 0px !important;
}

.RadComboBox .rcbArrowCell a {
    width: 28px !important;
}

.Save {
    background: transparent url("saas/icons.svg") no-repeat -9px -1365px !important;
    padding-left: 39px !important;
}

.SaveAll {
    background: transparent url("saas/icons.svg") no-repeat -15px -4193px !important;
    padding-left: 44px !important;
}

.ExcelExport {
    background: transparent url("saas/icons.svg") no-repeat -23px -4550px;
    padding-left: 39px !important;
}



.loginRightArea {
    float: left;
    width: 50%;
    background: #26587c url('../IRM_SAAS/media/loginrevamp.png') -100px center;
    height: 100vh;
    background-size: cover;
    display: -webkit-inline-box;
}

.addNewItem {
    background: transparent url("saas/icons.svg") no-repeat -66px -978px;
    padding: 0px !important;
    min-width: 22px;
}



.History {
    background: transparent url("saas/icons.svg") no-repeat -9px -1795px !important;
    padding-left: 40px !important;
}

.Delete {
    background: transparent url("saas/icons.svg") no-repeat -11px -1451px;
    padding-left: 35px !important;
}


.Return {
    background: transparent url("saas/icons.svg") no-repeat -17px -3045px;
    padding-left: 30px !important;
}


.RadWindow {
    padding: .0px 15px 10px 15px !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    -webkit-box-shadow: 1px 1px 7px 1px rgb(0 0 0 / 12%);
    -moz-box-shadow: 1px 1px 7px 1px rgb(0 0 0 / 12%);
    box-shadow: 1px 1px 7px 1px rgb(0 0 0 / 12%);
}





.RadWindow_IRM .rwTitlebar,
.RadWindow_IRM .rwTopResize,
.RadWindow_IRM .rwTopLeft,
.RadWindow_IRM .rwTopRight {
    background-color: #fff;
}



.RadWindow_IRM .rwTitlebarControls {
    height: auto !important
}


.RadWindow_IRM .rwControlButtons a {
    background-color: transparent !important;
    background-image: none !important;
}

.RadWindow_IRM a.rwCloseButton {
    background: transparent url("saas/icons.svg") no-repeat -12px -1539px !important;
    width: 40px !important;
    height: 40px !important;
    /*background-size: 40px !important;*/
    /* margin-right: 48px; */
    position: absolute;
    right: 10px;
    top: 12px;
    cursor: pointer !important;
}

.RadWindow_IRM .rwWindowContent {
    padding-top: 10px;
}

.RadWindow_IRM table.rwTitlebarControls em {
    color: #323250 !important;
    margin-top: 10px;
    font-size: 20px;
    font-family: 'Graphik Regular Desktop';
    text-transform: capitalize;
    font-feature-settings: 'ss01', 'ss02';
}

.RadWindow_IRM .rwStatusbarRow {
    display: none;
}

.middleContentpopup.middleContentpopup {
    margin-top: 0px !important;
}

.RadWindow .rwStatusbarRow .rwBodyRight,
.RadWindow .rwStatusbarRow .rwBodyRight,
.RadWindow.rwStatusbarRow,
.RadWindow .rwTitlebarControls td:first-child {
    display: none !important;
}

.middleContentpopup .divQuickUpdateFilterPopup {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #ccc;
    margin-top: 8px;
    margin-left: -8px;
}

.RadGrid_IRM .rgCommandRow a.button {
    box-sizing: border-box;
    padding: 2px 12px 3px 12px !important;
    height: 35px !important;
    display: table-cell;
    color: #323250 !important;
}

    .RadGrid_IRM .rgCommandRow a.button:hover {
        box-sizing: border-box;
        padding: 2px 12px 3px 12px !important;
        height: 35px !important;
        display: table-cell;
        color: #fff !important;
    }

.toolbardatacell .imgTxtButtonFill {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.quickActionSearchGridDiv .GridView .HeaderStyle th input[type=text],
.quickActionSearchGridDiv .GridView .HeaderStyle th input[type=checkbox] {
    margin-top: 7px !important;
}

.quickActionSearchGridDiv {
    padding: 0 20px;
    width: 95vw;
    overflow: auto;
}

    .quickActionSearchGridDiv .HeaderStyle th a,
    .quickActionSearchGridDiv .HeaderStyle th span {
        white-space: nowrap !important;
        vertical-align: top;
    }

    .quickActionSearchGridDiv .HeaderStyle th {
        vertical-align: top;
    }

.quickUpdateMasterPageBackGround .RadAjaxPanel .myupdateheader {
    border-bottom-style: none !important;
    margin-bottom: 5px;
    margin-top: 35px;
    margin-left: 5px;
}

.RadAjaxPanel .myupdateheader .myupdateTitle .label,
#trMyUpdateRiskApproals .myupdateheader .myupdateTitle .label {
    font-size: 18px !important;
    line-height: 26px;
    color: #0050A0;
}

.quickUpdateMasterPageBackGround .myupdateheader {
    border-bottom: 1px solid #E0E0E0;
    padding-left: 12px;
    padding-bottom: 14px;
}

.itemNumber a:link {
    margin-left: 0px !important;
    text-decoration: none !important;
}

#divMyRisksFilter {
    position: relative;
    margin-top: 16px;
    background: #fff;
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 8%);
}

#tblMyUpdateHome .myupdateheader {
    padding: 10px;
    padding-right: 15px;
}

.quickUpdateMasterPageBackGround .myupdateheader .myupdateToolbar {
    margin-top: -7px;
    margin-right: 10px;
}

#divMyUpdateRisksGrid .RadGrid table.rgMasterTable tr .rgGroupCol,
#trMyUpdateRiskApproals .RadGrid table.rgMasterTable tr .rgGroupCol,
#divMyUpdateRisksGrid .RadGrid table.rgMasterTable tr .rgExpandCol {
    width: 1% !important;
    padding: 12px 0px 12px 4px !important;
    text-align: center;
    /* min-width: 26px; */
}

/*.hideMainTitleForDetailPage
{
    padding-left:10px;
}*/




#breadcrumbid .label {
    font-size: 20px;
    color: #323250;
    font-feature-settings: 'ss01', 'ss02';
}



/*font-feature-settings: 'ss01', 'ss02';*/


.RadSplitter {
    border-style: none !important;
}

    .RadSplitter .rspFirstItem > div {
        /*min-width:44px !important;*/
    }

    .RadSplitter .rspSlideContent {
        padding: 0 5px 0 0;
        background-color: #f7f7f9 !important;
    }

    .RadSplitter .rspSlideHeader .rspSlideTitle {
        margin: 5px 0 5px 10px !important;
        font-size: 15px;
        max-width: 200px;
        /*width:150px !important;*/
    }

    .RadSplitter .rspSlideHeaderIconWrapper {
        width: 23px !important;
    }

    .RadSplitter .rspSlideContainerResize {
        display: none;
    }

    .RadSplitter .rspSlidePane {
        border: 1px solid #c9c8c8 !important;
        border-radius: 0;
        background-color: #f7f7f9;
    }

    .RadSplitter .rspResizeBar {
        /*display: none !important*/
    }

    /*.RadSplitter_IRM .rspPane {
    border-style: none !important
}*/

    .RadSplitter .rspSlideContainer {
        width: 100% !important;
    }

    .RadSplitter .rspSlideHeaderCollapseIcon {
        background: transparent url("saas/icons.svg") no-repeat -24px -1547px !important;
        width: 20px !important;
        height: 20px !important;
    }

.RadSplitter_IRM .rspSlideHeaderDockIcon {
    background: transparent url("saas/icons.svg") no-repeat -38px -4148px !important;
    width: 20px !important;
    height: 20px !important;
}

.RadSplitter .rspSlideHeaderUndockIcon {
    background: transparent url("saas/icons.svg") no-repeat -37px -4100px !important;
    width: 20px !important;
    height: 20px !important;
}


.eisPageContent .myupdateheader .myupdateToolbar {
    margin-right: 15px !important;
}

.RadSplitter .rspSlideHeaderDockIcon, .RadSplitter {
    margin-left: 0px !important;
}

    .RadSplitter .rspPane {
        border-style: none !important;
    }

.breadcrumb {
    padding: 2px 15px 12px 20px !important;
}

.audit-title-con .hideMainTitleForDetailPage {
    /*padding-left:20px;*/
}

.auditSettingsEmail .toolBar {
    height: 45px;
    /*margin-top: 0px !important;
    margin-bottom: 2px;*/
}

    .auditSettingsEmail .toolBar .label {
        font-size: 16px;
    }

.auditEmailTempTd .hideMainTitleForDetailPage {
    padding-left: 20px;
}

.auditEmailTempTd .toolBar {
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
}

.auditSettingsEmail .contentHeadaerstretch .contentHeadaer {
    padding: 0 5px 0 20px;
    height: 47px;
}

.auditSettingsEmail .contentHeadaerstretch .contentHeadaerlink {
    padding-right: 5px;
}

/*.auditSettingsEmail .contentHeadaerstretch .contentHeadaer {
    padding: 0px !important;
    padding-left: 20px !important;
}*/


.auditSettingsEmail .contentHeadaerstretch span {
    font-size: 16px;
    font-weight: normal !important;
    color: #323250 !important;
    font-feature-settings: 'ss01', 'ss02';
}

.auditSettingsEmail .contentHeadaerstretch {
    margin-bottom: 20px;
}

.auditCategorySettings.saascontenttopmargin {
    margin-top: 0px !important;
}

.auditCategorySettings .toolBar {
    height: 45px !important;
    margin-top: 0px;
    border-bottom: 1px solid #e0e0e0;
    /*margin-bottom: 25px;*/
}

    .auditCategorySettings .toolBar .label {
        font-size: 16px;
    }

.TreeView table {
    margin-top: 15px;
}

.rspSlideContent .DropDownList {
    margin-left: 7px !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
}

.projectRiskTable .datacell .label {
    font-size: 16px;
    line-height: 11px;
    /*font-family: graphik medium desktop;*/
}

.projectRiskGridDiv {
    margin-top: 15px;
    overflow-y: none !important;
    height: auto !important;
}

#divMyUpdateRisksGrid .RadGrid .rgMasterTable {
    border-radius: 0px !important;
    border-top-style: none !important;
}

#divMyUpdateRisksGrid .myupdateGrid:nth-child(1) .RadGrid .rgMasterTable {
    border-radius: 10px 10px 0 0 !important;
    border-top-style: solid !important;
}

#divMyUpdateRisksGrid .custommiddlecontent {
    margin-top: 10px;
}

#divMyUpdateRisksGrid .toolBar {
    width: 98%;
    margin-left: 12px;
}

.RadSplitter .rspPane .RadTabStrip_IRM {
    background-color: #fff;
    border-bottom: 1px solid #E0E0E0;
    border-top: 1px solid #E0E0E0;
    margin-left: 20px;
}


.rmpView .myupdateheader {
    margin-top: 10px;
    padding-right: 15px !important;
}


.rmpView #divRiskAlerts {
    margin: 30px 15px 30px 15px;
}

#divRiskAlerts .GridView {
    margin-top: 25px;
}

.rmpView #divRisksGrid {
    margin: 0 20px;
}

/*************************** lakshan - changes *****************************************************/

.audit-register-con {
    /*position: relative;
    width: 100%;
    margin-left: 25px;*/
}

    .audit-register-con #divAuditRegisterDetailsFilter, .audit-register-con #divAuditFindingFilter, .audit-register-con #divAuditRecommendationFilter {
        height: 48px;
        display: flex;
        justify-content: center;
        position: fixed;
        top: 51px;
        left: 45px;
        right: 0;
        align-items: center;
        background-color: #fff;
        padding-left: 28px;
        padding-right: 25px;
    }

        .audit-register-con #divAuditRegisterDetailsFilter > *, .audit-register-con #divAuditFindingFilter > *, .audit-register-con #divAuditRecommendationFilter > * {
            flex-basis: 100%;
        }

    .audit-register-con .toolBarquickupdate .label {
        font-size: 20px;
        color: #323250;
        font-feature-settings: 'ss01', 'ss02';
    }

    .audit-register-con .myupdateheader {
        /*width: calc(100% - 25px) !important;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        padding-top: 5px;*/
    }

    .audit-register-con .tabSeperator {
        /*position: absolute;
        top: 50px;
        z-index: 1;
        left: -25px;*/
    }

    .audit-register-con #divGrid {
        overflow-x: auto;
        min-width: 100%;
        padding: 0 27px 15px;
        margin-top: 102px;
        height: calc(100vh - 212px);
    }

.auditfilterdiv .label {
    /*font-size: 13px;
    color: #323250;
    display: table-cell;
    text-align: left;
    padding-top: 3px;
    padding-left: 5px;
    width: 90%;*/
}

.myupdateheader .toolBarquickupdate .label {
    /*font-size: 20px;*/
}

#divAuditFilter {
    /*background-color: #fff;
    position: absolute;
    left: -15px;
    border: 1px solid #E2E2E3 !important;
    top: 54px;
    padding-bottom: 15px;
    max-height: calc(100vh - 180px);
    overflow: auto;
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 8%);*/
    position: fixed;
    background-color: #fff;
    top: 150px;
    left: 50px;
    box-shadow: 0px 2px 0px 0 rgb(0 0 0 / 15%);
    border: 1px solid #eee;
    padding-bottom: 10px;
    width: calc(100% - 65px) !important;
    max-height: calc(100vh - 180px);
    overflow-x: auto;
}

.checkbox-flex {
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

    .checkbox-flex .CheckBox {
        margin-right: 10px;
    }

/*.textBox:focus, .myupDatestextBox:focus, .targetactualsTextBox:focus, .RadComboBox:focus, .DropDownList:focus, .RadInputFocused, .RadInputHovered, .rcbHovered {*/
.textBox:hover, .myupDatestextBox:hover, .targetactualsTextBox:hover, .RadComboBox:hover, .DropDownList:hover
/*.RadInputFocused, 
.RadInputHovered, .rcbHovered*/ {
    /*outline: 2pt solid #034EA1 !important;*/
    box-shadow: 0px 0px 6px 0px rgba(34,176,229,1);
    transition: box-shadow 0.3s ease-in-out;
    /*-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) !important;*/
    /*box-shadow: 0 0 8px rgb(64 148 245 / 70%);
    transition: box-shadow 0.3s ease-in-out;*/
}
/*************************** lakshan - changes *****************************************************/



div#divRisFilter {
    background-color: #fff;
    width: calc(100%-200px) !important;
    overflow: auto;
    max-height: 450px;
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 8%);
    position: relative;
}

.riskAnalysisArea .rmpView {
    margin-top: 140px;
}



.eisPageContent .tabMenu_wrapper {
    /*position: fixed;
    width: calc(100% - 122px);
    top: 99px;*/
}



/*.eisPageContent #divEISRiskGrid {
    margin-top: 160px;
}*/


.riskAnalysisArea .rmpView {
    margin-top: 0px;
}



.riskAnalysisArea .RadSplitter .rspPane .RadTabStrip_IRM {
    /*position: fixed;*/
    width: 100%;
    top: 96px;
    z-index: 1;
    margin-left: 0px;
    padding-left: 20px;
}

.riskAnalysisArea .breadcrumb {
    /*position: fixed;*/
    width: 100%;
    height: 46px;
    z-index: 1;
    padding-top: 5px !important;
}


.riskAnalysisArea .myupdateheader {
    float: left;
    width: 100%;
    /*padding: 20px 1px;*/
    height: 54px;
    background-color: #fff;
    /*position: fixed;*/
    top: 130px;
    margin-left: 20px;
    left: 68px;
    z-index: 100;
    padding-right: 30px !important;
}


.adjustProjectRiskGridDiv {
    margin-top: 80px !important;
}

.refreshicon {
    background: transparent url("saas/icons.svg") no-repeat -25px -4506px;
    padding-left: 35px !important;
}

.exportpdf {
    background: transparent url("saas/icons.svg") no-repeat -25px -4550px;
    padding-left: 35px !important;
}

.dashboardSettings {
    background: transparent url("saas/icons.svg") no-repeat -25px -4465px;
    padding-left: 35px !important;
}


.riskControlRegister .EisinnerGrids .RadGrid_IRM {
    width: auto !important;
}


#riskHistoryGridDiv {
    margin-top: 25px !important;
}


.middleContentpopup .floatingToolbar {
    top: 15px;
    left: 0px;
    padding-left: 0px;
}

.middleContentpopup .linkP .newtxtbox {
    margin-top: 0px !important;
    margin-left: 5px;
}

.middleContentpopup .linkP {
    margin-right: 32px;
}

.RadWindow_IRM a.rwMaximizeButton {
    background: transparent url("saas/icons.svg") no-repeat -34px -5452px !important;
    width: 40px !important;
    height: 40px !important;
    /*background-size: 40px !important;*/
    position: absolute;
    right: 50px;
    top: 12px;
    cursor: pointer !important;
}

#consequenceTableOuterScroll .textBox {
    cursor: pointer;
    font-family: 'Graphik Regular Desktop', Roboto;
    outline: none !important;
    min-width: 250px !important;
    max-height: 107px;
    border-style: none;
    resize: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    padding: 0px !important;
}

.RadGrid table.rgMasterTable tr .rgExpandCol .buttonrgExpand {
    margin-top: 0px;
}

.RadGrid table.rgMasterTable .rgEditRow .RadPicker_IRM .rcCalPopup,
.RadGrid table.rgMasterTable .rgEditRow .RadPicker_IRM .rcTimePopup {
    background: transparent url("saas/icons.svg") no-repeat -20px -1762px;
}

.addNewItem + .newtxtbox {
    margin-left: 3px;
    margin-top: -1px !important;
}

RadTreeView .rtMinus {
    background: transparent url("../../App_Themes/IRM_SAAS/saas/icons.svg") no-repeat -33px -4381px !important;
    width: 24px !important;
    height: 24px !important;
}


.RiskLinkPopUpTabs .RadTreeView_Default {
    margin-top: 50px
}

.RadTreeView .rtTop,
.RadTreeView .rtMid, .RadTreeView .rtBot {
    padding: 0px 0 5px 20px !important;
}

/*.RadTreeView .rtPlus {
    background: transparent url("../../App_Themes/IRM_SAAS/saas/icons.svg") no-repeat -33px -4381px !important;
    width: 24px !important;
    height: 25px !important;
}

.RadTreeView .rtMinus {
    background: transparent url("../../App_Themes/IRM_SAAS/saas/icons.svg") no-repeat -33px -4381px !important;
    width: 24px !important;
    height: 25px !important;
}*/


.quickSearchUpdates {
    margin: auto;
}

    .quickSearchUpdates .toolBar {
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 10px;
    }


.Links {
    background: transparent url("saas/icons.svg") no-repeat -24px -4592px !important;
    padding-left: 40px !important;
}


.RadSplitter .rspSlidePane,
.RadSplitter .rspSlideContainer,
.RadSplitter .RadSlidingPaneQuirksMode {
    margin-top: -9px;
    /*height:100vh !important;*/
}



.rspSlideContent .TreeView {
    background-color: #f7f7f9 !important;
    overflow: auto;
}

#divEISRiskGrid .RadGrid_IRM {
    min-width: 100%;
}


.reportingPages .toolBar {
    height: auto !important;
    border-bottom: 1px solid #e0e0e0;
}

    .reportingPages .toolBar td {
        height: auto !important;
        padding: 0px 10px 10px 30px !important;
    }

.quickSearchUpdates .toolBar {
    height: auto;
}

    .quickSearchUpdates .toolBar td {
        padding: 0 0 8px 0px
    }

.quickSearchUpdates table td > table td {
    padding: 0 10px;
}

.quickSearchUpdates .toolBar td:nth-child(1) {
    padding-left: 20px
}

.NextBtn {
    background: transparent url("saas/icons.svg") no-repeat 14px -4673px;
    padding-right: 22px !important;
}

.PreviousBtn {
    background: transparent url("saas/icons.svg") no-repeat -28px -4633px;
    padding-left: 30px !important;
}


#divAuditFilter .label {
    font-size: 13px !important;
}

#divMyUpdateRisksGrid .RadGrid_IRM .rgCollapse {
    background: transparent url("saas/icons.svg") no-repeat -29px -3847px !important;
    width: 28px !important;
    height: 28px !important;
}

#divMyUpdateRisksGrid .RadGrid .buttonrgExpand {
    background: transparent url("saas/icons.svg") no-repeat -29px -3898px !important;
    width: 28px !important;
    height: 28px !important;
}


/*.nextPreviousButtons table td {
    padding-top: 20px;
    border-top: 1px solid #E0E0E0;
}

.nextPreviousButtons table {
    margin-top: 20px;
}*/


.middleContentpopup .myupdateToolbar .label {
    display: none !important;
}

.middleContentpopup .RadTabStrip {
    display: none
}


.hierarchyLinkTitleSeperator {
    border-bottom: 1px solid #e0e0e0;
}

.aspTable tr:hover {
    background: #f9f9f9 !important;
}

#consequenceTableOuterScroll .aspTable {
    min-width: 99%;
    border-collapse: separate !important;
    border-style: none !important;
    padding: 0px !important;
}

    #consequenceTableOuterScroll .aspTable .header {
        background-color: #F7F7F9;
    }

    #consequenceTableOuterScroll .aspTable td {
        /*border: 1px solid #e0e0e0 !important;*/
        /*padding-left: 15px;*/
        /*height: 50px;*/
        border-bottom: 1px solid #e0e0e0 !important;
        vertical-align: middle !important;
        text-align: left;
        padding: 15px;
        vertical-align: top !important;
    }



.hisotryViewArea .toolbarPadding {
    padding: 0px;
}

.hisotryViewArea .toolBar {
    height: 44px;
}

    .hisotryViewArea .toolBar td {
        padding-left: 20px !important;
        padding-bottom: 10px;
    }

.hisotryViewArea .tabtoppadding {
    padding-left: 25px;
    padding-right: 25px;
}


.hisotryViewArea .tabMenu_wrapper {
    margin-bottom: 20px;
    margin-left: 0px;
}


input[type=checkbox] {
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(2);
}

select:hover,
.RadComboBox_Default:hover,
input[type=text]:hover,
.DropDownList:hover,
/*input:hover,*/
textarea:hover {
    box-shadow: 0px 0px 6px 0px rgba(34,176,229,1);
    transition: box-shadow 0.3s ease-in-out;
}

.divLeftTop {
    /*display: inline-block;*/
    width: 68%;
    padding: 0 20px 0 0;
    border-right: 1px solid #e0e0e0;
    float: left;
}

.divRightTop {
    /*display: inline-block;*/
    /*right: 0px;*/
    width: 31%;
    padding: 0 0 0 20px;
    float: left;
}

.divBottom {
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.divContentMain {
    /*display: flex;
    width: 100%*/
    /*padding-top:10px;*/
}

.riskfieldcustomTable {
    width: 100%;
}

.customGridWrapper .RadGrid_IRM {
    width: 100% !important;
}

.logoutli {
    color: #323250;
    font-size: 14px;
}


.logout .btn-default:focus,
.logout .btn-default:hover,
.logout .btn-default:active {
    box-shadow: none !important;
    color: #323250;
}

/*.divConsequencesCm .labeldatacell .textBox {
    width: 95px;
}*/

.registerheatMapArea {
    width: 30%;
    vertical-align: top;
    padding: 0 0 0 20px;
}

.registerFormsArea {
    width: 70%;
    vertical-align: top;
    padding: 0 20px 0 0;
    border-right: 1px solid #e0e0e0;
}

.registerheatMapArea #chartdiv {
    width: 340px;
    height: 360px;
    text-align: center;
    margin: auto;
}

.registerheatMapArea .GridView td {
    padding-left: 5px !important;
    padding-right: 5px !important;
    vertical-align: top;
}



.minwidth125 {
    min-width: 125px;
}


.registerFormsArea .dateCellWidth3 input[type=text],
.registerFormsArea .datacell .RadComboBox_Default,
.registerFormsArea .datacell select {
    min-width: 300px !important;
}

.registerFormsArea .datacell textarea {
    min-width: 90% !important;
}

.heatMapHorizontalAdjust .criteriaArea {
    float: left;
    width: 60%;
    padding-right: 0px;
    margin-left: 10px;
    margin-top: 16px;
    border-right: 1px solid #e0e0e0;
}

.heatMapHorizontalAdjust #chartdiv {
    width: 340px;
    height: 340px;
    float: right;
    /*padding-top: 20px;*/
    /*margin-right: 30px;*/
    /*margin-right: 6%;*/
    padding-left: 0 !important;
    margin-left: 0px !important;
}

.criteriaTblRating,
.criteriaTbl {
    width: 100%;
    padding-top: 10px;
}

.heatMapHorizontalAdjust .criteriaArea .criteriaTbl {
    width: 76%;
    float: left;
}

.heatMapHorizontalAdjust .criteriaArea .criteriaTblRating {
    width: 24%;
    float: left;
    padding-left: 10px;
    padding-top: 100px;
}

/**:focus {
    outline: 2px solid #22b0e5 !important;
}*/

.selectTypeButton .button {
    font-family: 'Graphik Medium Desktop';
    color: #0050a0 !important;
}

    .selectTypeButton .button:hover {
        color: #fff !important;
    }

.tdCauseConseq td.paddingRight0 {
    padding-right: 0px !important;
}

.tdCauseConseq td.paddingLeft0 {
    padding-left: 0px !important;
}

.tdCauseConseq td .imagebuttonAdd {
    margin-right: 0px !important;
}

.aspGridViewRoundedCorneers {
    border: 1px solid #E2E2E3;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    /*overflow: auto;*/
    overflow: overlay;
}


.paddingTop30 {
    padding-top: 30px !important;
}



*:focus:not(.focus-visible) {
    outline: none;
}

/**:focus-visible {
    outline: #22b0e5 solid 2px !important;
}*/

.divLeftTop .dateCellWidth3 input[type=text],
.divLeftTop .datacell .RadComboBox_Default,
.divLeftTop .datacell select {
    min-width: 300px !important;
}

.divLeftTop .datacell textarea {
    min-width: 90% !important;
}

.lbhierarchybreadcrumb {
    /*margin-bottom: 10px;*/
    margin-top: 5px;
    /*margin-left: 15px;*/
    position: relative;
}

.paddingTop16 {
    padding-top: 16px !important;
}

.RadSplitter .rspSlideHeader .rspSlideTitle {
    display: none;
}

.reportPreviewBtn .button {
    background-color: #0050a0;
    color: #fff;
    float: right;
}

.viewReportPage #ddlExportFormat {
    width: 37% !important;
}

.bodyREPORT .tinySection {
    padding: 0 10px !important;
}

.gridcorners {
    border: 1px solid #E2E2E3;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.auditCategorySettings .verticalgap {
    width: 0;
}

.SideMenuCell {
    vertical-align: top;
    width: 300px !important;
    border-right: 1px solid #ccc;
    height: calc(100vh - 86px);
}

    .SideMenuCell .LinkButtonSettingsRoll {
        width: 100%;
    }

    .SideMenuCell a.LinkButtonSettings {
        width: 100%;
        color: #323250 !important;
        display: block;
        text-decoration: none;
        text-align: left;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        padding: 10px 20px 10px 48px;
        line-height: 20px;
        border: none;
        background: transparent url(saas/audit-setting.svg) no-repeat;
    }

        .SideMenuCell a.LinkButtonSettings span, .SideMenuCell a.LinkButtonSettingsRoll span {
            padding: 5px !important;
        }

        .SideMenuCell a.LinkButtonSettingsRoll, .SideMenuCell a.LinkButtonSettings:hover {
            width: 100%;
            text-decoration: none;
            /*background: #0050a0 !important;*/
            color: #fff !important;
            display: block;
            text-decoration: none;
            text-align: left;
            font-size: 13px;
            font-weight: normal;
            font-style: normal;
            padding: 10px 20px 10px 48px;
            line-height: 20px;
            background: #0050a0 url(saas/audit-setting.svg) no-repeat;
        }

    .SideMenuCell .tabAuditCategories-btn a.LinkButtonSettings {
        background-position: 5px -10px;
    }

        .SideMenuCell .tabAuditCategories-btn a.LinkButtonSettingsRoll, .SideMenuCell .tabAuditCategories-btn a.LinkButtonSettings:hover {
            background-position: -105px -8px;
        }

    .SideMenuCell .tabAuditEntities-btn a.LinkButtonSettings {
        background-position: 6px -54px;
    }

        .SideMenuCell .tabAuditEntities-btn a.LinkButtonSettingsRoll, .SideMenuCell .tabAuditEntities-btn a.LinkButtonSettings:hover {
            background-position: -105px -54px;
        }

    .SideMenuCell .tabAuditFirms-btn a.LinkButtonSettings {
        background-position: 6px -104px;
    }

        .SideMenuCell .tabAuditFirms-btn a.LinkButtonSettingsRoll, .SideMenuCell .tabAuditFirms-btn a.LinkButtonSettings:hover {
            background-position: -106px -104px;
        }

    .SideMenuCell .tabAuditSequence-btn a.LinkButtonSettings {
        background-position: 6px -149px;
    }

        .SideMenuCell .tabAuditSequence-btn a.LinkButtonSettingsRoll, .SideMenuCell .tabAuditSequence-btn a.LinkButtonSettings:hover {
            background-position: -105px -149px;
        }

    .SideMenuCell .tabAuditStatus-btn a.LinkButtonSettings {
        background-position: 6px -194px;
    }

        .SideMenuCell .tabAuditStatus-btn a.LinkButtonSettingsRoll, .SideMenuCell .tabAuditStatus-btn a.LinkButtonSettings:hover {
            background-position: -106px -194px;
        }

    .SideMenuCell .tabAuditRiskRating-btn a.LinkButtonSettings {
        background-position: 6px -240px;
    }

        .SideMenuCell .tabAuditRiskRating-btn a.LinkButtonSettingsRoll, .SideMenuCell .tabAuditRiskRating-btn a.LinkButtonSettings:hover {
            background-position: -105px -240px;
        }

    .SideMenuCell .tabAuditActionStatus-btn a.LinkButtonSettings {
        background-position: 6px -286px;
    }

        .SideMenuCell .tabAuditActionStatus-btn a.LinkButtonSettingsRoll, .SideMenuCell .tabAuditActionStatus-btn a.LinkButtonSettings:hover {
            background-position: -105px -286px;
        }

    .SideMenuCell .tabAuditDuplicate-btn a.LinkButtonSettings {
        background-position: 6px -331px;
    }

        .SideMenuCell .tabAuditDuplicate-btn a.LinkButtonSettingsRoll, .SideMenuCell .tabAuditDuplicate-btn a.LinkButtonSettings:hover {
            background-position: -105px -331px;
        }

    .SideMenuCell .tabCustomListsNew-btn a.LinkButtonSettings {
        background-position: 6px -377px;
    }

        .SideMenuCell .tabCustomListsNew-btn a.LinkButtonSettingsRoll, .SideMenuCell .tabCustomListsNew-btn a.LinkButtonSettings:hover {
            background-position: -105px -377px;
        }

    .SideMenuCell .tabFieldConfiguration-btn a.LinkButtonSettings {
        background-position: 6px -423px;
    }

        .SideMenuCell .tabFieldConfiguration-btn a.LinkButtonSettingsRoll, .SideMenuCell .tabFieldConfiguration-btn a.LinkButtonSettings:hover {
            background-position: -105px -423px;
        }


    .SideMenuCell .hideMainTitleForDetailPage, .auditCategorySettings .hideMainTitleForDetailPage {
        padding-left: 20px;
        padding: 10px 20px;
    }

.settingSectionDescr {
    padding: 20px 20px;
    color: #323250;
}

.gridcorners, .magine20 {
    margin: 0 20px;
}

/*.hideMainTitleForDetailPage .label {
    font-size: 16px;
    font-weight: normal;
    color: #555252;
    font-family: 'Graphik Regular Desktop';
    font-feature-settings: 'ss01', 'ss02';
}*/
.gridcorners {
    border: 1px solid #E2E2E3;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.auditsetting-con {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.auditsetting-sidemenu.audit-item {
    max-width: 16.66666667%;
    border-right: 1px solid #ccc;
}

.auditsetting-maincon {
    padding: 0 30px;
}

.audit-item {
    flex-basis: 100%;
}


#loginControl .indicator {
    display: none;
}

.loginBodyOuter .floating-label {
    position: absolute;
    pointer-events: none;
    left: 42px;
    top: 18px;
    font-size: 15px;
    transition: 0.2s ease all;
}


.loginBodyOuter input:focus ~ .floating-label,
.loginBodyOuter input:focus:invalid ~ .floating-label {
    top: 5px;
    bottom: 10px;
    left: 42px;
    opacity: 1;
    font-size: 14px;
    transition: 0.2s ease all;
    /*font-family:'Graphik Medium Desktop';*/
    color: #b8b8b8;
}


.loginBodyOuter input:-webkit-autofill:not(:focus):valid ~ .floating-label {
    opacity: 0;
    transition: 0.2s ease all;
}

#chartdiv {
    width: 340px;
    height: 360px;
    margin-left: 30px;
    /*float: right;
    padding-top: 20px;
    margin-right: 30px;*/
}

.userMenuLogoutIcon .btn-circle,
.userMenuLogoutIcon .btn-circle:focus,
.userMenuLogoutIcon .btn-circle:active,
.userMenuLogoutIcon .btn-circle:focus.active {
    color: #323250 !important;
    font-size: 15px;
}

.auditEmailTempTd .RadGrid .rgEditRow td {
    vertical-align: middle !important;
}

.hideMainTitleForDetailPage .toolBar .label {
    white-space: nowrap !important;
    font-feature-settings: 'ss01', 'ss02';
    font-family: 'Graphik Regular Desktop' !important;
    font-weight: normal !important;
}

.tdCauseConseq .RadGrid .rgFooter > td {
    padding-bottom: 8px !important;
    padding-top: 12px !important;
}

.minwidth135 {
    min-width: 135px;
}

/*.datacell span {
    padding-top: 12px !important;
   
    display: block;
}*/

.btn-group-vertical.irmworkspacetoolbar > .btn:hover {
    background-color: #fff !important
}

.chartRiskPosition {
    font-family: 'Graphik Medium Desktop';
}

.tdCauseConseq .RadGrid .rgRow > td,
.tdCauseConseq .RadGrid .rgAltRow > td {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.quickSettings {
    background: transparent url("saas/icons.svg") no-repeat -22px -4466px;
    padding-left: 40px !important;
}




.auditEmailTempTd .RadGrid .rgEditRow td {
    vertical-align: middle !important;
}

.hideMainTitleForDetailPage .toolBar .label {
    white-space: nowrap !important;
}

.tdCauseConseq .RadGrid .rgFooter > td {
    padding-bottom: 10px !important
}

.minwidth135 {
    min-width: 135px;
}

/*.datacell span {
    padding-top: 12px !important;
   
    display: block;
}*/

.btn-group-vertical.irmworkspacetoolbar > .btn:hover {
    background-color: #fff !important
}

.chartRiskPosition {
    font-family: 'Graphik Medium Desktop';
}

.tdCauseConseq .RadGrid .rgRow > td,
.tdCauseConseq .RadGrid .rgAltRow > td {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.quickSettings {
    background: transparent url("saas/icons.svg") no-repeat -22px -4466px;
    padding-left: 40px !important;
}

.GridView tr.FooterStyle > td .imgTxtButtonFill {
    /*margin-top: 10px;*/
}

.imgTxtButtonFill {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.auditSettingsEmail .auditEmailTempTd .RadEditor .reContentCell {
    border: none;
}

.auditSettingsEmail .auditEmailTempTd .RadEditor .reToolCell {
    border-bottom: 0px;
}

.auditSettingsEmail .auditEmailTempTd .RadEditor .reContentArea {
    border-radius: 4px;
    border: 1px solid #C9D1DA;
}

/*.auditSettingsEmail .auditEmailTempTd .RadEditor:hover {
    box-shadow: 0px 2px 11px 0px rgba(34,176,229,1);
    transition: box-shadow 0.3s ease-in-out;
}*/

.radEditorViewOnly {
    padding: 8px;
    background-color: #FAFAFA;
    border: 1px solid #C9D1DA !important;
    border-radius: 4px;
}

    .radEditorViewOnly:hover {
        box-shadow: 0px 2px 11px 0px rgba(34,176,229,1);
        transition: box-shadow 0.3s ease-in-out;
    }


.riskSettingsArea .LinkButtonSettingsRoll {
    /*border-bottom: 1px solid #e0e0e0;*/
    border-style: none !important;
}

.riskSettingsArea.auditCategorySettings .toolBar {
    margin-bottom: 0px !important;
}

.riskSettingsArea .verticalgap {
    display: none;
}

.riskSettingAreaSeperator {
    border-right: 1px solid #e0e0e0;
}


.riskSettingsArea .hideMainTitleForDetailPage {
    padding-left: 20px !important;
}

.riskSettingsArea a.LinkButtonSettingsRoll span,
.riskSettingsArea a.LinkButtonSettingsRoll span {
    /*padding: 11px 15px !important;*/
}

.riskSettingsArea .riskIntialsettings {
    padding: 0 20px !important;
}

.riskSettingsArea .riskCriteriatabs {
    padding-top: 7px;
    border-bottom: 1px solid #e2e2e3;
}


.riskSettingsArea .riskCriteriaRatingGrid {
    padding: 0 15px;
    overflow: auto;
}

.riskSettingsArea .riskRatingTypeGrid {
    padding: 0 20px;
}

.riskSettingsArea .gridDropdownRatingTypeDD {
    padding-left: 10px;
}

.riskSettingsArea .riskCalculationSettingAdjust.radiobtn {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    /* flex-direction: row; */
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}

    .riskSettingsArea .riskCalculationSettingAdjust.radiobtn > .label, .riskSettingsArea .riskCalculationSettingAdjust > .label + .radioButtlabel {
        flex: 0 0 190px;
    }

.riskSettingsArea .riskCalculationSettingAdjust .radioButtlabel {
    /*flex: 0 0 190px;*/
}

.riskSettingsArea .riskCalculationSettingAdjust {
}

.riskSettingsArea .riskCalculationSettingAdjust {
}



.riskSettingsArea .settingsGridAdjustments {
    padding: 0 10px;
}


.riskSettingsArea .settingsGridAdjustmentsPaddingTop10 {
    padding-top: 10px;
}

.riskSettingsArea .settingsPaddingLeftRight10 {
    padding: 0 10px;
}


.riskSettingsArea .settingsfrequencyGrid {
    overflow: auto;
}

.riskSettingsArea .settingsLeftPadding15 {
    padding-left: 15px;
}


.tdCauseConseq .RadGrid .rgFooter > td > .RadComboBox {
    width: 100% !important;
}

.hideMainTitleForDetailPage .lbhierarchybreadcrumb {
    /*display: none;*/
}

.chartCriteriaSeperator {
    border-bottom: 1px solid #e0e0e0;
}

.paddingLeft5 {
    padding-left: 5px;
}

.datacell > span,
.datacell > div > span {
    padding-top: 8px !important;
    display: block;
}

.RadComboBox_Default input[type=text]:hover {
    box-shadow: none !important;
}


.riskSettingsArea .settingsfrequencyGrid .GridView .RowStyle td,
.riskSettingsArea .settingsfrequencyGrid .GridView .AlternatingRowStyle td,
.riskSettingsArea .settingsfrequencyGrid .GridView .FooterStyle td {
    vertical-align: middle;
}

.quickSearchUpdates select {
    background-position-x: 101% !important
}

.LastBtn {
    background: transparent url("saas/icons.svg") no-repeat 5px -4766px;
    padding-right: 33px !important;
}

.FirstBtn {
    background: transparent url("saas/icons.svg") no-repeat -26px -4798px;
    padding-left: 33px !important;
}


.eisPageContent .RadGrid_IRM .rgMasterTable td.rgExpandCol {
    padding: 10px 0 10px 10px !important
}

.dropdown-menu > li > a#aAuiditAdd.parentTile,
.dropdown-menu > li > a#aAuiditAdd.parentTile:active,
.dropdown-menu > li > a#aAuiditAdd.parentTile:focus {
    background: none !important
}

    .dropdown-menu > li > a#aAuiditAdd.parentTile:hover {
        background-color: #eee !important
    }

.auditEmailTempTd .RadGrid_IRM .rgEditForm {
    padding-top: 20px
}

.reEditorModes span {
    min-width: 153px;
}


.addNewItem:hover {
    box-shadow: none !important;
}

#Emailpanelwidth .radioButtonList td span {
    margin-bottom: 10px !important;
    display: inline-flex;
}


.GridViewauditememailrulesRecipient span {
    display: inline-flex;
    margin-bottom: 10px
}

.GridViewauditememailrulesRecipient label {
    margin-left: 5px !important;
    display: inline-flex;
}

.GridViewauditememailrulesRecipient input[type=checkbox] {
    margin-top: 3px !important;
}

.TelerikModalOverlay {
    background-color: #0050a0 !important;
}

.criteriaTbl .textBox, .criteriaTbl .myupDatestextBox, .criteriaTbl .targetactualsTextBox {
    border: 1px solid #C9D1DA;
    color: #323250;
    border-radius: 3px;
    padding: 7px;
    margin-top: 10px;
    min-width: 245px;
    margin-top: 5px;
    background-color: #eee;
    cursor: default;
}

#consequenceTableOuterScroll .aspTable tr:hover {
    background-color: #fff !important;
}

#consequenceTableOuterScroll .aspTable teextarea:focus,
#consequenceTableOuterScroll .aspTable teextarea:hover {
    box-shadow: none !important;
}

#consequenceTableOuterScroll .aspTable td.hilighttd {
    padding: 15px !important;
    background-color: #06509e;
}

    #consequenceTableOuterScroll .aspTable td.hilighttd textarea {
        width: 185px !important;
        /*height: 190px !important;*/
        /*padding: 22px !important;*/
    }

.consqFixedButton {
    /* position: fixed;
    top: 0px;
    background-color: #fff;
    width: 100%;*/
    margin-top: 10px;
}


#tblMyUpdateHome #divMyRisksFilter {
    border-top: 1px solid #e2e2e3;
}


.hideMainTitleForDetailPage .hideMainTitleForDetailPage span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    text-align: left;
}

.heatMapHorizontalAdjust .chartCriteriaSeperator {
    border-style: none;
}

.heatMapHorizontalAdjust .chartRiskPosition {
    text-align: right;
    margin-right: 275px;
}

.GridView .HeaderStyle {
    border-bottom: 1px solid #e2e2e3 !important;
    border-style: none;
}

.verticalSettingSeperator {
    border-right: 1px solid #e2e2e3;
    height: 100vh;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.manageUserSetting {
    margin-top: 0px;
}


    .manageUserSetting .saasverticalgap {
        width: 0px;
    }

    .manageUserSetting .contentHeadaerstretch {
        /*border-bottom-style: none;*/
    }

.manageUserGrid {
    padding: 0 15px;
}

.manageUserSetting .contentHeadaer,
.manageUserSetting .contentHeadaerlink {
    padding: 9px 15px 9px 15px;
}

.manageUserSetting .hideMainTitleForDetailPage {
    padding-left: 20px
}

.manageUserSetting .contentHeadaer span {
    font-size: 16px !important;
    color: #323250;
}

.manageUserSetting select {
    background-position-x: 101% !important;
}

.manageUserSetting .GV-DetailList tr td td {
    padding: 10px;
}

.manageUserSetting .userIamge img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.manageUserSearch .searchArea {
    padding: 15px 10px !important;
}

    .manageUserSearch .searchArea input[type=text] {
        width: 99%
    }

.manageUserSearch td {
    vertical-align: middle
}

.manageUserSetting .EditContentCell .MenuIsMandatory .glyphicon {
    position: absolute;
    /* left: -8px; */
    top: 15px;
}

.manageUserSetting .EditContentCell .labeldatacell {
    position: relative;
}

.manageUserSetting .labeldatacell .label {
    margin-left: 15px;
}

.riskAnalysisArea .RadTabStrip_IRM .rtsLevel1 .rtsSelected {
    padding-top: 6px !important;
    padding-bottom: 8px !important;
}

#divRisksAnalysisOverviewFilter {
    background-color: #fff;
    z-index: 1;
    position: relative;
}

.riskAnalysisArea .myupdateToolbar .search_group .label {
    width: auto !important;
}

.riskAnalysisArea .rmpView .myupdateheader {
    margin-top: 0px !important;
    margin-bottom: 10px;
}

#divRisksAnalysisNewHeatMapFilter {
    background-color: #fff !important;
    width: 101% !important;
    z-index: 1;
    position: relative;
}

.RadAjax_MetroTouch .raDiv {
    background-image: url('Common/loading.gif') !important;
    background-size: 60px !important;
}

#divRisksAnalysisChartFilter,
#divRisksAnalysisHeatMapFilter {
    background-color: #fff;
    z-index: 1;
    position: relative;
}

.EISpage.horizontalgapSAAS,
.riskAnalysisArea .horizontalgapSAAS {
    padding: 0px !important;
}


.RadSplitter .rspPane, .RadSplitter .rspPaneHorizontal {
    padding-top: 10px !important;
}

.riskAnalysisArea #divRiskChart {
    padding: 0px 10px;
}

.analysysMatrixBox {
    border: 1px solid #e0e0e0;
}

.analysysMatrixFilterContent table td {
    padding-bottom: 10px !important;
    vertical-align: top !important;
}

/*.RadSplitter_IRM .rspResizeBar {
    background-color: #0050a0;
}*/
.admin-toolbar {
    display: flex;
    width: 100%;
    border-top: 1px solid #e2e2e2;
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 8%);
    height: 48px;
    position: fixed;
    top: 46px;
    background: #fff;
    padding-left: 25px;
    align-items: center;
    z-index: 1;
}

    .admin-toolbar .toolbar-title {
        font-size: 20px;
        color: #323250;
        display: table-cell;
        text-align: left;
    }

.saascontenttopmargin.user-page {
    margin-top: 0;
}

.clientToolbar {
    border-bottom: 1px solid #e0e0e0;
}

    .clientToolbar .hideMainTitleForDetailPage {
        padding-left: 20px;
        padding: 10px 20px;
    }

    .clientToolbar .toolBar {
        box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 8%);
    }

.img-rounded {
    border-radius: 50%;
    margin: 5px;
    border: solid 5px #b8b8b8;
}

.mySettings .saasverticalgap {
    width: 0px;
}

.mySettings .sub_Headers {
    border-bottom: 1px solid #e2e2e3 !important;
}

.mySettings .mySettingsTitle {
    padding-top: 5px
}

.mySettings .mysettingGridPadding {
    padding: 0 20px;
}

.mySettings.saasContentBg .toolBar {
    border-bottom-style: none !important;
}

.mySettings .mySettingsRow {
    padding-right: 15px
}

.riskAdministrationPage .saasverticalgap {
    width: 0px;
}

.riskAdministrationPage.saascontenttopmargin {
    margin-top: 0px !important;
}

.riskAdministrationPage .toolBar {
    border-bottom: 1px solid #e2e2e2;
}

.riskAdministrationPage .contentHeadaerstretch {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
    height: 54px;
}


.risadmin .riskAdminLeftMenu {
    width: 270px !important;
    height: calc(100vh - 185px);
}

    .risadmin .riskAdminLeftMenu a.LinkButtonSettings {
        border-bottom-style: none;
    }

        .risadmin .riskAdminLeftMenu a.LinkButtonSettings span {
            line-height: normal !important;
        }

.riskAdministrationPage .contentHeadaerstretch span {
    font-size: 16px;
    padding-left: 10px
}

.riskAdministrationPage .contentHeadaerstretch .contentHeadaerlink {
    padding-right: 15px;
}

.riskAdministrationPage .hideMainTitleForDetailPage {
    margin-top: -2px;
}

.riskAdministrationPage .Panel .GridView {
    margin: 0 20px
}

.riskAdministrationPage .custommiddlecontent {
    margin-top: 0px
}

.riskAdministrationPage .hideMainTitleForDetailPage span {
    font-size: 16px;
    padding-left: 20px
}

.riskAdministrationPage #Emailpanelwidth {
    margin-top: 20px
}

.riskAdministrationPage .riskAdminLeftMenu .toolBar td:first-child {
    padding-left: 0px !important
}

.riskAdministrationPage .clientToolbar .toolBar {
    box-shadow: none;
}

.riskAdministrationPage .pageToppadding {
    padding-top: 0px;
}

.riskSettingsArea a.LinkButtonSettings, .lb_TabMenu {
    border-bottom-style: none !important;
}

.auditSettingsEmail .saasverticalgap .contentArea {
    width: 0px !important;
}

.auditSettingsEmail .toolBar {
    border-bottom: 1px solid #e2e2e3;
}

.auditSettingsEmail .saasverticalgap {
    width: 0px;
}

.auditSettingsEmail .toolBar .hideMainTitleForDetailPage {
    margin-left: 20px
}

.verticalSettingSeperator a.LinkButtonSettings, .lb_TabMenu {
    border-bottom-style: none !important
}

.auditSettingsEmail .settingsAreaGridPadding {
    margin: 0 20px !important;
}

.systemSettings .toolBar {
    border-bottom: 1px solid #e2e2e3;
}


    .systemSettings .toolBar .label {
        padding-left: 20px;
        font-size: 16px;
    }

.systemSettings div.tinySection {
    padding-bottom: 50px !important;
}

.saascontenttopmargin.saascontenttopmargin {
    margin-top: 0px !important;
}


.manageUserSetting .toolBar .label {
    font-size: 16px;
}

.settingProjects .saasverticalgap {
    width: 0px !important;
}

.settingProjects #divProjectListGrid {
    padding: 20px !important;
}

.admin-sec-con .verticalgap {
    display: none;
}

.admin-sec-con .leftsction {
    vertical-align: top;
    width: 320px !important;
    border-right: 1px solid #ccc;
    height: calc(100vh - 86px);
}

.risadmin .admin-sec-con .leftsction.userdateCellWidth5 .userdateCellWidth5 .LinkButtonSettingsRoll, .risadmin .admin-sec-con .leftsction.userdateCellWidth5 .userdateCellWidth5 .lb_TabMenuRoll, .risadmin .admin-sec-con .leftsction.userdateCellWidth5 .userdateCellWidth5 a.LinkButtonSettings, .risadmin .admin-sec-con .leftsction.userdateCellWidth5 .userdateCellWidth5 .lb_TabMenu {
    width: 100%;
    border-bottom: 1px solid #e0e0e0 !important;
}

.risadmin .admin-sec-con .leftsction.userdateCellWidth5 .userdateCellWidth5 {
    width: auto !important;
}

.admin-sec-con .leftsction .contentHeadaer, .admin-sec-con .leftsction .datacell {
    padding: 10px 0 10px 20px !important;
}

.admin-sec-con .leftsction .contentHeadaerlink, .admin-sec-con .leftsction .datacell-con {
    padding: 10px 20px 10px 0 !important;
}

.admin-sec-con .leftsction .sidegrid-con {
    padding: 10px 20px !important;
}

.admin-sec-con .leftsction .contentHeadaerstretch .contentHeadaer span {
    font-size: 16px;
    font-weight: 500;
    color: #323250 !important;
    margin-left: 0px;
    padding: 0px;
    font-feature-settings: 'ss01', 'ss02';
}

.admin-sec-con .leftsction .datacell .label {
    text-align: left;
}

.admin-sec-con .leftsction .datacell-con .textBox {
    width: 100% !important;
}

.admin-sec-con .saasContentBg .toolBar .hideMainTitleForDetailPage {
    padding-left: 20px;
}

.admin-sec-con .saasContentBg .toolBar {
    height: 54px;
}

    .admin-sec-con .saasContentBg .toolBar td {
        vertical-align: middle !important;
    }

.admin-sec-con .saasContentBg {
    margin: 0 20px;
}

    .admin-sec-con .saasContentBg tr:first-child td {
        /*vertical-align:top;*/
    }

.serviceprofile-con .cp-subheader .toolBar .contentHeadaerstretch {
    padding-left: 20px;
}

    .serviceprofile-con .cp-subheader .toolBar .contentHeadaerstretch .label {
        font-size: 16px;
        font-feature-settings: 'ss01', 'ss02';
    }

.serviceprofile-con .cp-subheader .toolBar {
    margin-top: 4px;
}

.serviceprofile-con .backClr .labeldatacell {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.serviceprofile-con .serviceprofile-grid {
    margin: 0 20px;
}

.serviceprofile-con .saasContentBg {
    margin: 0 !important;
}

.sp-gap .tabtoppadding {
    /*border-bottom: solid 1px #e2e2e2;*/
}

.sp-gap .saasContentBg {
    padding-top: 20px;
}

.admin-sec-con .toolBar .label {
    font-size: 16px;
}

.mt-0 {
    margin-top: 0 !important;
}

.sp-gap {
    padding: 0 20px;
}

.admin-sec-con .admin-toolbar {
    display: block;
    padding-left: 0;
    right: 0;
    left: 46px;
}

.admin-sec-con .saascontenttopmargin.saascontenttopmargin {
    margin-top: 80px !important;
}

.h-gap {
    height: 25px;
}

.lpad-20 {
    padding-left: 20px !important;
}

.tpad-20 {
    padding-top: 20px !important;
}

.rpad-20, .admin-sec-con .leftsction .datacell.rpad-20 {
    padding-right: 20px !important;
}

.leftsction .cp-subheader .toolBar {
    margin-bottom: 0;
}

    .leftsction .cp-subheader .toolBar .contentHeadaerstretch {
        padding-left: 20px;
    }

.leftsction .backClr .labeldatacell {
    padding-left: 20px !important;
    padding-left: 20px !important;
}

.admin-sec-con .saasContentBg .header-con .labeldatacell, .admin-sec-con .saasContentBg .header-con .datacell {
    vertical-align: middle;
    padding: 5px 20px !important;
    height: 56px;
}

.textleft .label {
    text-align: left !important;
}

.tab-controller {
    border-bottom: solid 1px #e2e2e2;
    margin-bottom: 20px;
}

.tab-con {
    width: 100%;
    border-bottom: solid 1px #e2e2e2;
}


.datacell .label {
    text-align: left !important
}



.tdCriteriaGroup .chartRiskPosition span {
    font-size: 15px !important;
    font-family: graphik medium desktop;
    color: #525252;
}

.likeliHoodTbl .aspTable tr:hover {
    cursor: pointer;
    background-color: #F0F7FF !important;
}

.quickupdateCon .custommiddlecontent {
    margin-top: 0px;
}

.tdCauseConseq .RadGrid .rgFooter .RadComboBox_Default {
    height: 35px !important;
}


.Draft {
    background: transparent url("saas/icons.svg") no-repeat -26px -4848px !important;
    padding-left: 40px !important;
}

.tdCriteriaGroup .riskAssesmentLbl .label {
    font-size: 15px !important;
    font-family: graphik medium desktop;
}

.datacell > div > span.label {
    /*padding-top: 0px !important;*/
}

.datacell .noPaddingSAAS input[type=checkbox] {
    margin-top: 3px !important;
}

.datacell .divList {
    margin-top: 10px
}

.admin-sec-con .toolBar {
    border-bottom: solid 1px #e2e2e2;
}

.InterplanConfigurationPanel.admin-sec-con .toolBar tr:first-child td {
    padding-left: 20px;
}

.admin-sec-con .leftsction .dateCellWidth4 {
    width: 100% !important;
}

.RadGrid_IRM .rgRow a:hover,
.RadGrid_IRM .rgAltRow a:hover {
    text-decoration: underline !important;
}

.strategicRiskGridDiv .RadGrid_IRM {
    min-width: 100%;
}

#trMyUpdateRiskApproals .myupdateheader {
    border-bottom-style: none !important;
    margin-bottom: 5px;
    margin-top: 35px;
    margin-left: 5px;
}


.searchFilterArea .labeldatacell {
    word-break: break-all;
}


.imgTxtButtonFill .Return {
    color: #fff !important;
    padding-left: 12px !important;
}

#divCorporateRiskRegisterGrid .gridRiskLogoAlign,
.idicatersalignment .gridRiskLogoAlign {
    padding-right: 8px !important;
}


#divCorporateRiskRegisterGrid .RadGrid_IRM {
    min-width: 100%
}

.adjustProjectRiskGridDiv .RadGrid_IRM {
    min-width: 100%;
}

#divOperationalRiskRegisterGrid .RadGrid_IRM {
    min-width: 100%;
}

.registerheatMapArea .detailPageConseq td {
    padding-left: 0px !important;
}

ul.Adjustdropdown li a:hover {
    padding: 8px 30px 8px 35px !important;
    display: block;
    text-decoration: none;
    background-color: #e8e8e8;
}

/*.projectRiskSolutionContent .performanceControlDiv {
    margin: initial
}*/

.futureAssesmentLabel {
    position: absolute;
    margin-top: 10px;
    margin-left: 17px;
}

    .futureAssesmentLabel .label {
        font-size: 15px !important;
        font-family: graphik medium desktop !important;
    }

.heatMapHorizontalAdjust .currentRiskAssesmentLabel {
    position: absolute;
    margin-top: -37px;
    margin-left: 5px;
}

.currentRiskAssesmentLabel .label {
    font-size: 15px !important;
    font-family: graphik medium desktop !important;
}


.currentRiskAssesmentLabel {
    margin-top: 20px;
    margin-left: 0px;
    margin-bottom: 10px
}

.labeldatacell #riskcontrolgriddiv_temp .labeldatacell {
    padding: 10px !important;
}

.RadSplitter .rspSlidePane,
.RadSplitter .RadSlidingPaneQuirksMode {
    height: 100vh !important;
}

.riskLinkCommonControl .toolBar .label {
    font-size: 15px;
    font-family: graphik medium desktop;
}

#hideorshow,
#hideorshow:focus {
    background: #fff url("saas/icons.svg") no-repeat -28px -2809px !important;
    width: 24px !important;
    height: 28px !important;
    margin-bottom: 10px;
}



#consequenceTableOuterScroll .textBox:hover,
#consequenceTableOuterScroll .textBox:focus {
    box-shadow: none !important;
}

.grid-scroll-emailconfig {
    width: 100%;
    overflow: auto;
    height: calc(100vh - 164px);
    width: calc(100vw - 420px);
    margin: 0 20px;
}

.datacell .performanceControlDiv > span {
    padding: 0px !important;
    text-align: center !important;
}


.projectRiskSolutionContent .datacell .RadComboBox_Default {
    width: 60% !important;
}

#divMyRiskControlFilter td.datacell select,
#divMyRiskControlFilter td.datacell input[type=text] {
    width: 93% !important;
}

#divMyRiskControlFilter td.datacell .RadComboBox {
    width: 98% !important;
}

.datacell > div > span.label {
    padding-top: 0px !important
}

.lbCategoryBreadcrumb {
    display: inline !important;
}

.strategicRiskLinkPage .custommiddlecontent {
    margin-top: 90px
}

.operationalRiskLinkPage .custommiddlecontent {
    margin-top: 90px
}

.projectRiskLinkPage .custommiddlecontent {
    margin-top: 90px
}



.corporateRiskLinkPage .custommiddlecontent {
    margin-top: 45px
}


.datacellFilterControlNopadding.datacell > div > span {
    padding-top: 8px !important;
}


.categorySelectAlignAdjustIPM .lbCategoryBreadcrumb {
    /*padding-top: 8px !important;*/
    margin-left: 0px;
}

/*.riskControlRegister .adjustProjectRiskGridDiv {
    margin-top: 25px !important
}*/

#riskactiongriddiv div .GridView .HeaderStyle .label {
    white-space: nowrap !important;
}

.datacell .CheckBox + span.label {
    padding-top: 5px !important
}
/******************** risksetting************************/
.riskSettingsArea .SideMenuCell a.LinkButtonSettings {
    width: 100%;
    color: #323250 !important;
    display: block;
    text-decoration: none;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    padding: 10px 20px 10px 48px;
    line-height: 20px;
    border: none;
    background: transparent url(saas/risk-setting.svg) no-repeat;
}

    .riskSettingsArea .SideMenuCell a.LinkButtonSettings span, .riskSettingsArea .SideMenuCell a.LinkButtonSettingsRoll span {
        padding: 5px !important;
    }

    .riskSettingsArea .SideMenuCell a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell a.LinkButtonSettings:hover {
        width: 100%;
        text-decoration: none;
        /*background: #0050a0 !important;*/
        color: #fff !important;
        display: block;
        text-decoration: none;
        text-align: left;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        padding: 10px 20px 10px 48px;
        line-height: 20px;
        background: #0050a0 url(saas/risk-setting.svg) no-repeat;
    }

.riskSettingsArea .SideMenuCell .RiskInitialSetting a.LinkButtonSettings {
    background-position: 5px 4px
}

    .riskSettingsArea .SideMenuCell .RiskInitialSetting a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .RiskInitialSetting a.LinkButtonSettings:hover {
        background-position: -151px 4px;
    }

.riskSettingsArea .SideMenuCell .RiskCriteriaTab a.LinkButtonSettings {
    background-position: 5px -41px
}

    .riskSettingsArea .SideMenuCell .RiskCriteriaTab a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .RiskCriteriaTab a.LinkButtonSettings:hover {
        background-position: -151px -41px;
    }

.riskSettingsArea .SideMenuCell .RiskRatingType a.LinkButtonSettings {
    background-position: 5px -91px
}

    .riskSettingsArea .SideMenuCell .RiskRatingType a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .RiskRatingType a.LinkButtonSettings:hover {
        background-position: -151px -91px;
    }

.riskSettingsArea .SideMenuCell .RiskCalculation a.LinkButtonSettings {
    background-position: 5px -135px
}

    .riskSettingsArea .SideMenuCell .RiskCalculation a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .RiskCalculation a.LinkButtonSettings:hover {
        background-position: -151px -135px;
    }

.riskSettingsArea .SideMenuCell .RiskCatagories a.LinkButtonSettings {
    background-position: 5px -182px
}

    .riskSettingsArea .SideMenuCell .RiskCatagories a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .RiskCatagories a.LinkButtonSettings:hover {
        background-position: -151px -182px;
    }

.riskSettingsArea .SideMenuCell .RiskTreatment a.LinkButtonSettings {
    background-position: 5px -229px;
}

    .riskSettingsArea .SideMenuCell .RiskTreatment a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .RiskTreatment a.LinkButtonSettings:hover {
        background-position: -151px -229px;
    }

.riskSettingsArea .SideMenuCell .RiskSequence a.LinkButtonSettings {
    background-position: 5px -274px;
}

    .riskSettingsArea .SideMenuCell .RiskSequence a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .RiskSequence a.LinkButtonSettings:hover {
        background-position: -151px -274px;
    }

.riskSettingsArea .SideMenuCell .RiskAggregation a.LinkButtonSettings {
    background-position: 5px -871px;
}

    .riskSettingsArea .SideMenuCell .RiskAggregation a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .RiskAggregation a.LinkButtonSettings:hover {
        background-position: -152px -869px;
    }

.riskSettingsArea .SideMenuCell .CustomControls a.LinkButtonSettings {
    background-position: 5px -320px;
}

    .riskSettingsArea .SideMenuCell .CustomControls a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .CustomControls a.LinkButtonSettings:hover {
        background-position: -151px -320px;
    }

.riskSettingsArea .SideMenuCell .ConsequenceTable a.LinkButtonSettings {
    background-position: 5px -364px;
}

    .riskSettingsArea .SideMenuCell .ConsequenceTable a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .ConsequenceTable a.LinkButtonSettings:hover {
        background-position: -151px -364px;
    }

.riskSettingsArea .SideMenuCell .LiklihoodTable a.LinkButtonSettings {
    background-position: 5px -414px;
}

    .riskSettingsArea .SideMenuCell .LiklihoodTable a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .LiklihoodTable a.LinkButtonSettings:hover {
        background-position: -151px -414px;
    }

.riskSettingsArea .SideMenuCell .RiskTemplates a.LinkButtonSettings {
    background-position: 5px -459px;
}

    .riskSettingsArea .SideMenuCell .RiskTemplates a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .RiskTemplates a.LinkButtonSettings:hover {
        background-position: -151px -459px;
    }

.riskSettingsArea .SideMenuCell .Legislation a.LinkButtonSettings {
    background-position: 5px -502px;
}

    .riskSettingsArea .SideMenuCell .Legislation a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .Legislation a.LinkButtonSettings:hover {
        background-position: -151px -502px;
    }

.riskSettingsArea .SideMenuCell .BusinessProcess a.LinkButtonSettings {
    background-position: 5px -549px;
}

    .riskSettingsArea .SideMenuCell .BusinessProcess a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .BusinessProcess a.LinkButtonSettings:hover {
        background-position: -151px -549px;
    }

.riskSettingsArea .SideMenuCell .RiskFields a.LinkButtonSettings {
    background-position: 5px -596px;
}

    .riskSettingsArea .SideMenuCell .RiskFields a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .RiskFields a.LinkButtonSettings:hover {
        background-position: -151px -596px;
    }

.riskSettingsArea .SideMenuCell .ReviewFrequency a.LinkButtonSettings {
    background-position: 5px -640px;
}

    .riskSettingsArea .SideMenuCell .ReviewFrequency a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .ReviewFrequency a.LinkButtonSettings:hover {
        background-position: -151px -640px;
    }

.riskSettingsArea .SideMenuCell .RegisterConfiguration a.LinkButtonSettings {
    background-position: 5px -687px;
}

    .riskSettingsArea .SideMenuCell .RegisterConfiguration a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .RegisterConfiguration a.LinkButtonSettings:hover {
        background-position: -151px -687px;
    }

.riskSettingsArea .SideMenuCell .CustomFields a.LinkButtonSettings {
    background-position: 5px -734px;
}

    .riskSettingsArea .SideMenuCell .CustomFields a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .CustomFields a.LinkButtonSettings:hover {
        background-position: -151px -734px;
    }

.riskSettingsArea .SideMenuCell .HeatMapSettings a.LinkButtonSettings {
    background-position: 5px -779px;
}

    .riskSettingsArea .SideMenuCell .HeatMapSettings a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .HeatMapSettings a.LinkButtonSettings:hover {
        background-position: -151px -779px;
    }

.riskSettingsArea .SideMenuCell .CustomHierarchy a.LinkButtonSettings {
    background-position: 5px -824px;
}

    .riskSettingsArea .SideMenuCell .CustomHierarchy a.LinkButtonSettingsRoll, .riskSettingsArea .SideMenuCell .CustomHierarchy a.LinkButtonSettings:hover {
        background-position: -151px -824px;
    }

.table-con {
}
/******************** risksetting************************/



.parentTile + .popover {
    display: none !important;
}


.dashboardLoading {
    background: url('Common/loading.gif') no-repeat center center !important;
    background-size: 60px !important;
}

.dbLoadingPanel .lds-ring {
    display: none;
}

.k-loading-image {
    background: url('Common/loading.gif') no-repeat center center !important;
    background-size: 60px !important;
}

#divEISRiskGrid .EisinnerGrids {
    margin-top: 20px;
    margin-right: 20px;
}




/*#divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaArea {
    width: 100% !important;
    border-right-style: none;
}*/



#divMyUpdateRisksGrid .heatMapHorizontalAdjust #chartdiv,
#divMyUpdateRisksGrid .tdCriteriaGroup .chartRiskPosition span {
    display: none;
}

#divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaArea {
    width: 67% !important;
    border-right-style: none;
}

    #divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaArea .criteriaTbl {
        width: 67% !important;
    }


    #divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaArea .criteriaTblRating {
        width: 16%
    }


/*#divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaArea {
    width: 100% !important;
    border-right-style: none;
}*/



#divMyUpdateRisksGrid .heatMapHorizontalAdjust #chartdiv,
#divMyUpdateRisksGrid .tdCriteriaGroup .chartRiskPosition span {
    display: none;
}

#divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaArea {
    width: 99% !important;
    border-right-style: none;
}

    /*#divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaArea .criteriaTbl {
        width: 84% !important;
    }*/


    #divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaArea .criteriaTblRating {
        width: 16%
    }

.SettingsFieldConfigArea .riskfieldcustomTable {
    width: auto;
}


/*.RadGrid_IRM .GridColumnLinknonepadding svg {
    cursor: pointer;
}*/

.orgLinksImg svg {
    cursor: pointer;
}



#riskactiongriddiv .GridView tr.FooterStyle > td {
    padding-bottom: 0px !important;
    padding-top: 15px !important
}


    #riskactiongriddiv .GridView tr.FooterStyle > td .multipleTextBox {
        height: 35px
    }

#riskcontrolgriddiv .RadGrid .rgFooter > td {
    padding-bottom: 0px !important;
    padding-top: 15px !important
}


    #riskcontrolgriddiv .RadGrid .rgFooter > td .multipleTextBox {
        height: 35px
    }


.paddingRight0 {
    padding-right: 0px !important;
}

.paddingLeft0 {
    padding-left: 0px !important;
}


.RadGrid .rgAltRow .paddingRight0,
.RadGrid .rgRow .paddingRight0 {
    padding-right: 0px !important;
}

.RadGrid .rgAltRow .paddingLeft0,
.RadGrid .rgRow .paddingLeft0 {
    padding-left: 0px !important;
}

.RadGrid .rgFooter .paddingRight0 {
    padding-right: 0px !important;
}


.imgTxtButtonFill .Return:hover {
    box-shadow: none !important;
}

.GridView .HeaderStyle .GridColumnLink {
    margin-bottom: 10px;
}

#reportUploderTab .toolBar {
    height: 44px
}

.RuminWidth165 {
    min-width: 165px !important;
}

#reportUploderTab .hideLeftGap {
    display: none;
}


#reportUploderTab .SideMenuCell {
    min-width: 250px;
}

.RuminWidth200 {
    min-width: 200px !important;
}

.RUminWidth150 {
    min-width: 150px !important;
}

#reportUploderTab .toolBar .label {
    font-size: 16px
}


#divMyUpdateRisksGrid .chartCriteriaSeperator {
    display: none;
}

#divMyUpdateRisksGrid .currentRiskAssesmentLabel {
    display: none;
}

#divMyUpdateRisksGrid .paddingBottom5.paddingTop5.fontBold {
    display: none;
}



#divMyUpdateRisksGrid .divLeftTop {
    border-right-style: none;
}

#divMyUpdateRisksGrid .divRightTop {
    padding-left: 0px !important;
}

#divMyUpdateRisksGrid .criteriaTblRating,
#divMyUpdateRisksGrid .criteriaTbl {
    padding-right: 20px;
}


#tblMyUpdateHome #trMyUpdateRisks .dateCellWidth3 sup {
    top: 5px !important;
}

#divMyRiskControlFilter td.datacell .RadPicker .riSingle .riTextBox {
    width: 110px !important;
}

.EnvironmentalAnalysisLinking .toolBar {
    height: 46px !important;
    border-bottom: 1px solid #e2e2e3;
}

    .EnvironmentalAnalysisLinking .toolBar .hideMainTitleForDetailPage {
        margin-left: 20px;
    }

    .EnvironmentalAnalysisLinking .toolBar .toolbariconcell:last-child {
        padding-right: 10px
    }

.EnvironmentalAnalysisLinking .RadTreeView_Default .rtSelected .rtIn {
    background-image: none !important;
    border-style: none;
    color: #323250;
    background-color: #ECEFF6;
    padding: 10px
}

.linkP .linkcloseBtn {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.hierarchyLinkTitleSeperator .accordion-toggle {
    margin-top: 15px;
    display: block;
    margin-right: 10px;
}

.riskAdministrationPage .clientToolbar {
    border: none;
}

.RadGrid_IRM .rgRow td .CheckBox, .RadGrid_IRM .rgAltRow td .CheckBox, .RadGrid_IRM .rgEditRow td .CheckBox, .RadGrid_IRM .rgFooter td .CheckBox {
    margin-bottom: 5px;
    display: -webkit-inline-box;
}

.customGridWrapper {
    padding-right: 10px;
}


.RadTreeView_Default .rtHover .rtIn {
    background-image: none !important;
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
}

.RadTreeView .rtLines .rtLI {
    background-image: none !important;
}

.RadTreeView_Default .rtIn mark {
    background-color: #f5f5f5 !important;
    padding: 3px !important
}

.RadTreeView .rtLines .rtMid,
.RadTreeView .rtLines .rtBot,
.RadTreeView .rtLines .rtTop {
    background-image: none !important;
}

.RadTreeView_Default .rtPlus {
    width: 24px !important;
    height: 28px !important;
    background: transparent url("saas/icons.svg") no-repeat -29px -3901px !important;
    cursor: pointer;
}

.RadTreeView .rtIn {
    padding: 6px 2px 3px !important;
}

.RadTreeView_Default .rtIn {
    width: 94% !important;
}


.RadTreeView_Default .rtMinus {
    width: 24px !important;
    height: 28px !important;
    background: transparent url("saas/icons.svg") no-repeat -29px -3851px !important;
    cursor: pointer;
}

.projectRiskGridPage #divStrategicRiskRegisterGrid {
    margin-top: 0px !important;
}

.projectRiskGridPage {
    margin-top: 80px;
}


.ProjectRiskSummaryGrid {
    padding: 0 27px 0;
}

.productMenu #btnHelp {
    display: none;
}

.minwidth200 {
    min-width: 200px;
}

.minwidth300 {
    min-width: 300px;
}

.paddingTop25 {
    padding-top: 25px !important;
}


.gridRiskLogoAlign .label {
    margin-top: 3px !important;
    /*margin-left: 5px !important;*/
    display: inline-table;
}

.gridRiskLogoAlign {
    padding-right: 8px !important;
}

.middleContentpopup .CausesAndConsequencesPopup .myupdateToolbar .label {
    display: initial !important;
}

.middleContentpopup .CausesAndConsequencesPopup .RadTabStrip {
    display: initial;
}


/* 20/072021*/
.lblTabTitle {
    padding: 0 20px;
}

.textBox.txtboxTabTitle {
    width: 26% !important;
    margin-left: 7px;
    margin-bottom: 10px;
}

.FieldConfigRiskReviewTabTitle {
    width: 100%;
}

    .FieldConfigRiskReviewTabTitle .textBox.txtboxTabTitle {
        width: 35% !important;
    }

.riskfieldcustomTableToggleLable {
    padding-top: 2px !important;
}

/* ------------------------------------------------- Alert CSS ---------------------------------------------*/

#ModalSuccessWithFunction_Message {
    margin-top: 2px !important;
    margin-left: -40px !important;
}


#ModalSuccess .modal-dialog .modal-content,
#ModalSuccessWithFunction .modal-dialog .modal-content {
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%) !important;
    border-style: none !important;
}

#ModalError .modal-dialog .modal-contents {
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%) !important;
    border-style: none !important;
}

#ModalWarning .modal-dialog .modal-content {
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%) !important;
    /*padding:15px;*/
    border-style: none !important;
}

#ModalConfirm .modal-dialog .modal-content {
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%) !important;
    /*padding:15px;*/
    border-style: none !important;
}

#ModalConfirmWithConflicts .modal-dialog .modal-content {
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%) !important;
    /*padding:15px;*/
    border-style: none !important;
}

.success-popup {
    font-size: 14px;
}

.popup-msg-wrap .success-popup {
    margin-top: 15px;
    font-family: 'Graphik Regular Desktop';
    font-size: 14px;
}



/*#ModalWarning .modal-dialog,*/
#ModalConfirm .modal-dialog {
    min-width: 400px;
    max-width: 400px;
    transform: none;
}


    #ModalError .modal-dialog .btn-default,
    #ModalWarning .modal-dialog .btn-default,
    #ModalConfirm .modal-dialog .btn-default {
        min-width: 90px;
        margin-top: 10px;
    }

#ModalWarning .modal-body {
    padding: 0px !important;
}

#ModalConfirm .modal-body {
    padding: 0px !important;
}

#ModalConfirmWithConflicts .modal-body {
    padding: 0px !important;
}
/*.modal {
    background: rgba(0,80,160, 0.3);
    z-index: 1000000;
}
*/
#ModalConfirm .modal-header,
#ModalConfirmWithConflicts .modal-header,
#ModalSuccess .modal-header,
#ModalSuccessWithFunction .modal-header {
    display: block;
}

#ModalSuccess .modal-header,
#ModalSuccessWithFunction .modal-header {
    padding: 0px;
    margin-top: 7px;
    padding-left: 0px;
    border-bottom: 0px;
}

#ModalSuccess .modal-footer,
#ModalSuccessWithFunction .modal-footer {
    display: none;
    padding: 0px;
    margin-top: 7px;
    padding-left: 0px;
    border-bottom: 0px;
}


#ModalSuccess .modal-body,
#ModalSuccessWithFunction .modal-body {
    padding: 0px !important;
    margin-right: -8px;
}

#ModalSuccess .modal-dialog {
    /*width: 500px;*/
    /*width: 530px;*/
    width: 565px;
    margin-top: 10px;
    margin-bottom: 0px;
    vertical-align: middle;
}

#ModalSuccessWithFunction .modal-dialog {
    width: 480px;
    margin-top: 10px;
    margin-bottom: 0px;
}


.modalSuccessImg {
    background: #00B955 url("saas/icons.svg") no-repeat -10px -4005px;
    min-height: 80px !important;
    width: 65px !important;
    display: table-cell;
}


.modalWarningImg {
    background: #F28230 url("saas/icons.svg") no-repeat -17px -4295px !important;
    height: 100%;
    min-height: 70px !important;
    width: 65px !important;
    display: table-cell;
}

.modalConfirmImg {
    background: #F28230 url("saas/icons.svg") no-repeat -17px -4295px !important;
    height: 100%;
    min-height: 70px !important;
    width: 65px !important;
    display: table-cell;
}

#ModalSuccess .popup-msg-wrap .success-popup,
#ModalSuccessWithFunction .popup-msg-wrap .success-popup {
    margin-top: 30px;
    font-family: 'Graphik Regular Desktop';
    font-size: 14px;
    text-align: left;
    /*height: 70px;*/
    vertical-align: middle;
    display: table-cell;
    min-width: 450px;
    white-space: normal !important;
    color: #323250;
}

#ModalSuccess .modal-title,
#ModalSuccessWithFunction .modal-title,
#ModalWarning .modal-title,
#ModalConfirm .modal-title,
#ModalConfirmWithConflicts .modal-title,
#ModalInformation .modal-title,
#ModalError .modal-title {
    font-size: 16px;
    font-weight: normal;
    color: #323250;
    font-family: 'Graphik Medium Desktop';
}


#ModalSuccess .close {
    color: #0050a0 !important;
    text-shadow: none;
    font-weight: 300;
    font-size: 36px !important;
    /*width: 20px;
    height: 20px;*/
    margin: 0px;
    padding: 0px !important;
    /*margin-top: -10px;
    margin-right: -28px !important;*/
    position: absolute;
    right: -12px;
    top: -11px;
}

#ModalSuccessWithFunction .close {
    color: #0050a0 !important;
    text-shadow: none;
    font-weight: 300;
    font-size: 36px !important;
    /*width: 20px;
    height: 20px;*/
    margin: 0px;
    padding: 0px !important;
    /*margin-top: -10px;
    margin-right: -28px !important;*/
    position: absolute;
    right: -9px;
    top: -11px;
}


#ModalSuccess .modal-content,
#ModalSuccessWithFunction .modal-content {
    box-shadow: none;
}
/*#ModalSuccessWithFunction .modal-content {
    width:500px;
}*/

#ModalSuccess,
#ModalSuccessWithFunction {
    margin: auto;
    margin-top: 0px;
    z-index: 1000001;
    width:fit-content;
    height:fit-content;
}

.k-multiselect-wrap:before {
    content: '' !important;
    background: #fff url("saas/icons.svg") no-repeat -27px -3937px !important;
}




#ModalWarning .modal-dialog {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
}

#ModalConfirm .modal-dialog {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
}

#ModalConfirmWithConflicts .modal-dialog {
    width: 100%;
    margin-top: 200px;
    margin-bottom: 0px;
}

/*.modalSuccessImg {
    background: #39854a url("../content/saas/icons.svg") no-repeat -11px -4009px;
    height: 70px;
}*/

/*#ModalWarning .popup-msg-wrap .success-popup {
    margin-top: 30px;
    font-family: 'Graphik Regular Desktop';
    font-size: 16px;
    text-align: left;
    height: 70px;
    vertical-align: middle;
    display: table-cell;
    min-width: 350px;
}*/

#ModalError .close,
#ModalWarning .close {
    color: #0050a0 !important;
    text-shadow: none;
    font-weight: 300;
    font-size: 36px !important;
    /*width: 20px;
    height: 20px;*/
    margin: 0px;
    padding: 0px !important;
    /*margin-top: -10px;
    margin-right: -28px !important;*/
    position: absolute;
    right: -12px;
    top: -11px;
}


#ModalWarning {
    margin: auto;
    margin-top: -2px;
    z-index: 1000001;
}

#ModalConfirm {
    margin: auto;
    margin-top: -2px;
    z-index: 1000001;
}

#ModalConfirmWithConflicts {
    margin: auto;
    margin-top: -2px;
    z-index: 1000001;
}

#ModalError .popup-msg-wrap span,
#ModalWarning .popup-msg-wrap span {
    margin-top: 30px;
    font-family: 'Graphik Regular Desktop';
    font-size: 15px;
    text-align: left;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    min-width: 670px;
}

#ModalConfirm .popup-msg-wrap span,
#ModalConfirmWithConflicts .popup-msg-wrap span {
    margin-top: 30px;
    font-family: 'Graphik Regular Desktop';
    font-size: 15px;
    text-align: left;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    min-width: 670px;
}

#ModalWarning .modal-dialog {
    min-width: 400px;
    max-width: 560px;
}

#ModalConfirm .modal-dialog {
    min-width: 400px;
    max-width: 560px;
}

#ModalConfirmWithConflicts .modal-dialog {
    min-width: 400px;
    max-width: 560px;
}

#report #ModalWarning .modal-dialog {
    width: auto !important;
    max-width: 500px;
}


#report #ModalWarning .modal-body {
    padding: 20px !important;
}

#report #ModalWarning .popup-msg-wrap span {
    max-width: 500px !important;
    min-width: 460px !important;
}

#blankLayOutBody #ModalWarning .modal-dialog {
    min-width: 400px;
    max-width: 400px;
}


    #blankLayOutBody #ModalWarning .modal-dialog .warning-message {
        padding: 15px;
    }

#ModalWarning .popup-msg-wrap #ModalWarning_Message p {
    margin-bottom: 0px;
    margin-top: 5px
}

#ModalWarning .popup-msg-wrap #ModalWarning_Message ul {
    padding-left: 20px !important;
}

#blankLayOutBody #ModalWarning {
    overflow: hidden !important;
    height: auto !important
}


    #blankLayOutBody #ModalWarning .modal-dialog {
        margin-top: 0px !important;
    }


#ModalWarning .modal-content,
#ModalError .modal-content {
    box-shadow: none !important;
    /*padding: 15px;*/
    padding: 0px !important;
    border-radius: 4px !important;
}

#ModalConfirm .modal-content,
#ModalConfirmWithConflicts .modal-content {
    box-shadow: none !important;
    /*padding: 15px;*/
    padding: 0px !important;
    border-radius: 4px !important;
}

#ModalConfirm .modal-dialog .btn-default,
#ModalConfirmWithConflicts .modal-dialog .btn-default {
    min-width: 90px;
    margin-top: 10px;
}

#ModalError .modal-dialog .btn-default,
#ModalError .modal-dialog .btn-default {
    min-width: 90px;
    margin-top: 10px;
}

#ModalError .modal-body {
    padding: 0px !important;
}


#ModalError .modal-dialog {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
}

/*
#ModalError .popup-msg-wrap .success-popup {
    margin-top: 30px;
    font-family: 'Graphik Regular Desktop';
    font-size: 16px;
    text-align: left;
    height: 70px;
    vertical-align: middle;
    display: table-cell;
    min-width: 350px;
}*/

/*#ModalError .close {
    color: #0050a0 !important;
    text-shadow: none;
    font-weight: normal;
    font-size: 36px !important;*/
/*width: 20px;
    height: 20px;*/
/*margin: 0px;
    padding: 0px !important;*/
/*margin-top: -10px;
    margin-right: -28px !important;*/
/*position: absolute;
    right: -40px;
    top: -11px;
}*/


#ModalError {
    margin: auto;
    margin-top: -2px;
    overflow-y: hidden;
    z-index: 1000001;
}

    #ModalError .modal-dialog .popup-ico-wrap {
        display: block;
    }



/*-------------------------Start of error alert newly added css -Error Alert -css kosala amarakoon----------------------------*/
.modalErrorImg {
    background: #D72B3F url("saas/icons.svg") no-repeat -20px -4886px !important;
    min-height: 70px !important;
    width: 65px !important;
    display: table-cell;
}


#ModalWarning .modal-header {
    border-bottom: 0px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-top: 4px;
    display: inherit !important;
    color: #323250;
}

#ModalConfirm .modal-header {
    border-bottom: 0px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-top: 4px;
    display: inherit !important;
    color: #323250;
}

#ModalConfirmWithConflicts .modal-header {
    border-bottom: 0px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-top: 4px;
    display: inherit !important;
    color: #323250;
}

#ModalError .modal-header {
    border-bottom: 0px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-top: 4px;
    display: inherit !important;
    color: #323250;
}

#ModalSuccess .modal-header {
    border-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 4px;
    margin-top: 5px;
    display: inherit !important;
    color: #323250;
}

#ModalSuccessWithFunction .modal-header {
    border-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 4px;
    margin-top: 5px;
    display: inherit !important;
    color: #323250;
}

#myModalLabelSuccess,
#myModalLabelConfirmation,
#myModalLabelConfirmWithConflicts,
#myModalLabelSuccessWithFunction,
#myModalLabelWarning,
#myModalLabelError {
    font-size: 16px;
    font-weight: normal;
    color: #323250;
}

/*.modalSuccessImg {
    background: #39854a url("../content/saas/icons.svg") no-repeat -11px -4009px;
    height: 70px;
}*/

#ModalError .popup-msg-wrap .success-popup {
    margin-top: 0px;
    font-family: 'Graphik Regular Desktop';
    text-align: left;
    padding-bottom: 5px;
    color: #323250;
    line-height: 17px;
    /*min-width: 500px !important;*/
}

#ModalWarning .popup-msg-wrap .success-popup {
    margin-top: auto;
    font-family: 'Graphik Regular Desktop';
    text-align: left;
    padding-bottom: 5px;
    color: #323250;
    line-height: 17px;
    min-width: 458px !important;
    /*min-width: 430px !important;*/
    padding-right: 28px;
}

#ModalConfirm .popup-msg-wrap .success-popup {
    margin-top: auto;
    font-family: 'Graphik Regular Desktop';
    text-align: left;
    padding-bottom: 5px;
    color: #323250;
    line-height: 17px;
    min-width: 458px !important;
    /*min-width: 430px !important;*/
    padding-right: 28px;
}

#ModalConfirmWithConflicts .popup-msg-wrap .success-popup {
    margin-top: auto;
    font-family: 'Graphik Regular Desktop';
    text-align: left;
    padding-bottom: 5px;
    color: #323250;
    line-height: 17px;
    min-width: 458px !important;
    /*min-width: 430px !important;*/
    padding-right: 28px;
}

#ModalError .popup-msg-wrap span {
    margin-top: 30px;
    font-family: 'Graphik Regular Desktop';
    font-size: 15px;
    text-align: left;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    min-width: 670px;
}


#ModalError .modal-dialog {
    min-width: 400px;
    max-width: 510px;
}

#report #ModalError .modal-dialog {
    width: auto !important;
    max-width: 500px;
}


#report #ModalError .modal-body {
    padding: 20px !important;
}

#report #ModalError .popup-msg-wrap span {
    max-width: 500px !important;
    min-width: 460px !important;
}

#blankLayOutBody #ModalError .modal-dialog {
    min-width: 400px;
    max-width: 400px;
}

#ModalError .modal-dialog .popup-ico-wrap {
    display: none;
}


#consequenceTableOuterScroll .aspTable tr:first-child {
    position: sticky;
    top: 0px;
    z-index: 100;
}

#consequenceTableOuterScroll .aspTable tr:nth-child(2) {
    position: sticky;
    top: 52px;
    background-color: #f7f7f9;
}

.consequencebtnConfirmCell .button {
    margin-right: 0px !important;
}


#consequenceTableOuterScroll .aspTable tr td:first-child {
    position: sticky;
    left: 0px;
    border-left: 1px solid #e0e0e0 !important;
    border-right: 1px solid #e0e0e0 !important;
    /*background-color: #fff;*/
    /* z-index: 10; */
}

#consequenceTableOuterScroll .aspTable tr:first-child td {
    border-top: 1px solid #e0e0e0 !important;
}

#consequenceTableOuterScroll .aspTable tr:nth-child(2) td:first-child {
    border-left-style: none !important;
    border-right-style: none !important;
}

#consequenceTableOuterScroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #0050a0;
}

#consequenceTableOuterScroll {
    margin-top: 15px;
}

.marginLeft20 {
    margin-left: 20px;
}

.RiskFieldSettingControlDiv .CheckBox label {
    margin-left: 15px;
    display: inline-block;
    vertical-align: top;
    width: 93%;
    margin-left: 0px;
    margin-bottom: 20px;
}

.RiskFieldSettingControlDiv .radWindowSaveBtnPlace .button {
    position: absolute;
    float: right
}


.riskFieldsGrid .CheckBox label {
    margin-left: 0px !important;
}

.riskFieldsGrid input[type=checkbox] {
    margin-top: 2px !important;
}

.paddingLeft20 {
    padding-left: 20px;
}


.marginBottom20 {
    margin-bottom: 20px;
}

.marginTop20 {
    margin-top: 20px;
}

.trStrategicFuture .textBox {
    width: 33%;
    margin-left: 25px;
}

span.btnNextArrow {
    padding-right: 10px;
    background: transparent url("saas/icons.svg") no-repeat -36px -3087px;
    text-align: right;
}

#btnNextx {
    margin-right: 10px;
    margin-top: -5px;
    margin-left: 20px;
}


.btnNextOuterDiv {
    text-align: right !important;
    width: 100%;
    display: table;
    margin-right: 20px !important;
}

a.btnNextTabTitle:hover,
a.btnNextTabTitle:focus,
a.btnNextTabTitle:active {
    text-decoration: none;
}




span.btnPreviousArrow {
    padding-left: 10px;
    background: transparent url("saas/icons.svg") no-repeat -32px -3049px;
    text-align: left;
}

#btnPreviousx {
    margin-left: 10px;
    margin-top: -5px;
}


.btnPreviousOuterDiv {
    text-align: left !important;
    width: 100%;
    display: table;
    margin-right: 20px !important;
}

a.btnNextTabTitle,
a.btnNextTabTitle:hover,
a.btnNextTabTitle:focus,
a.btnNextTabTitle:active {
    text-decoration: none;
}

a.btnPreviousTabTitle,
a.btnPreviousTabTitle:hover,
a.btnPreviousTabTitle:focus,
a.btnPreviousTabTitle:active {
    text-decoration: none;
}

#blankLayOutBody #ModalError .modal-dialog .warning-message {
    padding: 15px;
}

#ModalError .popup-msg-wrap #ModalError_Message p {
    margin-bottom: 0px;
    margin-top: 5px
}

#ModalError .popup-msg-wrap #ModalError_Message ul {
    padding-left: 20px !important;
}

#blankLayOutBody #ModalError {
    overflow: hidden !important;
    height: auto !important
}


    #blankLayOutBody #ModalError.modal-dialog {
        margin-top: 0px !important;
    }


#ModalError .modal-dialog .modal-content {
    /*box-shadow: 0 4px 10px rgb(0 0 0 / 10%) !important;*/
    /*padding:15px;*/
}

.success-popup {
    font-size: 14px;
}

.popup-msg-wrap .success-popup {
    margin-top: 15px;
    font-family: 'Graphik Medium Desktop';
    font-size: 14px;
}



#ModalError .modal-body {
    padding: 0px !important;
}


/* -----------------------End of error alert newly added css-----------------------------------------*/

/* -----------------------Start of confirm alert newly added css-----------------------------------------*/

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

.paddingLeftNone {
    padding-left: 45px !important;
}

#ModalConfirm .col-md-12 {
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/*#ModalConfirm .modal-header h4 {
    font-size: 20px;
    color: #323250 !important;
    font-family: 'Graphik Regular Desktop' !important;
    font-feature-settings: 'ss01', 'ss02';
}*/

/*#ModalConfirm .modal-title {
    margin: 0;
    line-height: 1.42857143;
}*/

#ModalConfirm .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

#ModalConfirm .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*z-index: 1050;*/
    display: block;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

/*#ModalConfirm .modal {
    background: rgba(0,80,160, 0.3)!important;
    z-index: 1000000;
}

#ModalConfirm .modal-header {
    min-height: 16.43px;
    padding: 15px;*/
/*   border-bottom: 1px solid #e5e5e5;*/
/*border-bottom-style: none;
}*/

.modal-dialog .modal-content {
    border-radius: 4px;
}

/*#ModalConfirm .modal-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 rgb(0 0 0 / 50%);*/
/*box-shadow: 0 3px 9px rgb(0 0 0 / 50%);*/
/*box-shadow: none !important;*/
/* padding: 15px; */
/*margin-top: 190px;
}*/

#ModalConfirm .modal-dialog .modal-content .modal-body .btn-default {
    color: #333;
    background-color: #fff;
    /* border-color: #ccc;*/
}

#ModalConfirm .modal-dialog .modal-content .modal-body .btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

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

#ModalConfirm .modal-dialog .modal-content .modal-body .btn-default {
    background-color: #fff;
    text-shadow: none;
    background-image: none;
    border: 2px solid #0050A0;
    margin-left: 5px !important;
    color: #323250;
    padding: 3px 12px 6px 12px !important;
}

#ModalConfirm .modal-dialog .btn-default {
    display: block;
    outline: none;
    min-width: 90px;
    margin-top: 10px;
    /*border-radius: 36px !important;*/
    font-size: 14px !important;
    font-weight: normal;
    padding: 2px 12px 3px 12px !important;
    margin-right: 8px;
    width: auto;
    height: 35px;
    border-radius: 30px !important;
    box-sizing: border-box !important;
}

#ModalConfirm .modal-dialog .modal-content .modal-body .btn-default:hover {
    background-color: #0050A0;
    border: 2px solid #0050A0;
    color: #fff;
}

#ModalConfirm .modal-dialog .modal-content .modal-body .btn-default.active, .btn-default:active {
    background-color: #e0e0e0;
    border-color: #dbdbdb;
}

/*#ModalConfirm_Message {*/
/* margin-top: 20px !important;*/
/*margin-left: -40px !important;
}*/

/*#ModalConfirm .popup-msg-wrap .success-popup {
    margin-bottom: 25px;
    margin-top: -16px !important;
    font-family: 'Graphik Medium Desktop';
    font-size: 14px;
}*/

#ModalConfirm .close {
    color: #0050a0 !important;
    text-shadow: none;
    font-weight: 300;
    font-size: 36px !important;
    /*width: 20px;
    height: 20px;*/
    margin: 0px;
    padding: 0px !important;
    /*margin-top: -10px;
    margin-right: -28px !important;*/
    position: absolute;
    right: -10px;
    top: -14px;
    opacity: 1 !important;
}

#ModalConfirmWithConflicts .close {
    color: #0050a0 !important;
    text-shadow: none;
    font-weight: 300;
    font-size: 36px !important;
    /*width: 20px;
    height: 20px;*/
    margin: 0px;
    padding: 0px !important;
    /*margin-top: -10px;
    margin-right: -28px !important;*/
    position: absolute;
    right: -10px;
    top: -14px;
    opacity: 1 !important;
}

#ModalWarning button.close:hover,
#ModalError button.close:hover,
#ModalSuccessWithFunction button.close,
#ModalSuccess button.close:hover,
#ModalConfirmWithConflicts button.close:hover,
#ModalConfirm button.close:hover {
    border: 0px !important;
    opacity: 1;
}

#ModalWarning button.close,
#ModalError button.close,
#ModalSuccess button.close,
#ModalSuccessWithFunction button.close,
#ModalConfirmWithConflicts button.close,
#ModalConfirm button.close {
    /*border: 0px !important;*/
    margin: 8px !important;
    opacity: 1;
}

#ModalConfirm {
    background: rgba(0,80,160, 0.3) !important;
    z-index: 1000001;
}

/* -----------------------End of confirm alert newly added css-Kosala Amarakoon ----------------------------------------*/

.PopupPage .modalWarningImg {
    min-height: 65px !important;
    background: #F28230 url("saas/icons.svg") no-repeat -17px -4296px !important;
}

.PopupPage .close {
    right: -7px !important;
    top: -13px !important;
}

#divMyRecomendationQuickUpdateFilter .datacellFilterControlNopadding.datacell.aligntop .RadPicker {
    margin-top: 15px;
}

#divMyRecomendationQuickUpdateFilter .RadAjaxPanel .labeldatacell.dateCellWidth0 .label {
    white-space: nowrap !important;
}

.txtLowerCase {
    text-transform: lowercase !important;
}

#riskactiongriddiv .GridView .FooterStyle td {
    vertical-align: top !important;
}


#ModalWarning {
    flex: none !important;
}

#ModalConfirm {
    flex: none !important;
}

#ModalConfirmWithConflicts {
    flex: none !important;
}



    #ModalConfirmWithConflicts .col-md-12 {
        width: 100%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 0px !important;
    }

    /*#ModalConfirmWithConflicts .modal-header h4 {
    font-size: 20px;
    color: #323250 !important;
    font-family: 'Graphik Regular Desktop' !important;
    font-feature-settings: 'ss01', 'ss02';
}

#ModalConfirmWithConflicts .modal-title {
    margin: 0;
    line-height: 1.42857143;
}*/

    #ModalConfirmWithConflicts .fade {
        opacity: 0;
        -webkit-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        transition: opacity .15s linear;
    }

    #ModalConfirmWithConflicts .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        /*z-index: 1050;*/
        display: block;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }

    #ModalConfirmWithConflicts .modal {
        background: rgba(0,80,160, 0.3) !important;
        z-index: 1000000;
    }

/*#ModalConfirmWithConflicts .modal-header {
    min-height: 16.43px;
    padding: 15px;*/
/*   border-bottom: 1px solid #e5e5e5;*/
/*border-bottom-style: none;
}*/

.modal-dialog .modal-content {
    border-radius: 4px;
}

#ModalConfirmWithConflicts .modal-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 rgb(0 0 0 / 50%);
    /*box-shadow: 0 3px 9px rgb(0 0 0 / 50%);*/
    box-shadow: none !important;
    /* padding: 15px; */
    margin-top: 190px;
}

#ModalConfirmWithConflicts .modal-dialog .modal-content .modal-body .btn-default {
    color: #333;
    background-color: #fff;
    /* border-color: #ccc;*/
}

#ModalConfirmWithConflicts .modal-dialog .modal-content .modal-body .btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}


#ModalConfirmWithConflicts .modal-dialog .modal-content .modal-body .btn-default {
    background-color: #fff;
    text-shadow: none;
    background-image: none;
    border: 2px solid #0050A0;
    margin-left: 5px !important;
    color: #323250;
    padding: 3px 12px 6px 12px !important;
}



#ModalConfirmWithConflicts .modal-dialog .btn-default {
    outline: none;
    min-width: 90px;
    margin-top: 10px;
    /*border-radius: 36px !important;*/
    font-size: 14px !important;
    font-weight: normal;
    padding: 2px 12px 3px 12px !important;
    margin-right: 8px;
    width: auto;
    height: 35px;
    border-radius: 30px !important;
    box-sizing: border-box !important;
}

#ModalConfirmWithConflicts .modal-dialog .modal-content .modal-body .btn-default:hover {
    background-color: #0050A0;
    border: 2px solid #0050A0;
    color: #fff;
}

#ModalConfirmWithConflicts .modal-dialog .modal-content .modal-body .btn-default.active, .btn-default:active {
    background-color: #e0e0e0;
    border-color: #dbdbdb;
}

#ModalConfirmWithConflicts .modal-body {
    padding-top: 0px;
}

/*#ModalConfirmWithConflicts .popup-msg-wrap .success-popup {
    margin-top: 0px !important;
}*/



#tblMyUpdateHome #trMyUpdateRisks sup {
    /*top: 6px !important;*/
    /*left: -2px !important;*/
    margin-left: 0px !important;
    margin-top: -1px !important;
}

#divMyUpdateRisksGrid .myupdateGrid .custommiddlecontent {
    overflow: auto;
}



    #divMyUpdateRisksGrid .myupdateGrid .custommiddlecontent .criteriaArea .adjustCriteriaLabel {
        /*float: none !important;*/
    }

#ModalConfirmWithConflicts .close,
#ModalConfirmWithConflicts .close:hover,
#ModalConfirmWithConflicts .close:focus,
#ModalConfirmWithConflicts .close:focus:hover {
    color: #0050a0 !important;
    text-shadow: none;
    font-weight: 300;
    font-size: 36px !important;
    /*width: 20px;
    height: 20px;*/
    margin: 0px;
    padding: 0px !important;
    /*margin-top: -10px;
    margin-right: -28px !important;*/
    position: absolute;
    right: -10px;
    top: -14px;
    opacity: 1;
}

.btnNextTabTitle:hover,
.btnNextTabTitle:focus {
    text-decoration: underline !important;
}

.btnPreviousTabTitle:hover,
.btnPreviousTabTitle:focus {
    text-decoration: underline !important;
}


#consequenceTableOuterScroll .aspTable td.content {
    cursor: pointer;
}

#consequenceTableOuterScroll .aspTable tr:nth-child(2) td {
    cursor: default !important;
    font-family: 'Graphik Medium Desktop';
    font-size: 14px;
}

    #consequenceTableOuterScroll .aspTable tr:nth-child(2) td:hover,
    #consequenceTableOuterScroll .aspTable tr:nth-child(2):hover {
        background-color: #F7F7F9 !important;
    }

#consequenceTableOuterScroll .aspTable td.content:hover,
#consequenceTableOuterScroll .aspTable td.content:hover > textarea {
    background-color: #F0F7FF !important;
    color: #323250;
}

#consequenceTableOuterScroll .aspTable td.hilighttd:hover,
#consequenceTableOuterScroll .aspTable td.hilighttd:focus,
#consequenceTableOuterScroll .aspTable td.hilighttd:hover > textarea,
#consequenceTableOuterScroll .aspTable td.hilighttd:focus > textarea {
    background-color: #06509e !important;
    color: #fff !important;
}


.RadComboBoxDropDown .rcbItem > label,
.RadComboBoxDropDown .rcbHovered > label,
.RadComboBoxDropDown .rcbDisabled > label,
.RadComboBoxDropDown .rcbLoading > label,
.RadComboBoxDropDown .rcbCheckAllItems > label,
.RadComboBoxDropDown .rcbCheckAllItemsHovered > label {
    padding: 5px !important;
}

#riskcontrolgriddiv .RadGrid .rgFooter > td {
    padding-bottom: 10px !important
}

.minWidth120 {
    min-width: 120px;
}

#ModalWarning .warning-message .popup-msg-wrap {
    margin-top: 10px;
}


#ModalConfirm .warning-message .popup-msg-wrap {
    margin-top: 10px;
}

.Panel .aspTable th span {
    color: #525252 !important;
}

.multipleHierarchyTree {
    height: 250px;
    width: 100%;
    overflow: scroll;
    border: solid 1px #eaeaea;
    min-width: 340px;
    max-width: 450px;
}

/*.multipleHierarchyTree .rtTop label .rtChk,
.multipleHierarchyTree .rtMid label .rtChk,
.multipleHierarchyTree .rtBot label .rtChk {
    vertical-align: top;
    margin-top: 6px;
}

.multipleHierarchyTree .rtTop label .rtIn,
.multipleHierarchyTree .rtMid label .rtIn,
.multipleHierarchyTree .rtBot label .rtIn {
    display: inline-block;
    width: 93%;
}*/

/*risk aggregation edits*/
.Copy-move {
    background: transparent url("saas/icons.svg") no-repeat -33px -5202px !important;
    padding-left: 40px !important;
}


.riskCriteriaSeperator {
    border-top: 1px solid #e0e0e0;
    padding-top: 5px;
}

.lblLinkedChildRisks {
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
}

    .lblLinkedChildRisks .label {
        font-size: 15px !important;
        font-family: graphik medium desktop !important;
    }

.dateCellWidth4 .labeldatacell .aligntop .label {
    font-weight: 600;
}

.labelText {
    font-size: 13px !important;
    font-family: 'Graphik Medium Desktop';
}

.lblAgrRiskRatingText {
    font-size: 13px !important;
    font-family: 'Graphik Medium Desktop';
    padding-bottom: 5px;
}
/*.heatMapHorizontalAdjust #aggregationchart svg {
    max-width: 400px !important;
}*/

.agrInfoTooltip {
    background: transparent url("saas/icons.svg") no-repeat -49px -5279px !important;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    /*display: block;*/
    height: 25px;
    width: 25px;
    /*float: right;*/
    /*margin-right: 320px;*/
    margin-top: -1px;
    background-size: contain;
    background-size: 24px;
}

    .agrInfoTooltip .agrInfoTooltiptext {
        display: none;
        width: 350px;
        background-color: #363755;
        color: #fff;
        text-align: left;
        border-radius: 4px;
        padding: 15px !important;
        position: absolute;
        z-index: 1000;
        bottom: 70%;
        left: 54%;
        margin-left: -250px;
    }

        .agrInfoTooltip .agrInfoTooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 70%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }

    /*.agrInfoTooltip .agrInfoTooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 70%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }*/

    .agrInfoTooltip:hover .agrInfoTooltiptext {
        display: inline;
    }

.labeldatacell .tooltip {
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    font-style: italic;
    display: inline-flex;
    align-items: center;
}

.registerheatMapArea .accordion-toggle:after {
    margin-top: 3px;
    margin-left: 10px;
    transform: rotate(270deg) !important;
}

.heatMapHorizontalAdjust .accordion-toggle:after {
    margin-top: 3px;
    margin-left: 10px;
}

.heatMapHorizontalAdjust .RiskAggregationControlDiv {
    /*float: right;*/
    width: 39%;
    /*margin-right: 15px;*/
    /*display: block;*/
    float: right;
}

#aggregationchart svg {
    height: 54px !important;
}

.agrInfoTooltip .agrInfoTooltiptext .label,
.agrSettingInfoTooltip .agrSettingInfoTooltiptext .label {
    color: white !important;
    font-family: 'Graphik Regular Desktop';
    line-height: 16px;
}

.agrSettingInfoTooltip {
    background: transparent url("saas/icons.svg") no-repeat -43px -5278px !important;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 30px;
    margin-top: 5px;
    background-size: contain;
    background-size: 24px;
}

    .agrSettingInfoTooltip .agrSettingInfoTooltiptext {
        display: none;
        width: 445px;
        background-color: #363755;
        color: #fff;
        text-align: left;
        border-radius: 4px;
        padding: 15px !important;
        position: absolute;
        z-index: 1;
        top: 121%;
        left: 49%;
        margin-left: -12px;
        /*margin-left: -60px;*/
        /*top: 130%;*/
    }

        .agrSettingInfoTooltip .agrSettingInfoTooltiptext::after {
            content: " ";
            position: absolute;
            bottom: 100%; /* At the top of the tooltip */
            left: 3%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .agrSettingInfoTooltip:hover .agrSettingInfoTooltiptext {
        display: inline;
    }

.linkedAsChild {
    background: transparent url("saas/icons.svg") no-repeat -45px -5403px !important;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 30px;
    margin-top: 5px;
    background-size: contain;
    background-size: 24px;
}

.linkedAsParent {
    background: transparent url("saas/icons.svg") no-repeat -45px -5342px !important;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 30px;
    margin-top: 5px;
    background-size: contain;
    background-size: 24px;
}

.independentRisk {
    background: transparent url("saas/icons.svg") no-repeat -43px -5501px !important;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 30px;
    margin-top: 5px;
    background-size: contain;
    background-size: 24px;
}

.tooltiptextalign {
    margin-left: 20px;
    display: block;
    text-align: left;
    line-height: 22px;
}

.heatMapHorizontalAdjust .accordion-toggle:after,
.registerheatMapArea .accordion-toggle:after {
    color: #0050a0; /* adjust as needed */
    cursor: pointer;
}

.heatMapHorizontalAdjust .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
}

.heatMapHorizontalAdjust .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.riskAggregationControlSeperator .riskRatingBlock {
    margin-top: 3px;
}

.riskAggregationControlSeperator .labelText {
    font-size: 13px !important;
    font-family: 'Graphik Medium Desktop' !important;
}


.AgrRiskRatingText .label {
    font-family: 'Graphik Medium Desktop' !important;
    font-size: 14px;
}

.AgrRiskChartLbl .labelText {
    font-size: 14px !important;
    font-family: 'Graphik Regular Desktop' !important;
}

.aggregationchart.k-chart {
    margin-left: -5px;
    width: 100% !important;
}

.heatMapHorizontalAdjust .AgrRiskRatingText {
    /*margin-bottom: 7px !important;*/
}

.marginRight10 {
    margin-right: 10px;
}



.RiskAggregationControlDiv .aggregatoinExpander .RadGrid_IRM {
    position: relative !important;
    /*width: 300px;*/
    /*padding-top: 150px;
    margin-top: -155px;*/
    /*border: 1px solid #e0e0e0 !important;*/
    /*margin-left:-6px;*/
}

    .RiskAggregationControlDiv .aggregatoinExpander .RadGrid_IRM td {
        border-style: none !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        padding-right: 0px !important;
    }

.RiskAggregationControlDiv .aggregatoinExpander .RadGrid .rgMasterTable {
    border-style: none !important
}

.registerheatMapArea .accordion-toggle.collapsed:after {
    margin-top: 3px;
    margin-left: 10px;
    transform: rotate(18deg);
}


.RiskAggregationControlDiv .aggregatoinExpander {
    width: 300px;
    padding-top: 70px;
    margin-top: -97px;
    border: 1px solid #e0e0e0 !important;
    z-index: 1;
    position: absolute;
    margin-left: -10px;
    width: 300px;
    background-color: #fff;
}

.aggregateRiskRatingTxt {
    border-top: 1px solid #e0e0e0;
    /*border-bottom: 1px solid #e0e0e0;*/
    padding-top: 15px;
    /*padding-bottom: 15px;*/
    padding-left: 10px;
}

.aggregateRiskRatingImg input[type=image] {
    margin-top: -10px;
    z-index: 2;
    position: relative
}

.aggregateRiskRatingTxt .label {
    font-family: Graphik Medium Desktop;
    font-size: 14px;
}

.RiskAggregationControlDiv .aggregatoinExpander .RadGrid_IRM .riskRatingBlock {
    margin-top: 0px !important;
}

.RiskAggregationControlDiv .aggregatoinExpander .RadGrid_IRM td img {
    height: 35px;
}


.AgrRiskRatingText {
    display: flex;
    position: relative;
    z-index: 2;
}

.aggregateRiskRatingImg .lblRiskRating {
    position: relative;
    z-index: 2;
}

.aggregateRiskRatingImg .riskRatingBlock {
    position: relative;
    z-index: 2;
}

.agrRiskRatingScore {
    display: flex;
    position: relative;
    z-index: 2;
}

.heatMapHorizontalAdjust .accordion-toggle.collapsed:after {
    margin-top: 3px;
    margin-left: 10px;
    transform: rotate(90deg);
}

.heatMapHorizontalAdjust .accordion-toggle:after {
    margin-top: 3px;
    margin-left: 10px;
    transform: rotate(180deg);
}


.aggregateRiskRatingCountTxt .label {
    font-family: 'Graphik Regular Desktop' !important;
    font-size: 14px;
}

.aggregateRiskRatingCountTxt {
    /*border-top: 1px solid #e0e0e0;*/
    border-bottom: 1px solid #e0e0e0;
    margin-top: -15px;
    /*padding-top: 15px;*/
    padding-bottom: 15px;
    padding-left: 10px;
}

.AgrRiskRatingImg img {
    /*margin-top: -10px;*/
    z-index: 2;
    position: relative;
    width: 53px;
}

.riskSharingTxt {
    /*border-top: 1px solid #e0e0e0;*/
    border-bottom: 1px solid #e0e0e0;
    /*padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;*/
    margin-left: -20px;
}

.riskSharingActionsTxt {
    border-bottom: 1px solid #e0e0e0;
    /*border-bottom: 1px solid #e0e0e0;*/
    /*padding-top: 15px;*/
    /*padding-bottom: 10px;*/
    /*padding-left: 10px;*/
    /*margin-left: -20px;*/
}

.marginTop25 {
    margin-top: 25px !important;
}

.copymoveActionORProject .copymovedatecellwidth3 {
    width: 20% !important;
}

.copymoveActionORProject .businessUnitWidth .RadComboBox {
    width: 50% !important;
}

.marginEmpty {
    margin: 5px !important;
}

div[id$="rwRiskCopyAndMoveWindow"] .rwMaximizeButton {
    display: none !important;
}

div[id$="rwRiskCopyAndMoveWindow"].RadWindow_IRM a.rwCloseButton {
    background: transparent url("saas/icons.svg") no-repeat -12px -1539px !important;
}

.paddingBottom25 {
    padding-bottom: 25px !important;
}

.paddingLeft10 {
    padding-left: 10px !important;
}

.buPadding {
    padding-bottom: 10px !important;
}

.copymoveActionORProject .multipleSelectHierarchyCtrl {
    margin-top: -45px !important;
}

.aggrcopymoveConvert {
    background-color: #0050A0 !important;
    color: #fff !important;
    border: 1.5pt solid #0050A0 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    width: 74px;
    border-radius: 30px !important;
    padding: 2px 12px 3px 12px !important;
    height: 35px !important;
    box-sizing: border-box;
}

.copymoveActionORProject .movePrimaryRiskDropdownWidth {
    width: 50% !important;
}

.copymoveActionORProject .primaryRiskDropdownWidth .DropDownList {
    width: 100% !important;
}


.minWidth160 {
    min-width: 160px;
}


.moveRiskSelectionControl .aggregationCopyRiskCheckbox {
    display: none;
}

.moveRiskSelectionControl .moveRiskRatingChkbox {
    margin-top: 8px;
    margin-left: 20px;
}


.moveRiskSelectionControl .moveRiskRatinglbltd {
    /*padding-top: 7px;*/
    padding-top: 33px !important;
}

.copyMoveRiskMultipleHierarchy .RadTreeView_Default {
    width: 800px !important;
    margin-bottom: 60px;
}

.businesssUnitCopyMoveArea .businessUnitWidth .RadComboBox {
    width: 100% !important;
}

.copyMoveRiskMultipleHierarchy .RadTreeView_Default .rtIn {
    white-space: normal;
    margin-left: 5px;
}

.copymoveActionORProject .actionProjectControlWidth .RadComboBox {
    width: 50% !important;
}

.copymoveActionORProject .actionProjectControlWidth .DropDownList {
    width: 50% !important;
}

.dateCellWidthAgrSettings {
    width: 220px !important;
}

.riskAgrSettings .agrTypeWidth .RadComboBox {
    width: 43% !important;
}

.copymoveActionORProject .actionProjectControlWidth .raddropdownlist {
    width: 50% !important;
}

.marginTop5 {
    margin-top: 5px !important;
}

.businesssUnitCopyMoveArea .agrInfoTooltip .agrInfoTooltiptext {
    bottom: 130%;
}

.copyMoveRiskMultipleHierarchy .agrInfoTooltip {
    margin-left: -10px;
    padding-right: 25px !important;
}

.aggrCopyMove .labeldatacell .info {
    font-style: normal !important;
}

.paddingLeftlbl {
    padding-left: 15px;
}

.businesssUnitCopyMoveArea .businessUnitWidth .RadComboBox {
    width: 100% !important;
}

.moveRiskSelectionControl .moveRiskRatinglbltd,
.moveRiskSelectionControl .moveRiskRatingChkbox {
    padding-bottom: 25px !important;
}

.aggrExpandScrollable {
    max-height: 250px;
    overflow-y: auto;
    padding-left: 10px;
}


/*----Consequence table & catagory ----*/

.categoryHierarchyLink .popUps .linksAlignment {
    width: 100%;
    float: left;
    padding-top: 20px !important;
}

.categoryHierarchyLink .popUps {
    /*border-top: 1px solid #e0e0e0;*/
    padding-top: 15px !important;
}

    .categoryHierarchyLink .popUps .hierarchyLinksAlignment {
        /* width:35%;*/
        padding-top: 25px !important;
    }

.hierarchyLinksAdd {
    background-color: #0050A0 !important;
    color: #fff !important;
    border: 1.5pt solid #0050A0 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    width: auto;
    border-radius: 30px !important;
    padding: 2px 12px 3px 12px !important;
    height: 35px !important;
    box-sizing: border-box;
}

.consequenceTblToolTip {
    background: transparent url("saas/icons.svg") no-repeat -41px -5280px !important;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    padding-right: 30px;
    /*display: block;*/
    height: 25px;
    width: 35px;
    /*float: right;*/
    /*margin-right: 320px;*/
    margin-top: 6px;
    background-size: contain;
    background-size: 24px;
}

.consequenceTblToolTipText .labeldatacell .helpText {
    font-style: normal !important;
    color: #323250;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    display: inline-flex;
    align-items: center;
    /*margin-top: -10px !important;*/
}

.showCategoryConsequenceTbl .showCategoryArea .selectRiskType {
    padding-left: 10px;
}


.commonHierarchyFilterControlMain .commonHierarchyFilterControl .minwidth30 {
    /*width: 30% !important;*/
    /*max-width:115px !important;*/
}


.commonHierarchyFilterControl .RadComboBox {
    width: 80% !important;
}

.applyFilterAlignTop {
    margin-top: -2px !important;
}

.copymoveActionORProject .CheckBox label {
    margin-right: 10px;
    margin-left: 0px;
    padding-left: 0px;
}

[id$="_copyRiskSelectionControl_chkLinkToParent"] + label {
    margin-right: 0px !important;
}

[id$="_radGridRiskCategory"] .imgTxtButton.imagebuttonUpdate {
    margin-bottom: 10px !important;
}

#trMyUpdateRecommendations .lblFirstAgreedImplementationDate {
    padding-top: 10px !important;
}

#trMyUpdateRecommendations .pbcontainer {
    margin-top: 8px;
}

@media(max-width:1366px) {
    .heatMapHorizontalAdjust .criteriaArea .criteriaTblRating [id$="_lblRatingParent"] {
        width: 120px !important;
        display: inline-table;
    }
}


.categoryHierarchyLink .multipleSelectHierarchyCtrl {
    width: 100% !important;
}


    .categoryHierarchyLink .multipleSelectHierarchyCtrl .RadTreeView_Default .rtIn {
        white-space: normal !important;
    }

.categoryHierarchyLink .hierarchyDropdownCell select {
    margin-bottom: 10px !important;
}

/*.paddingRightNone {
    padding-right: 55px !important;
}*/

.paddingRightNone {
    padding-right: 0px !important;
}

.minwidth250 {
    min-width: 250px;
}

.settingsRiskCategories .RadGrid_IRM thead tr {
    position: sticky;
    top: 0px;
    z-index: 1000;
}

.settingsRiskCategories .RadGrid_IRM .rgMasterTable {
    /*width: 1155px !important;*/
    /*height: 570px;*/
    display: block;
    overflow: auto;
}

.settingsRiskCategories .RadGrid_IRM {
    width: auto !important;
}

.settingsRiskCategories .RadGrid tr td:nth-child(1) {
    position: sticky !important;
    left: 0px !important;
    z-index: 10;
}

.settingsRiskCategories .RadGrid tr td:nth-child(2) {
    position: sticky !important;
    left: 38px !important;
    z-index: 10;
}


.settingsRiskCategories .RadGrid tr td:nth-child(3) {
    position: sticky !important;
    left: 147px !important;
    z-index: 10;
}

.settingsRiskCategories .RadGrid .rgHeader:nth-child(1) {
    position: sticky !important;
    left: 0px !important;
    z-index: 100;
}

.settingsRiskCategories .RadGrid .rgHeader:nth-child(2) {
    position: sticky !important;
    left: 38px !important;
    z-index: 100;
}

.settingsRiskCategories .RadGrid .rgHeader:nth-child(3) {
    position: sticky !important;
    left: 147px !important;
    z-index: 100;
}

.riskAgrSettings .toolbarswitch {
    margin-left: -10px !important;
}

.minwidth350 {
    min-width: 350px;
}

#divMyUpdateRisksGrid .heatMapHorizontalAdjust .RiskAggregationControlDiv.riskCriteriaSeperator {
    border-top-style: none !important
}

#divMyUpdateRisksGrid .nextPreviousSeperator {
    display: none
}

#divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaArea .criteriaTblRating {
    width: 30%;
    float: left;
    padding-left: 10px;
    padding-top: 0px !important;
    margin-top: 40px;
}

#divMyUpdateRisksGrid .heatMapHorizontalAdjust .RiskAggregationControlDiv {
    float: right;
    width: 30%;
    margin-right: 2.2%;
    display: block;
    margin-top: -140px;
}

#divMyUpdateRisksGrid .riskAggregationControlSeperator .agrInfoTooltip {
    /*background: transparent url(saas/icons.svg) no-repeat -41px -5277px !important;*/
}


.copymoveActionORProject .actionProjectControlWidth .RadDropDownList {
    width: 50% !important;
}

.copymoveActionORProject .actionorprojectComboDatacell {
    padding-top: 15px !important;
}


.copymoveActionORProject .actionProjectControlWidth {
    padding-top: 15px !important;
}

.copymoveActionORProject .lblResponsibleOfficerPadding {
    padding-top: 15px !important;
}

.aggrcopymoveConvert:hover {
    width: 74px !important;
}

.paddingTop15 {
    padding-top: 15px !important;
}


/*@media(min-width:1921px) {

    .heatMapHorizontalAdjust #chartdiv {
        margin-right: 12% !important;
    }

    .heatMapHorizontalAdjust .chartRiskPosition {
        margin-right: 21.3% !important;
    }
}*/

.consequencebtnConfirmCellButton {
    text-align: right;
    margin-top: 15px;
}

.riskAggregationControlSeperator .accordion-toggle:after {
    margin-top: 3px;
    margin-left: 10px;
    transform: rotate(180deg) !important;
}

.riskAggregationControlSeperator .accordion-toggle.collapsed:after {
    margin-top: 3px;
    margin-left: 10px;
    transform: rotate(90deg) !important;
}


.criteriaLblTDPadding {
    padding: 30px 5px !important
}

.RadDropDownList_Default .rddlIcon {
    background: transparent url("saas/icons.svg") no-repeat -34px -3944px !important;
    width: 22px !important;
    height: 22px !important;
    padding-left: 4px !important;
}


.copyMoveWindowButtons {
    position: fixed;
    width: 98%;
    bottom: 0px;
    background-color: #fff;
}





.categoryHierarchyLink .multipleSelectHierarchyCtrl .RadTreeView_Default .rtIn {
    white-space: normal !important;
}

.categoryHierarchyLink .hierarchyDropdownCell select {
    margin-bottom: 10px !important;
}



.minwidth250 {
    min-width: 250px;
}

.settingsRiskCategories .RadGrid_IRM thead tr {
    position: sticky;
    top: 0px;
    z-index: 1000;
}

.settingsRiskCategories .RadGrid_IRM .rgMasterTable {
    /*width: 1155px !important;*/
    /*height: 570px;*/
    display: block;
    overflow: auto;
}

.settingsRiskCategories .RadGrid_IRM {
    width: auto !important;
}

.settingsRiskCategories .RadGrid tr td:nth-child(1) {
    position: sticky !important;
    left: 0px !important;
    z-index: 10;
}

.settingsRiskCategories .RadGrid tr td:nth-child(2) {
    position: sticky !important;
    left: 38px !important;
    z-index: 10;
}


.settingsRiskCategories .RadGrid tr td:nth-child(3) {
    position: sticky !important;
    left: 147px !important;
    z-index: 10;
}

.settingsRiskCategories .RadGrid .rgHeader:nth-child(1) {
    position: sticky !important;
    left: 0px !important;
    z-index: 100;
}

.settingsRiskCategories .RadGrid .rgHeader:nth-child(2) {
    position: sticky !important;
    left: 38px !important;
    z-index: 100;
}

.settingsRiskCategories .RadGrid .rgHeader:nth-child(3) {
    position: sticky !important;
    left: 147px !important;
    z-index: 100;
}



.divCustomWarning .form-box label,
.divCustomWarning .errlbl {
    color: #323250 !important;
    font-size: 13px;
    font-family: 'Graphik Light Desktop' !important;
}

.divCustomWarning {
    text-align: center;
}

.clientLoginWarning {
    font-family: 'Graphik Medium Desktop' !important;
    font-size: 14px !important;
}

.divCustomWarningOuter {
    width: 55%;
    min-width: 300px;
    background-color: #fff;
    margin: auto;
    border-radius: 25px;
    padding: 50px 25px 70px 25px;
    text-align: center;
}




.heatMapHorizontalAdjust .riskAggregationControlSeperator {
    /* clear:both; */
    /*width: 750px;
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 30px;*/
}

.heatMapHorizontalAdjust .aggregatedRiskChildRisksDiv {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.heatMapHorizontalAdjust .aggregatedRiskRatingDiv {
    width: 50%;
    float: right;
}

.heatMapHorizontalAdjust .RiskAggregationControlDiv .aggregatoinExpander {
    margin-top: 5px !important;
    right: 10px;
}


.heatMapHorizontalAdjust .marginAuto {
    margin: auto;
}

/*.heatMapHorizontalAdjust .adjustInHZView {
    width:auto !important;
}*/

.agrRiskRatingScore .label {
    margin-right: 5px
}

@media ( min-width: 1500px ) {

    .heatMapHorizontalAdjust .criteriaArea {
        width: 60% !important;
    }
}

.heatMapHorizontalAdjust .agrInfoTooltip .agrInfoTooltiptext::after {
    left: 70% !important;
}

.heatMapHorizontalAdjust td[controltype=RiskCriteriaGroupControl] {
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
}

.heatMapHorizontalAdjust .criteriaTbl {
    padding-top: 0px !important
}

@media ( max-width: 1366px ) {
    .heatMapHorizontalAdjust .aggregatedRiskChildRisksDiv {
        width: 48%;
    }

    .heatMapHorizontalAdjust .aggregatedRiskRatingDiv {
        width: 52%;
    }

    .heatMapHorizontalAdjust .criteriaArea .criteriaTblRating {
        padding-left: 10px;
    }

    .heatMapHorizontalAdjust .adjustInHZView {
        width: 100% !important;
    }

    .heatMapHorizontalAdjust .criteriaTblRatingDiv img {
        width: 43px;
    }

    .heatMapHorizontalAdjust .criteriaTblRatingDiv img,
    .heatMapHorizontalAdjust .criteriaTblRatingDiv input[type=image] {
        width: 43px !important;
    }

    .criteriaTblRatingDiv {
        float: none;
    }

    #divMyUpdateRisksGrid .heatMapHorizontalAdjust .RiskAggregationControlDiv .AgrRiskRatingImg img {
        width: 43px !important;
    }

    #divMyUpdateRisksGrid .heatMapHorizontalAdjust .aggregatedRiskChildRisksDiv {
        width: 100%;
    }

    #divMyUpdateRisksGrid .heatMapHorizontalAdjust .aggregatedRiskRatingDiv {
        width: 100%;
    }

    #divMyUpdateRisksGrid .heatMapHorizontalAdjust .RiskAggregationControlDiv .aggregatoinExpander {
        margin-top: -90px !important;
        right: 30px !important;
    }
}

.heatMapHorizontalAdjust .aggregationchart.k-chart {
    height: 42px !important;
    margin-top: -10px;
}

.criteriaTblRatingDiv {
    max-width: 200px;
    min-width: 180px;
    /*margin-bottom:10px;*/
    /*margin: auto;*/
    float: left;
}

.heatMapHorizontalAdjust .criteriaTblRatingDiv {
    max-width: 180px;
    min-width: 180px;
    margin: auto;
    margin-bottom: 5px;
    /*float:left;*/
}

.heatMapHorizontalAdjust .riskCriteriaSeperator {
    padding-top: 0px;
}




.paddingTop3 {
    padding-top: 3px !important;
}


.agrRiskRatingScore .label {
    font-size: 14px;
}

.criteriaTblRatingDiv input[type=image],
.criteriaTblRatingDiv img {
    width: 53px;
}

.heatMapHorizontalAdjust .criteriaArea .criteriaTblRating [id$="_lblRatingParent"] {
    width: 127px;
    display: inline-table;
}

.heatMapHorizontalAdjust .criteriaArea .riskRatingBlock .label {
    font-family: 'Graphik Light Desktop';
}

.heatMapHorizontalAdjust .criteriaArea .lblRiskRating .label {
    font-family: 'Graphik Regular Desktop' !important;
}

#chartdiv tspan {
    font-weight: normal !important;
    color: #323250 !important;
}

.aggrExpandScrollable .RadGrid .rgRow td a,
.aggrExpandScrollable .RadGrid .rgAltRow td a {
    font-family: Graphik Regular Desktop;
    color: #323250 !important;
}

.criteriaTblRatingDiv .label {
    font-size: 14px;
}

#divMyUpdateRisksGrid .heatMapHorizontalAdjust .aggregatedRiskRatingDiv {
    width: initial;
    float: left;
    /*margin-top: 40px;*/
    padding-left: 0px;
}

#divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaArea .criteriaTblRating [id$="_lblRatingParent"] {
    width: 140px !important;
    display: inline-table;
}

#divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaTblRatingDiv {
    float: left;
}

#divMyUpdateRisksGrid .heatMapHorizontalAdjust .criteriaTblRatingDiv {
    margin-bottom: 0px;
}

#divMyUpdateRisksGrid .heatMapHorizontalAdjust .RiskAggregationControlDiv .aggregatoinExpander {
    margin-top: 0px;
    right: 225px;
}

.categoryHierarchyLinkBtn .button {
    width: 70px !important;
    margin-right: 0px;
}

.categoryHierarchyLinkBtn .hierarchyLinksAdd {
    margin-right: 10px !important;
}

.categoryHierarchyLinkBtn {
    position: fixed;
    width: 100%;
    text-align: right;
    display: table-cell;
    bottom: 0px;
    background-color: #fff;
}

.ConseFilterTxtArea .filtericon {
    color: #0050a0 !important;
}

.ConseFilterTxtArea #divQuickUpdateFilter {
    margin-top: 14px;
    overflow-y: auto;
    background-color: #fff;
    width: 100% !important;
    top: 83px;
    box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 15%);
    position: absolute;
    right: 15px !important;
    z-index: 1000;
    left: auto;
    border-radius: 5px;
}

    .ConseFilterTxtArea #divQuickUpdateFilter td.datacell {
        padding-bottom: 10px !important
    }

.tblRiskConsequenceMatrixTbl .aspTable .contentcell,
.tblRiskConsequenceMatrixTbl .aspTable .subHeader,
.tblRiskConsequenceMatrixTbl .aspTable .content {
    padding: 10px 12px !important
}

.tblRiskConsequenceMatrixTbl .aspTable tr:nth-child(2) {
    background-color: #f7f7f9 !important
}


.commonHierarchyFilterControlMain .button {
    color: #0050a0
}


.copymoveActionORProject .RadComboBox {
    width: 50% !important;
}

.CheckBox + .agrInfoTooltip {
    margin-left: 10px;
}

.filterApplyBtn [id$="btnApplyFilter"].button {
    background-color: #0050A0 !important;
    color: #fff !important;
    border: 1.5pt solid #0050A0 !important;
    margin-right: 0px !important;
}

/*[id$="_radAjaxPanelCopyAndMoveRiskPanel"] .RadTabStrip .rtsLevel .rtsLI:first-child .rtsIn {
    margin-left: 13px;
}*/


.RadColorPicker .rcpPalette .rcpHeader .rcpHexInput, .RadColorPicker .rcpPalette .rcpHeader .rcpInput {
    margin-top: 0px !important;
}

.RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper label {
    padding-left: 0px !important;
}

.RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper .rcpInput {
    margin-top: 0px !important;
}

.riskAgrSettings .chkConsiderParentMargin .CheckBox {
    margin-left: 2px !important;
}

.copymoveActionORProject .CheckBox [id$="_chkCopyRiskRating"] + label {
    margin-right: 0px !important
}

.agrInfoTooltip:hover .agrInfoTooltiptext .labelText [id$="_lblCopyRiskRatingTooltipTitle"] {
    font-family: Graphik Medium Desktop
}

[id$="_rwConsequence"].RadWindow .rwWindowContent iframe {
    border-top: 1px solid #e0e0e0 !important
}

#divQuickUpdateFilter .commonHierarchyFilterControlMain table td.datacellFilterControlNopadding {
    padding-bottom: 20px !important
}

#divQuickUpdateFilter .commonHierarchyFilterControlMain table td.datacell.dateCellWidth3 {
    padding-left: 10px !important;
}

#divQuickUpdateFilter .commonHierarchyFilterControlMain td.dateCellWidthLiq14 {
    width: 100%
}

.fontWeight600 {
    font-weight: 600;
}

.linkedHierarchyNodeInfo {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


[id$="_divSelectionMisMatch"] .helpText {
    display: inline-flex;
    align-items: center;
}

    [id$="_divSelectionMisMatch"] .helpText .consequenceTblToolTip {
        background: transparent url("saas/icons.svg") no-repeat -49px -5280px !important;
        width: 28px !important;
    }


.linkedHierarchyNodeInfoTooltip .cpmseHierarchyTooltiptext {
    display: none;
    min-width: 60%;
    background-color: #363755;
    color: #fff;
    text-align: left;
    border-radius: 4px;
    padding: 15px !important;
    position: absolute;
    z-index: 1000;
    top: 110%;
    left: 31%;
    margin-left: -250px;
}

    .linkedHierarchyNodeInfoTooltip .cpmseHierarchyTooltiptext::after {
        content: "";
        position: absolute;
        top: -19%;
        left: 25%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: black transparent transparent transparent;
        transform: rotate(179deg);
    }

.linkedHierarchyNodeInfoTooltip:hover .cpmseHierarchyTooltiptext {
    display: inline;
}


.linkedHierarchyNodeInfoTooltip .cpmseHierarchyTooltiptext .label {
    color: #fff !important;
}

.heatMapHorizontalAdjust .centerAlignAggregation {
    width: 515px;
    margin: auto
}

@media (max-width: 1366px) {
    .heatMapHorizontalAdjust .centerAlignAggregation {
        width: 98%;
        margin: auto
    }
}

.ConseFilterTxtArea {
    margin-top: 15px;
}

[id$="_divSelectionMisMatch"] {
    margin-top: 10px !important;
}

.conseQuFilterBtn .button {
    background-color: #0050A0 !important;
    color: #fff !important;
    border: 1.5pt solid #0050A0 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    width: auto;
    border-radius: 30px !important;
    padding: 2px 12px 3px 12px !important;
    height: 35px !important;
    box-sizing: border-box;
}

.ConseFilterTxtArea .filtericon {
    background: none;
    padding-left: 12px !important;
}

.aggregatedRiskChildRisksDiv path {
    stroke: none;
}


/*.RiskAggregationControlDiv .aggregatoinExpander.collapse.in {
    z-index: 100 !important
}*/

.addEditLinksBtn .button {
    color: #0050a0 !important;
    font-family: 'Graphik Medium Desktop';
}

    .addEditLinksBtn .button:hover {
        font-family: 'Graphik Medium Desktop';
        color: #fff !important;
        background-color: #0050a0
    }

#tdRiskRegisterTabs #RiskGrids {
    margin-left: 30px
}

.copymoveActionORProject input[type=checkbox] {
    display: none;
}

.copymoveActionORProject input[type="checkbox"] + label:before {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    content: "\00a0";
    display: inline-block;
    height: 19px;
    width: 19px;
    margin: 0 5px 0 0;
    padding: 0;
    vertical-align: top;
    border: 1px solid #C9D1DA;
}


.copymoveActionORProject input[type="checkbox"]:checked + label:before {
    background: #0050A0;
    color: #fff;
    content: "\2713";
    text-align: center;
    font-weight: 600;
    font-size: 15px !important;
    line-height: 16px;
    margin: 0 5px 0 0;
}

/*.copyMoveRiskMultipleHierarchy input[type=checkbox] {
    display: none;
}

.copyMoveRiskMultipleHierarchy input[type="checkbox"] + .rtIn:before {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    content: "\00a0";
    display: inline-block;
    height: 19px;
    width: 19px;
    margin: 0 5px 0 0;
    padding: 0;
    vertical-align: top;
    border: 1px solid #C9D1DA;
}

.copyMoveRiskMultipleHierarchy input[type="checkbox"]:checked + .rtIn:before {
    background: #0050A0 !important;
    color: #fff;
    content: "\2713";
    text-align: center;
    font-weight: 600;
    font-size: 15px !important;
    line-height: 16px;
    margin: 0 5px 0 0;
}*/

.hierarchyTreeMobileView .RadTreeView_Default .rtSelected .rtIn {
    background-color: white !important;
    background-image: none !important;
    border-style: none;
    color: initial !important
}

[id$="_rwRiskCopyAndMoveWindow"].RadWindow .rwWindowContent iframe {
    border-top: 1px solid #e0e0e0 !important
}

[id$="_rwRiskCopyAndMoveWindow"].RadWindow {
    padding: .0px 0px 10px 0px !important
}

    [id$="_rwRiskCopyAndMoveWindow"].RadWindow .rwCorner {
        display: none
    }

[id$="_rwRiskCopyAndMoveWindow"].RadWindow_IRM .rwWindowContent {
    padding-top: 15px !important;
}

[id$="_rwRiskCopyAndMoveWindow"].RadWindow_IRM table.rwTitlebarControls em {
    padding-left: 15px;
}

[id$="_radAggregationTab"].RadTabStripTop_IRM .rtsLevel1 .rtsUL {
    margin-left: 20px !important;
}

[id$="_radAggregationMultiPage"] {
    padding: 0 20px 0 20px !important;
    margin-top: 40px;
}

.hierarchyTreeMobileView .RadTreeView .rtPlus:before {
    content: none !important
}

.hierarchyTreeMobileView .RadTreeView .rtUL {
    width: 100%
}

/*[id$="_copyRiskAggregationPage"] .RadTreeView_Default .rtLines .rtTop:before,
[id$="_copyRiskAggregationPage"] .RadTreeView_Default .rtLines .rtMid:before,
[id$="_copyRiskAggregationPage"] .RadTreeView_Default .rtLines .rtBot:before,
[id$="_copyRiskAggregationPage"] .RadTreeView_Default .rtLines .rtLI:before {
    border: 1px dashed #034EA1 !important
}*/

.hierarchyTreeMobileView .RadTreeView .rtLines .rtOut:before {
    border-color: #034EA1 !important;
    width: 28px !important;
    left: 12px;
    top: 7px !important;
    border-width: 2px;
}

.hierarchyTreeMobileView .RadTreeView .rtPlus, .hierarchyTreeMobileView .RadTreeView .rtMinus {
    left: -2px !important;
}

.hierarchyTreeMobileView .RadTreeView .rtPlus, .hierarchyTreeMobileView .RadTreeView .rtMinus {
    background-color: #fff !important;
}

/*[id$="_copyRiskAggregationPage"] .RadTreeView .rtLines .rtLI:before {
    border-left: 2px dotted #034EA1;
}*/

.hierarchyTreeMobileView .RadTreeView_Default .rtLines .rtTop:before,
.hierarchyTreeMobileView .RadTreeView_Default .rtLines .rtMid:before,
.hierarchyTreeMobileView .RadTreeView_Default .rtLines .rtBot:before,
.hierarchyTreeMobileView .RadTreeView_Default .rtLines .rtLI:before {
    border-color: #034EA1 !important;
    border-width: 2px !important;
}

.hierarchyTreeMobileView .RadTreeView .rtPlus,
.hierarchyTreeMobileView .RadTreeView .rtMinus {
    background-color: #fff !important;
}

.hierarchyTreeMobileView .RadTreeView .rtLines .rtLast:before {
    height: 16px !important;
}

.hierarchyTreeMobileView .RadTreeView_Default .rtPlusHover,
.hierarchyTreeMobileView .RadTreeView_Default .rtMinusHover {
    color: transparent !important
}

[id$="_radAjaxPanelCopyAndMoveRisk"] .tdRadTabStrip .RadTabStrip {
    margin-left: 0px;
    border-bottom: 1px solid #e0e0e0;
    position: fixed;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
    top: 0px;
    left: 0px;
}

.riskSettingsArea #divMinMaxSection {
    height: auto !important;
}



.copymoveActionORProject .agrInfoTooltip .agrInfoTooltiptext {
    bottom: 60%
}

.settingsGridAdjustments #consequenceTableOuterScroll .aspTable tr:first-child,
.settingsGridAdjustments #consequenceTableOuterScroll .aspTable tr td:first-child {
    position: initial !important
}

.hierarchyTreeMobileView .RadTreeView .rtMinus:before {
    content: none !important;
}

.hierarchyTreeMobileView .RadTreeView input {
    margin-left: 25px;
    margin-top: 5px !important;
}

.hierarchyTreeMobileView .RadTreeView_Default .rtPlus {
    background: transparent url(saas/icons.svg) no-repeat -50px -5567px !important;
}

.hierarchyTreeMobileView .RadTreeView .rtIn {
    padding: 5px 2px 0px 7px !important;
}

.hierarchyTreeMobileView .RadTreeView_Default .rtMinus {
    height: 24px !important
}

[id$="btnLinking"] {
    color: #0050a0 !important;
    font-family: 'Graphik Medium Desktop';
}

.riskLinkCommonControl [id$="_ddlLinkageType"],
.riskLinkCommonControl [id$="_ddlHierarchyListType"] {
    width: 300px !important;
}

.copymoveActionORProject .displayFlex.marginTopCheckBox {
    width: 176px;
}

.fieldConfigGridAdd {
    background-color: #F7F7F9;
    border-width: 1px 1px 0 1px;
    border-color: #e2e2e3 !important;
    border-style: solid;
    margin: 0 10px;
    border-radius: 4px 4px 0 0;
}

.riskFieldsGrid .rgMasterTable {
    border-radius: 0px !important
}

.fontBoldTxt {
    font-family: 'Graphik Bold Desktop';
}

.fieldConfigpopUpAddbtn [id$='_btnSave'] {
    background-color: #0050A0 !important;
    color: #fff !important;
    border: 1.5pt solid #0050A0 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    width: auto;
    border-radius: 30px !important;
    padding: 2px 15px 3px 12px;
    height: 35px;
    box-sizing: border-box;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginTop15 {
    margin-top: 15px;
}


.riskFieldSettingsHierarchyPopupBtns {
    position: absolute;
    bottom: 0px;
}

    .riskFieldSettingsHierarchyPopupBtns [id$='_btnSave'] {
        background-color: #0050A0 !important;
        color: #fff !important;
        border: 1.5pt solid #0050A0 !important;
        cursor: pointer;
        font-size: 14px;
        font-weight: normal;
        width: auto;
        border-radius: 30px !important;
        padding: 2px 15px 3px 12px;
        height: 35px;
        box-sizing: border-box;
    }

[id$='_RiskAAA_btnControl'].button {
    color: #0050a0 !important;
    font-family: 'Graphik Medium Desktop';
}

    [id$='_RiskAAA_btnControl'].button:hover {
        font-family: 'Graphik Medium Desktop';
        color: #fff !important;
        background-color: #0050a0
    }

.hierarchyTreeMobileView .RadTreeView .rtLines .rtFirst::before {
    top: 12px !important;
}

.searchHierarchy .RadInput_Default .riTextBox {
    border-radius: 20px;
    height: 35px !important;
    border-color: #c8d1da;
    padding: 5px 8px 5px 30px !important;
    font-family: inherit !important;
    font-size: inherit !important;
}

.searchHierarchy .RadInput_Default {
    width: 100% !important;
    font-family: Graphik Regular Desktop !important;
    font-size: 13px !important;
    margin-left: 0px;
}

.positionRelative {
    position: relative;
}


.categoryHierarchyLink .popUps .searchHierarchyIcon {
    font-size: 15px;
    font-weight: 300;
    color: #ccc;
    position: absolute;
    z-index: 1000;
    top: 12px;
    left: 12px;
}

.categoryHierarchyLink .popUps .RadTreeView_Default {
    margin-top: 10px;
}


.searchHierarchy .RadInput_Default .riTextBox {
    border-radius: 20px;
    height: 35px !important;
    border-color: #c8d1da;
    padding: 5px 8px 5px 30px !important;
    font-family: inherit !important;
    font-size: inherit !important;
}



.positionRelative {
    position: relative;
}




.categoryHierarchyLink .popUps .RadTreeView_Default {
    margin-top: 10px;
    height: 280px;
    overflow: auto;
}

.RadTreeView .rtOut .rtIn .rtText {
    padding-left: 15px
}

.hierarchyTreeMobileView .RadTreeView input + div.rtIn .rtText {
    padding-left: 0px;
}


.fieldConfigTooltip .fieldConfigTooltiptext .label {
    color: white !important;
    font-family: 'Graphik Regular Desktop';
    line-height: 24px;
}

.fieldConfigTooltip {
    background: transparent url("saas/icons.svg") no-repeat -43px -5278px !important;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 30px;
    background-size: contain;
    background-size: 24px;
    float: right;
}

    .fieldConfigTooltip .fieldConfigTooltiptext {
        display: none;
        width: 300px;
        background-color: #363755;
        color: #fff;
        text-align: left;
        border-radius: 4px;
        padding: 15px !important;
        position: absolute;
        z-index: 1;
        top: 121%;
        left: 49%;
        margin-left: -12px;
        /*margin-left: -60px;*/
        /*top: 130%;*/
    }

        .fieldConfigTooltip .fieldConfigTooltiptext::after {
            content: " ";
            position: absolute;
            bottom: 100%; /* At the top of the tooltip */
            left: 3%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .fieldConfigTooltip:hover .fieldConfigTooltiptext {
        display: inline;
    }

    .fieldConfigTooltip .tooltiptextalign {
        margin-left: 0px;
        display: block;
        text-align: left;
    }

[controltype="HierarchyLinkControl"] .datacell [id$="btnControl"] {
    color: #0050a0 !important;
    font-family: 'Graphik Medium Desktop';
}

    [controltype="HierarchyLinkControl"] .datacell [id$="btnControl"]:hover {
        color: #fff !important;
    }

.RiskLinkPopUpTabs {
    margin-top: 35px !important;
}

    .RiskLinkPopUpTabs .searchHierarchy .RadInput_Default {
        width: 50% !important;
        margin-left: -15px
    }


    .RiskLinkPopUpTabs .searchHierarchyIcon {
        left: 15px;
        top: 3px
    }

    .RiskLinkPopUpTabs.RiskLinkPopUpTabs .RadTreeView_Default {
        margin-top: 0px !important;
    }



.gapverti .orgHierarchyLink {
    margin-top: -15px !important;
}

.RiskLinkPopUpTabs .searchHierarchy .RadInput_Default {
    width: 100% !important;
    margin-left: -19px;
}

.RiskLinkPopUpTabs.RiskLinkPopUpTabs .RadTreeView_Default {
    margin-top: 10px !important;
}

.GridView .EditRowStyle td table td {
    padding: 0px !important;
}

.k-grid .k-pager-wrap .k-pager-info.ng-star-inserted {
    padding-left: 20px !important;
    left: 184px !important;
}

.libraryTooltipAdjust .agrSettingInfoTooltip .agrSettingInfoTooltiptext {
    margin-left: -420px;
}

    .libraryTooltipAdjust .agrSettingInfoTooltip .agrSettingInfoTooltiptext::after {
        left: 95% !important;
    }


.RadGrid_IRM .tdexpand .custommiddlecontent {
    margin-top: 0px !important;
    width: min-content;
}

input[disabled].imgTxtButton {
    opacity: .5
}

.RadGrid_IRM .rgRow a:not([href]),
.RadGrid_IRM .rgAltRow a:not([href]) {
    color: #323250 !important;
    font-family: Graphik Regular Desktop;
    text-decoration: none !important;
}

div#divMyKPIFiltr {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin-top: 10px;
}

form[action^="./MyUpdateRiskDetailPage.aspx"] .custommiddlecontent {
    margin-top: 0px
}

/*form[action^="./MyUpdateRiskDetailPage.aspx"] [id$="_divSingleTreatment"] {
    margin-left: 20px;
}*/

form[action^="./MyUpdateRiskDetailPage.aspx"] [id$="_trSolutions"] .RiskReviewContentGap .dateCellWidth3 {
    width: 250px;
}

form[action^="./MyUpdateRiskActionDetailPage.aspx"] .custommiddlecontent {
    margin-top: 0px
}

form[action^="./MyUpdateRiskActionDetailPage.aspx"] .toolBar {
    height: initial !important
}

form[action^="./MyUpdateRiskActionDetailPage.aspx"] .middleContentpopup .RadTabStrip {
    display: block;
    border-top: 1px solid #e2e2e2;
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 8%);
    height: 42px;
    background-color: #fff;
    padding-top: 3px;
    margin-bottom: 20px;
}

form[action^="./MyUpdateRiskActionDetailPage.aspx"] #divRiskControlLinkGrid {
    width: 650px;
}

form[action^="./MyUpdateRiskDetailPage.aspx"] .RadPicker .riSingle .riTextBox,
form[action^="./MyUpdateRiskActionDetailPage.aspx"] .RadPicker .riSingle .riTextBox {
    width: 115px !important;
}

#trMyUpdateRecommendations .pbcontainer {
    margin-top: 8px;
}

[id$="_rgCommonRiskActions"] .pbcontainer {
    margin-top: 10px !important;
}

form[action^="./MyUpdateRiskDetailPage.aspx"] .RiskReviewContentGap {
    padding: 0px !important;
}

form[action^="./MyUpdateRiskDetailPage.aspx"] .riskActionsGridDiv,
form[action^="./MyUpdateRiskDetailPage.aspx"] .radGridConsequenceCauseDiv 
{
    width: calc(100vw - 270px);
    overflow: auto;
}

form[action^="./MyUpdateRiskDetailPage.aspx"] .nextPreviousSeperator {
    margin-bottom: 20px;
}

form[action^="./MyUpdateRiskActionDetailPage.aspx"] .RadMultiPage {
    max-width: initial !important;
}

form[action*="AppSection=IPMHUB"] .projectRiskSolutionContent .riskControltab.riskInnerTabs {
    top: 0px;
    border-top-width: 0px;
}

form[action*="AppSection=IPMHUB"] .projectRiskSolutionContent div[id$="_SolutionEditor"].rmpView .custommiddlecontent {
    margin-top: 26px;
}

#divMyUpdateRiskActionsGrid div[id$="rgCommonRiskActions"] .isMandatory {
    margin-left: -12px !important;
    top: -1px !important;
    float: none !important;
    left: auto !important;
}

#divMyUpdateRisksGrid div[id$="_rgStrategicRisks"] .isMandatory,
#divMyUpdateRisksGrid div[id$="_rgOperationalRisks"] .isMandatory,
#divMyUpdateRisksGrid div[id$="_rgProjectRisks"] .isMandatory,
#divMyUpdateRisksGrid div[id$="_rgCorporateRisks"] .isMandatory {
    margin-left: -12px !important;
    top: -1px !important;
    font-size: 9px !important;
}

[id$="_KPIGraph_div"] .datacell > span {
    display: initial
}

.modal-backdrop.in {
    display:none;
}