body{margin:0px; padding:0px; font-family:Nirmala, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; width:100%; height:100%;}
h1, h2, h3, h4, h5, form, img{margin:0px; padding:0px; border:0px;}
@font-face { font-family:NirmalaB; src: url(../fonts/NirmalaB.ttf);}
@font-face { font-family:Nirmala; src: url(../fonts/Nirmala.ttf);}
html{width:100%; height:100%;}
#leftbox{width:218px; position:fixed; left:0px; top:0px; height:100%; background-color:#d3d3d3; z-index:99999;}
#companyname{background-color:#1a95db; color:#FFFFFF; padding:12px; font-family:NirmalaB; font-size:18px; text-shadow: 1px 1px 0px #505050;}
#leftbox .section{padding:2px 0px;}
#leftbox .sss{height: 380px;position: relative;overflow-y: scroll;}
#leftbox .sectionb{height: 100%;
overflow-y: scroll;
position: absolute;
width: 100%;}

#leftbox .sectionb a{overflow-y: scroll;}
#leftbox .section a{padding:6px 10px 6px 42px; text-decoration:none; color:#4f4f4f; display:block;font-size: 17px; background-image:url(../images/dashboardicon.png); background-repeat:no-repeat; background-position:10px center;}
#leftbox .section a:hover{background-color:#44aff3; color:#fff;}
#leftbox .section .active{background-color:#44aff3; color:#fff;}
.midtab {
    background-color: #c3c3c3;
    color: #534f4f;
    font-family: NirmalaB;
    padding: 5px 13px;
    font-size: 17px;
    border-bottom: 2px solid #1a95db;
}
.midtab_login{background-color: #80C193;padding-bottom: 5px;}
#topheader{background-color:#eaeaea; color:#333333; position:fixed; width:100%; top:0px; left:0px; z-index:999;   height:51px;}
#topheader .inner{ padding-left:270px;}
#searchtop{ float:left; padding:10px 0px;}
#topheader #search{padding:7px 40px 7px 7px; background-color:#FFFFFF; color:#333333; font-size:14px; width:170px; outline:0px;    border-radius: 50px;    border: 0px; background-image:url(../images/searchicon.png); background-repeat:no-repeat; background-position:190px center;}
#topheader #navi{float:right;}
#topheader #navi a{padding:14px 30px; font-size:17px; font-family:NirmalaB; color:#FFFFFF; text-decoration:none; float:left;text-shadow: 1px 1px 0px #505050;}
#topheader #navi a:hover{background-color:#555555;}

a{  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s; 
  transition:.5s; color:#1a95db; text-decoration:none;}
#innerright{padding-left:236px; overflow:hidden; padding-top:73px; padding-right:20px; padding-bottom:20px;}
.innerright{padding-left:236px;padding-top:73px; overflow:hidden; padding-right:20px; padding-bottom:20px;}
#innerrignt2{padding-left:236px; overflow:hidden;padding-top:10px; padding-right:20px; padding-bottom:20px;}

h1{margin-bottom:20px; font-family:NirmalaB; color:#2d3e4e; font-size:27px;}
#dasboardbox{overflow:hidden; margin-bottom:20px;}
#dasboardbox .box {
    height: 133px;
    color: #fff;
    font-family: NirmalaB;
    font-size: 17px;
    text-shadow: 1px 1px 0px #505050;
    margin-right: 25px;
    background-color: #ff4a43;
    box-shadow: 5px 0px 0px #dedede; 
    /*border-top-right-radius:60px; */
    padding:20px 0px; text-align:center;
    border-radius: 50%;
}
#dasboardbox .box img {margin:10px 0px 5px;}
#dasboardbox .box .digit{font-size:44px;}
.graybox{background-color:#f0f0f0; padding:20px; overflow:hidden; margin-bottom:20px;}
.bluebutton a {
    background-color: #1a95db;
    color: #FFFFFF;
    font-family: NirmalaB;
    padding: 10px 20px;
    font-size: 17px;
    text-decoration: none; 
    text-shadow: 1px 1px 0px #505050;
}
#homelogo{margin-top:50px; text-align:center; margin-bottom:20px;}
#loginbox{border: 5px #efefef solid; width:350px; margin:0px auto 0px; background-color:#3796d1; color:#FFFFFF; border-radius: 10px;border-radius: 10px; overflow:hidden;}
#loginbox .box{padding:20px;}
.loginfield{ font-family:Nirmala; padding:10px; background-color:#FFFFFF; font-size:18px; margin-bottom:10px; border:0px; width:100%; box-sizing:border-box; outline:0px;border-radius: 5px;}
.redbutton{cursor:pointer; background-color:#ff4a43; font-family:NirmalaB; font-size:18px; padding:9px; width:100%;border-radius: 5px; box-sizing:border-box; color:#FFFFFF; border:0px; outline:0px;}

.errormsg{padding:5px; background-color:#FFCCCD; border:1px #CC0000 solid; color:#CC0000; margin-bottom:10px;}

.redbutton2{cursor:pointer; background-color:#ff4a43; font-family:NirmalaB; font-size:16px; padding:5px 10px;  border-radius: 5px; box-sizing:border-box; color:#FFFFFF; border:0px; outline:0px;}
.bluebutton{cursor:pointer; background-color:#1a95db; font-family:NirmalaB; font-size:16px; padding:5px 10px;  border-radius: 5px; box-sizing:border-box; color:#FFFFFF; border:0px; outline:0px;}
.greenbutton {cursor: pointer;background-color: #339900;font-family: NirmalaB;font-size: 16px;padding: 5px 10px;border-radius: 5px;box-sizing: border-box;color: #FFFFFF;border: 0px;outline: 0px;
}
.graybtn{ cursor:pointer; background-color:#666666; font-family:NirmalaB; font-size:16px; padding:5px 10px;  border-radius: 5px; box-sizing:border-box; color:#FFFFFF; border:0px; outline:0px;}
.gridheader{background-color:#F7F7F7; border-bottom:2px #CCCCCC solid; padding:10px; font-family:NirmalaB;}
.gridheader2{background-color:#f0656c; border-bottom:2px #CCCCCC solid; padding:10px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:16px; font-weight:bold;}
.gridlist{border-bottom:1px #CCCCCC solid; padding:10px; font-family:Nirmala, Arial, Helvetica, sans-serif;}
.textf{padding:7px; border:1px #CCCCCC solid; border-radius: 3px; box-sizing:border-box;}
.boxg {
    border: 2px #e8e8e8 solid;
/*     padding: 20px; */
    background-color: #fbfbfb;
    border-radius: 5px; font-size:14px; margin-bottom:20px;overflow-x: scroll;
}
.boxg2 {
    border: 2px #e8e8e8 solid;
/*     padding: 20px; */
    background-color: #fbfbfb;
    border-radius: 5px; font-size:14px; margin-bottom:20px;
}

.paginate { 
font-family:Arial, Helvetica, sans-serif; padding: 3px; margin: 3px; }







.paginate a { padding:2px 5px 2px 5px; margin:2px; border:1px solid #999; text-decoration:none; color: #666; } 

.paginate a:hover, .paginate a:active { border: 1px solid #999; color: #000; } 
.paginate span.current {  margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #999; font-weight: bold; background-color: #999; color: #FFF; } 
	.paginate span.disabled {



		padding:2px 5px 2px 5px;



		margin:2px;



		border:1px solid #eee;



		color:#DDD;



	}



	



	.paginate li{



		padding:4px;



		margin-bottom:3px;



		background-color:#FCC;



		list-style:none;}



		



	.paginate ul{margin:6px;



	padding:0px;}

	

	.paginate span.disabled {

padding: 2px 5px 2px 5px;

margin: 2px;

border: 1px solid #DBDBDB;

color: #D1D1D1;

font-size:13px !important;

}

	.paginate  { 

font-size:13px !important;

}


.pagingnumbers{padding: 12px;  text-align: right;}
.grayheader {
    background-color: #eeeeee;
    padding: 8px;
    border-radius: 5px;
    font-family: OpenSansBold;
    font-size: 15px;
    color: #828282;
    overflow: hidden; margin-bottom:20px; font-family:NirmalaB;
}

.borderbottom {
    border-bottom: 1px #E8E8E8 solid; 
}
#popouter{background-color:rgba(0,0,0,0.7); position:fixed; left:0px; top:0px; width:100%; height:100%;z-index: 9999999;}
#popouter .inbox{width:800px; margin:60px auto 0px; background-color:#FFFFFF;     border-radius: 5px; overflow:hidden;}
#popouter .inbox .in{padding:20px;}
.textf2{padding:10px; border:1px #CCCCCC solid; border-radius: 3px; box-sizing:border-box;}
.Zebra_DatePicker { 
    z-index: 9999999 !important;
}

.invoice .gridheader{ background-color:#f0656c;  color:#fff; font-size:18px; border-bottom:1px #FFFFFF solid;}
.invoice .gridlist{ background-color:#FFFFFF; border-bottom:1px #FFFFFF solid;}




#calendar{padding:10px;}

#calendar .calendar {

    width: 100%;

    border: 1px #DAD6D6 solid;

    border-right: 0px;

    border-bottom: 0px;

}



#calendar .calendar td {

    padding: 5px;

    border-right: 1px #DAD6D6 solid;

    border-bottom: 1px #DAD6D6 solid;

    text-align: right;

    font-size: 20px; color: #a4a4a4;

	width:14% !important;

	}

#calendar .calendar .calendar-day-head{border-bottom:1px #DAD6D6 solid; background-color:#36537b; font-size:13px; text-align:center; color:#FFFFFF; padding:5px 0px;}

#calendar .calendar .calendar-day{height: 131px;vertical-align: top;}

#calendar .calendar .calendar-day:hover{background: #F5F5F5;}

#calendar h2{padding: 0px 0px 15px;

    text-align: left;

    font-size: 24px;     float: left;}



.yearspan {

    padding-left: 10px;

    font-size: 12px;

    padding-top: 14px;

    display: inline-block;

}

#calendar .today{ background-color:#FFE9E9;} 

#calendar .addbtn{    font-size: 12px; float: left;}

#calendar .nocal{ float: right;}

#calendar .caleventouter{position:relative; margin:0px; z-index:99;}

#calendar .caleventouter .event{ width:100%; box-sizing: border-box; padding:3px; font-size:11px; color:#FFFFFF; background-color:#4d709f;  border-radius: 2px; text-align:left; margin-bottom:2px;white-space: nowrap;}

#calendar .caleventouter .event:hover{background-color:#c1393d; text-decoration:underline;} 

#calendar .caleventouter .event a{color:#FFFFFF; text-decoration:none; display:block;}

#calendar .caleventouter .event a:hover{text-decoration:underline;}

#calendar .caleventouter .event .name{white-space: nowrap; overflow:hidden;     max-width: 131px;    text-overflow: ellipsis;}



#calendar .today .event{background-color:#c1393d;} 

.normalpop {width: 830px;  background-color: #FFFFFF; border-radius: 5px; overflow: hidden; margin: 20px auto 0px; border:8px rgba(0, 0, 0, 0.76) solid;}

.coltitle {
    padding: 2px 9px;
    font-size: 12px;
    color: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    max-width: 116px;
    text-overflow: ellipsis;
    background-color: #e02525;
    text-align: left;
    border-radius: 3px;
    margin-bottom: 2px;
    cursor: pointer;
}
.colinfo {
    padding: 2px 9px;
    font-size: 12px;
    color: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    max-width: 116px;
    text-overflow: ellipsis;
    background-color: #e02525;
    text-align: center !important;
    border-radius: 3px;
    margin-bottom: 2px;
    cursor: pointer;
    display: inherit;
}



.popouter{background-color:rgba(0,0,0,0.7); position:fixed; left:0px; top:0px; width:100%; height:100%;z-index: 9999999;}
.popouter .inbox{width:800px; margin:100px auto 0px; background-color:#FFFFFF;     border-radius: 5px; overflow:hidden;}
.popouter .inbox .in{padding:20px;}
#notificationouter{position:relative;}
#notificationouter #notifications {
    width: 30px;
    height: 26px;
    background-color: #ef0024;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding-top: 4px;
    border-radius: 100px;
    margin-right: 10px; cursor:pointer;
}

#notificationouter #notilist {
    width: 250px;
    background-color: #FFFFFF;
    position: absolute;
    left: 0px;
    top: 40px;
    max-height: 200px;
    overflow: auto;
    border: 1px #ccc solid;
    box-shadow: 0px 1px 4px #4c4c4c; 
}

#notificationouter #notilist a{font-size:14px; padding:7px; color:#333333; border-bottom:#CCCCCC solid 1px ; display:block; text-decoration:none;}
#notificationouter #notilist a:hover{    background-color: #f5f5f5;}

#guestloadlist{overflow-x: scroll}