.spin_blue { 
    animation:bg_color_anim_blue 2s;
  	-moz-animation:bg_color_anim_blue 2s infinite; /* Firefox */
	-webkit-animation:bg_color_anim_blue 2s infinite; /* Safari and Chrome */
  }

.spin_red { 
    animation:bg_color_anim_red 2s;
  	-moz-animation:bg_color_anim_red 2s infinite; /* Firefox */
	-webkit-animation:bg_color_anim_red 2s infinite; /* Safari and Chrome */
  }

.spin_green { 
    animation:bg_color_anim_green 2s;
  	-moz-animation:bg_color_anim_green 2s infinite; /* Firefox */
	-webkit-animation:bg_color_anim_green 2s infinite; /* Safari and Chrome */
  }



@-moz-keyframes bg_color_anim_blue /* Firefox */
{
0%   {background:#5ca0e8;}
100%  {background:#ccc;} 
}
 
@-webkit-keyframes bg_color_anim_blue /* Firefox */
{
0%   {background:#5ca0e8;}
100%  {background:#ccc;} 
}





@-moz-keyframes bg_color_anim_red /* Firefox */
{
0%   {background:#e05d5d;}
100%  {background:#ccc;} 
}
 
@-webkit-keyframes bg_color_anim_red /* Firefox */
{
0%   {background:#e05d5d;}
100%  {background:#ccc;} 
}






@-moz-keyframes bg_color_anim_green /* Firefox */
{
0%   {background:#7fbf9c;}
100%  {background:#ccc;} 
}
 
@-webkit-keyframes bg_color_anim_green /* Firefox */
{
0%   {background:#7fbf9c;}
100%  {background:#ccc;} 
}



.exportContent{
  position: relative;
  padding-top:35px;
  background: #fff;
}
.exportContent .exportContent_ux{
  position: absolute;
  top:0px; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 300px;
  justify-content: center;
}
.exportContent .exportContent_ux_progress{
  position: absolute;
  top:0px; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 300px;
  justify-content: center;
}


.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
  padding: 0.75rem;
}


.blink2 {
  opacity: 1;
  animation: blink 1s ;
}
@keyframes blink{
  0%{opacity: 0;}
  50%{opacity: .5;}
  100%{opacity: 1;}
    0%{opacity: 0;}
  50%{opacity: .5;}
  100%{opacity: 1;}
  0%{opacity: 0;}
  50%{opacity: .5;}
  100%{opacity: 1;}
  
}