
	.Voice_{

		color:#59BFEC;		

	}
	.Voice_0{

		color:#FFFFFF;		

	}

	.Voice_1{

		color:#D8B332;

	}

	.Voice_2{

		color:#06FF00;

	}

	.Voice_3{

		color:#E9BEFF;

	}	

	.word:hover, .word.selected {

		color: #59BFEC !important;

		cursor: pointer;

		

	}

	.selected {

		color: #59BFEC;

		cursor: pointer;
-webkit-hyphens:auto;
    -moz-hyphens:auto;
    hyphens:auto;
		

	}

	.text-format{

		width:100%; 

		height:100%; 

		padding:0;

		    background: url(//www.sunflystreaming.com/skin/frontend/streaming/default/karaoke/images/29.png) 50% 50% no-repeat;

		color:#ffffff; 

		overflow:hidden;

		text-align: center;

		font-family:Arial;

		display: inline-table;

		

		

	

	}

	audio{

		width:100%;

	}

	

	.para{

		display:none;

	}

	

	.paraShow{

		/*display:block !important;*/

	}

	.clear{clear:both;}

	.outer_div{width:50%; margin:0px auto; padding:0px;font-size: 30px;height:400px;}



/* Tablet Landscape */

@media screen and (max-width: 1060px) {

	.outer_div{width:100%; margin:0px auto; padding:0px;}

	.text-format{height:300px;}

}

/* Tablet Portrait */

@media (min-width: 320px) and (max-width: 768px){

	.outer_div{width:100%; margin:0px auto; padding:0px;}

	.text-format{height:300px;}

}





.selected_1 .selected{

	color:#aeaeae !important;

}



.selected_2 .selected{

color:#b77403 !important;

}



.selected_3 .selected{

color:#f05f06 !important;

}



.selected_4 .selected{

color:#2c8277 !important;

}



.selected_5 .selected{

color:#2a192b !important;

}



.selected_6 .selected{

color:#1d1a21 !important;

}



.selected_7 .selected{

color:#e93848 !important;

}



.selected_8 .selected{

color:#762e77 !important;

}



.selected_9 .selected{

color:#56a015 !important;

}



.selected_10 .selected{

color:#13881d !important;

}



.selected_11 .selected{

color:#017524 !important;

}



.selected_12 .selected{

color:#007ee2 !important;

}

.selected_13 .selected{

color:#003c92 !important;

}



.selected_14 .selected{

color:#0c0d5d !important;

}



.selected_15 .selected{

color:#de0057 !important;

}

.selected_16 .selected{

color:#de080a !important;

}



.selected_17 .selected{

	color:#4776be !important;

}



.selected_18 .selected{

color:#534d95 !important;

}



.selected_19 .selected{

color:#ffff01 !important;

}



.selected_20 .selected{

color:#00ff01 !important;

}



.selected_21 .selected{

color:#0000fe !important;

}

.full_screen{

	left:0 !important;

	top:0 !important;

	position:absolute !important;

	padding:0 !important;

	width:100% !important;

	height:90% ;

	font-size:60px !important;

}



.paraShow{width:100%; height:400px;  display: table-cell !important; vertical-align:middle; text-align: center;}

/*

.para_img{width:100%; height:100%;  display: table-cell !important; vertical-align:middle; text-align: center;}

*/





.paraTest{width:100%; height:400px;  display: table-cell !important; vertical-align:middle; text-align: center;}



.titleImg{

//background: url("title.png");

//font-size: 1em !important;

//background-repeat: no-repeat;

//background-size: 100% 100%;

//font-size:1em !important;	

}

.titleImg span{

color:#59BFEC !important; 

font-size:1em !important;

}

.instructionImg{

//background: url("instruments.jpg");

//font-size: 1em !important;

//background-repeat: no-repeat;

//background-size: 100% 100%;

}

.instructionImg span{

//color:#59BFEC !important; 

font-size:1em !important;

}



/* Loader*/

.spinner1 .spinner {

  width: 100px;

  height: 100px;



  position: absolute;

  top: calc(90% - 70px);

  left: calc(50% - 50px);

}

.spinner2 .spinner {

  width: 100px;

  height: 100px;



  position: absolute;

  top: calc(50% - 70px);

  left: calc(50% - 50px);

}
.spinner3 .spinner {

  width: 100px;

  height: 100px;



  position: absolute;

  top: calc(50% - 10px);

  left: calc(50% - 50px);

}
.double-bounce1, .double-bounce2 {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: #9c9;

  border: solid 3px #fff;

  opacity: 0.6;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 10;

  

  -webkit-animation: bounce 2.0s infinite ease-in-out;

  animation: bounce 2.0s infinite ease-in-out;

}



.double-bounce2 {

  -webkit-animation-delay: -1.0s;

  animation-delay: -1.0s;

}



@-webkit-keyframes bounce {

  0%, 100% { -webkit-transform: scale(0.0) }

  50% { -webkit-transform: scale(1.0) }

}



@keyframes bounce {

  0%, 100% { 

    transform: scale(0.0);

    -webkit-transform: scale(0.0);

  } 50% { 

    transform: scale(1.0);

    -webkit-transform: scale(1.0);

  }

}



form.well {

  position: relative;

}



.overlay {

  opacity: .75;

  background-color: #000;

  width: calc(100% + 2px);

  height: calc(100% + 2px);

  position: absolute;

  z-index: 5;

  margin: -20px -20px;

  border-radius: 3px;

}



.please-wait {

  text-align: center;

  position: absolute;

  top: calc(50% + 45px);

  left: calc(50% - 45px);

  color: #fff;

  z-index: 10;

}



.success {

  padding: 15px;

  text-align: center;

  border-radius: 50%;

  border: solid 2px #050;

}



.glyphicon-remove {

  cursor: pointer;

}

#test{background-size: 100% 100%;}

@media (min-width: 320px) and (max-width: 768px){
.full_screen{height: 24% !important;}
}


@media (min-width: 1023px) and (max-width: 1024px){
.full_screen{height: 38% !important;}
}

.newword{
overflow:hidden;
text-align:left;
}
.in_style{
	display: block;
    color: #ffffff;
    font-size: 0.7em;
}

/* Loader*/