@media all{
	
	section, header,footer,nav,article { display:block;}
	img{
		border:0;
		vertical-align:top;
		max-width:100%;
	}
	form,
	fieldset{
		border:0;
		padding:0;
		margin:0;
	}

	.center {
		max-width:800px;
		width:98%;
		margin:0 auto;
	}

	.center:after {
		content:"";
		clear:both;
		display:block;
	}	
	
	
/*System Administration page styles starts here*/
body{ margin:0px; padding:0px; background:url(../images/bodyBg.jpg) top left repeat-x #DDF0FB; font-family:Arial, Helvetica, sans-serif;}
.wraper{ width:100%;margin:0px; padding:0px;}
.header{ width:100%; padding:0px; margin:0px;}
.logo{ margin:0px; padding:0px; margin-top:50px; display:block;}
.logoSmall{ margin:0px; padding:0px; margin-top:50px; display:none;}
.logout{ float:right; margin:101px 20px 0 0; padding:0px 0 0 22px; background:url(../images/logoutIcon.png) top left no-repeat; font-size:12px; color:#010154; text-transform:uppercase;}
.logout:hover{ color:#1B87C8;}
.bodyWrap{ width:100%; padding:0px; margin:0px;}
.center{ padding-bottom:25px;}
.innerWrap{ max-width:758px;width:84%; padding:20px; margin:0px auto; border:1px solid #ddd; background:#F8FAFC;}
.txtHead{ padding:8px 0 8px 20px; margin:0px; background:#1B87C8; color:#fff; font-size:20px;}
.systemAdminWrap{ margin:0px; padding:40px 0 20px 115px; max-width:643px;}
.adminBox{ width:101px; padding:0px; margin:0px 45px 45px 0; float:left;}
.adminBoxRound{ width:101px; height:73px; padding:28px 0 0 0; margin:0px; background:url(../images/roundBg.png) top left no-repeat; text-align:center;}
.facility{ width:35px; height:43px; background:url(../images/adminImg.png) top left no-repeat; display:block; padding:0px; margin:0 auto;}
.user{ width:35px; height:43px; background:url(../images/adminImg.png) -151px 0 no-repeat; display:block; padding:0px; margin:0 auto;}
.audit{ width:35px; height:43px; background:url(../images/adminImg.png) -302px 0 no-repeat; display:block; padding:0px; margin:0 auto;}
.help{ width:35px; height:43px; background:url(../images/adminImg.png) -597px 0 no-repeat; display:block; padding:0px; margin:0 auto;}
.reports{ width:35px; height:43px; background:url(../images/adminImg.png) -444px 0 no-repeat; display:block; padding:0px; margin:0 auto;}
.boxHead{ margin:33px 0 0 0; padding:0px; font-size:14px; color:#3D3E46; display:block;}
.boxHead:hover{ color:#1B87C8;}
.help_contentarea{ padding:10px 10px 0 10px;}
/*System Administration page styles ends here*/

/*Add existing user page styles starts here*/	
.addExistingUserWrap{ margin:0px; padding:0px 0 0px 0px; max-width:758px;}	
.breadcrumbs{ padding:36px 0 0 12px; margin:0px;}
.breadcrumbs a{ background:url(../images/breadArrow.png) right 4px no-repeat; padding:0px 15px 0 0; margin:0px 10px 5px 0; color:#000; font-size:12px; float:left;}	
.breadcrumbs a:hover{ color:#6B9AC4; text-decoration:underline;}
.breadcrumbs a.Active{ color:#6B9AC4; text-decoration:underline;}
.formOut{ padding:0px; margin:0px 0 19px 0;}
.formLeft{ width:140px; padding:0px 0 0 12px; margin:0px 35px 0 0; float:left; text-align:right; font-size:14px; color:#313131; height:35px; line-height:35px;}
.formOut select{ padding:7px 3px 7px 3px; margin:0px; max-width:568px; width:75%;border-radius:3px; border:1px solid #DDDEDF;box-shadow: inset -2px -2px 3px 1px #F0F2F3;}

.systemAdminWrap .formLeft{ width:100px; padding:0px 0 0 12px; margin:0px 35px 0 0; float:left; text-align:left; font-size:14px; color:#313131; height:35px; line-height:35px;}
.systemAdminWrap .formOut select{ padding:7px 3px 7px 3px; margin:0px; max-width:482px; width:75%;border-radius:3px; border:1px solid #DDDEDF;box-shadow: inset -2px -2px 3px 1px #F0F2F3;}

.formOut input{ padding:8px 3px 7px 3px; margin:0px ; max-width:568px; width:74%;border-radius:3px; border:1px solid #DDDEDF;box-shadow: inset -2px -2px 3px 1px #F0F2F3;}
.addExistingUserWrap form{ padding-top:42px;}
.buttonRow{ margin:0px; padding:30px 0 0 0;max-width:568px; width:75%; float:left;}
.clearBtn{ padding:0px!important; margin:0px 10px 0 0 !important; background:url(../images/clearBtn.png) top left no-repeat; width:114px !important; height:30px; text-align:center; line-height:30px; float:left; color:#fff; text-transform:uppercase; font-size:14px; border:none !important; cursor:pointer; border-radius: 0 0 0 0 !important;
    box-shadow: none !important;}
.clearBtn:hover{background:url(../images/clearBtn.png) bottom left no-repeat; }
.cancelBtn{ padding:0px!important; margin:0px !important;border-radius: 0 0 0 0 !important;
    box-shadow: none !important; background:url(../images/cancelBtn.png) top left no-repeat; width:80px !important; height:30px; text-align:center; line-height:30px; float:left; color:#fff; text-transform:uppercase;font-size:14px; border:none !important; cursor:pointer;}
.cancelBtn:hover{background:url(../images/cancelBtn.png) bottom left no-repeat;}
.saveBtn{ padding:0px!important; margin:0px; background:url(../images/saveBtn.png) top left no-repeat; width:65px !important; height:30px; text-align:center; line-height:30px; float:right; color:#fff; text-transform:uppercase;font-size:14px; border:none !important; cursor:pointer;border-radius: 0 0 0 0 !important;
    box-shadow: none !important;}	
.saveBtn:hover{background:url(../images/saveBtn.png) bottom left no-repeat;}

.exportBtn{ padding:0px!important; margin:0px !important;border-radius: 0 0 0 0 !important;
    box-shadow: none !important; background:url(../images/cancelBtn.png) top left no-repeat; width:80px !important; height:30px; text-align:center; line-height:30px; float:right; color:#fff; text-transform:uppercase;font-size:14px; border:none !important; cursor:pointer;}
.exportBtn:hover{background:url(../images/cancelBtn.png) bottom left no-repeat;}
/*Add existing user page styles ends here*/		


/*Add edit user page styles starts here*/	
.addEditUserWrap{ margin:0px; padding:0px 0 0px 0px; max-width:758px;}	
.addEditUserWrap form{ margin:0px; padding:42px 0 0 0;}
.formOut textarea{ padding:8px 3px 7px 3px; margin:0px; max-width:568px; width:74%;border-radius:3px; border:1px solid #DDDEDF;box-shadow: inset -2px -2px 3px 1px #F0F2F3; height:75px; resize:none; overflow:auto;}
.addEditUserWrap .buttonRow{ float:right;  width: auto;}
.addEditUserWrap .buttonRow .cancelBtn{ float:left; margin-right:15px !important;}
.addEditUserWrap .buttonRow .saveBtn{ float:right; margin-right:0px;}


/*Add edit user page styles ends here*/	


/*Add edit organisation page styles starts here*/
.addEditOrgWrap{ margin:0px; padding:0px 0 0px 0px; max-width:758px;}	
.addEditOrgWrap form{ margin:0px; padding:42px 0 0 0;}
.addEditOrgWrap .checkRow {  float: left;margin: 0; max-width: 568px; padding:10px 0 0; width: 75%}
.addEditOrgWrap .checkRow input{ width:10px; margin-right:5px;}
.addEditOrgWrap .checkRow label{ margin-right:30px;}
.addEditOrgWrap .buttonRow{ width: 56%; max-width: 411px;}
/*Add edit organisation pageends starts here*/


/*Add edit hospital page styles starts here*/
.addEditHospitalWrap{ margin:0px; padding:0px 0 0px 0px; max-width:758px;}	
.addEditHospitalWrap form{ margin:0px; padding:42px 0 0 0;}
.addEditHospitalWrap .checkRow input{ width:10px; margin-right:5px;}
.addEditHospitalWrap .checkRow label{ margin-right:30px;}
.addEditHospitalWrap .checkRow {  float: left;margin: 0; max-width: 568px; padding:10px 0 0; width: 75%}

.departmants_input input{ width:57% !important; margin-right:5px;}

/*Add edit hospital page styles ends here*/


/*Add edit Room page styles starts here*/
.addEditRoomWrap{ margin:0px; padding:0px 0 0px 0px; max-width:758px;}	
.addEditRoomWrap form{ margin:0px; padding:42px 0 0 0; background-color: rgba(0, 0, 0, 0);}
.addEditRoomWrap .checkRow input{ width:10px; margin-right:5px;}
.addEditRoomWrap .checkRow label{ margin-right:30px;}
.addEditRoomWrap .checkRow {  float: left;margin: 0; max-width: 568px; padding:10px 0 0; width: 75%}
.addEditRoomWrap .formOutLeft{ max-width:456px; width:61%; padding:0px; font-family:0px; float:left;}
.addEditRoomWrap .formOutLeft select{ padding:7px 3px 7px 3px; margin:0px; max-width:269px; width:61%;border-radius:3px; border:1px solid #DDDEDF;box-shadow: inset -2px -2px 3px 1px #F0F2F3;}
.roomMarg{ margin-bottom:19px;}
.addEditRoomWrap .formOutRight{ width:272px; padding:0px; font-family:0px; float:right; font-size:14px; color:#9296A3; text-align:left;}
.addEditRoomWrap .formOutRightbox{ width:253px; padding:7px 7px 7px 7px; margin:0px; border:1px solid #DBDBEA;float:left}
.addEditRoomWrap .formOutRightbox input{ width:10px; padding:0px; margin-right: 5px;}
.addEditRoomWrap .formOutRightbox label{margin-right:10px; margin-bottom:2px; display:inline-block; font-size:13px; width:50px;}

/*Add edit Room page styles ends here*/	

/*facilityAdminWrap page styles starts here*/	
.facilityAdminWrap{ margin:0px; padding:0px 0 0px 0px; max-width:758px;}	
.facilityLoggWrap{ padding: 5px 13px; margin:20px 0 35px 0; max-width:758px; background:#CDCDCD; color:#2C2C2C; font-size:12px; }
.jqx-item{ background:#E8E8E8;}
.facilityButtonRow{ margin:0px; padding:30px 0 0 0;max-width:758px; width:100%; float:left;}
.facilityButtonRow .addNewBtn{ margin-right:10px !important;border-radius: 0 0 0 0 !important;
    box-shadow: none !important; width:92px; height:30px;background:url(../images/addNew.png) top left no-repeat;  padding:0px; margin:0px 30px 0 0; font-size:14px; color:#fff; text-transform:uppercase; float:left; text-align:center; line-height:30px; border:none !important;}
.facilityButtonRow .addNewBtn:hover{background:url(../images/addNew.png) bottom left no-repeat;}
.facilityButtonRow .saveBtn{ padding:0px; margin:0px 30px 0 0; background:url(../images/saveBtn.png) top left no-repeat; width:65px; height:30px; text-align:center; line-height:30px; float:left; color:#fff; text-transform:uppercase;font-size:14px; border:none; cursor:pointer;}	
.facilityButtonRow .saveBtn:hover{background:url(../images/saveBtn.png) bottom left no-repeat;}
.facilityButtonRow .cancelBtn{ padding:0px; margin:0px; background:url(../images/cancelBtn.png) top left no-repeat; width:80px; height:30px; text-align:center; line-height:30px; float:left; color:#fff; text-transform:uppercase;font-size:14px; border:none; cursor:pointer;}
.facilityButtonRow .cancelBtn:hover{background:url(../images/cancelBtn.png) bottom left no-repeat;}
.facilityButtonRow .closeBtn{ padding:0px; margin:0px 0px 0 0; background:url(../images/close.png) top left no-repeat; width:75px; height:30px; text-align:center; line-height:30px; float:right; color:#fff; text-transform:uppercase;font-size:14px; border:none; cursor:pointer;}	
.facilityButtonRow .closeBtn:hover{background:url(../images/close.png) bottom left no-repeat;}
.facilityButtonRow .departmentBtn{ margin-right:10px !important;border-radius: 0 0 0 0 !important;
    box-shadow: none !important; width:120px; height:30px;background:url(../images/department.png) top left no-repeat;  padding:0px; margin:0px 30px 0 0; font-size:14px; color:#fff; text-transform:uppercase; float:left; text-align:center; line-height:30px; border:none !important;}
.facilityButtonRow .departmentBtn:hover{background:url(../images/department.png) bottom left no-repeat;}
.facilityButtonRowNew{ margin:0px; padding:0px;}
/*facilityAdminWrap page styles ends here*/	

/*ReportsWrap page styles starts here*/	
.reportsWrap{ margin:0px; padding:0px 0 0px 0px; max-width:758px;}

.reportsWrap .jqx-widget-content{ max-width:300px!important; float:left;}
.reportsWrap .jqxTree{ max-width:300px!important; float:left;}
.reportsWrap .jqx-tree-item-li{ width:100%; /*float:left;*/}
.reportsWrapRight{ max-width:415px; width:57%; float:right;}
.reportFormOut { margin: 0 0 19px; padding: 0;}
.reportFormOut .formLeft { color: #313131;float: left; font-size: 14px;height: 35px;line-height: 35px; margin: 0 10px 0 0;padding: 0 0 0 0px; text-align: right;width:110px;}
.reportFormOut .formNewList{ color: #313131;float: left; font-size: 13px;height:20px;line-height:20px; margin: 0 10px 0 0;padding: 0 0 0 0px; text-align: right;width:110px;}
.reportFormOut select {
    border: 1px solid #DDDEDF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: -2px -2px 3px 1px #F0F2F3 inset;
    margin: 0;
    max-width:285px;
    padding: 7px 3px;
    width:72%;
}

.search_report select {
    border: 1px solid #DDDEDF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: -2px -2px 3px 1px #F0F2F3 inset;
    margin: 0 0 10px 3px;
    max-width:373px;
    padding: 7px 3px;
    width:50% ;
}

.reportFormOut input {
    border: 1px solid #DDDEDF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: -2px -2px 3px 1px #F0F2F3 inset;
    margin: 0;
    max-width:240px;
    padding: 7px 3px;
    width:60%;
}

.search_report input {
    border: 1px solid #DDDEDF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: -2px -2px 3px 1px #F0F2F3 inset;
    margin: 0 0 10px 3px;
    max-width:367px;
    padding: 7px 3px;
    width:60%;
}

.search_report .cancelBtn { margin-top:2px!important;margin-bottom:10px !important}






.calendarWrap{ width:32px; height:30px; background:#CCC; float:right;}
	
.reportFormOutCheck{ width:72%; max-width:285px; float:left; padding-top:3px;}
.reportFormOutCheckLeft{ float:left;}
.reportFormOutCheckRight{ float:right;}
.reportFormOutCheck label{ width:140px; display:block; font-size:14px; color:#333;}
.reportFormOutCheck label input{ width:10px; margin-right:5px; height:10px; border:none;}
.reportFormOutCheck .cancelBtn{ float:right; margin-left:28px  !important;; font-size:14px;}
.btnMarg{ margin-top:25px!important;}
/*ReportsWrap page styles ends here*/

/*dashboard starts here*/



.user_dashbord table {
    border-collapse: collapse;
    width: 100%;
}
.user_dashbord tr:nth-of-type(2n+1) {
    background: none repeat scroll 0 0 #fff;
}
.user_dashbord th {
    background: none repeat scroll 0 0 #D7D7D7;
    color:#2C2C2C;
    font-weight: bold; font-size:14px; padding:7px;
}
.user_dashbord td, th {
    border: 1px solid #aaa;
    padding: 6px;
    text-align: left;
}



/*dashboard ends here*/

/*UserAdminstrationwrap page styles starts here*/
.userAdminstrationWrap{ margin:0px; padding:0px 0 0px 0px; max-width:758px;}
.tableWrap{ width:100%; padding-top:13px;}
.tableHead{ padding:0px; margin:0px;}
.userAdminstrationWrap table {
    border-collapse: collapse;
    width: 100%;
}
.userAdminstrationWrap tr:nth-of-type(2n+1) {
    background: none repeat scroll 0 0 #fff;
}
.userAdminstrationWrap th {
    background: none repeat scroll 0 0 #D7D7D7;
    color:#2C2C2C;
    font-weight: bold; font-size:14px; padding:7px;
}
.userAdminstrationWrap td, th {
    border: 1px solid #aaa;
    padding: 6px;
    text-align: left;
}



.facilityAdminWrap table {
    border-collapse: collapse;
    
}
.facilityAdminWrap tr:nth-of-type(2n+1) {
    background: none repeat scroll 0 0 #fff;
}
.facilityAdminWrap th {
    background: none repeat scroll 0 0 #D7D7D7;
    color:#2C2C2C;
    font-weight: bold; font-size:14px; padding:7px;
}
.facilityAdminWrap td, th {
    border: 1px solid #aaa;
    padding: 6px;
    text-align: left;
}


.facilityAdminWrap td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;   /*padding-left: 50%;*/
}


.userAdminstrationWrap .facilityButtonRow .addNewBtn{ float:right; color:#fff;}
.userAdminstrationWrap .facilityButtonRow .closeBtn{ float:right;}


.compose_user .checkRow input{ width:10px; margin-right:5px;}
.compose_user .checkRow label{ margin-right:30px;}
.compose_user .checkRow {  float: left;margin: 0; max-width: 568px; padding:10px 0 0; width: 75%}
/*UserAdminstrationwrap page styles ends here*/


/*addeEditUser2wrap page styles starts here*/
.addeEditUser2wrap .tableWrap{ margin-top:30px;}
.addeEditUser2wrap{ margin:0px; padding:0px 0 0px 0px; max-width:758px;}
.jTreeOuter{ width:90%; border:1px solid #EAEBF3; margin:0 auto;}
.jTreeOuter .head{ height:30px; background:#CDCDCD; color:#2C2C2C; font-size:15px; line-height:30px; padding-left:15px; margin-bottom:20px;}
.addeEditUser2wrap .formOut{ padding-top:20px; width:90%;margin:0 auto; padding-bottom:20px; }
.addeEditUser2wrap .formOut .formLeft{ width:50px; text-align:left; padding-left:0px;}
.addeEditUser2wrap .formOut select{ width:87%; max-width:680px;}


.addeEditUser2wrap .tableHead{ padding:0px; margin:0px;}
.addeEditUser2wrap table {
    border-collapse: collapse;
    width: 100%;
}
.addeEditUser2wrap tr:nth-of-type(2n+1) {
    background: none repeat scroll 0 0 #fff;
}
.addeEditUser2wrap th {
    background: none repeat scroll 0 0 #D7D7D7;
    color:#2C2C2C;
    font-weight: bold; font-size:14px; padding:7px;
}
.addeEditUser2wrap td, th {
    border: 1px solid #aaa;
    padding: 6px;
    text-align: left;
}

.addeEditUser2wrap .jqx-tree input{ margin:0 5px;}
.addeEditUser2wrap .facilityButtonRow .addNewBtn{ float:right; color:#fff;cursor:pointer;}
.addeEditUser2wrap .facilityButtonRow .closeBtn{ float:right;}

/*addeEditUser2wrap page styles ends here*/

/*loginwrap page styles starts here*/


	.logincenter {
		max-width:240px;

		margin:0 auto;
	}

	.logincenter:after {
		content:"";
		clear:both;
		display:block;
	}	
	
.logincenter .logo{ margin-bottom:20px; width:238px; height:68px; margin-left:0px;}
.loginInnerWrap{ max-width:320px;/*width:18%;*/ padding:20px; margin:0px auto; border:1px solid #B9C9D3; background:#ECF4FB; border-radius:5px;}

.loginInnerWrap input{padding:8px 3px 7px 3px; margin:0px 0px 15px 0; width:100%;border-radius:3px; border:1px solid #DDDEDF;box-shadow: inset -2px -2px 3px 1px #F0F2F3; font-size:14px; color:#9496A3;
}

.loginBtnWrap{ width:65%; margin:0 auto;}
.loginBtnWrap .cancelBtn{  display:block; margin:0 auto; margin-right:10px;}
.loginBtnWrap .cancelBtn{ padding:0px !important; margin-right:10px !important;border-radius: 0 0 0 0 !important;
    box-shadow: none !important; background:url(../images/cancelBtn.png) top left no-repeat; width:80px !important; height:30px; text-align:center; line-height:30px; float:left; color:#fff!important; text-transform:uppercase;font-size:12px; border:none !important; cursor:pointer;}
.loginBtnWrap .cancelBtn:hover{background:url(../images/cancelBtn.png) bottom left no-repeat;}

/*loginwrap page styles ends here*/

/*auditRecordwrap page styles starts here*/
.auditRecordwrap{ margin:0px; padding:0px 0 0px 0px; max-width:758px;}
.audittxtHead{    background: none repeat scroll 0 0 #1B87C8;
    color: #FFFFFF;
    font-size:17px;
    margin: 0;
    padding: 8px 0 8px 20px;}




.auditRecordwrap table {
    border-collapse: collapse;
    width: 100%;
}
.auditRecordwrap tr:nth-of-type(2n+1) {
    background: none repeat scroll 0 0 #fff;
}
.auditRecordwrap th {
    background: none repeat scroll 0 0 #D7D7D7;
    color:#2C2C2C;
    font-weight: bold; font-size:14px; padding:7px;
}
.auditRecordwrap td, th {
    border: 1px solid #aaa;
    padding: 6px;
	font-size:14px;
    text-align: left;  background: none repeat scroll 0 0 #fff;
}

.auditArea{ width:278px; height:60px; border-radius:5px; margin:0px; border:1px solid #B1B1B1;  }

.auditRecordwrap .noBdrRight{ border-right:1px solid #D7D7D7!important;}
.auditRecordwrap .noBdrRightNew{ border-right:1px solid #fff!important;}

.auditRecordwrap .clearwBtn{ width:131px; height:30px;background:url(../images/recordBtn.png) top left no-repeat;  padding:0px!important; margin:0px 30px 0 0; font-size:14px; color:#fff; text-transform:uppercase; float:left; text-align:center; line-height:30px;}
.auditRecordwrap .clearwBtn:hover{background:url(../images/recordBtn.png) bottom left no-repeat; }

.auditRecordwrap .addNewBtn{ width:131px; height:30px;background:url(../images/recordBtn.png) top left no-repeat;  padding:0px!important; margin:0px 30px 0 0; font-size:14px; color:#fff; text-transform:uppercase; float:left; text-align:center; line-height:30px;}
.auditRecordwrap .addNewBtn:hover{background:url(../images/recordBtn.png) bottom left no-repeat; }

.auditRecordwrap .saveBtn{ padding:0px!important; margin:0px 30px 0 0; background:url(../images/recordBtn.png) top left no-repeat; width:131px !important;; height:30px; text-align:center; line-height:30px; float:left; color:#fff; text-transform:uppercase;font-size:14px; border:none; cursor:pointer;}	
.auditRecordwrap .saveBtn:hover{ background:url(../images/recordBtn.png) bottom left no-repeat}

.auditRecordwrap .closeBtn{ padding:0px!important; margin:0px 0px 0 0; background:url(../images/recordBtn.png) top left no-repeat; width:131px; height:30px; text-align:center; line-height:30px; float:right; color:#fff; text-transform:uppercase;font-size:14px; border:none; cursor:pointer;}	
.auditRecordwrap .closeBtn:hover{ background:url(../images/recordBtn.png) bottom left no-repeat;}

/*auditRecordwrap page styles ends here*/

  .elemnt_list_container{
		padding-top:10px;
		width:100%
	  }
  .elemnt_list{
		width:50%;
		float:left;
		padding-bottom:10px;
	 }
	 
.formOut .roomInputWidth{ width:57%;}

.graphOuter{ margin:0px;padding:0px;}


/*Edit Hospital starts here*/
.editHospital{ float:left; margin:0 10px 0 0; padding:0px;}
.editHospital input{ margin:0; width:210px!important;}
.editHospitalOuter{  float: left; padding-bottom: 10px;}
/*Edit Hospital ends here*/



/*select organisation starts here*/
.roomsRent{ margin:0px 5px 1px 0;height:34px; line-height:34px; background: url(../images/tick.png) 10px 7px no-repeat #E7F6FF; padding:0 0 0 33px; font-weight:bold; float:left; width:280px;}
.main_heading{  margin:0px 5px 1px 0;height:34px; line-height:34px; background: #E7F6FF; padding:0 0 0 12px; font-weight:bold; max-width:619px;}

.user_dashbord .roomsRentN{ margin:0px 5px 1px 0; line-height:34px; background: url(../images/tick.png) 10px 7px no-repeat ; padding:0 0 0 33px; font-weight:bold; float:left; }

.roommargBtm{ margin-bottom:15px;}

.failedClass{background: url(../images/Delete.png) 10px 7px no-repeat #E7F6FF; margin:0px 5px 1px 0;height:34px; line-height:34px; padding:0 0 0 33px; font-weight:bold; float:left; width:280px;}

.user_dashbord .failedClassN{background: url(../images/Delete.png) 10px 7px no-repeat ; margin:0px 5px 1px 0; line-height:34px; padding:0 0 0 33px; font-weight:bold; float:left; }
/*select organisation ends here*/
.error {font-family:Arial, Verdana, Tahoma; font-size:11px; color:#FF0000; padding:3px 0px 0px 189px !important;  line-height:normal; clear:both; display:block;} /* message coming below the field */

.roomsRent a{color:#000}
.failedClass a{color:#000}
.roomsRent a:hover{color:#666}
.failedClass a:hover{color:#666}
.new_dashbord a:hover{color:#666}
.new_dashbord a{color:#000;font-weight:bold}

/*failedAudits Report starts here*/



.failedAudit .tableHead{ padding:0px; margin:0px;}
.failedAudit table {
    border-collapse: collapse;
    width: 100%;
}
.failedAudit tr:nth-of-type(2n+1) {
    background: none repeat scroll 0 0 #DAF1FF;
}
.failedAudit th {
    background: none repeat scroll 0 0 #1B87C8;
    color:#fff;
    font-weight: bold; font-size:14px; padding:7px;
}
.failedAudit td, th {
    border: 1px solid #def1fd;
    padding: 6px;
    text-align: left;
}

.failedAudit table a{ text-decoration: underline; color:#1B87C8;}
.failedAudit table a:hover{ text-decoration:none; color:#000;}
/*failedAudits Report ends here*/




/*failedDepartments starts here*/
.failedDepartments .tableHead{ padding:0px; margin:0px;}
.failedDepartments table {
    border-collapse: collapse;
    width: 100%;
}
.failedDepartments tr:nth-of-type(2n+1) {
    background: none repeat scroll 0 0 #DAF1FF;
}
.failedDepartments th {
    background: none repeat scroll 0 0 #1B87C8;
    color:#fff;
    font-weight: bold; font-size:14px; padding:7px;
}
.failedDepartments td, th {
    border: 1px solid #def1fd;
    padding: 6px;
    text-align: left;
}

.failedDepartments table a{ text-decoration:underline; color:#1B87C8;}
.failedDepartments table a:hover{ text-decoration:none; color:#000;}
/*failedDepartments ends here*/

/*Percentage starts here*/
.percentageDepartments .tableHead{ padding:0px; margin:0px;}
.percentageDepartments table {
    border-collapse: collapse;
    width: 100%;
}
.percentageDepartments tr:nth-of-type(2n+1) {
    background: none repeat scroll 0 0 #DAF1FF;
}
.percentageDepartments th {
    background: none repeat scroll 0 0 #1B87C8;
    color:#fff;
    font-weight: bold; font-size:14px; padding:7px;
}
.percentageDepartments td, th {
    border: 1px solid #def1fd;
    padding: 6px;
    text-align: left;
}

.percentageDepartments table a{ text-decoration:underline; color:#1B87C8;}
.percentageDepartments table a:hover{ text-decoration:none; color:#000;}
/*Percentage ends here*/




/*failedDepartments starts here*/
.failedElements .tableHead{ padding:0px; margin:0px;}
.failedElements table {
    border-collapse: collapse;
    width: 100%;
}
.failedElements tr:nth-of-type(2n+1) {
    background: none repeat scroll 0 0 #DAF1FF;
}
.failedElements th {
    background: none repeat scroll 0 0 #1B87C8;
    color:#fff;
    font-weight: bold; font-size:14px; padding:7px;
}
.failedElements td, th {
    border: 1px solid #def1fd;
    padding: 6px;
    text-align: left;
}

.failedElements table a{ text-decoration:underline; color:#1B87C8;}
.failedElements table a:hover{ text-decoration:none; color:#000;}
/*failedDepartments ends here*/
.inActiveTb{ background: url(../images/inactive.jpg) top left no-repeat; width:117px; height:33px; float:left; padding:0px; margin:0px 5px 0px 0; color:#666; text-align:center; line-height:33px; font-weight:bold;}
.activeTb{ background: url(../images/active.jpg) top left no-repeat; width:117px; height:33px; float:left;padding:0px; margin:0px 5px 0px 0; color:#fff; text-align:center; line-height:33px;font-weight:bold;}

.tabs{ width:100%; float:left; border-bottom:1px solid #74ade4; margin-bottom:20px;}
.addEditRoomWrap .formOutRight span{ float:left; clear:left;}	


}
@media all and (max-width: 1024px){
	
	
/*loginwrap page styles starts here*/
.loginInnerWrap{ width:100%;}

/*loginwrap page styles ends here*/	
	
	
}
@media all and (max-width: 960px){
	
/*Add existing user page styles starts here*/	
.graphOuter{ width:320px;overflow:auto;overflow-y:scroll}
.formLeft{ text-align:left; padding-left:0px;}
.formOut select{ max-width:758px; width:100%;}
.formOut input{ max-width:738px; width:99%;}
.breadcrumbs{ padding-top:20px;}
.addExistingUserWrap form{ padding-top:10px;}
.buttonRow{ padding-top:0px;}
.formOut{ margin: 0 0 10px;}
/*Add existing user page styles ends here*/	

/*AddEdit user page styles starts here*/	

.formOut textarea {
    max-width: 738px;
    width: 98%;
}

.addEditUserWrap .buttonRow{ width: auto; padding-top:30px!important;}
/*AddEdit user page styles ends here*/


/*AddEdit organisation page styles starts here*/
.addEditOrgWrap .orgLeft{ float:none;}
/*AddEdit organisation page styles ends here*/


/*Add edit Room page styles starts here*/	
.roomMarg .formLeft{ float:none;}
.addEditRoomWrap .formOutLeft{ width:100%; max-width:100%;}
.addEditRoomWrap .formOutLeft select{width:100%; max-width:100%;}
.addEditRoomWrap .formOutRight{ float:left; margin-top:19px;max-width:100%; width:100%;}
.addEditRoomWrap .formOutRightbox{max-width:97%; width:97%; }
.addEditRoomWrap .formOutRightbox label{ margin-bottom:6px;}
/*Add edit Room page styles ends here*/	

/*facilityAdminWrap page styles starts here*/

.jqx-widget-content{ height:400px !important;}
.jqx-scrollbar-state-normal{ display:block !important;}



/*facilityAdminWrap page styles ends here*/


/*addeEditUser2wrap page styles starts here*/
.addeEditUser2wrap .formOut select{ width:65%;}

/*addeEditUser2wrap page styles ends here*/


.formOut .roomInputWidth{ width:99%;}


/*Edit Hospital starts here*/
.newhospitalWrap{ width:100%!important;}


/*Edit Hospital ends here*/

.error {font-family:Arial, Verdana, Tahoma; font-size:11px; color:#FF0000; padding:3px 0px 0px 0px !important;  line-height:normal; clear:both; display:block;} 
#panelWrapperpaneljqxTree{ min-height:400px;}
.ui-datepicker-calendar thead, tbody, th, td, tr{ display:marker!important;}

}




@media all and (max-width: 780px){		

/*System Administration page styles startss here*/
.systemAdminWrap{ padding:85px 0 20px 53px;}
.logo {
    display: block;
    margin: 50px 0 0 34px;
    padding: 0;
}
.logout{ margin: 101px 47px 0 0;}


/*System Administration page styles ends here*/

/*AddEdit user page styles starts here*/	
.addEditUserWrap .buttonRow{ width: auto; padding-top:30px!important;}
/*AddEdit user page styles ends here*/	



/*reportWrap page styles starts here*/
.reportsWrapRight{ float:left; margin-top:20px; width:100%; max-width:630px;}
.reportsWrap .jqx-widget-content{ max-width:480px;}
.reportFormOut select{ width:100%; max-width:508px;}
.reportFormOut input{ width:100%; max-width:460px;}
.reportFormOutCheck{ width:100%; max-width:310px;}
/*reportWrap page styles ends here*/
  .elemnt_list{
		width:70%;
		float:left;
		padding-bottom:10px;
	 }
	 
.roomsRent, .failedClass{ width:94%; height:auto;}

.main_heading{ width:97.6%; height:auto;padding:0 0 0 12px; margin-right:0px; }



/*failedAudits Report starts here*/


.failedAudit table,.failedAudit thead,.failedAudit tbody,.failedAudit th,.failedAudit td,.failedAudit tr {
    display: block;
}
.failedAudit thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.failedAudit tr {
    border: 1px solid #CCCCCC;
}
.failedAudit td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-left: 50%;
    position: relative;
	 
}
.failedAudit td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;   /*padding-left: 50%;*/
}
.failedAudit td:nth-of-type(1):before {
    content: "No.";
}
.failedAudit td:nth-of-type(2):before {
    content: "Audit ID";
}
.failedAudit td:nth-of-type(3):before {
    content: "Auditor Name";
}
.failedAudit td:nth-of-type(4):before {
    content: "Audit Date";
}
.failedAudit td:nth-of-type(5):before {
    content: "Hospital";
}

.failedAudit td:nth-of-type(6):before {
    content: "Functional Area";
}

.failedAudit td:nth-of-type(7):before {
    content: "Room";
}

.failedAudit td:nth-of-type(8):before {
    content: "Departments";
}

.failedAudit td:nth-of-type(9):before {
    content: "Audit Score";
}

.failedAudit td:nth-of-type(10):before {
    content: "Audit Result";
}

.failedAudit .alignCenter{ text-align:left!important;}
.failedAudit .facilityButtonRow .closeBtn{ margin-top:0px!important;}
.failedAudit tr:nth-of-type(2n+1) { margin-bottom:10px;}
/*failedAudits Report ends here*/




/*failedDepartments starts here*/

.failedDepartments table,.failedDepartments thead,.failedDepartments tbody,.failedDepartments th,.failedDepartments td,.failedDepartments tr {
    display: block;
}
.failedDepartments thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.failedDepartments tr {
    border: 1px solid #CCCCCC;
}
.failedDepartments td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-left: 50%;
    position: relative;
	 
}
.failedDepartments td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;   /*padding-left: 50%;*/
}
.failedDepartments td:nth-of-type(1):before {
    content: "No.";
}
.failedDepartments td:nth-of-type(2):before {
    content: "Department Name";
}
.failedDepartments td:nth-of-type(3):before {
    content: "Organisation";
}
.failedDepartments td:nth-of-type(4):before {
    content: "Hospital";
}
.failedDepartments td:nth-of-type(5):before {
    content: "Functional Area";
}

.failedDepartments td:nth-of-type(6):before {
    content: "Room";
}

.failedDepartments td:nth-of-type(7):before {
    content: "Failed Count";
}

.failedDepartments .alignCenter{ text-align:left!important;}
.failedDepartments .facilityButtonRow .closeBtn{ margin-top:0px!important;}
.failedDepartments tr:nth-of-type(2n+1) { margin-bottom:10px;}
	
/*failedDepartments ends here*/




/*percentageDepartments starts here*/

.percentageDepartments table,.percentageDepartments thead,.percentageDepartments tbody,.percentageDepartments th,.percentageDepartments td,.percentageDepartments tr {
    display: block;
}
.percentageDepartments thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.percentageDepartments tr {
    border: 1px solid #CCCCCC;
}
.percentageDepartments td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-left: 50%;
    position: relative;
	 
}
.percentageDepartments td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;   /*padding-left: 50%;*/
}
.percentageDepartments td:nth-of-type(1):before {
    content: "No.";
}
.percentageDepartments td:nth-of-type(2):before {
    content: "Department Name";
}
.percentageDepartments td:nth-of-type(3):before {
    content: "Element Name";
}
.percentageDepartments td:nth-of-type(4):before {
    content: "Total Audited";
}
.percentageDepartments td:nth-of-type(5):before {
    content: "Percentage";
}



.percentageDepartments .alignCenter{ text-align:left!important;}
.percentageDepartments .facilityButtonRow .closeBtn{ margin-top:0px!important;}
.percentageDepartments tr:nth-of-type(2n+1) { margin-bottom:10px;}
	
/*failedDepartments ends here*/




/*failedElements starts here*/

.failedElements table,.failedElements thead,.failedElements tbody,.failedElements th,.failedElements td,.failedElements tr {
    display: block;
}
.failedElements thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.failedElements tr {
    border: 1px solid #CCCCCC;
}
.failedElements td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-left: 50%;
    position: relative;
	 
}
.failedElements td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;   /*padding-left: 50%;*/
}
.failedElements td:nth-of-type(1):before {
    content: "No.";
}
.failedElements td:nth-of-type(2):before {
    content: "Audit Id";
}
.failedElements td:nth-of-type(3):before {
    content: "Date";
}
.failedElements td:nth-of-type(4):before {
    content: "Hospital";
}
.failedElements td:nth-of-type(5):before {
    content: "Functional Area";
}

.failedElements td:nth-of-type(6):before {
    content: "Room";
}

.failedElements td:nth-of-type(7):before {
    content: "Departments";
}

.failedElements td:nth-of-type(8):before {
    content: "Element";
}

.failedElements td:nth-of-type(9):before {
    content: "Element Score";
}
.failedElements td:nth-of-type(10):before {
    content: "Comments";
}



.failedElements .alignCenter{ text-align:left!important;}
.failedElements .facilityButtonRow .closeBtn{ margin-top:0px!important;}
.failedElements tr:nth-of-type(2n+1) { margin-bottom:10px;}


/*failedElements ends here*/
.search_report select{ width:100%; max-width:100%; margin-bottom:10px !important;}

.search_report input{ width:100%; max-width:100%; margin-bottom:10px !important;}

}

@media all and (max-width: 685px){
/*System Administration page styles startss here*/
.systemAdminWrap{ padding:85px 0 20px 40px;}
.adminBox{ margin: 0 28px 45px 0;}

.logo{  margin: 50px 0 0 28px;}
/*System Administration page styles ends here*/


/*reportWrap page styles starts here*/
.reportsWrapRight{ float:left; margin-top:20px; width:100%; max-width:630px;}
.reportsWrap .jqx-widget-content{ max-width:480px!important;}
.reportFormOut select{ width:100%; max-width:508px;}
.reportFormOut input{ width:100%; max-width:512px;}
.reportFormOutCheck{ width:100%; max-width:310px;}
.reportFormOut select{ max-width:562px;}
.reportFormOut .formLeft{ float:none; text-align:left;}
#paneljqxTree{max-width:460px!important;}
.jqx-tree-dropdown-root{max-width:450px!important;}
.reportsWrap .jqx-tree-item-li{ width:100%!important;}
/*reportWrap page styles ends here*/




/*UserAdminstrationwrap page styles starts here*/

.userAdminstrationWrap table,.userAdminstrationWrap thead,.userAdminstrationWrap tbody,.userAdminstrationWrap th,.userAdminstrationWrap td,.userAdminstrationWrap tr {
    display: block;
}
.userAdminstrationWrap thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.userAdminstrationWrap tr {
    border: 1px solid #CCCCCC;
}
.userAdminstrationWrap td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-left: 50%;
    position: relative;
	 
}
.userAdminstrationWrap td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;   /*padding-left: 50%;*/
}
.userAdminstrationWrap td:nth-of-type(1):before {
    content: "No";
}
.userAdminstrationWrap td:nth-of-type(2):before {
    content: "Username";
}
.userAdminstrationWrap td:nth-of-type(3):before {
    content: "Name";
}
.userAdminstrationWrap td:nth-of-type(4):before {
    content: "Edit";
}
.userAdminstrationWrap td:nth-of-type(5):before {
    content: "Status";
}
.userAdminstrationWrap td:nth-of-type(6):before {
    content: "Delete";
}
.userAdminstrationWrap td:nth-of-type(7):before {
    content: "Permission";
}

.userAdminstrationWrap .alignCenter{ text-align:left!important;}
.userAdminstrationWrap .facilityButtonRow .closeBtn{ margin-top:0px!important;}
.userAdminstrationWrap tr:nth-of-type(2n+1) { margin-bottom:10px;
}
.userAdminstrationWrap tr:nth-of-type(2n) { margin-bottom:10px;
}
/*UserAdminstrationwrap page styles ends here*/


/*dashboard staRTS HERE*/


.user_dashbord table,.user_dashbord thead,.user_dashbord tbody,.user_dashbord th,.user_dashbord td,.user_dashbord tr {
    display: block;
}
.user_dashbord thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.user_dashbord tr {
    border: 1px solid #CCCCCC;
}
.user_dashbord td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-left: 50%;
    position: relative;
	 
}
.user_dashbord td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;   /*padding-left: 50%;*/
}
.user_dashbord td:nth-of-type(1):before {
    content: "No";
}
.user_dashbord td:nth-of-type(2):before {
    content: "Hospital";
}
.user_dashbord td:nth-of-type(3):before {
    content: "Total audits";
}
.user_dashbord td:nth-of-type(4):before {
    content: "Passed audits";
}
.user_dashbord td:nth-of-type(5):before {
    content: "Failed audits";
}
.user_dashbord td:nth-of-type(6):before {
    content: "Remaining Rooms";
}


.user_dashbord .alignCenter{ text-align:left!important;}
.user_dashbord .facilityButtonRow .closeBtn{ margin-top:0px!important;}
.user_dashbord tr:nth-of-type(2n+1) { margin-bottom:10px;
}
.user_dashbord tr:nth-of-type(2n) { margin-bottom:10px;
}
/*dashboard endS HERE*/













/*manageauditWrap starts here*/
.manageauditWrap table,.manageauditWrap thead,.manageauditWrap tbody,.manageauditWrap th,.manageauditWrap td,.manageauditWrap tr {
    display: block;
}
.manageauditWrap thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.manageauditWrap tr {
    border: 1px solid #CCCCCC;
}
.manageauditWrap td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-left: 50%;
    position: relative;
	 
}
.manageauditWrap td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;   /*padding-left: 50%;*/
}
.audit_list td:nth-of-type(1):before {
    content: "No";
}
.audit_list td:nth-of-type(2):before {
    content: "Audit ID";
}
.audit_list td:nth-of-type(3):before {
    content: "Hospital";
}
.audit_list td:nth-of-type(4):before {
    content: "Room";
}
.audit_list td:nth-of-type(5):before {
    content: "Date";
}
.audit_list td:nth-of-type(6):before {
    content: "Auditor";
}

.audit_list td:nth-of-type(7):before {
    content: "Score";
}

.audit_list td:nth-of-type(8):before {
    content: "Result";
}

.audit_list td:nth-of-type(9):before {
    content: "Reaudit";
}


.audit_list td:nth-of-type(10):before {
    content: "Status";
}
.audit_list td:nth-of-type(11):before {
    content: "Reaudit";
}


.next_audit_list td:nth-of-type(1):before {
    content: "No";
}
.next_audit_list td:nth-of-type(2):before {
    content: "Organisation";
}
.next_audit_list td:nth-of-type(3):before {
    content: "Hospital";
}
.next_audit_list td:nth-of-type(4):before {
    content: "Functional Area";
}
.next_audit_list td:nth-of-type(5):before {
    content: "Room";
}
.next_audit_list td:nth-of-type(6):before {
    content: "Audit";
}
/*manageauditWrap ends here*/



/*addeEditUser2wrap page styles starts here*/
.addeEditUser2wrap .formOut select{ width:100%;}

.addeEditUser2wrap table,.addeEditUser2wrap thead,.addeEditUser2wrap tbody,.addeEditUser2wrap th,.addeEditUser2wrap td,.addeEditUser2wrap tr {
    display: block;
}
.addeEditUser2wrap thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.addeEditUser2wrap tr {
    border: 1px solid #CCCCCC;
}
.addeEditUser2wrap td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-left: 50%;
    position: relative;
	 
}
.addeEditUser2wrap td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;   /*padding-left: 50%;*/
}
.addeEditUser2wrap td:nth-of-type(1):before {
    content: "No";
}
.addeEditUser2wrap td:nth-of-type(2):before {
    content: "Permission";
}
.addeEditUser2wrap td:nth-of-type(3):before {
    content: "Organisation";
}
.addeEditUser2wrap td:nth-of-type(4):before {
    content: "Edit";
}
.addeEditUser2wrap td:nth-of-type(5):before {
    content: "Delete";
}
.addeEditUser2wrap .alignCenter{ text-align:left!important;}
.addeEditUser2wrap .facilityButtonRow .closeBtn{ margin-top:0px!important;}
.addeEditUser2wrap tr:nth-of-type(2n+1) { margin-bottom:10px;}



/*addeEditUser2wrap page styles ends here*/




/*auditRecordwrap page styles starts here*/

.auditRecordwrap table,.auditRecordwrap thead,.auditRecordwrap tbody,.auditRecordwrap th,.auditRecordwrap td,.auditRecordwrap tr {
    display: block;
}
.auditRecordwrap thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.auditRecordwrap tr {
    border: 1px solid #CCCCCC;
}
.auditRecordwrap td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-left: 50%;
    position: relative;
	 
}
.auditRecordwrap td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;   /*padding-left: 50%;*/
}
.auditRecordwrap td:nth-of-type(1):before {
    content: "Element";
}
.auditRecordwrap td:nth-of-type(2):before {
    content: "A";
}
.auditRecordwrap td:nth-of-type(3):before {
    content: "U";
}
.auditRecordwrap td:nth-of-type(4):before {
    content: "N/A";
}
.auditRecordwrap td:nth-of-type(5):before {
    content: "Comments";
}
.auditRecordwrap .alignCenter{ text-align:left!important;}
.auditRecordwrap .facilityButtonRow .closeBtn{ margin-top:0px!important;}
.auditRecordwrap tr:nth-of-type(2n+1) { margin-bottom:10px;}
	

.auditArea{ width:100%;}

/*auditRecordwrap page styles ends here*/

.formOut .roomInputWidth{ width:98%;}

.facilityButtonRowNew .cancelBtn{ margin-top:0px!important; margin-right:10px!important;}
.facilityButtonRowNew .closeBtn{ margin-top:5px!important; float:left;}

.systemAdminWrap .formLeft{ padding-left:0px; text-align:left;}

.systemAdminWrap .formOut select{ width:100%; max-width:100%; text-align:left;}







.search_report input{ width:100%; max-width:100%; margin-bottom:10px !important;}


.facilityAdminWrap .facilityButtonRowNew .cancelBtn{ margin-top:0px !important;}
.facilityAdminWrap .facilityButtonRowNew .closeBtn{ margin-top:0px !important;}
.editHospital b{ margin-right:3px;}
.main_heading{ width: 97.9%;}


}

@media all and (max-width: 600px){
/*System Administration page styles startss here*/
.systemAdminWrap{ padding:85px 0 20px 8px;}
.adminBox{ margin: 0 28px 45px 0;}
/*System Administration page styles ends here*/

/*Add edit organisation page styles starts here*/
.addEditOrgWrap .buttonRow .cancelBtn{ margin-right:10px!important;}
.addEditOrgWrap .buttonRow{ width:auto;}

/*Add edit organisation page styles ends here*/


/*facilityAdminWrap page styles starts here*/
.jqx-tree-item-li{ width:82%!important;}
/*facilityAdminWrap page styles ends here*/

/*reportWrap page styles starts here*/
.reportsWrapRight{ float:left; margin-top:20px; width:100%;}
.reportsWrap .jqx-widget-content{ max-width:480px!important;}


#paneljqxTree{max-width:460px!important;}
.jqx-tree-dropdown-root{max-width:450px!important;}
.reportsWrap .jqx-tree-item-li{ width:100%!important;}
.reportFormOut .formLeft{ text-align:left;}
.reportFormOut input{ max-width:415px;}

/*reportWrap page styles ends here*/


/*Edit Hospital starts here*/
.editHospital{ margin-bottom:15px;}
.editHospital span{ padding:0px; margin:0px; width:50px; float:left;}
 
/*Edit Hospital ends here*/

.facilityButtonRowNew .cancelBtn{ margin-top:5px!important; margin-right:10px!important;}
.facilityButtonRowNew .closeBtn{ margin-top:5px!important; float:left;}
.search_report input{ width:100%; max-width:100%; margin-bottom:10px !important;}
.main_heading {
    width: 98.2%;
}

}
@media all and (max-width: 568px){
	
/*System Administration page styles starts here*/
.systemAdminWrap{ padding: 85px 0 20px;}

.adminBox {
    margin: 0 18px 45px 0;
}

/*System Administration page styles ends here*/

/*Add existing user page styles starts here*/	

.formOut input{ max-width:738px; width:98%;}
/*Add existing user page styles ends here*/	

/*Add edit organisation page styles starts here*/
.addEditOrgWrap .buttonRow{ width:auto;}
.addEditOrgWrap .buttonRow .cancelBtn{ margin-right:10px;}


/*Add edit organisation page styles ends here*/

/*auditRecordwrap page styles starts here*/
.auditRecordwrap .addNewBtn{ margin-right:5px;}

.auditRecordwrap .saveBtn{ margin-right:5px;}

.auditRecordwrap .closeBtn{ margin-right:5px;}

/*auditRecordwrap page styles ends here*/


.search_report input{ width:100%; max-width:100%; margin-bottom:10px !important;}


.facilityButtonRow .addNewBtn{ margin-top:5px!important; margin-bottom:5px!important;}
.facilityButtonRow .saveBtn{ margin-top:5px!important; margin-bottom:5px!important;}
.facilityButtonRow .departmentBtn{margin-top:5px!important; margin-bottom:5px!important;}
.facilityAdminWrap .facilityButtonRowNew .cancelBtn{margin-top:5px!important; margin-bottom:5px!important;}
.facilityAdminWrap .facilityButtonRowNew .closeBtn{margin-top:5px!important; margin-bottom:5px!important;}





}






@media all and (max-width: 504px){	
/*System Administration page styles starts here*/

.systemAdminWrap {
    padding:55px 0 20px 75px;
}
.adminBox{ padding-bottom:60px;}
/*System Administration page styles ends here*/


/*addEdit Room page styles starts here*/
.addEditRoomWrap .formOutRightbox{max-width:96%; width:96%; }
/*addEdit Room page styles ends here*/


/*reports page styles starts here*/

.reportsWrap .jqx-widget-content{ max-width:390px!important;}
#paneljqxTree{max-width:390px!important;}
.jqx-tree-dropdown-root{max-width:390px!important;}
.reportsWrap .jqx-tree-item-li{ width:100%!important;}
#panelWrapperpaneljqxTree{ max-width:390px!important;}
.reportFormOut input{ width:88%;}
.reportFormOut .formNewList{ text-align:left;}
.reportFormOut .formLeft{ text-align:left;}

/*reports page styles endts here*/

/*addeEditUser2wrap page styles starts here*/
.jqx-tree-item-li{ width:90%;}

/*addeEditUser2wrap page styles ends here*/


/*auditRecordwrap page styles starts here*/
.auditRecordwrap .addNewBtn{ margin-right:5px;}

.auditRecordwrap .saveBtn{ margin-right:5px;}

.auditRecordwrap .facilityButtonRow .closeBtn{ margin-top:5px; float:left;}

/*auditRecordwrap page styles ends here*/


.facilityAdminWrap .facilityButtonRow .closeBtn{ margin-top:5px; float:left;}

.facilityButtonRowNew .addfacBtn{ margin-top:5px;}
.search_report input{ width:100%; max-width:100%; margin-bottom:10px !important;}

.main_heading {
    padding: 0 0 0 14px;
    width: 100%;
}
.newIncludeClass .reportFormOutCheck{max-width: 200px;}
.functinalAreaTitle{ width:100%!important;}
 

}

@media all and (max-width: 440px){
/*System Administration page styles starts here*/
.logo{ margin:0px; padding:0px; margin-top:50px; display:none;}
.logoSmall{ margin:0px; padding:0px; margin-top:50px; display:block;}

.systemAdminWrap {
    padding: 55px 0 20px 41px;
}

/*System Administration page styles ends here*/
/*loginwrap page styles starts here*/
	
.logincenter .logo{ margin-bottom:20px; width:238px; height:68px; display:block;}

/*loginwrap page styles ends here*/
.search_report input{ width:100%; max-width:100%; margin-bottom:10px !important;}

}

@media all and (max-width: 380px){
	/*System Administration page styles starts here*/		
	
.systemAdminWrap {
    padding:53px 0 20px 72px;
}
.innerWrap{ border:none; width:100%; padding:0px;}

.logout{ text-indent:-9999px; float:right; margin:75px 12px 0 0; padding:0 5px 7px 22px; background:url(../images/logoutBig.png) top left no-repeat; font-size:12px; color:#010154; text-transform:uppercase;}
.logoSmall{margin: 50px 0 0 9px;}
body{background:#fff;}

/*System Administration page styles ends here*/	

/*Add existing user page styles starts here*/	
.addExistingUserWrap{ padding:20px;}
.buttonRow{   width: 86%;}
	
/*Add existing user page styles ends here*/	

/*AddEdit user page styles starts here*/	

.addEditUserWrap{ padding:20px;}
.addEditUserWrap .buttonRow{ padding-top:0px!important;}
/*AddEdit user page styles ends here*/	

/*Add edit organisation page styles starts here*/
.addEditOrgWrap{ padding:20px;}	
.addEditOrgWrap .buttonRow .cancelBtn{ margin-right:2px;}
.addEditOrgWrap .buttonRow .clearBtn{ margin-right:2px;}
/*Add edit organisation pageends starts here*/


/*Add edit hospital page styles starts here*/
.addEditHospitalWrap{ padding:20px;}	
.addEditHospitalWrap .buttonRow .cancelBtn{ margin-right:2px;}
.addEditHospitalWrap .buttonRow .clearBtn{ margin-right:2px !important;}
.addEditHospitalWrap .buttonRow{ width:100%;}

/*Add edit hospital page styles ends here*/	





/*Add edit Room page styles starts here*/
.addEditRoomWrap{ padding:20px;}	
.addEditRoomWrap .buttonRow .cancelBtn{ margin-right:2px!important;}
.addEditRoomWrap .buttonRow .clearBtn{ margin-right:2px!important;}
.addEditRoomWrap .buttonRow{ width:100%;}
/*Add edit Room page styles ends here*/	



/*facilityAdminWrap page styles starts here*/
.facilityAdminWrap{ padding:20px;}
.jqx-tree-item-li{ width:52%!important;}
.jqx-tree-item-li {
    width: 90% !important;
}

/*facilityAdminWrap page styles starts here*/

.facilityButtonRow .addNewBtn{ margin-right:3px;}
.facilityButtonRow .saveBtn{ margin-right:3px;}
.facilityButtonRow .cancelBtn{ margin-right:3px;}
.facilityButtonRow .closeBtn{ float:left;}
.jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright{ background:#F8FAFC!important;}
/*facilityAdminWrap page styles ends here*/


/*reportsWrap page styles starts here*/
.reportsWrap{ padding:20px;}

/*reportsWrap page styles ends here*/



/*reportWrap page styles starts here*/

.reportsWrapRight{ float:left; margin-top:20px; width:100%; max-width:630px;}
.reportsWrap .jqx-widget-content{ max-width:480px;}
.reportFormOut select{ width:100%; max-width:508px;}
.reportFormOut input{ width:84%; max-width:382px;}
.reportFormOutCheck{ width:100%; max-width:310px;}
.reportFormOut .formLeft{ text-align:left;}
.reportFormOut .formNewList{ text-align:left;}
.noMarginBottom{ margin-bottom:19px;}
/*reportWrap page styles ends here*/





/*UserAdminstrationwrap page styles starts here*/
.userAdminstrationWrap{ padding:20px;}

/*facilityAdminWrap page styles ends here*/


/*addeEditUser2wrap page styles starts here*/
.addeEditUser2wrap{ padding:20px;}
.jqx-tree-item-li{ width:60%;}

/*addeEditUser2wrap page styles ends here*/




/*loginwrap page styles starts here*/
.loginInnerWrap{ width:78%;}
.loginBtnWrap{ width:75%;}

/*loginwrap page styles ends here*/	



/*auditRecordwrap page styles starts here*/
.auditRecordwrap{ padding:20px;}



/*auditRecordwrap page styles ends here*/


.facilityAdminWrap .facilityButtonRow #Remove{ margin-top:5px; margin-right:10px!important;}
.facilityButtonRowNew { margin-top:20px!important;}

.roomsRent, .failedClass{ width:220px; height:auto;}

.systemAdminWrap .formOut select{ width:87%;}
.search_report input{ width:100%; max-width:100%; margin-bottom:10px !important;}

.main_heading {
    height: auto;
    padding: 0 0 0 12px;
    width: 83%;
}

}



@media all and (max-width: 320px){
	
	
/*System Administration page styles starts here*/		
	
.systemAdminWrap {
    padding:55px 0 20px 42px;
}
/*System Administration page styles ends here*/	

/*Add existing user page styles starts here*/	
.buttonRow{   width:100%;}
.clearBtn{margin: 0 1px 0 0}
/*Add existing user page styles ends here*/	


/*AddEdit user page styles starts here*/	

.addEditUserWrap .buttonRow{ width:62%;}
/*AddEdit user page styles ends here*/	


/*facilityAdminWrap page styles starts here*/

.jqx-tree-item-li {
    width: 95% !important;}
.facilityButtonRow .addNewBtn{ margin-right:5px;}
.facilityButtonRow .saveBtn{ margin-right:5px;}
.facilityButtonRow .cancelBtn{ margin-right:5px;}
.facilityButtonRow .closeBtn{ margin-top:5px!important; float:left;}
/*facilityAdminWrap page styles ends here*/


/*reportWrap page styles starts here*/
.reportFormOutCheckRight{ float:left;}
.noMarginBottom{}
.reportFormOutCheck{ margin-bottom:10px!important;}

/*reportWrap page styles ends here*/
.facilityAdminWrap .facilityButtonRow #Addorganization{ margin-top:5px;margin-right:5px!important;}
.facilityAdminWrap .facilityButtonRow #Remove{ margin-top:5px; margin-right:5px!important;}

.facilityButtonRowNew .departmentBtn{ margin-top:5px !important;}


.systemAdminWrap .formOut select {
    width: 96%;
}
.search_report input{ width:100%; max-width:100%; margin-bottom:10px !important;}
.main_heading {
 width:240px;
}
.facilityAdminWrap .facilityButtonRow #Remove{ margin-top:0px;}
.facilityAdminWrap .facilityButtonRow .closeBtn{ margin-top:0px;}

.newIncludeClass .reportFormOutCheck {
    max-width: 140px;
}
.jqXtree_320{
width:100% !important;	
}
}
/*  Custom Added Style*/

/*.elemnt_list_container{
	width:700px;padding-top:10px;
}
.elemnt_list{
	width:350px;float:left;padding-bottom:10px;
}
.elemnt_list_main_container{
	float:left;
}*/
/*@media all and (max-width: 660px){

}*/


/*-----------------404  ------------------*/
.errorPageContainer{ width:735px; height:300px;}
.errorImage{width:240px; height:248px; float:left; background:url(../images/404.png) no-repeat top left;}
.errorContent{ float:left; width:400px;font-family:Arial, Helvetica, sans-serif; margin-left:30px; padding-top:60px;}
.errorContent span{ color:#F00;}
.errorContent h1{ font-size:21px; color:#1B1B1B; padding-top:50px;}
.errorContent p{ font-size:15px; color:#0052C4;padding-top:15px;}


a.homeButton	{ background:url(../images/404-button.png) no-repeat 0 0; height:52px; width:229px; display:block; color:#000; text-align: center; line-height:52px; font-size:14px;  font-weight: bold;cursor:pointer; margin-top:6px; margin-top:36px; }
a.homeButton:hover	{background:url(../images/404-button.png) no-repeat 0 -60px; cursor:pointer; color:#000;}
.user_dashbord{
padding-top:40px;	
}
/*-----------------404  ------------------*/

#iphonebusy {
	display:none;
	position: absolute;
	top: 50%;
 	left: 50%;
	margin-left: -65px;
	margin-top: -31px;
	color: #FFFFFF;
	font-size: 24px;	
	z-index:6;
	background-color: #000000;
	opacity:0.5;
 	width:100px;
	height:32px;
	padding: 30px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;	
	background:url(../images/ajax-loader.gif) no-repeat;
}