.blockOverlay
{
     background-color: rgb(0, 96, 167) !important;
}

.blockUI.blockMsg.blockPage {
    z-index: 12211 !important;
    vertical-align: middle;
    display: flex;
    width: 100% !important;
    top: 0% !important;
    left: 0% !important;
    bottom: 0% !important;
   /*background-color: rgba(0, 0, 0, 0) !important;*/
   background-color: rgb(255, 255, 255) !important;
    border: none !important;
}

#floatingBarsG {
    position: relative;
    width: 60px;
    height: 75px;
    margin: auto;
}

.blockG {
    position: absolute;
    /*background-color: rgb(255,255,255);*/
    background-color: rgb(0, 96, 167);
    width: 10px;
    height: 23px;
    border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    animation-name: fadeG;
    -o-animation-name: fadeG;
    -ms-animation-name: fadeG;
    -webkit-animation-name: fadeG;
    -moz-animation-name: fadeG;
    animation-duration: 0.572s;
    -o-animation-duration: 0.572s;
    -ms-animation-duration: 0.572s;
    -webkit-animation-duration: 0.572s;
    -moz-animation-duration: 0.572s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#rotateG_01 {
    left: 0;
    top: 27px;
    animation-delay: 0.2095s;
    -o-animation-delay: 0.2095s;
    -ms-animation-delay: 0.2095s;
    -webkit-animation-delay: 0.2095s;
    -moz-animation-delay: 0.2095s;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

#rotateG_02 {
    left: 8px;
    top: 10px;
    animation-delay: 0.286s;
    -o-animation-delay: 0.286s;
    -ms-animation-delay: 0.286s;
    -webkit-animation-delay: 0.286s;
    -moz-animation-delay: 0.286s;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

#rotateG_03 {
    left: 25px;
    top: 3px;
    animation-delay: 0.3525s;
    -o-animation-delay: 0.3525s;
    -ms-animation-delay: 0.3525s;
    -webkit-animation-delay: 0.3525s;
    -moz-animation-delay: 0.3525s;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

#rotateG_04 {
    right: 8px;
    top: 10px;
    animation-delay: 0.429s;
    -o-animation-delay: 0.429s;
    -ms-animation-delay: 0.429s;
    -webkit-animation-delay: 0.429s;
    -moz-animation-delay: 0.429s;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

#rotateG_05 {
    right: 0;
    top: 27px;
    animation-delay: 0.4955s;
    -o-animation-delay: 0.4955s;
    -ms-animation-delay: 0.4955s;
    -webkit-animation-delay: 0.4955s;
    -moz-animation-delay: 0.4955s;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

#rotateG_06 {
    right: 8px;
    bottom: 7px;
    animation-delay: 0.572s;
    -o-animation-delay: 0.572s;
    -ms-animation-delay: 0.572s;
    -webkit-animation-delay: 0.572s;
    -moz-animation-delay: 0.572s;
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}

#rotateG_07 {
    bottom: 0;
    left: 25px;
    animation-delay: 0.6385s;
    -o-animation-delay: 0.6385s;
    -ms-animation-delay: 0.6385s;
    -webkit-animation-delay: 0.6385s;
    -moz-animation-delay: 0.6385s;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

#rotateG_08 {
    left: 8px;
    bottom: 7px;
    animation-delay: 0.715s;
    -o-animation-delay: 0.715s;
    -ms-animation-delay: 0.715s;
    -webkit-animation-delay: 0.715s;
    -moz-animation-delay: 0.715s;
    transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
}



@keyframes fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-o-keyframes fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-ms-keyframes fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-webkit-keyframes fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-moz-keyframes fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}


input.ng-dirty.ng-invalid {
    border: 1px solid #ae3737;
    animation: ErrorTextBoxAnim 1s ease-out;
}

.ngInvalid {
    font-weight: normal !important;
    color: #ae3737;
    animation: ErrorAnim 1s ease-out;
    
}
.ng-invalid {
    border-color: #EA5455 !important;
}

@keyframes ErrorAnim {
    from {
        color: #ffd800;
    }

    to {
        color: #ae3737;
    }
}

@keyframes ErrorTextBoxAnim {
    from {
        background-color: rgba(255, 217, 9, 0.3);
        border: 1px solid #ffd800;
    }

    to {
        background-color: rgba(255, 217, 9, 0);
        border: 1px solid #ae3737;
    }
}







/*==============================================================*/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    margin: auto !important;
    /*background: #fff;*/
    border-radius: 60px;
    /*box-shadow: 0px 0px 18px 0px #e5e5e5;*/
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 51px;
        height: 51px;
        margin: 6px;
        border: 4px solid #fff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        /*border-color: #0095ff transparent transparent transparent;*/
         /*border-color: #efb225 transparent transparent transparent;*/
         border-color: #006aff 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);
    }
}
/*========================================================*/









/*=====================================================================Chart Css Start*/

.amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    -webkit-animation: am-moving-dashes 1s linear infinite;
    animation: am-moving-dashes 1s linear infinite;
}

@-webkit-keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -31px;
    }
}

@keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -31px;
    }
}


.lastBullet {
    -webkit-animation: am-pulsating 2s ease-out infinite;
    animation: am-pulsating 2s ease-out infinite;
}

@-webkit-keyframes am-pulsating {
    0% {
        stroke-opacity: 1;
        stroke-width: 0px;
    }

    100% {
        stroke-opacity: 0;
        stroke-width: 20px;
    }
}

@keyframes am-pulsating {
    0% {
        stroke-opacity: 1;
        stroke-width: 0px;
    }

    100% {
        stroke-opacity: 0;
        stroke-width: 20px;
    }
}

.amcharts-graph-column-front {
    -webkit-transition: all .3s .3s ease-out;
    transition: all .3s .3s ease-out;
}

    .amcharts-graph-column-front:hover {
        fill: #496375;
        stroke: #496375;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

.amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 500%;
    stroke-dasharray: 0 /;
    / fixes IE prob / stroke-dashoffset: 0 /;
    / fixes IE prob / -webkit-animation: am-draw 40s;
    animation: am-draw 40s;
}

@-webkit-keyframes am-draw {
    0% {
        stroke-dashoffset: 200%;
    }

    100% {
        stroke-dashoffset: 0%;
    }
}

@keyframes am-draw {
    0% {
        stroke-dashoffset: 200%;
    }

    100% {
        stroke-dashoffset: 0%;
    }
}

/ OVERWRITE OUR MAIN STYLE / .demo-flipper-front.demo-panel-white, body {
    background-color: #161616;
}