.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:#000000; 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;
}
.list_text span p{color:#b3b3b3;}
/* Loader*/

.icon_view { display:none; }
.list_view { display:inline; }
.list_icon { margin-right:0; }