/**
 * Licensed Materials - Property of IBM
 *
 * IBM Cognos Products: BI
 *
 * (C) Copyright IBM Corp. 2015, 2018
 *
 * US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
*/

@mixin toastContainer-Progress() {
  @include theming(border-top-color, primary1);
}

@mixin toastContainer-Indef() {
  @include theming(border-top-color, primary3);
}

@mixin toastContainer-Fail() {
  @include theming(border-top-color, communication3);
}

@mixin toastContainer-Complete() {
  @include theming(border-top-color, communication1);
}

@mixin loadingFailGrey() {
  @include theming(background-color, communication3);
}

@mixin loadingComplete() {
  @include theming(background-color, communication1);
}

@mixin loadingIndefMeter() {
  background-image: linear-gradient(to right, $primary1 50%, $neutral1 50%);
  -webkit-animation: toastIndefBar 1500s linear infinite;
  -ms-animation: toastIndefBar 1500s linear infinite;
  -moz-animation: toastIndefBar 1500s linear infinite;
  animation: toastIndefBar 1500s linear infinite;
}

@mixin loadingMeter-Div() {
  display: block;
  height: 6px;
  width: 0%;
  @include theming(background-color, primary1);
  position: relative;
  overflow: hidden;
}

@mixin loadingMeter-loadingIndicator() {
  width: 32px;
  height: 6px;
  @include theming(background-color, primary3, $opacity-mid);
  position: absolute;
  -webkit-animation: loadingBar 1.5s linear infinite;
  -ms-animation: loadingBar 1.5s linear infinite;
  -moz-animation: loadingBar 1.5s linear infinite;
  animation: loadingBar 1.5s linear infinite;
}

.glass .toast-progress .toast-message {
	color: $gray5;
	width: 100%;
	word-wrap: break-word;
	display:inline-block;
	font-family: $font-family;
	padding: $space-xs $space-s 0px $space-s;
}

.glass #toast-container .toast.toast-progress {
	padding: 0px;
}

.glass #toast-container .progress {
	@include toastContainer-Progress();
}
.glass #toast-container .indefinite {
	@include toastContainer-Indef();
}
.glass #toast-container .fail {
	@include toastContainer-Fail();
}
.glass #toast-container .complete {
	@include toastContainer-Complete();
}

.glass .toast-progress .toast-close-button {
    margin-right: $space-xs;
    float: none;
    @include theming(color, primary1);
		&:hover {
      @include theming(color, primary2);
			opacity: $opacity-max;
			text-decoration: underline;
		}
}

.glass .toast-progress .toast-close-button:focus {
    outline: 1px dotted $focus !important;
}

.glass .toast-progress .toast-close-button:focus {
	outline:0;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes slideProgressDown {
    from   {height: 0%;}
    to  {height: 57px}
}

/* Standard syntax */
@keyframes slideProgressDown {
    from   {height: 0px;}
    to  {height: 57px}
}

.glass .toast-progress {
	-webkit-animation: slideProgressDown 0.5s 1; /* Chrome, Safari, Opera */
    animation: slideProgressDown 0.5s 1;
	height: 100%;
	position: relative;
}

/************Code************/
.glass .linear-bar-wrapper {
	padding: $space-xs $space-s 12px $space-s;
	position: relative;
	width:auto;
	overflow: hidden;
}

.glass .loading-meter, .glass .loading-pause-grey,
.glass .loading-indef-meter, .glass .loading-fail-grey, .glass .loading-complete{
  height: 6px;
  margin-right: 0px;
  width: 100%;
  background: $neutral1;
}

.glass .loading-pause-grey {
  background: $gray2;
}

.glass .loading-fail-grey {
  @include loadingFailGrey();
}

.glass .loading-complete {
  @include loadingComplete();
}

.glass .loading-indef-meter{
  @include loadingIndefMeter();
}

.glass .loading-meter > div, .loading-pause-grey > div {
  @include loadingMeter-Div();
}

.glass .loading-meter > div .loading-indicator, .glass  .loading-pause-grey > div .loading-indicator {
  @include loadingMeter-loadingIndicator();
}

.glass .loading{
	background-image: url(../../images/loading_animation.gif);
    background-repeat: no-repeat;
}

.glass .intent-results-searching{
	background-image: url(../../images/loading_animation.gif);
    background-repeat: no-repeat;
}

.mediumSpinner {
	background-image: url(../../images/ba_spinner_32.gif);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
}

/************local variables, mixins & keyframes************/
@-webkit-keyframes loadingBar {
  from {
    left: 0px;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loadingBar {
  from {
    left: 0px;
  }
  to {
    left: 100%;
  }
}
@-ms-keyframes loadingBar {
  from {
    left: 0px;
  }
  to {
    left: 100%;
  }
}
@keyframes loadingBar {
  from {
    left: 0px;
  }
  to {
    left: 100%;
  }
}

 @-webkit-keyframes toastIndefBar {
0% {background-position: 0 0;}
100% {background-position: 340000px 0;}
}

 @-moz-keyframes toastIndefBar {
0% {background-position: 0 0;}
100% {background-position: 340000px 0;}
}

 @-ms-keyframes toastIndefBar {
0% {background-position: 0 0;}
100% {background-position: 340000px 0;}
}

 @keyframes toastIndefBar {
0% {background-position: 0 0;}
100% {background-position: 340000px 0;}
}

@include highContrast() {
  .glass #toast-container .progress {
    @include toastContainer-Progress();
  }

  .glass #toast-container .indefinite {
    @include toastContainer-Indef();
  }

  .glass #toast-container .fail {
    @include toastContainer-Fail();
  }
  
  .glass #toast-container .complete {
    @include toastContainer-Complete();
  }
  
  .glass .loading-fail-grey {
    @include loadingFailGrey();
  }
  
  .glass .loading-complete {
    @include loadingComplete();
  }
  
  .glass .loading-indef-meter{
    @include loadingIndefMeter();
  }

  .glass .loading-meter > div, .loading-pause-grey > div {
    @include loadingMeter-Div();
  }
  
  .glass .loading-meter > div .loading-indicator, .glass  .loading-pause-grey > div .loading-indicator {
    @include loadingMeter-loadingIndicator();
  }

}