#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;}
} */