/*table.minimalistBlack {
  border: 2px solid #000000;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.minimalistBlack td, table.minimalistBlack th {
  border: 1px solid #000000;
  padding: 2px 2px;
}
table.minimalistBlack tbody td {
  font-size: 13px;
}
table.minimalistBlack thead {
  background: #CFCFCF;
  background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  border-bottom: 3px solid #000000;
}
table.minimalistBlack thead th {
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
}
table.minimalistBlack tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  border-top: 3px solid #000000;
}
table.minimalistBlack tfoot td {
  font-size: 14px;
}

.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:4px 25px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.myButton:active {
	position:relative;
	top:1px;
}

.validaiton{
    color:#ff0000 !important;
}

        [type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

*/



.addview
{
    border:1px solid Silver;
    width:60%;
    background-color:#f5fcfa;
    padding:10px;
    float:left;
    color:#000;
    font-weight:bold;
    font-size:16px;
    text-align:center;
}
.addview1
{
    border:1px solid Silver;
    width:40%;
    background-color:#f5fcfa;
    padding:10px;
    float:right;
    
    font-weight:bold;
    font-size:16px;
    text-align:center;
    
}
.addviewhead
{
    border:1px solid Silver;
    width:100%;
    background-color:#5B7136;
    padding:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    color:#fff;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    
    
}


.searchslipheading
{
padding:10px;
 margin-top:2px; 
 background-color:#ebe7e8;
  text-align:center; 
  border-bottom:2px solid;

}
.searchsliptestdate
{
font-size:18px;
 color:#ff0000; 
 font-weight:bold

}

.searchsliptopheading
{
padding:7px;
 margin:0px; 
 background-color:#5B7136;
 text-align:center;

}
.viewslipwrapper
{
   width:900px;
   border:5px solid #5B7136;
   margin:0 auto;
   padding:10px;
   min-height:600px;
   overflow:hidden;
   text-align:center;
   

}

.viewsliplogo
{
  
   
  
   padding:2px;
  border-bottom:2px solid #5B7136;

  
   
}
.sliptitle
{
   font-family:Tahoma;
   font-size:20px;
   font-weight:bold;
   color:#fff;
   margin-top:5px;
   background-color:#5B7136;
   padding:4px;
  
}
.slipprojecttitle
{
   border:0px solid;
   background-color:#fcf9f9;
   font-family:Tahoma;
   font-size:20px;
   padding:10px;
}
.viewnamebox
{
    float:left;
   
    font-family:Tahoma;
   font-size:16px;
   text-align:left;
   padding:10px;
   margin-top:20px;
   margin-left:10px;
   line-height:25px;


}
.viewnameboxresult
{
    float:left;
   border:0px solid;
    font-family:Tahoma;
   font-size:16px;
   text-align:center;
   padding:10px;
   margin-top:20px;
   margin-left:10px;
   line-height:25px;
   width:860px;

}
.viewphotobox
{
    float:right;
    border:2px solid;
    width:90px;
    height:120px;
    margin-right:20px;
    margin-top:5px;
    border-radius:2px;
    
    
    font-size:12px;
    font-family:Tahoma;
}
.photopadding
{
    border:1px solid;
    padding:5px;
    width:80px;
    height:110px;
}

.viewtablediv
{
    border:0px solid;
    text-align:left;
    clear:both;
   padding:5px;
   padding-top:20px;

}

.zui-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}
.zui-table thead th {
    background-color: #bcc79a;
    border: solid 1px #000;
    color: #000;
    padding: 5px;
    text-align: left;
    
}
.zui-table tbody td {
    border: solid 1px #897e81;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
    background-color:#fff;
    font-weight:bold;
}

.viewslipinstruction 
{
    border:1px solid #5B7136;
   font-family:Tahoma;
   font-size:16px;
   text-align:left;
   padding:10px;
   margin-top:10px;
    
}
.viewprintbutton
{
    padding:10px;
    background-color:#5B7136;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    border:2px solid;
    border-radius:20px;
}


/*@import "compass/css3";

@import "compass/css3";
@import url(https://fonts.googleapis.com/css?family=Patua+One|Open+Sans);


.table {
  border-collapse: separate;
  background:#fff;
  @include border-radius(5px);
  margin:50px auto;
  @include box-shadow(0px 0px 5px rgba(0,0,0,0.3));
}

thead {
  @include border-radius(5px);
}

thead th {
  font-family: 'Patua One', cursive;
  font-size:25px;
  font-weight:400;
  color:#fff;
  @include text-shadow(1px 1px 0px rgba(0,0,0,0.5));
  text-align:left;
  padding:20px;
  @include background-image(linear-gradient(#646f7f, #4a5564));
  border-top:1px solid #858d99;
  
  &:first-child {
   @include border-top-left-radius(5px); 
  }

  &:last-child {
    @include border-top-right-radius(5px); 
  }


tbody tr td {
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:13px;
  padding:20px 20px 20px 20px;
  border-bottom:1px solid #e0e0e0;
  
}

tbody tr:nth-child(2n) {
  background:#f0f3f5;
}

tbody tr:last-child td {
  border-bottom:none;
  &:first-child {
    @include border-bottom-left-radius(5px);
  }
  &:last-child {
    @include border-bottom-right-radius(5px);
  }
}

tbody:hover > tr td {
  @include opacity(0.5);
  
  /* uncomment for blur effect */
  /* color:transparent;
  @include text-shadow(0px 0px 2px rgba(0,0,0,0.8));*/


/*tbody:hover > tr:hover td {
  @include text-shadow(none);
  color:#2d2d2d;
  @include opacity(1.0);
}*/

/*......Gridview Design.............*/

.cssgridview { width:100%; background-color:#fff; margin :5px 0 10px 0; border:solid 1px #525252; border-collapse:collapse; text-align:left; font-variant:normal;}
.cssgridview td { padding:10px; border:solid 1px #c1c1c1; color:#000; font-size: 0.8em; }
.cssgridview th
{
    padding: 10px 10px;
    color: #fff;
    background: #12792A url(images/grdhead.png) repeat-x top;
    border-left: solid 1px #396290;
    font-size: 1.2em;
    height: 20px;
    border-left-color: #7CA2CB;
    border-radius:2px;
    
}
.cssgridview th a { color :Silver; text-decoration:none;}
.cssgridview th a:hover { color :Silver ; text-decoration:underline;}
.cssgridview .alt { background :#fcfcfc url(images/grd_alt.png) repeat-x top;}
.cssgridview .pgr { background :#424242 url(images/grd_pgr.png) repeat-x top;}
.cssgridview .pgr table { margin :5px 0;}
.cssgridview .pgr td { border-width:0; padding :0 6px; border-left :solid 1px #666; font-weight:bold; color :#fff; line-height :12px;}
.cssgridview .pgr a {color:#666; text-decoration:none;}
.cssgridview .pgr a:hover {color:#000; text-decoration:underline;}


.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #3e7327;
	-webkit-box-shadow:inset 0px 1px 0px 0px #3e7327;
	box-shadow:inset 0px 1px 0px 0px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #417825), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #417825 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #417825 5%, #72b352 100%);
	background:-o-linear-gradient(top, #417825 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #417825 5%, #72b352 100%);
	background:linear-gradient(to bottom, #417825 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#417825', endColorstr='#72b352',GradientType=0);
	background-color:#417825;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px !important;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px !important;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
    margin:0;
}