﻿* {box-sizing: border-box;outline: none !important;}.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}.flexWraps {flex-wrap: wrap;}.flexEqual {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.flexMiddel {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.flexEnd {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}.BgCircleMenu,.BgCircleMenu a{display:flex!important;font-weight:500}.BgCircleMenu a,.btns{text-decoration:none;text-align:center}.BgCircleMenu,.BgCircleMenu a,.btns,.error_message,.text-center{text-align:center}body{margin:0;padding:0;font-family:Roboto,sans-serif!important;background:#F5F6F8;font-size:13px;overflow-x:hidden}.row{margin:0 -15px}.col-sm-12{width:100%;padding:0 15px}.heightFix{width:100%;margin-top:65px;float:left}.header{padding: 0 10px;background:#fff;border-bottom:1px solid #e1e3e4;box-shadow:0 0 15px #cecece;height:65px;top:0;z-index:99;width:100%;position:relative}.header .logo{width:100%;float:left;font-size:13px;color:#4caf50}.header .logo img{max-height:50px;max-width:230px;display:inline-block;vertical-align:middle;padding:0;margin-right:10px}.header .logo .Module{font-weight:400!important;letter-spacing:3px;color:#3a3838;border-left:2px solid #9f9f9f;margin-left:7px;font-size:15px;padding:13px 0 10px 10px!important;display:inline-block;margin-top:17px}.header .logo .Module span{font-weight:600!important}.header .ModuleNavigation{width:490px;text-align:right;float:left;justify-content:flex-start;display:flex}.header .ModuleNavigation .Module.UnLicensed{-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);filter:gray;opacity:.4;filter:grayscale(100%);cursor:default}.BgCircleMenu{border-radius:5px;justify-content:center;align-items:center;padding:7px 12px;border:1px solid rgba(214,214,214,.84);cursor:pointer}.BgCircleMenu a{width:34px;height:34px;border-radius:100%;justify-content:center;align-items:center;margin-left:20px;text-transform:uppercase;background:#e6e6e6}.BgCircleMenu a img{width:14px}.errorbox{width:100%;box-sizing:border-box;margin-top:70px;margin-bottom:30px}.errorbox table tr td{padding:5px 3px;font-size:16px;border-bottom:1px solid #f3f3f3;vertical-align:top}.errorbox table tr td span{font-size:16px}.textRed{color:red}.bold{font-weight:700}.btns{display:block;padding:10px 12px;background:#2c80c1;color:#fff;font-size:14px;cursor:pointer;border:1px solid #216fc1;outline:0;font-weight:600;border-radius:5px;min-width:120px}.btns:hover{background:#04629f;color:#fff}@media only screen and (max-device-width:991px){.ContentError{width:80%;text-align:center}}@media only screen and (max-device-width:767px){.ContentError{width:90%;text-align:center}}.d-none{display:none!important}.errorpage{background:#f5faff;overflow:hidden;border-bottom:15px solid #0f4f92;position:relative}.errorpage:after{content:"";background-image:url('../images/home/circle.svg');position:absolute;height:450px;width:450px;left:-225px;background-repeat:no-repeat;top:50%;transform:translateY(-50%);z-index:999;background-size:cover}.errorpage form:after,.errorpage:before{content:"";position:absolute;width:100px;height:100px;background-repeat:no-repeat}.errorpage:before{background-image:url(../images/home/bg-dots-bottom.svg);top:0;right:-25px;z-index:999}.errorpage form:after{background-image:url(images/background-pattern.svg);bottom:0;right:-4px}.errorpage form,body,html{height:100%}.errorpage .error-part{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:100%}.errorTxt{font:400 18px/26px Roboto,sans-serif;color:#a9a9a9;}.gflex{display:flex;align-items:center;justify-content:center;padding:10px 20px 10px;font:400 16px/30px Roboto,sans-serif;column-gap:15px;flex-wrap:wrap;width:100%}.error_message{padding:0 0 40px;font:400 20px/30px Roboto,sans-serif;color:#a9a9a9}.backbutton,.logout{font:400 18px/24px Roboto,sans-serif;color:#fff;padding:10px 24px!important;cursor:pointer;border-radius:5px;}.backbutton{background:#F5F1F1;border:1px solid #BFBFBF;color:#5A5A5A}.logout{background:#E94B3C;color:#fff;border:1px solid #B63A2E}.logout:hover{cursor:pointer}@media only screen and (max-width:1450px){.errorImg{width:70%}.errorTxt{font:400 12px/26px Roboto,sans-serif;margin:15px 0 0}.gflex{font:400 12px/16px Roboto,sans-serif;flex-wrap:wrap}.errorpage:before{right:0}img.img-fluid.errorImg{width:40%}.logout{margin-top:0!important}}@media only screen and (max-width:575px){.errorImg{width:70%}.errorTxt{font:400 14px/26px Roboto,sans-serif}.gflex{font:400 24px/40px Roboto,sans-serif;flex-wrap:wrap}.errorpage:before{right:0}img.img-fluid.errorImg{width:30%}}
/* jQuery Growl */
 .ontop, #growls-default, #growls-tl, #growls-tr, #growls-bl, #growls-br, #growls-tc, #growls-bc, #growls-cc, #growls-cl, #growls-cr {z-index: 50000;position: fixed;}#growls-default {top: 10px;right: 10px;}#growls-tl {top: 10px;left: 10px;}#growls-tr {top: 10px;right: 10px;}#growls-bl {bottom: 10px;left: 10px;}#growls-br {bottom: 10px;right: 10px;}#growls-tc {top: 10px;right: 10px;left: 10px;}#growls-bc {bottom: 10px;right: 10px;left: 10px;}#growls-cc {top: 50%;left: 50%;margin-left: -125px;}#growls-cl {top: 50%;left: 10px;}#growls-cr {top: 50%;right: 10px;}#growls-tc .growl, #growls-bc .growl {margin-left: auto;margin-right: auto;}.growl {opacity: 0.8;filter: alpha(opacity=80);position: relative;border-radius: 4px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}.growl.growl-incoming {opacity: 0;filter: alpha(opacity=0);}.growl.growl-outgoing {opacity: 0;filter: alpha(opacity=0);}.growl.growl-small {width: 200px;padding: 5px;margin: 5px;}.growl.growl-medium {width: 250px;padding: 10px;margin: 10px;}.growl.growl-large {width: 300px;padding: 15px;margin: 15px;}.growl.growl-default {color: #FFF;background: #7f8c8d;}.growl.growl-error {color: #FFF;background: #C0392B;}.growl.growl-notice {color: #FFF;background: #2ECC71;}.growl.growl-warning {color: #FFF;background: #F39C12;}.growl .growl-close {cursor: pointer;float: right;font-size: 14px;line-height: 18px;font-weight: normal;font-family: helvetica, verdana, sans-serif;}.growl .growl-title {font-size: 18px;line-height: 24px;}.growl .growl-message {font-size: 14px;line-height: 18px;}

.InActivitybody {
    background-image: url(../images/errorbg.svg);
    height: calc(100dvh - 0px);
    background-size: cover;
    background-position: center center;
}
.error-part {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100dvh - 30px);
}
.innerbg {
    background: #FFFFFF;
    padding: 70px 85px;
    border-radius: 10px;
    backdrop-filter: blur(80px);
    max-width: 800px;
    width:100%;
}
.errorheading {
    color: #0C4184;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin: 0px auto;
    margin-top:20px;
}
.errorsubheading {
    color: #5F6463;
    font-size: 16px;
    max-width: 345px;
    display: block;
    margin: 0px auto;
    margin-top: 13px;
}
.loginagain {
    background: #0C4184;
    display: block;
    max-width: 150px;
    margin: 0px auto;
    margin-top: 16px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
}
.errorcopyright {
    background: #fff;
    padding: 5px;
    text-align: center;
    color: #0F4F92;
    font-size: 14px;
    position: fixed;
    width: 100%;
    border-top: 1px solid #eaeaea;
    bottom: 0;
}
.errorinnerbox h4 {
    margin: 0;
    letter-spacing: 36px;
    color: #f6f6f6;
    font: 700 305px / 180px Roboto, sans-serif;
}
.errorinnerbox h3 {
    font: 700 71px / 0px Roboto, sans-serif;
    margin-top: -58px;
    color: #022F5F;
}
.imgerror {
    z-index: 1;
    width: 285px;
    position: relative;
    margin-bottom: -80px;
}
.ShowErrorButton {
    background: transparent;
    border: none;
    margin-top: 25px;
    font-size: 17px;
    color: #5A5A5A;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    column-gap: 7px;
    cursor:pointer;
}
.ActiveErrorButton  {
    color: #e94b3c;
}
.ActiveErrorButton img{
   filter: brightness(0) saturate(100%) invert(36%) sepia(94%) saturate(904%) hue-rotate(330deg) brightness(92%) contrast(99%);
}
.well {
    background: #FFE4E180;
    border: 1px solid #F4978E;
    border-radius: 5px;
    margin-top: 15px;
}
.copybtn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 11px 5px 5px 5px;
}
.copybtn button {
    display: flex;
    align-items: center;
    column-gap: 5px;
    background: transparent;
    border: none;
    font-size: 16px;
    color: #e94b3c;
    cursor:pointer;
}
.well .gflex {
    justify-content: start;
    display:block;
}
.well .gflex span {
    color: #E94B3C;
    display: flex;
    font-size: 15px;
    text-align: left;
    align-items: center;
}
.well .gflex span:before {
    content: "";
    display: inline-block;
    height: 20px;
    background-image: url(../images/alert-octagon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 9px;
    width: 15px;
    margin-bottom: -4px;
}
.innerbg img{max-width:100%;}

.bulbOnOff {
    animation: bulbBlink 1.2s ease-in-out infinite;
}

@keyframes bulbBlink {
    0% {
        fill: #999;
    }
    /* OFF (grey) */
    50% {
        fill: #fff;
    }
    /* ON (white) */
    100% {
        fill: #999;
    }
    /* OFF again */
}

.cloudScroll {
    animation: cloudScrollAnim 8s linear infinite;
    transform-origin: center;
}

@keyframes cloudScrollAnim {
    0% {
        transform: translateX(-120px);
    }

    100% {
        transform: translateX(120px);
    }
}

.cloudMove {
    animation: cloudSlide 4s ease-in-out infinite;
}

@keyframes cloudSlide {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(20px);
    }

    100% {
        transform: translateX(0);
    }
}

.starDance {
    animation: danceMove 0.8s ease-in-out infinite;
    transform-origin: center;
}

@keyframes danceMove {
    0% {
        transform: translateX(0) rotate(0deg);
    }

    25% {
        transform: translateX(5px) rotate(4deg);
    }

    50% {
        transform: translateX(0) rotate(0deg);
    }

    75% {
        transform: translateX(-5px) rotate(-4deg);
    }

    100% {
        transform: translateX(0) rotate(0deg);
    }
}

.starJump {
    animation: starJump 0.8s ease-in-out infinite;
    transform-origin: center;
}

@keyframes starJump {
    0% {
        transform: translateY(0) scale(1);
    }

    40% {
        transform: translateY(-8px) scale(1.05);
    }

    60% {
        transform: translateY(0px) scale(0.97);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

svg.bg-svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0c4184;
}

.starDance {animation: danceMove 0.8s ease-in-out infinite;transform-origin: center;}
@keyframes danceMove {
    0%   { transform: translateX(0) rotate(0deg); }
    25%  { transform: translateX(5px) rotate(4deg); }
    50%  { transform: translateX(0) rotate(0deg); }
    75%  { transform: translateX(-5px) rotate(-4deg); }
    100% { transform: translateX(0) rotate(0deg); }
}
.starJump {animation: starJump 0.8s ease-in-out infinite;transform-origin: center;}
@keyframes starJump {
    0%   { transform: translateY(0) scale(1); }
    40%  { transform: translateY(-8px) scale(1.05); }
    60%  { transform: translateY(0px) scale(0.97); }
    100% { transform: translateY(0) scale(1); }
}


@media screen and (max-width: 767px) {
.innerbg{padding: 70px 25px; margin:0px 15px;}
.errorheading{font-size:18px;}
.errorcopyright{font-size:11px;}
.errorinnerbox h4{font: 700 112px / 180px Roboto, sans-serif;}
.errorinnerbox h3{font: 700 46px / 0px Roboto, sans-serif; margin-top: -76px;}
.backbutton, .logout {font: 400 15px / 24px Roboto, sans-serif; padding: 10px 25px !important;}
}