@font-face 
{     /* Call A Font in CSS */
    font-family:KrutiDev010;
    src: url(font/k010.woff);
}
@media print {   /* Css call on print page*/
	@page 
	{ 
	  size: auto;  
	  margin: 0.3cm;  
	}	
}
/* end print */

.skip{
	   background-color: #7094db; 
	 }
	 
.skip_double{
	   background-color: #83e3f7; 
}
.extra{
	 background-color:orange; 
}	
.body
{
  background-color:#ececec;
}
.menu_user 
{
    padding:8px 5px 8px 5px;
	background-color:lightgray;
	width:50%;
	height:auto;
	font-family:Arial;
	font-size:18px;
	border:2px solid black;
	border-radius:35px;
	text-align:center;	
}
.menu_user a
{
  text-decoration:none;
}
.menu_user 
{
    padding:8px 5px 8px 5px;
	background-color:#bcbebc;
	width:100%;
	height:40px;
	font-family:Arial;
	font-size:18px;
	border-radius:0px;
	text-align:center;	
	border-top:1px solid #fff;
	border-bottom:none;
	border-left:none;
	border-right:none;
}
.menu_admin a
{
  text-decoration:none;
}
.table_comp td 
{
 padding:5px 5px 5px 5px;	
}
.color_box
{  
   background-color:pink;
   height:20px;
   width:20px;
}
.color_box1 
{
   background-color:#d279d2;
   height:20px;
   width:20px;
}
.color_box2 
{
   background-color:#7094db;
   height:20px;
   width:20px;
}
.color_box3 
{
   background-color:#ff5c33;
   height:20px;
   width:20px;
}
.color_box4 
{
   background-color:orange;
   height:20px;
   width:20px;
}

.adminr
{
	background-color:lightgray;
	font-size:20px;
	color:blue;
	border:2px solid black;
}
.admin_lessons
{
	font-family:Times New Roman;
	font-size:18px;
	text-align:left;
	padding:5px 10px 5px 10px;
	width:82%;
	height:auto;
	border:2px solid #686666;
}
.u_lesson
{
 font-family:Times New Roman;
 padding:10px 10px 10px 10px;
 text-align:left;
 font-size:18px;
 height:auto; 
 width:82%;
 border:2px solid black;
}
.u_lesson1
{
 padding:10px 10px 10px 10px;
 text-align:left;
 font-size:18px;
 height:auto; 
 width:82%;
 border:2px solid black;
}
.adminr a 
{ 
  padding-left:50px;
  color:black;
}
p a:hover
{
  text-decoration:none;
}
 .msgs
 {
  color:white;
  font-size:20;
 }
.totype{
		/* font-weight: bold;  */
       background-color:#9fe4ad;
}
.totype2
{
  color:black;
}
.usertext
{
   border:1px solid #686666;
   padding-left:5px;
   padding-right:5px;
}
.result
{
float: left;
/*border: 1px solid black;*/
}
.finish{ margin-top:5px; }
.copy_usertext
    {
	    overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
		border:2px solid #686666;
        padding-left:5px;
        padding-right:5px;
		height:50px;
		width:500px;
		font-size:18px;
		margin-top:8px;
    }	
.second-div{
width: 96.4%;height: 74%; background-color: #fafafa;overflow-y: scroll;text-align: left; padding: 10px;margin-top: 5px;float: left;font-size: 3vw;
	}
.fnt
{
 font-size:14px;
}	

.msg
{
color:black;
padding-left:20px;
}
.admin
{
color:red;
border-radius: 25px;
padding: 10px 10px 10px 10px;
}
.user
{
color:black;  
border-radius: 25px;
padding: 10px 10px 10px 10px;
}
.txt{background-color:pink;}

.form1
{
margin:30px 10px 30px;
padding:5px 5px 5px;
border:1px solid blue;
background-color:lightgray;
height:200px;
width:300px;
}
textarea
{
width: 500px;
border:2px solid gray;
margin-left:0px;
padding-left:5px;
resize: none;
}
 #demo
 {
  color:#000;
 }
 
 #demo1
 {
 color:green;
 }
 .left
 {
 float:left;
 border:1px solid white;
 margin:10px 10px 10px 30px;
 padding:10px 10px 10px 10px;
 font-size:20px;
 width:40%;
 }
 .record
 {
 float:left;
 border:1px solid white;
 margin:10px 10px 10px 30px;
 padding:10px 10px 10px 10px;
 font-size:20px;
 width:40%;
 }
 
 .lb
 {
  color:#000;
 }
 
.label1
{
 border:1px solid gray;
 padding:10px 0px 8px 0px;
 min-height: 45px;
 height: auto !important;
 width: 175px;
 float:left;
 text-align:center;
 background-color:#b9b9b9;
 font-size:16px;
}
.label3
{
 border:1px solid gray;
 margin-left:5px;
 padding:10px 0px 8px 0px;
 background-color:#b9b9b9;
 font-size:16px;
 min-height: 45px;
 text-align:center;
 height: auto !important;
 width: 175px;
 float:left;
}
.label2
{
 border:1px solid gray;
 margin-left:5px;
 padding:10px 0px 8px 0px;
 background-color:#b9b9b9;
 font-size:16px;
 min-height: 45px;
 text-align:center;
 height: auto !important;
 width: 175px;
 float:left;
}
 
.label4
{
 border:1px solid gray;
 margin-left:5px;
 padding:10px 0px 8px 0px;
 background-color:#b9b9b9;
 font-size:16px;
 min-height:45px;
 text-align:center;
 height: auto !important;
 width:175px;
 float:left;
 color:#000;
}

.lesson1
{
width:716px;
height:250px;
border:1px solid #686666;
background-color:#fff;
}

.lesson
{
overflow: -moz-scrollbars-horizantal;
overflow-y: scroll;
text-align: left;
width:680px;
height:200px;
color:black;
font-family:cambria;
padding:25px 20px 20px 10px;
font-size:26px;
margin:24px 10px 10px 10px;
background-color:#fff;
}

.worddiv
{
font-family:cambria;
margin:5px 5px 5px 5px;
padding:5px 5px 5px 10px;
border:1px solid #677077;
background-color:#EDEDED;
min-height: 70px;
height: auto;
width:720px;
text-align:left;
}
.submit {
    background-color: #3c82ac;
    border: none;
    color: white;
    padding: 10px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	width: 250px;
	border: 1px solid #04588C;
	
}
.submit2{
	background-color:#686666;
    border: none;
    color: white;
    padding: 2px 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
	width: 100px;
	border: 1px solid #686666;
}
.submit:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.data
{
  color:black;
}
	
.maindiv
{
	border:2px solid white;
	padding:10px;
	width:450px;
	height:auto;
	background-color:#bcbebc;	
	font-family:cambria;
	color:#3c3e3c;'
}
#forlabel
{
 color:black;
 font-size:17px;
}
#fortext
{
	width:250px;
	font-size:15px;
}
#forbutton
{
	width:auto;
	background: #0066A2;
	border-style: outset;
	border-color: #0066A2;
	font: bold 15px arial, sans-serif;
	text-decoration:none; 
	color: white; 
	border-radius: 28px; 	
}