/* @override 
	http://buildingservice.sriaurobindoashram.org/styles/global.css
	http://ngh.sriaurobindoashram.org/res/css/global.css */

* {
	margin: 0;
	padding: 0;
}

*:focus {
    outline: none;
}


.work-done-details ul,
.work-done-details ul li,
.work-done-details ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	/*line-height: 1;*/
	/*display: block;*/
	/*position: relative;*/
	/*-webkit-box-sizing: border-box;*/
	/*-moz-box-sizing: border-box;*/
	/*box-sizing: border-box;*/
}

body {
	background-color: #656565;
}

body, p, td, input, textarea, select {
	font-size: 12px;
	font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
	/*line-height: 14px;*/
}

/*#test-01 {
	position: -webkit-sticky;
	  position: sticky;
	  bottom: 0;
	  background-color: #d7edc3;
	  /*height: 40px;*!/
	  padding: 10px 30px;
	  /*font-size: 12px;*!/
	  width: 1200px;
	  margin: 0 auto;
	  border-top: 1px solid #a0ca79;
}*/

/* -------------------------------------------*/
/* SIGNIN PAGE */
/* -------------------------------------------*/

#container-singnin {
	margin: 0 auto;
	width: 1024px;
}


#main-singnin {
	overflow: auto;
	margin-top: 44px;
	min-height: 450px;
	border: 1px solid #aaaaaa;
	background-color: #f1f1f1;
/*	background-color: #e5e5e5; */
/*	background-color: #e8e8e8; */
}

#welcome-div {
	margin: 50px auto;
	width: 600px;
	font-size: 20px;
	line-height: 16px;
	color: #666;
	text-align: center;
}

#login-form {
	margin: 0 auto;
	padding: 27px 50px 20px 0;
	width: 466px;
	min-height: 124px;
	margin-bottom: 80px;
	font-weight: bold;
	border: 1px solid #b9d5d1;
	border-radius: 4px;
	background-color: #e6eded;
}

.confirm-buttons-signin {
	float: right;
	margin-top: 10px;
	/*width: 520px;*/
}

.error-div-signin {
	float: left;
	margin-right: 26px;
	/*margin-left: 50px;*/
	/*margin-top: 12px;*/
	width: 250px;
	text-align: right;
	color: #900;
	font-weight: bold;
	line-height: 18px;
}

#error-blocked {
	position: absolute;
	width: 516px;
	margin-top: -50px;
	color: #900;
	font-weight: bold;
	text-align: center;
}

input[type="password"] {
	font-family:Verdana,sans-serif;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0){ /* START WEBKIT *!/
  INPUT[type="password"]{
  font-family:Verdana,sans-serif;
  /*height:28px;*!/
  font-size:19px;
 
  }
} /* END WEBKIT *!/
*/


/* -------------------------------------------*/
/* END OF SIGNIN PAGE */
/* -------------------------------------------*/


#container {
	margin: 0 auto;
	width: 1260px;
}

main {
	overflow: auto;
	min-height: calc(100vh - 178px);
/* 	min-height: 400px; */
	/*max-height: 680px;*/
	/*overflow: auto;*/
	padding: 126px 23px 23px 23px;
	/*border: 1px solid #aaaaaa;*/
	background-color: #f1f1f1;
/*	background-color: #e5e5e5; */
/*	background-color: #e8e8e8; */
	/*margin-top: 126px;*/
	margin-bottom: 30px;
}

#main-admin {
	overflow: auto;
	min-height: 400px;
	max-height: 650px;
	/*overflow: auto;*/
	/*border: 1px solid #aaaaaa;*/
	background-color: #f1f1f1;
	background: url(/images/backgroud.png);
}

header {
	position: fixed;
	top: 0;
	width: 1260px;
	margin: 0 auto;
	left: 50%;
	margin-left: -630px;
	background-color: #656565;
}

#toolbar {
	background-color: #f1f1f1;
	padding: 20px 23px 0;
	min-height: 44px;
	/*height: 44px;*/
}

#toolbar-button {
	text-align: right;
}

#row-header {
	margin-top: 20px;
	background-color: #f1f1f1;
}

footer {
	position: fixed;
	bottom: 0;
	width: 1260px;
	margin: 0 auto;
	left: 50%;
	margin-left: -630px;
	background-color: #f1f1f1;
}

#footer-table {
	padding: 0px 23px;
}

 #notification-confirm .save-cancel {
	margin: 0;
}

.message-p2 {
	line-height: 150%;
	font-size: 12px;
	padding: 10px 5px;
	text-align: center;
	font-weight: bold;
	color: #424242;
	text-shadow: 0 1px #fff;
}

.message-p {
	line-height: 150%;
	font-size: 12px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
/* 	color: #666; */
	color: 262626;
/* 	color: #424242; */
/* 	text-shadow: 0px 1px 0px #bef7ff; */
	text-shadow: 0px 1px 0px #fde7eb;
}

 .save-cancel {
	float: right;
	margin: 0 0 15px 0;
	/*height: 22px;*/
}

/*#basic {
	overflow: auto;
	float: left;
	width: 600px;
	font-weight: bold;
	padding-top: 20px;
	border: 1px solid #b9d5d1;
/*	background-color: #e7eeee;  *!/
	background-color: #e6eded;
}*/

fieldset {
	overflow: auto;
	/*float: left;*/
	font-weight: bold;
	padding: 20px 24px 0 0;
	border: 1px solid #b9d5d1;
	/*	background-color: #e7eeee;  */
	background-color: #e6eded;
}

#form-main {
	width: 574px;
}

#form-move {
	width: 526px;
}

#move-to {
	overflow: auto;
	width: 502px;
	height: 465px;
	font-weight: normal;
	padding: 0 0px 0px 24px;
	margin-bottom: 20px;
}

/* OPEN - Comented while experimenting with new form*/

/*#basic label {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 80px;
	text-align: right;
	margin-right: 10px;
	color: #666;
	text-shadow: 0 1px #fff;
}*/

/* CLOSE - Comented while experimenting with new form*/


/*#basic input[type="text"], input[type="date"], textarea {
	border: 1px solid #b9d5d1;
	font-weight: bold;
	color: #666;
}*/

/*#basic-add-work label {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 80px;
	text-align: right;
	margin-right: 10px;
	color: #666;
	text-shadow: 0 1px #fff;
}*/

.label-wrapper-vno,  .label-wrapper-jno, .label-wrapper-date, .label-wrapper-dept, .label-wrapper-work, .label-wrapper-wage, .label-wrapper-door-no, .label-wrapper-street {
	float: left;
	line-height: 30px;
	margin-bottom: 8px;
}

.label-wrapper-vno {
	width: 150px;
}

.label-wrapper-jno {
	width: 208px;
}

.label-wrapper-date {
	width: 174px;
}

.label-wrapper-dept {
	width: 533px;
}

.label-wrapper-work {
	width: 532px;
}

.label-wrapper-wage {
	width: 530px;
}

.label-wrapper-door-no {
	width: 150px;
}

.label-wrapper-street {
	width: 382px;
}


/*input[type="text"], input[type="date"], input[type="email"], input[type="password"], textarea {
	border: 1px solid #cbcccb;
	border-radius: 3px;
	height: 24px;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	-webkit-user-select: text;
	-moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}*/

input[type="text"], input[type="date"], input[type="email"], input[type="password"], textarea {
	border: 1px solid #b9d5d1;
	border-radius: 3px;
	height: 24px;
	color: #484848;
	font-size: 12px;
	font-weight: bold;
	padding: 0 6px;
}

div.form-text {
	margin-bottom: 12px;
}

.float-left {
	/*float: left;*/
}

.float-right {
	/*float: right;*/
}
 
.label-130 {
	display: inline-block;
	width: 130px;
	text-align: right;
	vertical-align: middle;
	margin-right: 10px;
	color: #181818;
}

.label-107 {
	display: inline-block;
	width: 107px;
	text-align: right;
	vertical-align: middle;
	margin-right: 10px;
	color: #181818;
}

.text-416 {
	width: 416px;
}

.text-208 {
	width: 208px;
}
.text-150 {
	width: 150px;
}

.text-330 {
	width: 330px;
}

.text-amount {
	text-align: right;
}

.width-168 {
	display: inline-block;
	width: 168px;
}

.select-222 {
	width: 222px;
}


/*.regular-checkbox {
	/*-webkit-appearance: none;*!/
	height: 24px;
	width: 24px;
	/*background-color: #fff;*!/
	border: 1px solid #b9d5d1;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*!/
	/*padding: 9px;*!/
	border-radius: 3px;
	/*display: inline-block;*!/
	/*position: relative;*!/
}*/

input[type="checkbox"]{
  width: 20px; /*Desired width*/
  height: 20px; /*Desired height*/
  border-radius: 3px;
  border: 1px solid #b9d5d1;
  background-color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
}

input[type="checkbox"]:checked:after{
  content: '\2714';
  font-size: 14px;
  padding: 0 3px;
  line-height: 18px;
  /*position: absolute;*/
  /*top: 0px;*/
  /*left: 3px;*/
  color: #484848;
}

label.radio {
	display: inline-flex;
	width: auto;
	/*color: #606060;*/
	margin-left: 10px;
	vertical-align: middle;
}

input[type=radio] {
	vertical-align: middle;
	margin-right: 6px;
}

.required {
	position: absolute;
	margin-left: 1px;
	color: #aa4014;
	font-size: 16px;
	line-height: 14px;
}


/*input[type="checkbox"]:focus{
  outline: 0 none;
  box-shadow: none;
}*/

/*.regular-checkbox:active, .regular-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}*/

/************************** To check Later/

/*input[type=text], input[type=date] {
	height: 24px;
	font-size: 12px;
	border-radius: 3px;
}*/
/*	-webkit-user-select: none;
	-moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;  
*/








#login-div {
	float: right;
	margin: 12px 26px 0 0;
	color: #ccc;
	z-index: 1000;
}

#login-div a {
	color: #fff;
	text-decoration: none;
}

#login-div a:hover {
	text-decoration: underline;
}



#work-done-title {
	
	/*float: left;*/
	width: 354px;
	height: 28px;
	
	/*border-top: 1px solid #b9d5d1;*/
	/*border-left: 1px solid #b9d5d1;*/
	/*border-right: 1px solid #b9d5d1;*/
	border-bottom: 1px solid #b9d5d1;
	background-color: #cae8ea;
}

#work-done-overflow {
	height: 525px;
	overflow: auto;
}

.work-done-container {
	margin-top: 7px;
	float: right;
	width: 354px;
	border: 1px solid #b9d5d1;
	/*border-left: 1px solid #b9d5d1;
	border-right: 1px solid #b9d5d1;*/
	background-color: #e6eded;
}

.work-done-details {
	padding: 10px 10px 10px 10px;
	
	-webkit-column-count: 2;
	   -moz-column-count: 2;
			column-count: 2;
	
	/*-webkit-column-gap: 20px;
	   -moz-column-gap: 20px;
			column-gap: 20px;	*/
}

.work-done-details label {
	/*display: block;*/
	display: inline-block;
	
	margin-top: 10px;
	margin-left: 20px;
	width: 144px;
	height: 30px;
	line-height: 16px;
	/*font-size: 12px;*/
	/*font-weight: bold;*/
	color: #484848;
	/*text-shadow: 0 1px #fff;*/

}

.work-done-details label input[type='checkbox']{
	/*position: absolute;*/
	margin-left: -22px;
	margin-right: 10px;
}

#confirm-buttons {
	float: right;
	margin-top: 30px;
	width: 550px;
}

.confirm-buttons {
	float: right;
	margin-top: 15px;
	width: 520px;
	
}

#save-cancel {
	float: right;
	margin-right: 40px;
	height: 22px;
}

legend {
	font-size: 14px;
	font-weight: bold;
	color: #33514f;
	text-shadow: 0 1px #fff;
	margin-left: 40px;
}




#work-done-title span {
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	line-height: 30px;
	color: #666;
	text-shadow: 0 1px #fff;
}

.value {
	font-size: 12px;
	font-weight: bold;
	color: #535354;
	margin-left: 90px;
	text-shadow: 0 1px #fff;
}

/* Label style added for admin edit page*/

.label-wrapper {
	overflow: hidden;
	min-height: 24px;
	margin-bottom: 12px;
}

.label-wrapper label {

	float: left;
	width: 200px;
	margin-top: 4px;
	color: #707070;
	font-weight: bold;
	text-align: right;
	text-shadow: 0 1px #fff;
}

.label-wrapper label.value {
	
	width: 450px;
	height: 18px;
	margin-left: 20px;
	text-align: left;
	color: #4f504f;
	white-space: pre;
}

/*.label-wrapper label.remark {
	width: 450px;
	margin-left: 20px;
	text-align: left;
	line-height: 22px;
	color: #4f504f;
	white-space: pre-wrap;
}*/


/*.label-wrapper label.total-years {
	width: auto;
	height: auto;
	padding: 3px 16px;
	-webkit-border-radius: .8em; 
	-moz-border-radius: .8em;
	border-radius: .8em;
	color: #606060;
	border: 1px solid #caccca;
	background: #f1f1f1;
}*/

/*.label-wrapper label.value-address {
	
	width: 390px;
	height: 18px;
	margin-left: 20px;
	text-align: left;
	color: #4f504f;
	white-space: pre;
}*/

.section-heading {
	width: auto;
	border-bottom: 2px dotted #b7b9b7;
	margin: 28px 0 20px 34px;
	color: #606060;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px #fff;
}

#button-edit, #button-delete, #reset-password, #button-edit-personal, #button-done-personal, #button-print-personal {
	float: right;
	margin-top: 14px;
	/*margin-right: 0;*/
	margin-left: 10px;
}

.label-wrapper input {
	vertical-align: middle;
	padding: 0 6px;
	margin-left: 20px;
}
.short {
	width: 100px;
}

.med {
	width: 200px;
}

.long {
	width: 300px;
}

.extra-long {
	width: 400px;
}





/* End of code for Label */

/*To remove button from IE11, thank you Matt */
select::-ms-expand {
     display: none;
}

select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor: pointer;
	z-index: 5;
	border: 1px solid #b9d5d1;
	border-radius: 3px;
	height: 28px;
	color: #484848;
	font-size: 12px;
	font-weight: bold;
	padding: 0 6px;
	
	

}

.selectdiv {
  position: relative;
  display: inline-block;
  /*Don't really need this just for demo styling*/
  
  /*float: left;*/
  /*min-width: 200px;*/
  /*margin: 50px 33%;*/
}

.selectdiv:after {
  float: left;
  content: '<>';
  font: 16px "Consolas", monospace;
  color: #7c7c7c;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 6px;
  /*Adjust for position however you want*/
  
  top: 5px;
  /*padding: 0 0 4px;*/
  /*border-bottom: 1px solid #dbdbdb;*/
  /*left line */
  
  position: absolute;
  pointer-events: none;
}






.label-wrapper-vno input {
	width: 45px;
	padding: 0 6px;
	text-align: right;
}

.label-wrapper-jno input {
	width: 103px;
	padding: 0 6px;
	text-align: right;
}

.label-wrapper-date input{
	width: 70px;
	text-align: right;
	padding: 0 6px;
}

.label-wrapper-dept input{
	width: 428px;
	padding: 0 6px;
}

.label-wrapper-wage input {
	width: 50px;
	 padding: 0 6px;
	text-align: right;
}

.label-wrapper-door-no input {
	width: 45px;
	padding: 0 6px;
	text-align: right;
}

.label-wrapper-street input {
	width: 278px;
	padding: 0 6px;
	
}

.wage-qty {
	width: 100%;
	border: none;
	text-align: center;
	color: #666;
}

.wage-qty-alt {
	width: 100%;
	border: none;
	text-align: center;
	color: #666;
	background-color: #f3f9f9;
}

textarea {
	width: 428px;
	height: 46px;
	padding: 3px 6px;
	font-size: 12px;
	color: #666;
	text-shadow: 0 1px #fff;
	background-color: #fff;
	border: 1px solid #b9d5d1;
	overflow: auto;
	resize: none;
	border-radius: 3px;
}

.label-wrapper-work textarea {
	background-color: #e5eded;
}



h1 {
	font-size: 20px;
	margin-bottom: 10px
}

h2 {
	font-size: 14px;
	margin-bottom: 4px
}

h4 {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 4px;
}

.hr {
	/*border-bottom: 2px solid #ccc;*/
	margin: 10px 0 10px 0;
	border: 0;
	height: 1px;
	background: #C1DAD7;
}

hr {
    border: 0;
    height: 1px;
    background: #C1DAD7;
    /*background-image: linear-gradient(to right, #ccc, #C1DAD7, #ccc);*/
}


::-webkit-input-placeholder { /* WebKit browsers */
    color:    #666;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #666;
    opacity:  1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #666;
    opacity:  1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #666;
}

#date-picker {
	float: right;
	margin-left: 20px;
}

#date-picker input {
	text-align: right;
	font-weight: bold;
	color: #666;
}


#date-picker img {
	position: relative;
	top: 4px;
}

#date-picker input[type="text"] {
	border: 1px solid #b9d5d1;
	height: 20px;
	padding: 2px 5px;
}





#nav {
	float: right;
	color: #005392;
	font-weight: bold;
	line-height: 26px;
}

#nav a {
	color: #069;
	font-weight: bold;
	text-decoration: none;
}

#nav a:vited {
	font-weight: bold;
	color: #069;
	text-decoration: none;
}

#nav a:hover {
	font-weight: bold;
	color: #069;
/*	color: #005392; use this for blue */
/*	color: #941651; use this for maroon*/
	text-decoration: underline;
}

#vouchers {
	margin-top: 20px;
}

#voucher-list {
	width: 100%;
	/*margin-top: 20px;*/
	
}

#voucher-detail {
	float: left;
	margin-top: 30px;
	width: 550px;
}

.boxed {
	border-collapse: collapse;
	table-layout: fixed;
}

table th, td {
	/*border: 1px solid #C1DAD7; ORIGINAL*/
	border: 1px solid #cfe2e0;
}

table th {
	border: 1px solid #afcfcb;
}

table#voucher-workers {
	float: left;
	width: 550px;
	margin-top: 30px;
	font-weight: bold;
}

table#voucher-workers th:first-child, table#voucher-workers td:first-child {
	text-align: left;
	padding-left: 15px;
}

/*table#voucher-workers th:last-child, table#voucher-workers td:last-child {
	padding-right: 15px;
	text-align: right;
}*/

table.boxed input[type=text] {
	background: transparent;
	width: 100%;
	border: none;
	font-weight: bold;
	color: #666;
}

table#voucher-workers input[type=text] {
	text-align: center;
}

#add-voucher {
	float: left;
	margin-top: 30px;
	width: 550px;
}

#setup {
	float: left;
	margin-top: 20px;
	width: 550px;
}

#setup-building {
	float: left;
	margin-top: 20px;
}

th {
	/*color: #666;*/
	/*background: #CAE8EA; ORIGINAL*/
	background: #BEE2E5;
	height: 28px;
}

th.nobg {
	color: #666;	
	background: #cae9eb;
}

td {
	text-align: center;
	height: 28px;
	/*color: #666;*/
/*	color: #4f6b72; */
	color: #181818;
	
}

.left {
	text-align: left;
	padding-left: 15px;
}

.right {
	text-align: right;
	padding-right: 15px;
	white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
}

.centre {
	text-align: center;
}

#voucher-list tr:hover td {
	background: #e6eced;
	cursor: pointer;
}

/*#voucher-list tr:hover td {
	background: #e6eced;
	cursor: pointer;
}*/


#setup tr:hover td {
	background: #e6eced;
	cursor: pointer;
}

#setup-building tr:hover td {
	background: #e6eced;
	cursor: pointer;
}

td a {
	/*color: #666;*/
	/*color: #4d4d4d;*/
	color: #181818;
	display: block;
	text-decoration: none;
	height: 13px;
	/*line-height: 12px;*/
	
}



.error-div {
	float: left;
	/*margin-left: 96px;*/
	/*margin-top: 12px;*/
	width: 330px;
	text-align: right;
	color: #900;
	font-weight: bold;
	line-height: 22px;
}

#error-div {
	float: left;
	margin-left: 260px;
	font-weight: bold;
	color: #aa4014;
	line-height: 22px;
}

tr:nth-child(odd) {
	background-color: #FFF;
}
	
tr:nth-child(even) {
	background-color: #F5FAFA;
}

#filter-worker {
	margin-left: 145px;
	/*padding-right: 5px;*/
	font-weight: bold;
	color: #666;
	text-shadow: 0 1px #fff;
	
}

.banner {
	width: 85%;
	margin: auto;
	margin-top: 100px;
	color: #666;
	text-shadow: 0 1px #fff;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

#side-bar {
	float: left;
	min-height: 530px;
	width: 215px;
	/*background-color: white;*/
}

#side-bar ul {
    width: 90%;
    margin: auto;
    /*border-top: 2px solid #e1e1e1;*/
    padding-top: 20px;
    list-style-type: none;
}

#side-bar li {
	display: block;
	padding: 8px 0 8px 40px;
	color: #17c4e9;
	font-weight: bold;
	text-shadow: 0 1px #fff;
}

#side-bar li a {
    color: #505050;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px #fff;
}

/* Change the link color on hover */
#side-bar li a:hover {
    color: #827d7d;
}

#main-content {
	float: left;
	width: 704px;
}

.message
{
	margin-left: 64px;
	color: #aa4014;
}

.message02 {
	float: right;
	color: #aa4014;
}

.work-confirm-buttons {
	float: right;
	margin-top: 15px;
	width: 200px;
}


.basic-add-work {
	float: right;
	min-width: 0;
	width: 350px;
	font-weight: bold;
	margin-top: 13px;
	padding-top: 10px;
	border: 1px solid #b9d5d1;
/*	background-color: #e7eeee;  */
	background-color: #e6eded;
}

.basic-add-work .label-wrapper-dept input{
	width: 280px;
	padding: 0 6px;
	margin-left: 20px;
	border: 1px solid #b9d5d1;
}

.basic-add-work .label-wrapper-dept {
	margin-top: 10px;
	width: 300px;
}



.basic-add-work label {
	display:block;
	font-size: 12px;
	font-weight: bold;
	width: 294px;
	/*text-align: right;*/
	margin-left: 20px;
	color: #666;
	text-shadow: 0 1px #fff;
}





.over-time {
	float: left;
	margin-left: 20px;
}

#over-time {
	color: #aa4014;
}
	
.sort-order {
	color: #666;
	text-decoration: none;
}

.page-heading {
	float: left;
	margin: 10px 0;
	color: #666;
	text-shadow: 0 1px #fff;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.page-sub-heading {
	display: block;
	color: #666;
	text-shadow: 0 1px #fff;
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0 10px 0;
}

.report-description {
	float: left;
	width: 600px;
	height: 120px;
	padding-right: 30px;
	margin: 10px 0 ;
	color: #363636;
	text-shadow: 0 1px #fff;
	/*font-weight: bold;*/
	font-size: 12px;
	line-height: 18px;
	border-right: 1px solid #b9d5d1;
}

.report {
	float: left;
	width: 280px;
	height: 120px;
	margin: 10px  0 0 30px;
}

.label-wrapper-fromto {
	/*float: left;*/
	line-height: 30px;
	margin-bottom: 8px;
	width: 280px;

}

.report label {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 80px;
	text-align: right;
	margin-right: 10px;
	color: #666;
	text-shadow: 0 1px #fff;
}

.label-wrapper-fromto input{
	width: 70px;
	text-align: right;
	padding: 0 6px;
}

#from-day, #from-day-chart {
	margin-left: 10px;
	text-align: right;
	font-weight: bold;
	color: #666;
	text-shadow: 0 1px #fff;
}

#to-day, #to-day-chart {
	margin-left: 10px;
	text-align: right;
	font-weight: bold;
	color: #666;
	text-shadow: 0 1px #fff;
}

#generate-report, #voucher-list-report, #generate-report-chart {
	margin: 10px 0 0 47px;
}

.report-container {
	width: 944px;
	overflow: auto;
	border-top: 1px solid #b9d5d1;
	/*border-bottom: 1px solid #b9d5d1;*/
}

.report-container:last-child {
	border-bottom: 1px solid #b9d5d1;
}

a.no-tick:before, a.tick:before {
    /*content: "";  enable this for tick mark*/
    display: inline-block;
    vertical-align: middle;
    /*background: url("/res/icons/icn-tick.png") no-repeat;*/
    /*background-size: cover; */
    width: 15px;
    height: 11px;
/*     float: left; */
    margin: 0 6px 5px 0;
}

a.tick:before {
    /*background: url("/res/icons/icn-tick.png") no-repeat; enable this for tick mark*/
}

a.tick, a.checked {
	/*font-weight: bold;*/
	color: #039be6;
}
/*
a.no-tick {
	font-weight: normal;
}
*/





#spam {
  height: 400px;
  background: #E6ECED;
  border: 1px solid #C1DAD7;
}

#spam .spam-container {
	padding-top: 120px;
}

#spam h1 {
  line-height: 42px;
  color: #333;
  font-weight: 700;
  font-size: 38px;
  margin-bottom: 30px;
  text-align: center;
  text-shadow: 0 1px #fff;
}

#spam h2 {
  line-height: 42px;
  color: #333;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 30px;
  text-align: center;
  text-shadow: 0 1px #fff;
}

#spam p {
  font-size: 22px;
  line-height: 36px;
  text-align: center;
  text-shadow: 0 1px #fff;
}

/*#groups {
	height: 725px;
	overflow: auto;
}*/