/* .ing-blue {
  color: #396AAA;
}

.ing-deep-purple {
  color: #1C2970;
}

.ing-pink, .ing-fucshia {
  color: #9A258F
} */

.popup-1-popup{
  padding: 2em !important;
}

.popup-1-title{
  color: #25619a !important;
  font-size: 2.5em !important;
}

.popup-1-icon{

}

.swal2-icon.swal2-info, .swal2-icon.swal2-success, .swal2-icon.swal2-error {
  color: #fff !important;
}

.popup-1-image{
  color: #fff !important;
  animation: scale 0.2s 0.7s 1;
  margin-top: 0 !important;
}

.popup-1-html-container{
  font-size: 150% !important;
  color: #1C2970 !important;
}

.popup-1-content{
  color: #25619a !important;
  font-weight: 600 !important;
  font-size: 2em impo !important;
}
.popup-1-input{

}
.popup-1-actions{

}
.popup-1-close{
  background-color: #1C2970;;
  color: #fff;
  width: 285px;
  height: 40px;
  border: none;
  border-radius: 20px;
}
.popup-1-confirm{
  transition: all ease 0.5s;
  background-color: #fff;
  color: #25619a !important;
  width:200px;
  height: 40px;
  border: 1px solid #25619a;
  border-radius: 20px;
  margin-right: 20px !important;
}

.popup-1-cancel{
  transition: all ease 0.5s;
  background-color: #396AAA;;
  color: #fff;
  width: 200px;
  height: 40px;
  border: 1px solid #396AAA;;
  border-radius: 20px;
}

.popup-1-confirm:hover, .popup-1-cancel:hover{
  background-color: #25619a;
  color: #fff !important;
}

@media screen and (max-width: 767px) {
  .popup-1-confirm, .popup-1-close{
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
}


.popup-1-footer{

}


.checkmark__circle {
  stroke-dasharray: 216; /* ORIGINALLY 166px */
  stroke-dashoffset: 216; /* ORIGINALLY 166px */
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #fff;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 106px; /* ORIGINALLY 56px */
  height: 106px; /* ORIGINALLY 56px */
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #396AAA;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #fff;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 98; /* ORIGINALLY 48px */
  stroke-dashoffset: 98; /* ORIGINALLY 48px*/
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

    /*Hidden class for adding and removing*/
    .lds-dual-ring.hidden {
      display: none;
  }

  /*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
  .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background: rgba(0,0,0,0.7);
      z-index: 99999;
      opacity: 1;
      transition: all 0.5s;
  }

  /*Spinner Styles*/
  .lds-dual-ring {
      display: block;
      /* width: 80px;
      height: 80px; */
  }
  .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 40vh auto;
    border-radius: 50%;
    border: 3px solid #fff;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    animation: lds-dual-ring 1.2s linear infinite;
}

  @keyframes lds-dual-ring {
      0% {
          transform: rotate(0deg);
      }
      100% {
          transform: rotate(360deg);
      }
  }

/* animations */

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 80px #fff;
  }
}

@-ms-keyframes spin { 
  from { 
      -ms-transform: rotate(0deg); 
  } to { 
      -ms-transform: rotate(360deg); 
  }
}
@-moz-keyframes spin { 
  from { 
      -moz-transform: rotate(0deg); 
  } to { 
      -moz-transform: rotate(360deg); 
  }
}
@-webkit-keyframes spin { 
  from { 
      -webkit-transform: rotate(0deg); 
  } to { 
      -webkit-transform: rotate(360deg); 
  }
}
@keyframes spin { 
  from { 
      transform: rotate(0deg); 
  } to { 
      transform: rotate(360deg); 
  }
}