#pageOverlay {
	display : none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: black; */
  background-color: rgba(0,0,0, 0.6);
}

#loading {
		position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

#loadIcon {
    color: #b2ffa0;
    font-size: 120px;
    /* -webkit-animation: rotation 3s infinite linear; */
    animation: rotation 3s infinite linear;
}

.spinner-border {
  color: #b2ffa0;
  width: 4rem; height: 4rem;
  font-size: 1.6rem;
  /* font-size: 60px;   */
}

/* @-webkit-keyframes rotation {
    from {
            -webkit-transform: rotate(1deg);
    }
    to {
            -webkit-transform: rotate(360deg);
    }
} */

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


#modalBox{
		display : none;
    /*width: 500px;*/
    overflow: hidden;
    background: #f1f1f1;
    box-shadow: 0px 0px 30px black;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1000;
    padding: 20px;
    text-align: center;
    
}

ion-icon.check {
  color: #2aa65d;
	font-size: 80px;
}

ion-icon.check + h3{
color : #196b3a;
}

ion-icon.X {
  color: #d53a26;
	font-size: 80px;
}

ion-icon.X + h3{
color : red;
}

.close {
color : #1a73e8 !important;
text-decoration : none !important;
opacity : .9 !important;
}