@charset "utf-8";
/* CSS Document */


@font-face {
 font-family: OpenSans Light;
 src: url("OpenSans-Light.eot") /* EOT file for IE */
}
@font-face {
 font-family: OpenSans Light;
 src: url("OpenSans-Light.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: OpenSans Semibold;
 src: url("OpenSans-Semibold.eot") /* EOT file for IE */
}
@font-face {
 font-family: OpenSans Semibold;
 src: url("OpenSans-Semibold.ttf") /* TTF file for CSS3 browsers */
}




body{margin:0; padding:0; background:#1f1f1f}
h1, h2, h3, h4, h5, h6, p, a{text-decoration:none; padding:0; margin:0}

.bodyarea{width:100%; height:auto; background:url(../images/bg.jpg) no-repeat center top; display:inline-block}
.auto{width:1313px; margin: auto}
.loginarea{width:517px; display:inline-block; float:right; margin: 39px 235px 52px 0}
.logo{width:100%}
.logo_img{float:left; margin:0 0 40px 0}
.txt{margin:0 0 23px 0}

.login{width:517px; background:rgba(255, 255, 255, .35); display:inline-block; padding:36px 0 38px}
.login h1{font-family:OpenSans Light; font-size:27px; color:#fff; margin:0 0 20px 178px; width:74px}

.eachfield { display: inline-block; margin: 0 145px 10px 102px; width: 270px;}
.eachfield:last-child{width:192px;  padding:0 0 0 79px  }
.eachfield h2{font-family:OpenSans Light; font-size:15.4px; color:#fff; float:left; margin:0}
.rginput{float:right; width:183px; height:24px; border:1px solid #fff; background:none; color:#fff; padding-left:6px}
.rginput:hover, .rginput:focus{ box-shadow:0 0 5px #fff}

.close{float:right; height:24px; width:86px; background:url(../images/close.png); border:none; cursor:pointer}
.close:hover, .close:focus{background:url(../images/close.png) repeat 0 24px; border:1px solid #000; border-radius:2px}

.submit_btn{float:left; height:24px; width:86px; background:url(../images/login.png); border:none; cursor:pointer; margin:0 20px 0 0}
.submit_btn:hover, .submit_btn:focus{ background:url(../images/login.png) repeat 0 24px; border:1px solid #000; border-radius:2px}

.footer{width:100%; display:inline-block; background:rgba(0, 0, 0, .5)}
.footer h3{float:left;font-family:OpenSans Light; font-size:13px; color:#fff; padding:19px 0 16px; margin:0; width:108px}
.footer h3 a{font-family:OpenSans Light; font-size:13px; color:#fff; padding:0; text-decoration:none}
.footer h3 a:hover{color:#dedede; padding:0; text-decoration:underline}
.footer h4{float:right;font-family:OpenSans Light; font-size:13px; color:#fff; padding:19px 0 15px; margin:0; width:210px}
.footer h4 a{font-family:OpenSans Light; font-size:13px; color:#47EFAC; padding:0; text-decoration:none}
.footer h4 a:hover{color:#00BE97; padding:0;}


/*sub-1*/

.header{display:inline-block; width:100%}
.auto1{width:1296px; margin:auto}
.topheader{display:inline-block; width:100%; background:#99ca3c; padding:3px 0px 4px}
.bottomheader{display:inline-block; width:100%; background-image:linear-gradient(to bottom, #ffffff 0%, #e3e2e2 100%); background-repeat:repeat; padding:2px 0px 0px}

.profile_pic{width:37px; border:1px solid #fff; float:right}
.topheader h6{font-family:Calibri; font-size:13px; float:right; text-align:right; color:#fff; padding:0; margin:13px 7px 0 0;
 line-height:1; font-weight:600}

.search1{display:inline-block; width:245px; float:right; margin:7px 98px 0 0; padding:0}
.search_btn_1{float:left; width:26px; height:26px; background:url(../images/search_btn_headr.png); cursor:pointer;border:none; 
padding:0; margin:0}
.search_area_1{float:left; width:206px; height:26px; border:none; background:#fff; color:#999; padding:0px 5px; margin:0 0 0 1px}

.sub_logo{/*background-image:linear-gradient(to bottom, #ffffff 30%, #e3e2e2 100%); background-repeat:repeat;position:absolute;*/float:left;
margin:0; top:0 }
.sub_logo img{width:151px; float:left; padding:0} 

.bottomheader_sub{width:989px; float:right; display:inline-block}
.bh_sub_lft{width:auto; float:left; display:inline-block}
.bh_sub_lft h1{font-family:Calibri; font-size:24px; float:left; text-align:left; color:#008641; padding:0; margin:17px 33px 0 0;
 line-height:1; font-weight:normal}
.bh_sub_lft h2{font-family:Calibri; font-size:14px; float:left; text-align:left; color:#8d8d8f; padding:8px 0 0 28px; margin:17px 0 0;
 line-height:1; font-weight:normal; background:url(../images/home_bg.png) no-repeat 0 0}
.bh_sub_lft h2 a{ color:#8d8d8f; padding:0; margin: 0; text-decoration:none; cursor:pointer}
.bh_sub_lft h2 a:hover{text-decoration:underline}

.mailalrt{display: inline-block; width:142px; margin:0 7px 0 0; float:left }
.mailalrt_sub{display:inline-block; width:47px; float:left; text-align:center}
.mailalrt_sub img{width:32px; text-align:center}
.mailalrt_sub h3{font-family:Calibri; font-size:13px; text-transform:uppercase; margin:0; padding:0;width:100%; text-align:center;
color:#8d8d8f}

.bh_sub_rght{float:right; display:inline-block}
.bh_sub_rght h6{font-family:Calibri; font-size:15px;  margin:15px 0 0 ; padding:0; float:right;color:#838383; font-weight:lighter}
.bh_sub_rght h6 a{color:#838383; font-weight:lighter;text-decoration:none}
.bh_sub_rght h6 a:hover{text-decoration:underline}

.datepick{ width:140px; height:34px; border:none; padding:0 0 0 39px; background:url(../images/datepick_bg.png); margin:9px 12px 3px 0;
color:#fff; font-weight:bold}

.contentarea{width:100%; background:#fff; display:inline-block}
.cont_lft{  width:0;}
.cont_rght{ width:989px;display:block; float:none;padding:57px 0 0; margin:auto}

.main_table{width:100%; height:36px; margin:0 0 35px; border-bottom:1px solid #c9c9c9;}
.main_table_head{width:100%; border: 1px solid #9ba48b; background:#9ba48b; color:#fff; font-size:13px; text-align:left; height:36px}
.th1{width:21px; padding:0 0 0 014px; border-right:1px solid #b5bca9; font-family:Calibri; font-weight:bold; font-size:15px}
.th2{width:364px; padding:0 0 0 014px; border-right:1px solid #b5bca9; font-family:Calibri; font-weight:bold; font-size:15px}
.th3{width:214px; padding:0 0 0 014px; border-right:1px solid #b5bca9; font-family:Calibri; font-weight:bold; font-size:15px}
.th4{width:233px; padding:0 0 0 014px; border-right:1px solid #b5bca9; font-family:Calibri; font-weight:bold; font-size:15px}
.th5{width:33px; padding:0 0 0 014px; border-right:1px solid #b5bca9; font-family:Calibri; font-weight:bold; font-size:15px}
.th6{width:34px; padding:0 0 0 014px; border-right:none;  font-family:Calibri; font-weight:bold; font-size:15px}


.main_table > tbody > tr:nth-child(2n+1) > td,.main_table  > tbody > tr:nth-child(2n+1) > th{ height:36px;    background:#E9E9E9;  font-size:14px; color:#5c5c5e}
/*
.dark_row{width:100%; height:36px;  border: 1px solid #c9c9c9;  background:#E9E9E9;  font-size:14px; color:#5c5c5e}
.light_row{width:100%; height:36px; border: 1px solid #c9c9c9; background:#fff;  font-size:14px; color:#5c5c5e}
*/
.td1{width:21px; padding:0 8px 0 14px; border-right:1px solid #c9c9c9; font-family:Calibri; font-size:14px; font-weight:lighter; border-left:1px solid #c9c9c9;}
.td2{width:364px; height:36px; padding:0 0 0 14px; border-right:1px solid #c9c9c9; font-family:Calibri; font-size:14px; font-weight:lighter}
.td3{width:214px; height:36px; padding:0 0 0 14px; border-right:1px solid #c9c9c9; font-family:Calibri; font-size:14px; font-weight:lighter}
.td4{width:233px; height:36px; padding:0 0 0 14px; border-right:1px solid #c9c9c9; font-family:Calibri; font-size:14px; font-weight:lighter}
.td5{width:33px; height:36px; padding:0 8px 0 14px; border-right:1px solid #c9c9c9; font-family:Calibri; font-size:14px; font-weight:lighter}
.td6{width:34px; height:36px; padding:0 8px 0 14px; border-right:1px solid #c9c9c9;  font-family:Calibri; font-size:14px; font-weight:lighter}

.searchlist_btn_lft{float:left; font-family:OpenSans Semibold; color:#FFFFFF; font-size:14.66px; padding:3px 42px 3px 38px; background:url(../images/search_list.png) no-repeat 0 0; margin:0 0 7px}
.searchlist_btn_rght{float:right; font-family:OpenSans Semibold; color:#FFFFFF; font-size:14.66px; padding:3px 81px 3px 18px; background:#9ba48b; margin:0 0 7px}

.mainheading{float:left; font-family:Calibri; font-size:20px; margin:0 0 8px; padding:0; color:#7f8672;font-weight:lighter; width:100%}
.subheading1{float:left; font-family:Calibri; font-size:17px; margin:0 0 8px; padding:0; color:#7f8672;font-weight:lighter; width:100%}
.subheading2{float:left; font-family:Calibri; font-size:15px; margin:0 0 8px; padding:0; color:#7f8672;font-weight:lighter; width:100%}


.subtable{ width:100%; border-left:1px solid #7f8672; border-top:1px solid #7f8672; margin:0 0 8px}
.sub_table_head{ height:27px}
.sub_th1{width:10%;  border-right:1px solid #7f8672; border-bottom:1px solid #7f8672}
.sub_th2{ width:90%;  border-right:1px solid #7f8672; border-bottom:1px solid #7f8672}

.cont_rght h2{font-family:Calibri; font-size:20px; float:left; text-align:left; color:#909c7b; padding:0; margin: 0 0 6px;
 line-height:1; font-weight:normal}

.pagination{float:right; display:inline-block; padding:0; margin:0 0 10px}
.pagination ul{float:left; display:inline; padding:0; margin:0}
.pagination ul li{float:left; display:inline; font-family:Arial; font-size:12px; font-weight:normal; border:1px solid #c4d0b1;
 background:linear-gradient(to bottom, #eff2ea 0%, #d2dbc4 100%); margin:0 0 4px 4px !important; padding:1px 4px}
.pagination ul li a{color:#6f824f;}
.pagination ul li:hover{background:#eff2ea}
.page_selected{background:#6f824f !important}
.page_selected a{ color:#eff2ea !important}

.fillform{width:518px; display:inline-block; float:left; margin:0 0 10px}
.eachform{width:100%; display:inline-block; margin:0 0 10px}
.eachform h2{font-family:Calibri; font-size:17px; float:left; text-align:left; color:#909c7b; padding:0; margin: 0 0 6px;
 line-height:1; font-weight:normal; float:left}
.form1{width:232px; height:28px; padding:0px 8px; border:1px solid #cfcccc/*#949494*/; float:right; color:#000/*#909c7b*/; font-size:13px}
.subform{width:248px; float:right}
.subform h3{font-family:Calibri; font-size:17px; float:left; text-align:left; color:#7F8672; padding:0; margin: 0 14px 6px 2px;
 line-height:1; font-weight:normal; float:left}
.form2{float:left}
.save{font-family:Calibri; font-size:14px; color:#fff; padding:4px 24px 5px; margin: 0 14px 6px 2px; line-height:1; font-weight:normal;
float:left;background:#9ba48b; border:none; border-radius:2px; cursor:pointer; text-transform:uppercase}
.cancel{font-family:Calibri; font-size:14px; color:#fff; padding:4px 16px 5px; margin: 0; line-height:1; font-weight:normal;
float:left;background:#9ba48b; border:none; border-radius:2px; cursor:pointer; text-transform:uppercase}
.save:hover,.save:focus,.cancel:hover,.cancel:focus{background:#697259}
.form1:focus{box-shadow:0px 0px 4px 1px #0096f3}


.subform label {float:left}


#r1:focus{background:#000}






.foot{width:100%; display:inline-block; background:rgba(52, 73, 94, 1)}
.foot h3{float:left;font-family:OpenSans Light; font-size:13px; color:#fff; padding:19px 0 16px 0px; margin:0; width:108px}
.foot h3 a{font-family:OpenSans Light; font-size:13px; color:#fff; padding:0; text-decoration:none}
.foot h3 a:hover{color:#dedede; padding:0; text-decoration:underline}
.foot h4{float:right;font-family:OpenSans Light; font-size:13px; color:#fff; padding:19px 0 15px; margin:0; width:210px}
.foot h4 a{font-family:OpenSans Light; font-size:13px; color:#47EFAC; padding:0; text-decoration:none}
.foot h4 a:hover{color:#00BE97; padding:0;}


.menu0{ display: inline-block; float:left; width: 266px;}

.sidenav{display:block;}
.nav_bttn_bt {display: block; left: 0; position: relative; top: 10px;}
.menu_bar {	margin:0px;}
.menu_bar ul{font-family:Calibri; font-size:14px; color: #fff; margin:0; padding:0 0 170px;}
.menu_bar li{float:none; list-style:inside; padding:10px 0px 11px 20px; list-style-image:url(../images/list-img.png);
 background:url(../images/ulli_bg.png) repeat 0 0}
.menu_bar li:hover{background:url(../images/ulli_bg.png) repeat  0 -40px }
.menu_bar ul a{color: #fff; }
.nav_bttn_bt {	font-family: calibri;	font-size: 18px;	color: #78a200;}

.menu_button{background:url(../images/menu_button.png) no-repeat 0 0; border:none; width:30px; height:30px; cursor:pointer; border-radius:30px}

/*=================================================Push Menu section==============================================*/
.sidenav {  height: 100%; width: 0; position: fixed; z-index: 1002; top: 0;left: 0; background-color: #34495e ;overflow-x: hidden; overflow-y: hidden;
transition: 0.5s;    padding-top: 60px; box-shadow: 5px 0 8px 0 #000000;}

.sidenav a { padding: 4px 8px 8px 32px; font-family:Calibri; text-decoration: none;font-size:18px;  color: #ffffff; display: block;    transition: 0.3s}

.sidenav a:hover, .offcanvas a:focus{ background: #46607b;}
.closebtn {    position: absolute;    top: 0;    right: 25px;    font-size: 25px !important;    margin-left: 50px;}

/*=================================================Push Menu section==============================================*/




/*login 2*/
.login2{width:100%; display:inline-block; text-align:center}
.login2 img{width:; margin:40px auto 0; text-align:center; float:none}

.app_sales{width:835px; display:inline-block; text-align:center; margin:135px 0px 110px}
.sales{width:408px; margin:0; float:left}
.app_admin{width:408px; margin:0 15px 0 0 !important; float:left}



/*sub-2*/
.packs{width:100%; display:inline-block;margin:0 0 10px;}
/*.lic_pack{ width:226px; height:125px; float:left; margin:0 13px 13px 0; background:url(../images/lic_pack.png) repeat 0 0}
.corp_pack{width:226px; height:125px; float:left; margin:0 13px 13px 0; background:url(../images/corp_pack.png) repeat 0 0}
.master{width:226px; height:125px; float:left; margin:0 13px 13px 0; background:url(../images/master.png) repeat 0 0}
.workstn{width:226px; height:125px; float:left; margin:0 0 0 0; background:url(../images/workstn.png) repeat 0 0}
.lic_pack:hover{ background:url(../images/lic_pack.png) repeat 0 125px}
.corp_pack:hover{background:url(../images/corp_pack.png) repeat 0 125px}
.master:hover{background:url(../images/master.png) repeat 0 125px}
.workstn:hover{background:url(../images/workstn.png) repeat 0 125px}
*/
.packs img{float:left; width:226px; margin:0 11px 0 0; padding:0; border:1px solid #fff; }
.pacq{width:104%}
.new_user{display: inline-block; width:130px; padding:0; margin:0; background:#e2e2e2; text-align:center}
.new_user h2{width:100%;font-family:Calibri; font-size:14px; color:#fff; font-weight:lighter; background:#000; text-align:center; padding:10px 0}
.new_user h3{width:100%;font-family:Calibri; font-size:14px; color:#3e3e3e; font-weight:lighter; text-align:center; padding:6px 0}
.new_user img{border:1px solid #fff}

.ullis{float:right; display:inline-block; width:467px; padding:0 0 40px; background:url(../images/ul_bg.png) no-repeat 6px 0 /100%}
.bg_ul{}
.bg_ul li{font-family:Calibri; font-size:14px; font-weight:lighter; color:#fff; list-style:none; padding:10px 0px 0px 12px; line-height:2.82}
.bg_ul li a{ font-weight:lighter; color:#fff;}