@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

	/* Search  header */

.tableFixHead thead th {     
	position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 50px; 
	z-index:99;
}

/* Just common table stuff. Really. */
th     { background:#eee; }
	
.table2n tbody tr:nth-child(4n+1),
.table2n tbody tr:nth-child(4n+2) {
	/* background: #F5F5F5; */
	background: #d3f2ff;*/
}

.table2n tbody tr:nth-child(4n+3),
.table2n tbody tr:nth-child(4n+4) {
	/* background: #F5F5F5; */
	background: #fffdd8;
}

.ui-datepicker-calendar {
    display: none;
}

#transtable, #transtable tr{
  border:none;
  background:#ffffff;
}

#transtable tr:hover, #transtable tr:hover {
  background:#F5F5F5;
}

.tab {
	overflow: hidden;
    border: 1.5px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
	display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.expcontainer {
	width:90%;
	margin-left:5%;
}

.footer-bar {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #CCC;
   border:1px solid #999;
   color: #7C7C7C;
   text-align: center;
}

.summary {
	background-color: #f1f1f1;
	font-size:12px;
	border:none;
/*	width:100%; */
}

.card-default {
    color: #333;
    background: linear-gradient(#fff,#ebebeb) repeat scroll 0 0 transparent;
    font-weight: 600;
    border-radius: 6px;
}


@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	.tabcontent{
		width:100%;	
		display: none;
	    padding: 3px 3px;
	    border: 1px solid #ccc;
		border:none;
	}
	.print_head{
		font-size: 17px;
	}
	.expcontainer{
		width:98%;	
		margin-left:1%;
	}

	.select{
	  width: 120px;	
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  border: none; /* If you want to remove the border as well */
	  background: none;	
	}

	.summary{
		border:none;
	   	width:100%;
	   	background-color: #f1f1f1;
		font-size:8px;
	}
}


@media screen and (max-width: 425px) {
	.expcontainer {
		width:98%;
		margin-left:1%;
	}	
	.tabcontent{
		width:100%;	
		display: none;
	    padding: 3px 3px;
	    border: 1px solid #ccc;
		border:none;
	}
	.tab button {
    	padding: 10px 12px;
    	transition: 0.3s;
    	font-size: 12px;
	}
	.print_head{
		font-size: 17px;
	}
	.select{
		font-size:9px;    
		padding: 2px 4px;
		width: 70px;
	}
	td{
		font-size:xx-small;
	}
	 th{
		font-size:xx-small;
		width:auto;
	}		 
	.Note-Head{
		width:20px;
	}
  .show-hide {
    display: inline-block;
  }
  .information1 {
    display: none;
  }
  .information1.toggle {
    display: block;
  }
}