/**
 * Description: CSS version for verify progress.
 *
 * @package     midi-Synth
 * @category    module css
 * @author      Oleg Klenitsky
 * @copyright   2024 Oleg Klenitsky
 * @license     GPL-2.0-or-later
 */

/*tblSoundFonts GS*/
.loader1 {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 5px solid rgba(13, 71, 161, 0.6);
  border-radius: 50%;
  border-left-color: #0D47A1;
  margin-left: -400px;
  animation: loader1 1.3s linear infinite;
}
@keyframes loader1 {
  100% { transform: rotate(360deg); }
}
/*tblSoundFonts XG*/
.loader2 {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 5px solid rgba(13, 71, 161, 0.6);
  border-radius: 50%;
  border-left-color: #0D47A1;
  margin-left: 400px;
  animation: loader2 1.3s linear infinite;
}
@keyframes loader2 {
  100% { transform: rotate(360deg); }
}
/*selStandMidi GS*/
.loader3 {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 5px solid rgba(13, 71, 161, 0.6);
  border-radius: 50%;
  border-left-color: #0D47A1;
  z-index: 1;
  animation: loader3 1.3s linear infinite;
  margin-left: 360px;
  margin-top: -120px;
}
@keyframes loader3 {
  100% { transform: rotate(360deg); }
}
/*openRules(id)*/
.loader4 {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 5px solid rgba(13, 71, 161, 0.6);
  border-radius: 50%;
  border-left-color: #0D47A1;
  z-index: 1;
  animation: loader3 1.3s linear infinite;
  margin-left: 360px;
  margin-top: 90px;
}
@keyframes loader4 {
  100% { transform: rotate(360deg); }
}
/*loadMidi(files)*/
.loader5 {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 5px solid rgba(13, 71, 161, 0.6);
  border-radius: 50%;
  border-left-color: #0D47A1;
  z-index: 1;
  animation: loader3 1.3s linear infinite;
  margin-left: 0;
  margin-top: 0;
}
@keyframes loader5 {
  100% { transform: rotate(360deg); }
}

/*openVerify*/
@keyframes progress_child {
  0% { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.progress_child div {
  position: absolute;
  width: 80px;
  height: 80px;
  border: 10px solid #85a2b6;
  border-top-color: transparent;
  border-radius: 50%;
}
.progress_child div {
  animation: progress_child 1s linear infinite;
  top: 50px;
  left: 50px;
}
.progress_main {
	width:100px;
	height:100px;
	overflow:hidden;
	position:absolute;
	top:25%;
	left:40%;

  z-index: 3;
}
.progress_value {
  width:100px;
  height:100px;
  overflow:hidden;
  position:absolute;
  top:-5%;
  left:0;

  z-index: 3;
}
.progress_main {
	border-radius: 50px;
	background-color: white;
}
.progress_value {
	display: flex;
	justify-content: center;
	align-items: center;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  align-content: center;
  flex-wrap: wrap;
  margin-top: -10px;
}
#process {
	height: 20px;
  text-align: center;
}
.progress_child div {
	box-sizing: content-box;
}
