#pg-loader {
    position: relative;
    top: 50%;
    left: 50%;
    text-align: center;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -60px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #24408f;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s;
}

.animate-out {
    -webkit-animation-name: animateout;
    -webkit-animation-duration: 1s;
    animation-name: animateout;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.outer-loader {
    width: 50%;
    position: fixed;
    top: 30%;
    font-weight: bolder;
    font-size: 16px;
    left: 25%;
    height: 230px;
    z-index: 1002;
    text-align: center;
}

.outer-div {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    z-index: 1001;
    -moz-opacity: 10;
    opacity: .90;
    filter: alpha(opacity=90);
}

.noscroll {
    overflow: hidden !important;
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes animatebottom {
    from {
        top: 35vh;
        opacity: 0
    }

    to {
        top: 35vh;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        top: 35vh;
        opacity: 0
    }

    to {
        top: 35vh;
        opacity: 1
    }
}

@keyframes animateout {
    from {
        top: 35vh;
        opacity: 1
    }

    to {
        top: 45vh;
        opacity: 0
    }
}

@-webkit-keyframes animateout {
    from {
        top: 35vh;
        opacity: 1
    }

    to {
        top: 45vh;
        opacity: 0
    }
}

@-webkit-keyframes breathing {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

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

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

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

@keyframes breathing {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

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

    75% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.list_size2 {
    height: 250px;
    overflow-y: scroll;
}

.tblData > tbody > tr > td {
    padding: 5px;
    border-bottom: 1px solid lightgrey;
}

.outer-tbl {
    border: 1px solid lightgrey;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    margin-top: 20px;
    min-height: 20px;
    transition: max-height 0.25s ease-in;
}

/* @-webkit-keyframes animateout {
0% { opacity: 1; -webkit-transform: translateY(30%); }
100% { opacity: 0; -webkit-transform: translateY(40%); visibility:hidden;}
}

@-moz-keyframes animateout {
0% { opacity: 1; -moz-transform: translateY(30%); }
100% { opacity: 0; -moz-transform: translateY(40%); visibility:hidden;}
}

@keyframes animateout {
0% { opacity: 1; transform: translateY(30%); }
100% { opacity: 0; transform: translateY(40%); visibility:hidden;}
} */