html {
            font-family: Arial;
            font-size: 12px;
			
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			overflow-y: hidden;
        }

        .message-box {
            resize: none;
            width: 96%;
            min-height: 20px;
            height: 21px;
            padding: 0px 0px 0px 13px;
            overflow: hidden;
            box-sizing: border-box;
            font-size: 12px;
            margin-left: 0px;
            border: none;
            font-family: Arial;
			background-color: #F9F9F9;
			outline: none;
			color: #000;
        }
		#dummy{display:block;
				height:10px;
		}
		#dummy2{display:block;
				height:4px;
		}

        .btn {
            width: 49%;
            bottom: 27px;
            height: 20px;
            padding-top: 5px;
            position: relative;
            float: left;
            border-radius: 7px 7px 0px 0px;

            text-align: center;
            cursor: pointer;
		    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe6a3+0,fff0c6+100 */
background: #ffe6a3; /* Old browsers */
background: -moz-linear-gradient(top, #ffe6a3 0%, #fff0c6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffe6a3 0%,#fff0c6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffe6a3 0%,#fff0c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6a3', endColorstr='#fff0c6',GradientType=0 ); /* IE6-9 */
            font-family: Arial;
            font-size: 12px;
            font-weight: bold;
        }

	 .btn1 {
            width: 49%;
            bottom: 27px;
            height: 20px;
            padding-top: 5px;
            position: relative;
            float: right;
			margin-right: -1px;
            border-radius: 7px 7px 0px 0px;
            text-align: center;
            cursor: pointer;
			background: #e5dea2; /* Old browsers */
			background: -moz-linear-gradient(top, #e5dea2 0%, #f7f4c5 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #e5dea2 0%,#f7f4c5 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #e5dea2 0%,#f7f4c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5dea2', endColorstr='#f7f4c5',GradientType=0 ); /* IE6-9 */
            font-family: Arial;
            font-size: 12px;
            font-weight: bold;
        }	
	
        .btn:hover {
            background-image: linear-gradient(#ffc416, #ffda6e);
        }

        .btn1:hover {
            background-image: linear-gradient(#d9c909, #e8df6c);
        }

        .prompt,
        .sample {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            font-style: italic;
        }

        .leftdiv {
			min-width:70px;
            width: 28.5%;
            float: left;
            background: #e2eaf5;
            border: 1px solid #d9e1eb;
            border-radius: 10px 0px 0px 10px;
            /* font-weight: bold; */
            font-size: 12px;
            padding: 7px 3px 0px 3px;
			display: flex;
        }

        .centerdiv {
			min-width:70px;
            width: 41.5%;
            float: left;
            border: 1px solid lightgray;
            border-right: none;
			background-color: #F9F9F9;
        }

        .rightdiv {
            min-width: 255px;
            max-width: 255px;
            width: 35%;
            float: left;
            border: 1px solid lightgray;
            border-left: none;
			background-color: #F9F9F9;
        }

        /* .prompt0,.prompt1 {
            background: #f0eba8;
            width: 100%;
            position: relative;
            display: none;
            height: 100%;
            border: 1px solid #e6ca78
        } */

        /* .sample0,.sample1 { */
            [class^="sample"] {
          /*   background: #f5f2c6; */
            width: 99%;
            position: relative;
            display: none;
            height: 100%;
            padding-left:3px;
			background: #e5dea2; /* Old browsers */
			background: -moz-linear-gradient(left, #e5dea2 0%, #f7f4c5 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, #e5dea2 0%,#f7f4c5 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, #e5dea2 0%,#f7f4c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5dea2', endColorstr='#f7f4c5',GradientType=1 ); /* IE6-9 */
        }
        [class^="prompt"] {
			background: #ffe6a3; /* Old browsers */
			background: -moz-linear-gradient(left, #ffe6a3 0%, #fff0c6 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, #ffe6a3 0%,#fff0c6 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, #ffe6a3 0%,#fff0c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6a3', endColorstr='#fff0c6',GradientType=1 ); /* IE6-9 */
            width: 100%;
            position: relative;
            display: none;
            height: 100%;
           /*  border: 1px solid #e6ca78 */
        }

        [class^="prompt"] span {
            position: relative;
            bottom: 14px;
			float: left;
			margin-left: 12px;
			line-height: 18px;
        }
		
		[class^="prompt"] span i {
			display: block;
		}
		
        [class^="sample"] span {
            position: relative;
            float: left;
            width: 205px;
            bottom: 7px;
			line-height: 18px;
			margin-left: 5px;
			padding-left: 5px;
        }

        .audioBtn{
            cursor:pointer;
            background:  url(../_IMAGES/play_btn.svg) no-repeat; 
            background-position: 0px 0px;
            width: 26px;
            height: 23px;
            top: 5px;
            display: inline-block;
        }


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #554d4d;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #554d4d;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #554d4d;
}
:-moz-placeholder { /* Firefox 18- */
  color: #554d4d;
}
textarea::placeholder {
  color: #9f9e9e;
}

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.no-zoom {
	font-size: 16px !important;
	transform-origin: top left !important;
    transform: scale(0.80)!important; 
   	 width: 120% !important;            
        min-height: 15px !important;       
	
    } 
    .zoom1{
        font-size: 16px !important;
        }
    
    @media only screen 
        and (min-device-width : 375px) 
        and (max-device-width : 667px) 
       {
        .zoom{
        font-size: 16px !important;
        }
        ::placeholder{
            font-size: 15px !important;
        }
     }