@CHARSET "ISO-8859-1";

office_staff_profile ============

.taskCountTDCls {
	width: 100px;
}

.taskNameTDCls {
	font-weight: bold;
    font-style: oblique;
    font-size: 14px;
}
.paddCls {
	padding: 0px !important;
}

company_task =======================

#createNewTaskDivId {
	padding-top: 10px;
}

::-moz-selection { background: #a4ecab; }

.box
{
  border-color: #DBDEE0;
  border-width: 1px;
  border-style: solid;
  margin: 0px 0px 30px 0px;
  float: left;
  width: 100%;
  font-size: 14px;
  background-color: #FFFFFF;
  margin-bottom: 15px;
}

.box-header
{
  background-color: #F9F9F9;
  color: #34383C;
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 40px;
  border-bottom-color: #DBDEE0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  padding: 10px;
}

.hrClass {
	border-bottom: 1px solid #B1B0B0; 
	margin-top: 5px;
	margin-bottom: 5px;
}
.head_title {
	font-size: 18px;
	font-family: Quicksand_Bold;
}

.head_titles {
	font-size: 14px;
	font-family: Quicksand_Bold;
}

.paddingClass {
	padding: 0px;
}

.pClass {
	margin: 0px 0px 0px !important;
}

.labelClass {
	margin-bottom: 0px !important;
}

view_task ==================

.head_Titles {
	font-size: 24px;
	font-family: Quicksand_Bold;
}

.editIcon {
	cursor: pointer;
	margin-left: 10px;
	color: rgb(27, 140, 185);
}
.aCenter {
 	text-align: center;
 }
 
 .noRecFound{
	text-align:center;
	color:red;
	font-size:25px;
}

.staffborders {
	min-width: 500px;
	position: relative;
	border: 1px solid green;
	background-color: #C8FBF1;
}

.staffTopPad{
	 height:135px;
	 padding:0px;
	 margin:10px
}
.width70px{
	width: 70px;
}

.staffTopPad1{
	padding-left:5px;
	padding-right:0px;
	padding-top:5px;
}
.width10px{
	width: 10px;
}

.imgdefault{
	width:85px;
	height:100px;
}

.w75H75 {
	width:75px;
	height:75px;
}
.width100px{
	width: 100px;
}

.width150px{
	width: 150px;
}

.width210px{
	width: 210px;
}

.srchImgCls {
	width: 100px;
	height: 120px;
}
.width300px{
	width: 300px;
}

.inTextBorder{
	border: 2px solid #61EF63;
}

.staff-img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: 85px;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.noRecFoundClass {
	text-align: center;
	color: red;
	font-size: 18px;
}

.customerborders {
	min-width: 500px;
	position: relative;
	border: 1px solid violet;
	background-color: #F9E6E8;
}
.additionInfoDescCls {
	border: 1px solid #CBCBCB;
	padding: 5px; 
}

.srchTopPad{
	 height:135px;
	 padding:0px;
	 margin:10px
}
.editDelBtnCls {
	text-align: right;
	padding: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.srchTopPad1{
	padding-left:5px;
	padding-right:0px;
	padding-top:5px;
}
.delBtnCls {
	margin-left: 5px;
}

.grid li {
  display: inline-block;
  width: 300px;
  margin: 0;
  text-align: left;
  position: relative;
  margin-right: 20px;
  margin-bottom: 15px;
  height:300px;
  padding: 10px;
}

.stud_sub_list_pro{
	width: 85%;
}

.add_std_hig_std{
	text-align:center;padding: 3px;background: #ddd;
}

.norecFount{
	text-align:center;
	color:red;
	font-size:25px;
}

.marginTop10px{
	margin-top: 10px;
}

#company_profile_left_menu {
	background-color: #E9FBE9;
 	padding: 0px;
    border: 2px solid #CFCECE;
}
.studPerDivClass {
  	padding-bottom: 5px;
    padding-top: 5px;
    height: auto;
    border: 2px solid #CFCECE;
    background-color: #E9FBE9;
}
#company_profile_body {
	border: 2px solid #CFCECE;
 	padding: 0px;
}
#companyInfoDivId {
  	padding-bottom: 5px;
    padding-top: 5px;
    height: auto;
    border: 2px solid #CFCECE;  
    background-color:  #E9FBE9;
}
#company_name_id {
	font-size: 26px;
	font-weight: bold;
}
.companyLogo{
	width: 80px;
}

#formHolidayId label.error{color: red; }
#formHolidayId input.error {border: 1px solid orange;}

.padTop10px {
	padding-top: 10px;
}

.fontSize12px {
	font-size: 12px;
}

.marginTop3pr {
	margin-top: 3%;
}

.colorRed {
	color: red;
}

.padLeft80px {
	padding-left: 80px;
}

.marginTop1pr {
	margin-top: 1%;
}

.gallery
{
    display: inline-block;
    margin-top: 20px;
    border: solid 1px #A8BCAD;
    min-width: 150px;
}

.common{
	padding-top: 4px;
}

#add_album_name label.error { color: red; }
#add_album_name input.error { border: 1px solid orange; }
#error_message{color: red;}

#addAlbumItem label.error { color:red !important; }
#addAlbumItem input.error { border: 1px solid orange; }
.center{text-align: center;}

.marginTop5pr {
	margin-top: 5%;
}

.marginBottom10px{
	margin-bottom: 10px;
}

#addProjFormId label.error,#addExpFormId label.error,#editExpFormId label.error { color: red; }
#addProjFormId input.error,#addExpFormId input.error,#editExpFormId input.error { border: 1px solid orange; }

#addInvoiceFormId label.error,#addPaymentFormId label.error,#addUnSubInvoiceFormId label.error,#addUnSubPaymentFormId label.error { color: red; }
#addInvoiceFormId input.error,#addPaymentFormId input.error,#addUnSubInvoiceFormId input.error,#addUnSubPaymentFormId input.error { border: 1px solid orange; }

.projVal label.error { color: red; }
.projVal input.error { border: 1px solid orange; }

#profile_body {
	border: 2px solid #CFCECE;
 	padding: 0px;
}

.profile_body {
	border: 2px solid #CFCECE;
 	padding: 0px;
 	background-color: #F6E1FE;
}

#profile_left_menu {
	background-color: #F6E1FE;
 	padding: 0px;
    border: 2px solid #CFCECE;
}

#companytask_left_menu {
	background-color: #E2F9DB;
 	padding: 0px;
    border: 2px solid #CFCECE;
}

#companytask_body {
	border: 2px solid #CFCECE;
 	padding: 0px;
}

.redText{
	color:red;
}

#master_profile_left_menu {
	background-color: #E2F9DB;
 	padding: 0px;
    border: 2px solid #CFCECE;
}

#master_profile_body {
	border: 2px solid #CFCECE;
 	padding: 0px;
}

.sp_tableThCls {
	width: 70px;
}

#addProjectFormId label.error { color: red; }
#addProjectFormId input.error { border: 1px solid orange; }

.ProjectVal label.error { color: red; }
.ProjectVal input.error { border: 1px solid orange; }

.projectInfoUpdate {
	margin-left: 1px; 
	padding-bottom: 3px;
}

.noRecCls {
	text-align: center;
	color: red;
	font-size: 18px;
}

#addCustomerLoginTypeFormId label.error { color: red; }
#addCustomerLoginTypeFormId input.error { border: 1px solid orange; }

.paddingClas {
	padding: 0px;
}

.marrginTop{
	margin-top: 2%;
}

.mobileIconB {
	cursor: pointer;
	font-size: 35px;
	color: rgb(44, 109, 240);
}

.grid figure img {
  max-width: 100%;
  display: block;
  position: relative;
  height:230px;
}

/* .tablesetUp {
	width: 70px;
	height: 60px;
} */


#customerList{
	margin:0px auto;
	width:80%;
	margin-top: 1%;
}
h3{
	background:#ddd;
	padding:10px;
	text-align: center;
}

.error{
	color: red;
	text-align: center;
}

.displayStaffList{
	margin:0px auto;
	width:80%;
	margin-top: 1%;
	}

.heads {
	text-align: center;
	font-size: 25px;
	font-weight:bold;
}

.borders {
	position: relative;
	border: 1px solid violet;
}

.topPad {
	height: 125px;
	padding: 0px;
	margin: 8px;
	margin-left: 58px;
}
.btnClass{
	padding:5px;
	
}

.topPad1 {
	background-color: #993E9F;
	color: white
}

.content-pad {
	padding-top: 5px;
}

.footer-content {
	position: absolute;
	bottom: 0;
	text-align: center;
	padding-bottom: 5px;
}

.dots {
	display:inline-block;
	width:33%;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	font-size: 20px;
}
.categoryName{
	font-weight: bold;
	background-color:#A9DDA1;
	padding-bottom: 8px;
}

.noRec{
	 color: red;
	 font-size: 17px;
	 font-weight:bold;
}
.tdClass{
	text-align:center;
	border:0px;
	padding-left: 88px; 
	padding-top: 31px;
}

#editBasinInfoFormId label.error {
	color: red;
}

#editBasinInfoFormId input.error {
	border: 1px solid orange;
}

#addFeatureFormId label.error {
	color: red;
}

#addFeatureFormId input.error {
	border: 1px solid orange;
}

#insertFormId label.error {
	color: red;
}

#insertFormId input.error {
	border: 1px solid orange;
}

#addStockHisFormId label.error {
	color: red;
}

#addStockHisFormId input.error {
	border: 1px solid orange;
}

#addStockHisFormId select.error {
	border: 1px solid orange;
}

#insertLocFormId label.error {
	color: red;
}

#insertLocFormId input.error {
	border: 1px solid orange;
}

#insertLocFormId select.error {
	border: 1px solid orange;
}

#insertTransportFormId label.error {
	color: red;
}

#insertTransportFormId input.error {
	border: 1px solid orange;
}

#insertTransportFormId select.error {
	border: 1px solid orange;
}

#editFormId  label.error {
	color: red;
}

#editFormId input.error {
	border: 1px solid orange;
}

#addProdPhtFormId label.error {
	color: red;
}

#addProdPhtFormId input.error {
	border: 1px solid orange;
}

#addProdPhtFormId select.error {
	border: 1px solid orange;
}

#addProdPriceFormId label.error {
	color: red;
}

#addProdPriceFormId input.error {
	border: 1px solid orange;
}

#editProdPriceFormId label.error {
	color: red;
}

#editProdPriceFormId input.error {
	border: 1px solid orange;
}

#editSpecValFormId label.error {
	color: red;
}

#editSpecValFormId input.error {
	border: 1px solid orange;
}
.imgClass{
	width:75px;
	height:75px;
}

.heading {
	font-size: 13px;
	font-weight:bold;
}

.topPading {
	height: 173px;
	padding: 0px;
	margin: 8px;
	height: auto;
}

.topPadColor {
	background-color: #993E9F;
	color: white
}


.stkClass{
	padding-left: 706px;
}

.dataLeft{
	float: left;
}



/* h3 {
	background:#ddd;
	padding:10px;
} */

#error,h3 {
	color: red;
}
.note {
	float: left;
	font: bold 11px arial;
	color: #5A5858;
}
.instruction {
	float: left;
	padding-top: 12px;
	font: bold 11px arial;
	color: #5A5858;
}



#managetask_left_menu {
	background-color: #E2F9DB;
 	padding: 0px;
    border: 2px solid #CFCECE;
}

#managetask_profile_body {
	border: 2px solid #CFCECE;
 	padding: 0px;
}


.dateOB,.magDate,.dojDate {
 		background: url("/web/view/images/calendar.png") right center no-repeat;
}
	
.headContainer{
		margin: 10px auto;
		width: 75%;
		background: none repeat scroll 0% 0% #F8F8F8;
		border: 2px solid #CCC;
		padding-bottom: 10px;
	}
	
h4 {
	background:#ddd;
	padding:10px;
}



.noRecords {
	color: red;
	text-align: center;
}

.dateOB,.magDate {
		background: url("/web/view/images/calendar.png") right center no-repeat;
	}
	
#customer_list{
	margin:0px auto;
	width:80%;
	margin-top: 1%;
}


#selectStatus label.error {color: red;}
.divContainer {
	margin: 10px auto;
	width: 80%;
	background: none repeat scroll 0% 0% #F8F8F8;
}

.wrapper{
text-align: center;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #FFF;
    background-color: rgba(14, 150, 97, 0.91);
}

a {
    color: rgba(14, 150, 97, 0.91);
    text-decoration: none;
}

.seven {
	font-weight: bold;
	font-size: 15pt;
	text-align: center;
}
.seven_head {
	font-weight: bold;
	font-style : oblique;
	font-size: 15pt;
	text-align: center;
	background-color:#C4E5F0;
}
.period_head {
	font-weight: bold;
	font-size: 15pt;
	text-align: center;
	background-color:#BDEFBD;
}
.staff_name {
	font-size: 8pt;
	text-align: center;
}
.text_align {
	text-align: center;
}
.text_head_middle{
	vertical-align: middle;
	height: 64px;
	display: table-cell;
} 
.text_middle{
	vertical-align: middle;
	height: 65px;
	display: table-cell;
}
.headDiv{
	margin:10px auto;
	width:70%;
	background:#f8f8f8;
	border:2px solid #ccc;
	padding-bottom:10px;
}

label {
	font-weight:normal;
	margin-bottom:0px;
}

#noDoc{
	color: red;
	text-align:center; 
}

#staff_profile_left_menu {
	background-color: #EDFCFF;
 	padding: 0px;
    border: 2px solid #CFCECE;
}
#staffHeadDivId {
  	padding-bottom: 5px;
    padding-top: 5px;
    height: auto;
    border: 2px solid #CFCECE;
    background-color: #EDFCFF;
}
#staff_profile_body {
	border: 2px solid #CFCECE;
 	padding: 0px;
}
#name {
	font-size: 25px;
	font-weight: bold;	
}
#designation {
	font-size: 18px;
}

.taskTableCls {
	width: 45%;
}



#companytask_left_menu {
	background-color: #E2F9DB;
 	padding: 0px;
    border: 2px solid #CFCECE;
}


.tablesetUp {
	padding: 20px;
	line-height: 1.42857;
	vertical-align: top;
	width: 70px;
	height: 60px;
}
#bell_profile_left_menu {
	background-color: #E2F9DB;
 	padding: 0px;
    border: 2px solid #CFCECE;
}

#bell_profile_body {
	border: 2px solid #CFCECE;
 	padding: 0px;
}


.inpBorder{
	border: 2px solid #61EF63;
	width:240px;
}

.inpBorder1{
	border: 2px solid #61EF63;
	width:580px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: white;
    border: 1px solid #239999;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
}

#insertFormId label.error { color: red; }
#insertFormId input.error { border: 1px solid orange; }

.themeVal label.error { color: red; }
.themeVal input.error { border: 1px solid orange; }


#getCompany label.error { color: red;	}
#getCompany input.error { border: 1px solid orange; }

#editFamilydependant label.error { color: red; }
#editFamilydependant select.error { border: 1px solid orange; }

#addFamilydependant label.error { color: red; }
#addFamilydependant select.error { border: 1px solid orange; }
#addFamilydependant input.error { border: 1px solid orange; }

#addStaffDocument label.error { color: red; }
#addStaffDocument select.error { border: 1px solid orange; }

#staffPhotosFormId label.error { color: red; }
#staffPhotosFormId select.error { border: 1px solid orange; }

#send_message_to_staff label.error { color: red; }
#send_message_to_staff select.error { border: 1px solid orange; }
	
#customerForm label.error {	color: red; }
#customerForm input.error { border: 1px solid orange; }

#searchCustomer label.error {	color: red; }
#searchCustomer input.error { border: 1px solid orange; }

#submit label.error { color: red; }
#submit input.error { border: 1px solid orange; }	

#add_customer_group label.error { color: red;	}
#add_customer_group input.error { border: 1px solid orange; }
#sms label.error { color: red;	}
#sms input.error { border: 1px solid orange; }
#sms textarea.error { border: 1px solid orange; }
#sms select.error { border: 1px solid orange; }

#formDialog2 label.error { color: red; }
#formDialog2 input.error { border: 1px solid orange; }

#formDialog1 label.error { color: red; }
#formDialog1 input.error { border: 1px solid orange; }

#getCustomer label.error { color: red ;	}
#getCustomer input.error { border: 1px solid orange; }

#staffForm label.error { color: red; }
#staffForm input.error { border: 1px solid orange; }
#staffForm select.error { border: 1px solid orange; }
	
#searchStaff label.error { color: red; }
#searchStaff input.error { border: 1px solid orange; }
#searchStaff select.error { border: 1px solid orange; }
      
#submit label.error { color: red; }
#submit input.error { border: 1px solid orange; }

#add_staff_group label.error { color: red;	}
#add_staff_group input.error { border: 1px solid orange; }
#sms label.error { color: red;	}
#sms input.error { border: 1px solid orange; }
#sms textarea.error { border: 1px solid orange; }
#sms select.error { border: 1px solid orange; }

#formDialog2 label.error { color: red; }
#formDialog2 input.error { border: 1px solid orange; }
	
#formDialog1 label.error { color: red; }
#formDialog1 input.error { border: 1px solid orange; }
		
#getStaff label.error { color: red;	}
#getStaff input.error { border: 1px solid orange; }		

.editBoxIcon {
	cursor: pointer;
	font-size: 25px;
	color: rgb(27, 140, 185);
}

.saveIcon {
	cursor: pointer;
	font-size: 25px;
	color: rgb(111, 240, 44);
}

.closeIcon {
	cursor: pointer;
	font-size: 25px;
	color: rgb(240, 44, 44);
}

#editComPolInstanceId {
	border: 1px solid gray;
	min-height: 150px;
}

.marginLeft50px{
	margin-left: 50px;
}
=======

/* .tablesetUp {
	width: 70px;
	height: 60px;
} */

.padClass {
	padding: 0px !important;
}

.aRight {
	text-align: right !important;
}

.settings{margin-bottom: 10px;}
.below{	margin-top: 2%}

#getStaff label.error { color: red;	}
#getStaff input.error { border: 1px solid orange; }

.error_message{color: red;text-align: center;}

h4{background: #ddd;padding: 10px;} 
#noRecList{color: red}

#searchProductFormId label.error { color: red; }
#searchProductFormId input.error { border: 1px solid orange; }

#addSpecFormId label.error { color: red; }
#addSpecFormId input.error { border: 1px solid orange; }

#editspecheadingFormId label.error { color: red; }
#editspecheadingFormId input.error { border: 1px solid orange; }

#addSpecFieldFormId label.error { color: red; }
#addSpecFieldFormId input.error { border: 1px solid orange; }

#editSpecFormId label.error { color: red; }
#editSpecFormId input.error { border: 1px solid orange; }

#addSpecFieldRangeId label.error { color: red; }
#addSpecFieldRangeId input.error { border: 1px solid orange; }

 #addIncomePart_form label.error { color: red; }
#addIncomePart_form input.error { border: 1px solid orange; }

#editIncomepart_form label.error { color: red; }
#editIncomepart_form input.error { border: 1px solid orange; }

#addDeductionPart_form label.error { color: red; }
#addDeductionPart_form input.error { border: 1px solid orange; }

#editDeduction_form label.error { color: red; }
#editDeduction_form input.error { border: 1px solid orange; }

.answered{
	background-color:#ABAFF9;
}

#editNoticeBoardHDId {
	width: 900px;
	margin: auto;
}

li a {
    display: block;
    padding-right:20px;
	padding-left:10px;
}

#noticeBordEditDocHDId {
	width: 900px;
	margin: auto;
	padding-bottom: 120px;
}

.office_staff_profile_single_edit{
	width: 98px;
}

.edit_office_staff{
	width: 200px;
}

.addIcon {
	cursor: pointer;
	font-size: 25px;
	color: rgb(111, 240, 44);
}

.deleteIcon {
	cursor: pointer;
	font-size: 25px;
	color: rgb(240, 44, 44);
}

.downloadIcon {
	cursor: pointer;
	font-size: 25px;
	color: rgb(111, 240, 44);
}

.uploadIcon {
	cursor: pointer;
	font-size: 25px;
	color: rgb(27, 140, 185);
}

.marginLeft10px{
	margin-left: 10px;
}

.singleBtn{
	margin-left: 4px; padding-bottom: 3px;
}

.marginLeft65px{
	margin-left: 65px;
}

.btnIconClass {
	width: 25px;
	height: 20px;
	padding: 3px 6px 1px;
}

	
.inner-page {min-height:700px; padding:10px; }
	
.calable {
    height: 30px;
    background-color: purple;
    width: 100%;
    padding: 5px;
    color: white;
    margin: 10px 0px 10px 0px;
 }
 
 ._1mOIX_{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 100px;
	vertical-align: bottom;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.catName {
    font-size: 15px;
    padding-left: 30px;
    width: 100%;
    height: 30px;
    text-indent: 20px;	
}
 
 .grid {
  padding: 20px 20px 0px 20px;
  list-style: none;
  text-align: left;
  float:left;		
  min-height:550px;		
	
}

.cs-style-1 figcaption {
  height: 100%;
  width: 100%;
  opacity: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}

::-moz-selection { background: #a4ecab; }

.disc_price_cls {
	font-weight: bold;
	font-size:23px;
	padding-right: 5px;
}

.prd_priceCls {
	font-size:16px;
	text-decoration: line-through;
	color: #2F1A0B;
}

.dis_perAmtCls {
   	margin-left: 8px;
    font-size: 16px;
    color: #F5E211;
    vertical-align: middle;
    font-weight: bold;
}

.portfolio-images {
  	border: 10px solid #FFF;
	margin-bottom: 10px;
	margin-right: 15px;
	margin: auto;
}

 .prdName {
	display:inline-block;
    width:260px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
 }

.price {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: center;
}

.searchPanel {
	padding: 10px;
}

.grid figure {
  margin: 0;
  position: relative;
}

.grid figure .price {
  margin: 0;
  padding: 9px;
  color: #fff;
  background: #ed4e6e;
  font-size:14px;
  font-weight:bold;
  text-align: left;
}

.input-group {
	margin: 10px 0px 0px 20px;
}

.FProdRate {font-size:16px; font-weight:bold; color:#271A9C;text-align: left;}
 
 .sidepanel {
    background-color: #F5D7F2;
    height: auto;
   	min-height: 200px;
    padding: 15px !important; 
}

.mvImgCls {
	width: 40px;
	height: 40px;
}

.mvDocNmCls {
	font-size: 14px;
	font-family: Quicksand_Bold;
}

.appointmentDate{
	padding: 5px;
	width: 100%;
	padding-top: 5px;
	border: 1px solid #DDD;
    padding: 5px;
    float: left;
}
.appointmentDateLabel{
	font-weight: bold;
	font-size: 16px;
	color: #fafafa;
	background:green;
	border:1px solid #ddd;
	width: 100%;
	padding: 5px;
}
.appointmentMessage{
	width: 100%;
	float: left;
}

#staff_image,#customer_image{
	width: 50px;
}

#add_user label.error { color: red;	}
#add_user input.error { border: 1px solid orange; }
	
	
h3 {background:#ddd;padding:10px;}
.error_message{color: red;text-align: center;}
.aCenter {text-align: center;}
.single-img{width: 40px;} 

.invoice-img{width: 140%;} 

.ml36_mt2Cls {
 	margin-left: 40%;
 	margin-top: 2%;"
 	margin-bottom: -2%
}

.mt10Cls {
	margin-top: 10%;
}

.ml30_mb5Cls {
	margin-left: 26%;
 	margin-bottom: 5%;
 	margin-top: 5%
}

.mt4Cls {
	margin-top: -4%;
}

.ml48mt8Cls {
	margin-left: -48%;
 	margin-top: -8%;
 	margin-bottom: 5%;
}

.mt38Cls {
	margin-top: 38px
}

.ml60Cls {
	margin-left: 60%;
}

.ml40Cls {
	margin-left: 45%;
	margin-top: 4%
}

.ml6mt3Cls {
	margin-left: -6%;
 	margin-top: 3%;
}

.ml26Cls {
	display: block;
	margin-left: 26%;
}

#container {
	border: 1px solid #DBDEE0;
	margin-top: 10px;
}
#searchStaffFormId label.error { color: red; }
#searchStaffFormId input.error { border: 1px solid orange; }

#addTaskDocumentFormId label.error { color: red; }
#addTaskDocumentFormId input.error { border: 1px solid orange; }

#editEstimateDateFormId label.error { color: red; }
#editEstimateDateFormId input.error { border: 1px solid orange; }

#addTaskTranFormId label.error { color: red; }
#addTaskTranFormId textarea.error { border: 1px solid orange; }
#addTaskTranFormId select.error { border: 1px solid orange; }

#editTaskTitle,#editTaskDescription,#editAssignedTo,#editEstimateDateToResolve,#editPriority,#editComplexity {
  display: none;
}


#dispTaskTitle:hover #editTaskTitle{
  	display: inline-block;
}
#dispTaskDescription:hover #editTaskDescription{
  	display: inline-block;
}
#dispAssignedTo:hover #editAssignedTo{
  	display: inline-block;
}
#dispEstimateDateToResolve:hover #editEstimateDateToResolve{
  	display: inline-block;
}
#dispPriority:hover #editPriority{
  	display: inline-block;
}
#dispComplexity:hover #editComplexity{
  	display: inline-block;
}

.ml35 {
	margin-left: 35%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: white;
    border: 1px solid #239999;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
}

.pr7 {
	padding-right: 7%;
}

.pt5 {
	padding-top: 5px;
}

.ml2mt3 {
	margin-left: -2%;
	margin-top: 3px;
}

.dbmt8 {
	display: block; margin-top: 8%;
}

.ml44 {
	margin-left: 44%;
}

.ml83 {
	margin-left: 83%;
}

.ml87 {
	margin-left: 87%;
}

.ml80 {
	margin-left: 80%;
}

.ml91Mt3 {
	margin-left: 91%;
	margin-top: -3%;
}

.ml23 {
	margin-left: 23%;
}

.headContainer{
	margin: 10px auto;
	width: 60%;
	background: none repeat scroll 0% 0% #F8F8F8;
	border: 2px solid #CCC;
	padding-bottom: 10px;
}

h4 {
	background:#ddd;
	padding:10px;
}

.dbml171 {
	display: block;
	margin-left: 171px;
}

.dbtamc {
	display: block;
	text-align: -moz-center;
}

.taCpr94mt8fwB {
 text-align: center;
 padding-right: 94px;
 margin-top: 8px;
 font-weight: bold
}

#insertFormId label.error { color: red; }
#insertFormId input.error { border: 1px solid orange; }

#subinsertFormId label.error { color: red; }
#subinsertFormId input.error { border: 1px solid orange; }

#editFormId label.error { color: red; }
#editFormId input.error { border: 1px solid orange; }

#editsubFormId label.error { color: red; }
#editsubFormId input.error { border: 1px solid orange; }

#insertFormId label.error { color: red; }
#insertFormId input.error { border: 1px solid orange; }	
		
.thClass {
	width: 70px;
}

.taCp1018 {
	text-align: center; padding: 10px 18px;
}

.ml91 {
	margin-left: 91%;
}

.ml91 {
	margin-left: 9px
}

.ml30 {
	margin-left: 30%;
}

#add_staff_group label.error {
	color: red;
}

#add_staff_group input.error {
	border: 1px solid orange;
}

#sms label.error {
	color: red;
}

#sms input.error {
	border: 1px solid orange;
}

#sms textarea.error {
	border: 1px solid orange;
}

#sms select.error {
	border: 1px solid orange;
}

.aCenter {
	text-align: center;
}

h4 {
	background: #ddd;
	padding: 10px;
}

#error,h3 {
	color: red;
}

.note {
	float: left;
	font: bold 11px arial;
	color: #5A5858;
}

.instruction {
	float: left;
	padding-top: 12px;
	font: bold 11px arial;
	color: #5A5858;
}

#company_bill_left_menu {
	background-color: #F9F3DB;
 	padding: 0px;
    border: 2px solid #CFCECE;
}

#company_bill_body {
	border: 2px solid #CFCECE;
 	padding: 0px;
}

#customerMobileNo,#customerAddress {
	font-size: 12px;
}
#subTotalTdId {
	font-weight: bold;
	width: 58px;
}
#taxInfoHeadId,#sums {
	margin-top: 10px;
}
#priceInWords {
	font-size: 11px;
}
#container {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: none repeat scroll 0% 0% #FFF;
    width: 100%;
    max-width: 820px;
    min-height: 900px;
    margin: 25px auto 30px;
    box-shadow: 0px 0px 20px rgba(80, 80, 80, 0.7);
    
    font: normal 13px/1.4em 'PT Sans', Sans-serif !important;
    /* margin: 0 auto; */
    padding: 20px 65px;
    position: relative;
    width: 800px;
}

#memo:after {
    content: "";
    display: block;
    clear: both;
}
#memo .logo {
    float: left;
    margin-right: 20px;
}
#memo .company-info {
    float: left;
    max-width: 515px;
}
#memo .company-info > span:first-child {
    color: #000;
    font-weight: bold;
    font-size: 28px;
    line-height: 1em;
}
#memo .company-info span {
    display: inline-block;
    min-width: 15px;
    color: #888;
}
#invoice-title-number {
   	text-align : center;
    margin: 10px 0px 10px;
    padding-top: 10px;
}
#invoice-title-number #title {
    font-size: 30px;
    color: #396E00;
}
#invoice-info:after {
    content: "";
    display: block;
    clear: both;
}
#invoice-info > div > span {
    display: block;
    min-width: 100px;
    min-height: 18px;
    margin-bottom: 3px;
}
#invoice-info {
    float: right;
    /* margin-top: 50px; */
}
.clearfix {
    display: block;
    clear: both;
}
#invoice-info > div:last-child {
    margin-left: 10px;
}
#invoice-info > div {
    float: left;
}
#client-info {
    float: left;
    /* margin-top: 9px; */
    margin-right: 30px;
    min-width: 220px;
}
#client-info > div {
    margin-bottom: 3px;
}
#client-info .client-name {
    font-weight: bold;
}
#items {
    margin-top: 10px;
}
#items table {
    border-collapse: separate;
    width: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0px;
}
#items table th:first-child, #items table td:first-child {
    width: 18px;
    text-align: right;
}
#items table th {
    font-weight: bold;
    padding: 4px;
    text-align: right;
    border-bottom: 2px solid #898989;
}
table th, table td {
    vertical-align: top;
    word-break: keep-all;
    word-wrap: break-word;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
#items table td:first-child {
    text-align: left;
}
#items table td:nth-child(2) {
    text-align: left;
}
#items table td {
    border-bottom: 1px solid #C4C4C4;
    padding: 4px;
    text-align: right;
}
table {
	border: none !important;
 	border-collapse: collapse;
}
section {
	margin-bottom: 5px !important;
}
#items table, th, td {
	border: none;
}
#sums {
   /*  margin-top: 10px; */
    page-break-inside: avoid;
    float: left;
}

#sums table tr th {
    text-align: left;
    padding-right: 25px;
}
#sums table tr th, #sums table tr td {
   	min-width: 100px;
    /* padding: 4px; */
    /* text-align: right; */
}
#sums table tr td {
   	min-width: 100px;
    /* padding: 4px; */
   /*  text-align: right; */
}
/* #sumsTableId,.border {
	border: 1px solid gray !important;
} */
.border {
	text-align: left !important;
}

#footerSection {
	margin-top: 30px;
	page-break-inside: avoid;
	float: left;
	text-align: center;
}
.gstClass {
	text-align: right;
	font-size: 10px;
}

tr.noBorder td {
  border: 0 !important;
}

.fieldClass {
	font-weight: bold !important;
}

#registrationForm label.error { color: red; }
#registrationForm select.error, input.error { border: 1px solid orange; }
.headDiv{
	margin:10px auto;
	width:50%;
	background:#f8f8f8;
	border:2px solid #ccc;
	padding-bottom:10px;
}
.cmnClass{
		width: 96%;
		height: 0%;"
	}
#captchImage {
    width: 115px;
    float: left;
    border-radius: 3px;
    padding-top: 1px;
}
#txtverification {
    float: left;
    width: 120px;
}
#refresh{
	width: 50px;
}

.ml7{
	margin-left: 7%;
}

.btnclass{	
	font-size: 13px;
    padding: 5px 12px;
}

.w122Ml12{	
	width: 122%;
	margin-left: 12%;
}

.ml67Mt1{	
	margin-left: 67%;
	margin-top: 1%
}

.ml60Mt1{	
	margin-left: 60%;
	margin-top: 1%
}

.ml17{	
	margin-left: -17%;
}

.ml4Mb3{	
	margin-left: -4%;
	margin-bottom: 3%;
}

.mt17{
	margin-top: 17%;
}

.mt63Ml6W85{
	margin-top: 63px;
	margin-left: 6%;
	width: 85%;
}


#loginForm label.error {color: red;}
#loginForm input.error {border: 1px solid orange;}
#loginForm select.error {border: 1px solid orange;}

#loginContainer{
	width: 540px;
	margin: auto;
}
#login-container{
	width: 540px;
	float:left;
	margin-top: 70px;
	padding-left: 35px;
	margin-bottom: 40px;
}
 .row_content{
	width:480px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
} 
.leftLabel{
	width:100px;
	float:left;
	
}
.rightInput{
	float:left;
	width: 320px;
}
#captchImage{
	width: 100px;
	float:left;
	border-radius:3px;
	padding-top: 4px;
}
#imgRefresh{
	float: left;
	width: 80px;
	padding-left: 10px;
	padding-top: 3px;
} 
#txtCaptchaCode{
	float: left;
	width: 120px;
}
#loginSubmit{
	padding-left: 100px;
	
}
.inputText{
	/* width: 300px; */
	border-color: #ADAAAA;
}
#imageDiv{
	width:100px;
	float:left;
	padding-right:10px;
}
#login_button{
	width: 112px;
	float: left;
}
#backtoLogin{
	padding-left: 20px;
	float: left;
}
#login_back{
	float: left;
	width:100px;
}
#forgetDiv{
	width: 200px;
	float: left;
	text-align: center;
	padding-top: 10px;
	font: 14px arial;
}
#login_error_msg{
	float:left;
	color:red;
	padding-top: 5px;
}
#inputBox{
	width: 130px;
	float: left;
}
#text{
	color: #00AA9F;
	font-weight: bold;
	text-align: center;
}
.tpline  h4 {
color:#00AA9F;
font-weight:bold;
text-align:left;
}
.tpline {
	border:1px solid #ddd;
    border-top: 3px solid #00aa9f;
}
#new_registration{
	padding-left: 100px;
}

.mt6Ml25 {
	margin-top: 6%;
	margin-left: 25%;
}

.ml18 {
	margin-left: -18%
}

.dbW80 {
	display: block;
	width: 80%;
}

.ml108Mt19 {
	margin-left: 108px;
	margin-top: -19px;
}

.tacP9Mt15 {
	text-align: center;
	padding: 9px;
 	margin-top: 15px;
} 

.w100 {
 	width: 100%;
}

.searchBoxCss{
	 height:500px;
	 padding:0px;
	 margin:10px
}

.customerBoxCss {
	min-width: 98%;
	position: relative;
	border: 1px solid violet;
	background-color: #F9E6E8;
}

.searchBox1Css{
	 height:65px;
	 padding:0px;
	 margin:10px
}

.customerBox1Css {
	min-width: 25%;
	position: relative;
	border: 1px solid green;
	background-color: #C8FBF1;
	
}

.customerBox2Css {
	min-width: 77%;
	position: relative;
	border: 1px solid violet;
	background-color: #F9E6E8;
}

.customerBox3Css {
	min-width: 140%;
	position: relative;
	/* border: 1px solid violet; */
	border: #0B030B;
	background-color: #42BDBD;
}

.w14Ml27 {
	width: 14%;
	margin-left: 27%;
}

.ml10 {
	margin-left: 10%
}

.pl6Fs214 {
	padding-left: 6%;
	font-size: 214%;
}

.pl34Fs214 {
	padding-left: 34%;
	font-size: 214%;
}

.pl12Fs214 {
	padding-left: 12%;
	font-size: 214%;
}


.pl1Fs182 {
	padding-left: 1%;
	font-size: 182%;
}

.teacBorders {
	position: relative;
	border: 1px solid violet;
}

.teacBorders1 {
	position: relative;
	border: #0B030B;
}

.teacTopPad {
	height:135px;
	padding:0px;
	margin:10px
}

.webCusStaffListImg {
	width: 100px;
	height: 100px;
} 

.teacTopPad1 {
	padding-left:5px;
	padding-right:0px;
	padding-top:5px;
}

#customerBtnId {
 margin-left: 15%;
}

.ml24 {
	margin-left: 24%;
}

#customerHeadId {
	margin-left: 17%; 
	margin-top: 4%;
}

.ml10 {
	margin-left: 10%;
}

.ml11 {
	margin-left: 11%;
}

.mt15Mb10  {
	margin-top: 15%;
	margin-bottom: 10%;
}

.ml16 {
	margin-left: 16%;
}

.ml-3 {
	margin-left: -3%;
}

.tablesetUp {
	/* padding: 20px;
	line-height: 1.42857;
	vertical-align: top; */
	width: 70px;
	height: 60px;
}
#cmp_view_left_menu {
	background-color: #DBF9EE;
 	padding: 0px;
    border: 2px solid #CFCECE;
}

#cmp_view_body {
	border: 2px solid #CFCECE;
 	padding: 0px;
}
.accessCls {
	border: none !important;
}

.amcButton1Cls {
 	margin-left: 40%;
 	margin-top: 4%;
 	margin-bottom: -3%;
}

.mt3 {
	margin-top: 3%;
}

.ml11 {
	margin-left: 11%;
}

.web_holiday_jsp_table{
	min-height: 500px;
	width:550px;
	max-width:100%;
	background-color: white;
}

.web_holiday {
	padding-top: 20px;
	padding-bottom: 10px;
}

.ml34 {
 	margin-left: 34%;
}

.ml-1Mt1 {
	margin-left: -1%;
	margin-top: 1%;
}

.ml94Mt8 {
	margin-left: 94%;
	margin-top: 8%;
}

.ml48{
	margin-left: 48%;
}

.ml450{
	margin-left: 450px;
}

.mt6{
	margin-top: 6%;
}

.mt2{
	margin-top: 2%;
}

.dots1 {
	display:inline-block;
	 width:108%;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	font-size: 20px;
}

.mt-14 {
	margin-top: -6%;
}

.ml23 {
	margin-left: 23%;
}

.mt22 {
	margin-top: 22px;
}

.box1
{
  border-color: #DBDEE0;
  border-width: 1px;
  border-style: solid;
  margin: 0px 0px 30px 0px;
  float: left;
  width: 85%;
  font-size: 14px;
  background-color: #FFFFFF;
  margin-bottom: 15px;
}

.dots2 {
	display:inline-block;
	width:33%;
	max-width: 100%;
	white-space: nowrap;
	font-size: 20px;
}

.smallBox
{
  border-color: #DBDEE0;
  border-width: 1px;
  border-style: solid;
  margin: 0px 0px 30px 0px;
  float: left;
  width: 50%;
  font-size: 14px;
  background-color: #FFFFFF;
  margin-bottom:15px;
}

.smallBox-header
{
  background-color: #F9F9F9;
  color: #34383C;
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 63px;
  border-bottom-color: #DBDEE0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  padding: 10px;
  margin-top: 2%
}

.mr27{
	margin-right: 27%;
}

#customerMobileNo,#customerAddress {
	font-size: 12px;
}
#subTotalTdId {
	font-weight: bold;
	width: 58px;
}
#taxInfoHeadId,#sums {
	margin-top: 10px;
}
#priceInWords {
	font-size: 11px;
}
#container {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: none repeat scroll 0% 0% #FFF;
    width: 100%;
    max-width: 820px;
    min-height: 900px;
    margin: 25px auto 30px;
    box-shadow: 0px 0px 20px rgba(80, 80, 80, 0.7);
    
    font: normal 13px/1.4em 'PT Sans', Sans-serif !important;
    /* margin: 0 auto; */
    padding: 20px 65px;
    position: relative;
    width: 800px;
}

#memo:after {
    content: "";
    display: block;
    clear: both;
}
#memo .logo {
    float: left;
    margin-right: 20px;
}
#memo .company-info {
    float: left;
    max-width: 515px;
}
#memo .company-info > span:first-child {
    color: #000;
    font-weight: bold;
    font-size: 28px;
    line-height: 1em;
}
#memo .company-info span {
    display: inline-block;
    min-width: 15px;
    color: #888;
}
#invoice-title-number {
   	text-align : center;
    margin: 10px 0px 10px;
    padding-top: 10px;
}
#invoice-title-number #title {
    font-size: 30px;
    color: #396E00;
}
#invoice-info:after {
    content: "";
    display: block;
    clear: both;
}
#invoice-info > div > span {
    display: block;
    min-width: 100px;
    min-height: 18px;
    margin-bottom: 3px;
}
#invoice-info {
    float: right;
    /* margin-top: 50px; */
}
.clearfix {
    display: block;
    clear: both;
}
#invoice-info > div:last-child {
    margin-left: 10px;
}
#invoice-info > div {
    float: left;
}
#client-info {
    float: left;
    /* margin-top: 9px; */
    margin-right: 30px;
    min-width: 220px;
}
#client-info > div {
    margin-bottom: 3px;
}
#client-info .client-name {
    font-weight: bold;
}
#items {
    margin-top: 10px;
}
#items table {
    border-collapse: separate;
    width: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0px;
}
#items table th:first-child, #items table td:first-child {
    width: 18px;
    text-align: right;
}
#items table th {
    font-weight: bold;
    padding: 4px;
    text-align: right;
    border-bottom: 2px solid #898989;
}
table th, table td {
    vertical-align: top;
    word-break: keep-all;
    word-wrap: break-word;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
#items table td:first-child {
    text-align: left;
}
#items table td:nth-child(2) {
    text-align: left;
}
#items table td {
    border-bottom: 1px solid #C4C4C4;
    padding: 4px;
    text-align: right;
}
table {
	border: none !important;
 	border-collapse: collapse;
}
section {
	margin-bottom: 5px !important;
}
#items table, th, td {
	border: none;
}
#sums {
   /*  margin-top: 10px; */
    page-break-inside: avoid;
    float: left;
}

#sums table tr th {
    text-align: left;
    padding-right: 25px;
}
#sums table tr th, #sums table tr td {
   	min-width: 100px;
    /* padding: 4px; */
    /* text-align: right; */
}
#sums table tr td {
   	min-width: 100px;
    /* padding: 4px; */
   /*  text-align: right; */
}
/* #sumsTableId,.border {
	border: 1px solid gray !important;
} */
.border {
	text-align: left !important;
}

#footerSection {
	margin-top: 30px;
	page-break-inside: avoid;
	float: left;
	text-align: center;
}
.gstClass {
	text-align: right;
	font-size: 10px;
}

tr.noBorder td {
  border: 0 !important;
}

.fieldClass {
	font-weight: bold !important;
}

#selectStatus label.error {color: red;}
.divContainer {
	margin: 10px auto;
	width: 80%;
	background: none repeat scroll 0% 0% #F8F8F8;
}
.webSidepanel {
    background-color: #F5D7F2;
    padding: 15px !important; 
}
h3 {
	text-align: center;
	background: #ddd;
	padding: 10px;
}

.aCenter {
	text-align: center;
}
.wrapper{
text-align: center;
}

.seven {
	font-weight: bold;
	font-size: 15pt;
	text-align: center;
}
.seven_head {
	font-weight: bold;
	font-style : oblique;
	font-size: 15pt;
	text-align: center;
	background-color:#C4E5F0;
}
.period_head {
	font-weight: bold;
	font-size: 15pt;
	text-align: center;
	background-color:#BDEFBD;
}
.staff_name {
	font-size: 8pt;
	text-align: center;
}
.text_align {
	text-align: center;
}
.text_head_middle{
	vertical-align: middle;
	height: 64px;
	display: table-cell;
} 
.text_middle{
	vertical-align: middle;
	height: 65px;
	display: table-cell;
}
@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);

.fa-fw {width: 2em;}
label {
	font-weight:normal;
	margin-bottom:0px;
}

#add_fees_form label.error { color: red; }
#add_fees_form select.error { border: 1px solid orange; }

#addParentInfo label.error { color: red; }
#addParentInfo input.error { border: 1px solid orange; }

#add_remarks label.error { color: red; }
#add_remarks input.error { border: 1px solid orange; }

#studentPhotosFormId label.error { color: red; }
#studentPhotosFormId select.error { border: 1px solid orange; }

#addStudentDocument label.error { color: red; }
#addStudentDocument select.error { border: 1px solid orange; }

#send_message_to_student label.error { color: red; }
#send_message_to_student select.error { border: 1px solid orange; }

#updateStudentFormId label.error { color: red; }
#updateStudentFormId select.error { border: 1px solid orange; }


#add_fees_form 


.headDiv{
 margin:10px auto;
 width:90%;
 background:#f8f8f8;
 border:2px solid #ccc;
 padding-bottom:10px;
}
.tableNew{
	padding: 8px;
	line-height:1.42857;
	vertical-align:top;
}
.tableBorderTop{
	border-top: 3px solid #868686;
 }
.tableBorderBottom{
 border-bottom: 3px solid #868686;
}
.tableBorderRight{
border-right: 3px solid #868686;
}
.tableBorderLeft{
	border-left: 3px solid #868686;
}
.tableAll{
	border-top: 3px solid #868686;
	border-bottom: 3px solid #868686;
	border-right: 3px solid #868686;
	border-left: 3px solid #868686;
}
.fail{
	background-color: #F3E3DF;
}
.pass{
	background-color: #DDEDE8;
}

#customer_profile_left_menu {
	background-color: #EEFFED;
 	padding: 0px;
    border: 2px solid #CFCECE;
}
#customerHeadDivId {
  	padding-bottom: 5px;
    padding-top: 5px;
    height: auto;
    border: 2px solid #CFCECE;
    background-color: #EEFFED;
}
#customer_profile_body {
	border: 2px solid #CFCECE;
 	padding: 0px;
}
#name {
	font-size: 25px;
	font-weight: bold;	
} 

.blackCls{
	color: black;
}

.mt-14{
	margin-top: -14%;
}

.fs212{
	font-size: 212%; 
}

.checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.scrollBox{
	height:500px;
	width:630px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#FCFCFA;
	color:black;
	scrollbar-base-color:gold;
	font-family:sans-serif;
	padding:10px;
	margin-left: 4%;
    margin-top: -1%;
}

/* .ml4mt-1{
 margin-left: 4%;
 margin-top: -1%;
} */

.mt-16{
	margin-top: -16%;
}

.single-img {
	width: 40px;
	padding: 0px;
}

.img-zoom {
    width: 40px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}








.containerCheckBox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerCheckBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.headDiv{
	margin:10px auto;
	width:70%;
	background:#f8f8f8;
	border:2px solid #ccc;
	padding-bottom:10px;
}
h5 {
	padding: 6px;
	background: #ddd;
}
#addStudentMobile label.error { color: red ; }
#addStudentMobile input.error { border: 1px solid orange ; }
#addStudentLandLine label.error { color: red ; }
#addStudentLandLine input.error { border: 1px solid orange ; }
#addStudentEmail label.error { color: red ; }
#addStudentEmail input.error { border: 1px solid orange ; }
#addStudentAddress label.error { color: red ; }
#addStudentAddress input.error { border: 1px solid orange ; }

#editStudentMobile label.error { color: red ; }
#editStudentMobile input.error { border: 1px solid orange ; }
#editStudentLandLine label.error { color: red ; }
#editStudentLandLine input.error { border: 1px solid orange ; }
#editStudentEmail label.error { color: red ; }
#editStudentEmail input.error { border: 1px solid orange ; }
#editStudentAddress label.error { color: red ; }
#editStudentAddress input.error { border: 1px solid orange ; }


.ml260{
	margin-left: 260px;
}

.mr130{
	margin-right: 130px;
}

div.scrollBarDiv {
  background-color: #F3F3F3;
  width: 1200px;
  height: 600px;
  overflow-y:auto;
  overflow-x:hidden;
}

div.scrollBarsDiv {
  background-color: #F3F3F3;
  width: 1000px;
  height: 600px;
  overflow-y:auto;
  overflow-x:hidden;
}

.pagination1 {
    text-align: center;
    margin: 0px auto;
    width: 21%;
    display: block;
}

.tempbackgroundColorCls {
	color: #FFF;
	background-color: rgba(14, 150, 97, 0.91);
}
    
.marginLeftClass{
	margin-left: 280px;
}   

.pl17Cls{
	padding-left: 17%;    
}