@media print
{
.noprint {display:none;}
}

.width1{
width:200px;
}

.label {
display: inline-block;
width:120px;
text-align: left;
color: #333;
font-size:15px;
font-weight:bold;
}

.label1 {
display: inline-block;
width:200px;
text-align: left;
color: #333;
font-size:15px;
font-weight:bold;
}
/*  Common Start  */


/*  Align  */

.alleft {
text-align:left; 
}

.alright {
text-align:right;
}

.alcenter {
text-align:center; 
}
/*  Align end  */


/*  Padding start  */

.top {
padding-top:5px; 
}

.bottom {
padding-bottom:5px; 
}

.left {
padding-left:5px; 
}

.left1 {
padding-left:15px; 
}

.right {
padding-right:5px; 
}

/*  Padding end  */


/*  Margin start  */

.mtop {
margin-top:10px; 
}

.mtop2 {
margin-top:30px; 
}

.mbottom {
margin-bottom:10px; 
}

.mbottom2 {
margin-bottom:30px; 
}

.mleft {
margin-left:10px; 
}


.mright {
margin-right:10px; 
}

/*  Margin end  */


.bdr {
border : solid 1px; 
}


/*  width  */
.w-20 {
width: 20%;
}

.w-40 {
width: 40%;
}

.w-50 {
width: 50%;
}


.w-60 {
width: 60%;
}

.w-100 {
width: 100%;
}


.bold {
font-weight: bold;
}

/*  Common End  */

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}

ul1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111;
}


/*  Box Start  */

.w3-container {
text-align:center;
width:198; 
margin-top:-50; 
color:white;
font-weight: bold;
font-size:20px;
}

.box {
  position: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.box1 {
	width: 450px; 
	border: solid 1px #333333; 
	text-align: left;
}

.box2 {
  position: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  width: 50%; 
  text-align: center;
}

.boxh {
text-align: center;
background-color: #333333; 
color: #FFFFFF; 
padding: 3px; 
color :white; 
font-size: 20px;
}

/*  Box End */


/* Dropdown Start */

.btndp {
background-color: #006699;
padding: 5px 5px 5px 5px;
position: block;
width:100%;
color: white;
}

.drdwn1 {
border-color:#b3b3b3; 
font-size: 14px;
margin-top: 2px;
padding-top:3px;
padding-bottom:3px;
}

.drdwn2 {
border-color:#b3b3b3; 
font-size: 13px;

}

.drdwn3 {
border-color:#b3b3b3; 
margin-top:15px;
font-size: 13px;

}

.drdwn4 {
border-color:#b3b3b3; 
height: 28px;
font-size: 13px;

}

.drdwn5 {
border-color:#b3b3b3; 
font-size: 14px;
margin-top: 2px;
}


/* Dropdown End */

.body {
background-color:#FFF; 
min-height: 700px;
}

@media screen and (max-width: 600px) {
.bodym {
background-color:#FFF; 
min-height: 300px;
}
}

/* Form Start */


/* Lable size */
.ls1 { 
width: 100px;
}

.ls2 { 
width: 200px;
}

.ls3 { 
width: 300px;

}
.input1 { /* Normal Lable */
padding-left:5px; 
border:solid 1px;
border-color:#b3b3b3; 
border-radius: 2px;
margin-top:5px;
margin-bottom:10px;
font-size: 13px;

}

.input2 {
padding-left:5px; 
border: none;
border-color:#FFFF; 
background-color:#EAE1DF; 
border-radius: 5px;
color: red;
font-weight: bold;
font-size: 15px;

}

.input3 {
padding-left:5px; 
border: none;
border-color:#FFFF; 
border-radius: 5px;
color: green;
font-weight: bold;
margin-top:2px;
margin-bottom:2px;
font-size: 12px;

}

.input4 {
padding-left:5px; 
border: none;
border-color:#FFFF; 
border-radius: 5px;
color: #333;
font-weight: bold;
margin-top:2px;
margin-bottom:2px;
font-size: 13px;
width:150px;

}

.input5 {
padding-left:5px; 
padding-top:3px; 
padding-bottom:3px; 
border-radius: 3px;
color: #333;
font-size: 13px;

}


.input6 {
padding-left:5px; 
padding-top:3px; 
padding-bottom:3px; 
color: #333;
font-size: 12px;

}


.input7 {
padding-left:3px;; 
color: #333;
font-size: 12px;

}


.formi1 {
padding-left:5px; 
border-color:#b3b3b3; 
background-color:#ebebe0; 
width:95%;
}


.fta1 {
padding-left:5px; 
border-color:#b3b3b3; 
background-color:#ebebe0; 
width:95%; 
height:150px;
}


.fit1 {
color:#444;
}


.fit2 {
color:red;
}


.fp1 {
text-align: left;
font-weight:bold;
padding-top:10px;
font-size: 13px;
}


/* Form End */


/* P Start */


.p1 {
color: #333;
font-size: 13px;
font-weight: bold;
margin-top:5px;
margin-bottom:5px;
}

.p2 {
color: #333;
font-size:15px;
font-weight:bold;
}


.p3 {
color: #e62e00;
font-size:18px;
font-weight:bold;
}


.p4 {
color: #e62e00;
font-size: 15px;
text-align: left;
font-weight: bold;
margin-top: 0px;
margin-bottom: 5px;
}

.p5 {
color: #333;
font-size: 15px;
text-align: left;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}

.msgp1 {
color: #e62e00;
text-align: left;
font-weight:bold;
margin-left: 20px;
text-align: center;
}

.msgp2 {
color: blue;
text-align: left;
font-weight:bold;
margin-left: 20px;
}
/* P End */



/* Button Start */

.btna { /* Submit Buttom */
background-color:#006699;
color:#FFF;
border-radius: 5px;
height:30px;
padding-left:10px;
padding-right:10px;
font-weight:bold;
margin-top:10px;
}

.btn1 { /* Submit Buttom */
background-color:#006699;
color:#FFF;
border-radius: 5px;
height:27px;
padding-left:10px;
padding-right:10px;
font-size: 13px;
margin-top:10px;
}

.btn2 { /* Dropdown Button */
background-color:#006699;
color:#FFF;
border-radius: 5px;
height:24px;
font-weight:bold;
margin-top:10px;
}

.btn3 {
background-color:#006699;
color:#FFF;
border-radius: 5px;
height:25px;
font-weight:bold;
}

.btn4 { /* Submit Buttom */
background-color:#006699;
color:#FFF;
border-radius: 5px;
height:40px;
padding-left:10px;
padding-right:10px;
font-size: 16px;
font-weight:bold;
margin-top:10px;
}

.btn5 { /* Submit Buttom */
background-color:#006699;
color:#FFF;
border-radius: 5px;
height:30px;
width:150px;
padding-left:10px;
padding-right:10px;
font-weight:bold;
margin-top:10px;
}

.btncls { /* Close Button */
background-color:#e60000;
}


.btncls2 {
background-color:#FF4808;
color:#FFF;
border-radius: 5px;
height:40px;
padding-left:15px;
padding-right:15px;
#font-weight:bold;
margin-top:10px;
}


.btncls3 {
background-color:#ff5050;
color:#FFF;
border-radius: 5px;
height:25px;
padding-left:10px;
padding-right:10px;
font-weight:bold;
margin-top:10px;
}

/* Button End  */

/* Table Stert */
/*
.th1 {
text-align:center;
padding:5px 5px 5px 5px;
color:white; 
background-color:#333333;
}

.th2 {
text-align:center;
padding:5px 5px 5px 5px;
}


.tr1 {
color:blue; 
background-color:#b3e6ff;
}

.tr2 {
color:blue; 
padding:5px 5px 5px 5px;
}

.tr3 {
color:blacke; 
padding:5px 5px 5px 5px;
margin-bottom:100px;
font-size:15px;
font-weight:bold;
}

.td1 {
text-align:left;
padding-left:5px;
}

.td2 {
vertical-align: top;
text-align:left;
padding-left:5px;
}

.td3 {
border-bottom:solid gray 1px;
text-align:left;
padding-left:5px;
padding-top:15px;
}

.td4 {
border-bottom:solid gray 1px;
color:blue;
text-align:left;
padding-left:5px;
padding-top:15px;
}
*/

/* Table End */


/* Table2 Start */


.table {  
    color: #333; /* Lighten up font color */
    font-family: Helvetica, Arial, sans-serif; /* Nicer font */
}


.table1 {  
    color: #333; /* Lighten up font color */
    font-family: Helvetica, Arial, sans-serif; /* Nicer font */
    width: 100%; 
	font-size: 12px;
}

.table2 {  
    color: #333; /* Lighten up font color */
    font-family: Helvetica, Arial, sans-serif; /* Nicer font */
    border-collapse: 
    collapse; border-spacing: 0; 
	font-size: 12px;
}


.table3 {  
    color: #333; /* Lighten up font color */
    font-family: Helvetica, Arial, sans-serif; /* Nicer font */
    width: 90%; 
    border-collapse:  
    collapse; border-spacing: 0; 
}

.table4 {  
    color: #333; /* Lighten up font color */
    font-family: Helvetica, Arial, sans-serif; /* Nicer font */
    border-collapse: 
    collapse; border-spacing: 0; 
	font-size: 10px;
}


#th { border: px solid #a6a6a6; height: 30px; } /* Make cells a bit taller */
#td { border: px solid #CCC; height: 25px; } /* Make cells a bit taller */

th {  
    background: #595959; /* Light grey background */
    font-weight: bold; /* Make sure they're bold */
	padding:5px 5px 5px 5px;
	text-align:center;
	color: #FFF;
}

td {  
    background: #FAFAFA; /* Lighter grey background */
    text-align: left; /* Center our text */
	padding-left:5px;
	
}
td1 {  
    background: #FFF; /* Lighter grey background */
    text-align: left; /* Center our text */
	padding-left:5px;
	
}



/* Cells in even rows (2,4,6...) are one color */        
tr:nth-child(even) td { background: #F1F1F1; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */        
tr:nth-child(odd) td { background: #FEFEFE; }  

tr td:hover { background: #DDDF; color: #333; }  
/* Hover cell effect! */

/* Table2 End */







/* Double Column */

.wrapper {
  margin-left: 200px;
}
.content {
  float: right;
  width: 100%;
  background-color: #CCF;
}
.sidebar {
  float: left;
  width: 200px;
  margin-left: -200px;
  background-color: #FFA;
}
.cleared {
  clear: both;
}

/* Double Column */



.msgs {
color: green;
text-align: center;
font-weight:bold;
font-size: 25px;
}