/* CSS Document */

.cal_Theme1 .ajax__calendar_container {
background-color: #ffffff;
border:solid 1px #eb6b00;
width:auto;
color:#000000;
position:absolute; z-index:9999;
}
.cal_Theme1 .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #eb6b00;
}

.cal_Theme1 .ajax__calendar_today { color:#ffffff;background-color: #ea6900;padding-bottom: 6px !important;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev {
color: #333333;
}
.labeltdtop {
    width: 10%;
    font: 15px calibri;
    text-align: right;
    color: #383838;
    vertical-align: top;
}
.requiredtop{
    color: #FF0000;
    font: 15px Arial, Helvetica, sans-serif;
    width: 1%;
    text-align: center;
    vertical-align: top;
}
.cal_Theme1 .ajax__calendar_title {
color: #000055;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
color: #A7A7A7;width:auto;
}
.readmoreblack{color: #444444; font: bold 11px Arial, Helvetica, sans-serif;}
.heading { color: #eb6a00;  height: 30px;  font: bold 17px arial;}
.content3
{
color: #535353; font: 13px Arial, Helvetica, sans-serif; line-height: 20px;
}
.greencontent2
{
color: #eb6a00; font: 13px Arial, Helvetica, sans-serif; line-height: 20px;
}
input[type="submit"]
{
display: inline-block;
width: 200px;
height: 20px;
padding: 4px;
margin-bottom: 3px;
font-size: 16px;
font-family:calibri;
line-height: 20px;
color: #646464;
border: 1px solid #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-ms-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
}
input[type="submit"]
{
background: -webkit-gradient(linear, left top, left bottom, from(#ff9102), to(#ea6900));
background: -moz-linear-gradient(top, #ff9102, #ea6900);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9102, endColorstr=#ea6900);
height:32px;
width:90px;
background-repeat: repeat-x;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
color:#FFFFFF;
}


input[type="submit"].complete
{
background-color:#ea6900;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee));
background: -moz-linear-gradient(top, #eeeeee, #eeeeee);
background-repeat: repeat-x;
height:40px;
width:100px;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
color:#FFFFFF;
}
.head2
{
background-color:Black;

}
textarea  
{
display: inline-block;
padding: 4px;
margin-bottom: 3px;
font-size: 18px;
font-family:calibri;
line-height: 20px;
color: #646464;
border: 1px solid #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-ms-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
}
input[type="text"]
{
display: inline-block;
width: 200px;
 
padding: 4px;
margin-bottom: 3px;
font-size: 15px;
font-family:calibri;
line-height: 20px;
color: #646464;
border: 1px solid #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-ms-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
}

input[type="password"]
{
display: inline-block;
width: 200px;
height: 20px;
padding: 4px;
margin-bottom: 3px;
font-size: 18px;
font-family:calibri;
line-height: 20px;
color: #646464;
border: 1px solid #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-ms-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
}

.anchor
{
display: block;
text-align:center;text-decoration:none;
width: 100px;
height: 20px;
padding: 4px;
margin-bottom: 3px;
font-size: 18px;
font-family:calibri;
line-height: 20px;
color: #646464;
border: 1px solid #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.13),0px 1px 0 rgba(255,255,255,0.5);
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-ms-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
}
.error
{
	color: Red; font-weight:bold;
}
.imageButtton
{
	display: inline-block;

	border:none;
	-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.anc
{
font-size: 15px;color: #b7b7b7; font-family:calibri;
}
.InTime
{
background:url(../Images/In.png) no-repeat;width:48px;height:48px;
}
.InTimeChange
{
background:url(../Images/In_1.png) no-repeat;width:48px;height:48px;
}

.OutTime
{
background:url(../Images/Out.png) no-repeat;width:48px;height:48px;
}
.OutTimeChange
{
background:url(../Images/Out_1.png) no-repeat;width:48px;height:48px;
}

.btn-success {
background-color: #fd8c2b;
height:30px;
width:90px;
background-repeat: repeat-x;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
color:#FFFFFF;
}

.logtabl
{
 background: url(../images/gback.png) no-repeat; width:600px; height:185px; text-align:center;
}

.HomeHead
{
background-color: #2c2c2c; height:50px; padding-top:5PX; padding-bottom:5PX; vertical-align:middle;
}
.time
{
color: #ffffff;font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal;
}
.Date
{
color: #ffffff;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;
}
.DateBlack
{
color: #4b4b4b;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
}
.orangecontent
{
color:#dc6e0a;
}
.welcome {
background: url(../images/welcome.png)  no-repeat center; 
font-size:14px;
width:220px;
text-align:center;
color:#fd8c2b;
font-weight:bold;
}
.menutd
{
height:40px;font-family:calibri;color:#000000; font-size:16px; vertical-align:middle; border-bottom: 1px solid #8f8f8f; background-color:#FFFFFF;
}
.menutd a
{
color:#000000; text-decoration:none;
}
.quiklink
{
background-color:#f9f9f9; height:40px; border:none;
}
.quiklink a
{
background-color:#f9f9f9; height:40px; border:none;  
}
.indexback
{
 background-color:#fff; width:1251px; height:390px; padding-left:15px; 
}
.indexbottom
{
 background: url(../images/indexbottom.png) no-repeat; width:1251px; height:298px; padding-left:15px;
}
.timetable
{
 background: url(../images/In-Out.png) no-repeat; width:300px; height:33px; padding-left:15px;
}
.Name
{
font-size:20px;font-family:calibri; color:#2f2f2f;
}
.Designation
{
font-size:16px;font-family:Times New Roman, Times, serif; color:#478611; font-weight:bold;
}
.lbl
{
font-size:18px;font-family:calibri; color:#707070; 
}
.shifttime
{
color: #3a7d00;font-family:calibri; font-size:16px; 
}
.smalltd
{
background: url(../images/small.png) repeat-y; height:20px; 
}
.tableHead
{
padding: 0px; margin: 0px; border-top: 2px solid #ff9b01; background: #ffffff; text-align: center;
}
.tabletitle
{
 padding-left:55px; color:#eb6a00; text-align:left; font-size:20px; font-family:calibri; font-weight:bold;height:20px;
}
.head1
{
 color:#353535; text-align:left; font-size:21px; font-family:calibri; font-weight:normal; background:url(../images/head.jpg); height:20px;
}
.subtableTitle
{
	padding-left:5px; color:#eb6a00; text-align:left; font-size:20px; font-family:calibri; font-weight:normal;height:35px;
}
.tableSubtitle
{
 padding-left:75px; color:#eb6a00; text-align:left; font-size:20px; font-family:calibri; font-weight:normal;
}
.innerTable
{
  border-top: 2px solid #eb6a00; background: #f9f9f9; text-align: center;
  border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding-left:25px; 
}
.smallTable
{
  border-top: 2px solid #eb6a00; background: #f9f9f9; text-align: center;
  border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding-left:25px; 
}
.required
{
color: #FF0000; font:15px Arial, Helvetica, sans-serif; width: 1%; text-align: center;  vertical-align: top;
}
.labeltd
{
width: 10%;  font: 15px calibri; text-align: right;  color:#383838; vertical-align:top; 
}
.tableth
{
width: 10%;  font: 20px calibri; text-align: center;  color:#383838; vertical-align:top; 
}
.tableftt
{
width: 10%;  font: 20px calibri; text-align: right;  color:#383838; vertical-align:top; 
}
.particular
{
	padding-left:20px;background:url(../images/icon_bullet.png) no-repeat left;
}
.grdEmptyLable
{
font: 20px calibri; color:#000000; vertical-align:middle; text-align:center;
}
.leavetd
{
font: 19px calibri; text-align: left;  color:#383838; vertical-align:middle; 
}
.Paneltd
{
 font: 20px calibri; text-align: right;  color:#383838; vertical-align:middle; line-height:10px;
}
.controltd
{
text-align: left;  vertical-align: top; width: 20%;font: 15px calibri; 
}
.Reportlabel
{
 vertical-align: top; font-family:Calibri; font-size:15px;
}
a.swarajya
{
color:#f4801f;
}
a.swarajya:hover
{
color:#4f4c4c;
}
.gridheader
{
border-radius: 9px;
background: -webkit-gradient(linear, left top, left bottom, from(#ff9102), to(#ea6900));
background: -moz-linear-gradient(top, #ff9102, #ea6900);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9102, endColorstr=#ea6900);
font-family: calibri; height:35px;
border-collapse: collapse; color:#ffffff; font-weight:bold; 
font-size:16px; border:1px solid #f5b22d;
}
.gridheaderrpt
{
font-family: calibri; height:30px; color:Black; font-weight:bolder; font-size:15px; border:1px solid #000;background: -moz-linear-gradient(top, #ff9102, #ea6900);border-radius: 9px;
}
.header
{
background: -webkit-gradient(linear, left top, left bottom, from(#ff9102), to(#ea6900));
background: -moz-linear-gradient(top, #ff9102, #ea6900);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9102, endColorstr=#ea6900);
font-family: calibri; height:20px;
border-collapse: collapse; color:#ffffff; font-weight:bold; 
font-size:16px; border:1px solid #f5b22d;
}
.grdrow
{
background: #FFF;  font-family:calibri; height:35px;padding:10px; vertical-align:middle; font-weight:normal;font-size:15px; border: 1px solid #f5b22d;
}
.grdreportrow
{
background: #fff;  font-family:calibri; height:15px;padding:10px; vertical-align:middle; font-weight:normal;font-size:14px;border:1px solid #000;
}
.grdrepotheader
{
border: 1px solid #f5b22d;background: #fff;  font-family:calibri; height:15px;padding:10px; vertical-align:middle; font-weight:normal;font-size:16px;
}
.grdsubrow
{
background: #fff;  font-family:calibri; height:35px;padding:10px; vertical-align:middle; font-weight:bold;font-size:15px;border:1px solid #f5b22d;
}
.grdaltrow
{
background: #ffffff;  font-family:calibri; height:35px;padding:10px; vertical-align:middle;font-weight:normal; font-size:15px;  border: 1px solid #f5b22d;
}
.grdSubTotal
{
background: #faebd4;  font-family:calibri; height:35px;padding-left:10px; vertical-align:middle;font-weight:normal; font-size:16px; border:1px solid #f5b22d;
}
.grdSubTotalrpt
{
background: #fff;  font-family:calibri; height:30px;padding-left:10px; vertical-align:middle;font-weight:normal; font-size:14px; border:1px solid #000;
}
.AddNew
{
	padding-left:50px;
}

.calender{ background: url(../images/calender.png) no-repeat center;  text-align:center; color: #666666; border: 0px solid #d9d9d9;
font: bold 11px Arial, Helvetica, sans-serif; height: 20px; cursor: hand; height: 23px; width: 23px; padding-left: 3px;}

.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: 5px;
 
    /* Styles */
    background: #fff;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
 
    /* Font settings */
    font-weight: bold;
    color: #8AA8BD;
}
.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}
.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;
 
    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    transition: all 0.5s ease-in;
    list-style: none;
 
    /* Hiding */
    opacity: 0;
    pointer-events: none;
}
 
.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #8aa8bd;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    transition: all 0.3s ease-out;
}
 
.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}
 
.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}
 
.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border-radius: 0 0 7px 7px;
    border: none;
}
 
/* Hover state */
 
.wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}
.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}
 
.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}
.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}
.reportlbl
{
color:#000000; font-weight:bold; font-size:18px;
}
.grditemtd
{
	padding-left:5px;
}

.Headtitle
{
color:#fd8c2b; text-align:left; font-size:18px; font-family:calibri; font-weight:normal; vertical-align:top;
}

.Master
{
color:#fd8c2b; text-align:left; font-size:15px; font-family:calibri; font-weight:normal;
}

.check
{
color:#000000; text-align:left; font-size:17px; font-family:calibri; font-weight:normal;
}

.readmoreblack {
font: bold 14px Tahoma;
color: Green;
}

.content3
{
color: #535353; font: 14px calibri; line-height: 20px;
}

.greencontent2
{
color: #496a00; font: 14px calibri; line-height: 20px;
}

.PhoneImage {
background: url(../Images/PhoneBook.png)  no-repeat center; 
font-size:18px;font-family:calibri; color:#707070; 
text-align:center;
width:274px;
 height:32px;
 vertical-align:middle;
 padding-right:30px;
}

.EmailImage {
background: url(../images/EmailBook.png)  no-repeat center; 
font-size:18px;font-family:calibri; color:#707070; 
width:274px;
 height:32px;
text-align:center;
vertical-align:middle;
 padding-right:30px;
}





.DynamicMenuItem
{
	font:normal 14px Caliri; margin-left: 0px; margin-top: 0px;width:221px;position:relative;
	z-index:100;

}
.DynamicMenuItem a:hover
{
 color:#000; text-decoration: none;
}


.page
{
font: 16px Arial, Helvetica, sans-serif;  color: #4e1f70; font-weight:bold;
}
.menuback
{
background-color: #ffffff;   font: bold 11px Arial, Helvetica, sans-serif;
}

.StaticMenuItem
{
	margin: 0;
padding: 0;
text-decoration: none;
list-style-type: none;
	font-family:Calibri;
	font-size:15px;
    margin-top:5px;
	position:relative;
   vertical-align:top;
   height:30px;
   color:#676767;
   
}




.DynamicMenuItem a
{	
width: 100%;
display: block;
text-indent: 3px; padding-left:15px;
background: url(../images/menuimages.jpg) no-repeat;
text-decoration: none; font-size:18px; font-family:Calibri; font-style:italic;
color: #676767; text-align:left; height:30px; line-height: 30px;
}



.DynamicMenuItem li a:hover, .DynamicMenuItem a.selected>a{
list-style: none;
}