﻿@media screen{

.Vkramtable
{
	width: 100%;
	border-collapse: collapse;
	font-family: verdana;
	font-size: 12px;
}
.Vkramtable th
{
    height:25px;
	padding: 5px;
	border: #c4dcec 1px solid;
	background: #841C2C;
	color: #FFFFFF;
	font-size: 14px;
	margin: 0 0 0 0;
	font-weight: normal;
	text-align: left;
}
.Vkramtable td
{
	padding: 5px;
	border: #c4dcec 1px solid;
	text-align: left;
	width:25%;
	
}
/* provide some minimal visual accomodation for IE8 and below */
.Vkramtable tr
{
	background: #f4f8fb;
}
/*  Define the background color for all the ODD background rows  */
.Vkramtable tr:nth-child(odd)
{
	background: #FBFBFB;
}
/*  Define the background color for all the EVEN background rows  */
.Vkramtable tr:nth-child(even)
{
	background: #f7f7f7;
}
.form-mainhead
{
    color: #f45600;
    font-size:25px;
    text-align:center;
    font-weight:normal;
    border:1px solid #eee;
    background-color:#f3f3f3;
    margin:0px 0 10px;
    padding:10px;
    
}
.form-mainhead span
{
    font-size:25px !important;
    
}

input[type="text"],
 input[type="password"]
{
    width:90%;
	padding: 7px;
	border-radius: 4px;
	background-color: #fff;
	border: solid 1px #CDE7EC;
}
 input:focus{
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border-color: #5AB0DB;
    
}

 input:hover {
    border: 1px solid #82b8e8;
    border-radius: 5px;
}


 select
{
	    width:96%;
	padding: 7px;
	border-radius: 4px;
	background-color: #fff;
	border: solid 1px #CDE7EC;
}
 select:focus{
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border-color: #5AB0DB;
}

 select:hover {
   border: 1px solid #82b8e8;
    border-radius: 5px;
}

 textarea
{
	    width:90%;
	padding: 7px;
	border-radius: 4px;
	background-color: #fff;
	border: solid 1px #CDE7EC;
}

 textarea:focus{
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border-color: #5AB0DB;
}

textarea:hover {
   border: 1px solid #82b8e8;
    border-radius: 5px;
}




select1:focus{
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border-color: #5AB0DB;
}

select1:hover {
    border: 1px solid #82b8e8;
    border-radius: 5px;
}

textarea:focus{
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border-color: #5AB0DB;
}

textarea:hover {
   border: 1px solid #82b8e8;
    border-radius: 5px;
}

.btn
{
	background-color: #00814b;
	border: none;
	padding: 8px 8px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px 5px;
}
.btn:hover, .btn:active
{
	background-color:#075d39;
	border: none;
	padding: 8px 8px;
	color: #fff !important;
	font-size: 14px;
	border-radius: 5px 5px;
}
.btn-col 
{
    text-align:center;
    margin:10px 0 10px;
}

 .btn_new {
        background-color: #00814b;
	border: none;
	padding: 8px 8px;
    margin:2px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px 5px;
    }

.btn_new:hover, .btn_new:active
{
	background-color:#075d39;
	border: none;
	padding: 8px 8px;
	color: #fff !important;
	font-size: 14px;
	border-radius: 5px 5px;
}
.del
{ 
    
   
	background-color: #c5381d;
	border: none;
	padding: 8px 8px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px 5px;
}
.del:hover
{
	background-color: #962913;
	border: none;
	padding: 8px 8px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px 5px;
}

.srch
{
	background-color: #9646ce;
	border: none;
	padding: 8px 8px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px 5px;
}
.srch:hover
{
	background-color: #7228a6;
	border: none;
	padding: 8px 8px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px 5px;
}
.bck
{
	background-color: #666;
	border: none;
	padding: 8px 8px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px 5px;
}
.bck:hover
{
	background-color: #333;
	border: none;
	padding: 8px 8px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px 5px;
}
.lnk1
{
	background-image: url('../Images/button_03.png');
	width: 185px;
	height: 75px;
	display: table;
}
.lnk1:hover
{
	background-image: url('../Images/button_03.png');
	width: 185px;
	height: 75px;
	background-position: 0 77px;
	display: table;
}
.lnk2
{
	background-image: url('../Images/button_05.png');
	width: 185px;
	height: 75px;
	display: table;
}
.lnk2:hover
{
	background-image: url('../Images/button_05.png');
	width: 185px;
	height: 75px;
	background-position: 0 77px;
	display: table;
}
.lnk3
{
	background-image: url('../Images/button_07.png');
	width: 185px;
	height: 75px;
	display: table;
}
.lnk3:hover
{
	background-image: url('../Images/button_07.png');
	width: 185px;
	height: 75px;
	background-position: 0 77px;
	display: table;
}
.lnk4
{
	background-image: url('../Images/cancelA.png');
	width: 185px;
	height: 75px;
	display: table;
}
.lnk4:hover
{
	background-image: url('../Images/cancelA.png');
	width: 185px;
	height: 75px;
	background-position: 0 77px;
	display: table;
}

}

@media print  
{
	
*{ font-size:10px!important;
   padding:0 0 0 0 ;
   margin:0 0 0 0;
}	

.Vkramtable
{
	width: 100%;
	height:100%;
	border-collapse: collapse;
	font-family: verdana;
	font-size: 9px;
}
.Vkramtable th
{
	padding: 3px;
	border-bottom: #c4dcec 1px solid;
	background: #448ccb;
	color: #FFFFFF;
	font-size: 14px;
	margin: 0 0 0 0;
	font-weight: normal;
	text-align: left !important;
}
.Vkramtable td
{
	padding: 5px;
	border-bottom: #c4dcec 1px solid;
	text-align: left;
	width:25%;
	
}
/* provide some minimal visual accomodation for IE8 and below */
.Vkramtable tr
{
	background: #f4f8fb;
}
/*  Define the background color for all the ODD background rows  */
.Vkramtable tr:nth-child(odd)
{
	background: #e9f0f7;
}
/*  Define the background color for all the EVEN background rows  */
.Vkramtable tr:nth-child(even)
{
	background: #f4f8fb;
}




	
	}
	


/***********************Print button***********************/
.prnt_button {
        padding:10px;
        margin:10px 0 10px 0;
     border-radius:5px;
        color:#fff;
        background-color:#841C2C;
        border:none;
    }

    .prnt_button:hover {
background-color:#0e7f4f;
cursor:pointer;
    }

