ExpenseCount/app/webroot/cdn/css/report.css

*{
	margin:0; padding:0;
}
body{
	font-family: Arial, sans-serif;
	background:#ececec;
}
a{
	text-decoration:none;
}
p{
	font-size:12px;
	padding-bottom:5px;
}
.wrapper{
	width:940px;
	padding:20px;
	background:#fff;
	margin:0 auto;
}
.description{
	margin:10px 0 20px 0;
}
.description p{
	font-size:14px;
}
.print{
	background: #c3c1c1;
	padding:10px;
	font-weight:700;
	font-size:14px;
	margin-bottom:15px;
}
.print span{
	float:right;
	width:auto;
	font-size:12px;
	font-weight:normal;
}
.printTable{
	border-collapse:collapse;
	width:100%;
}
.printTable th, .printTable td{
	border:1px solid #abc6df;
	padding:5px;
	font-size:12px;
}

.printTable tr:nth-child(odd){
	background-color:#eef5fb;
}
.printTable tr:first-child th{
	background:#bfdefb;
	color:#104374;
	font-size:14px;
}
.footerText{
	padding:10px 0;
	font-size:12px;
}
P{
	font-size:12px;
	padding-bottom:5px;
	margin-bottom: 0;
}

.popup1{
	width:800px;
	margin:100px auto;
}
.popup2{	
	width:450px;
	margin:100px auto;
}
.popup3{
	width:550px;
	margin:100px auto;
}
.popup1, .popup2, .popup3, .popup4{
	background:#fff;
	padding:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.grid{
	border: 1px solid #c5c5c5;
	padding:15px;
}

.gridTable{
	border-collapse:collapse;
	width:100%;
}
.gridTable th, .gridTable td{
	border:1px solid #abc6df;
	padding:5px;
	font-size:12px;
}

.gridTable tr:first-child th{
	background:#bfdefb;
	color:#104374;
	font-size:14px;
}

.gridInput{
	border: 1px solid #c5c5c5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:6px;
	font-size:12px;
}
.gridBtn{
	background:#0757a4;
	padding:5px 15px;
	font-size:14px;
	font-weight:700;
	border:none;
	color:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
}
.gridTableCheckbox td:first-child, .textAlignCenter td{
	text-align:center;
}

.gridBtn:hover{
	background:#0a69c4;
}
.formTo{
	font-size:14px;
	font-weight:700;
	margin-bottom:20px;
}
.labelOne, .labelTwo{ 
	padding-right: 10px;
}
.labelTwo{ 
	padding-left:100px;
}
.description{
	padding:20px 0;
}
.description p{
	font-size:14px;
}
.breackDown{
	text-align:right;
	padding-bottom:10px;
}
.print .dropdown, .dropup {
	position: relative;
	display: inline-block;
}
.print span {
	line-height: 37px;
}
.print .form-group {
	margin-bottom: 0;
}
form#participantData {
	display: inline-flex;
}
form#participantData select {
	font-size: 13px;
}
.footer-pdf-print-link a.btn, form#generatePdf .btn{
	font-size: 13px;
	cursor: pointer;
}
select.form-control:not([size]):not([multiple]) {
	height: calc(1.8rem + 2px);
}
.print #participantData label {
	font-size: 13px;
	font-weight: 300;
	margin-right: 5px;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
	opacity: 1;
	bottom:0.5rem;
}
.table thead th {
	border-bottom: 0px solid #eceeef;
}
table.dataTable {
	border-collapse: collapse !important;
	font-size: 13px;
	margin-bottom: 0px !important;
}
form#generatePdf {
	display: inline-flex;
}


table#totalTable tr td {
	font-size: 12px;
}
table#totalTable tr td {
	border-top: 0px solid;
	padding: .5rem .3rem;
	min-width: 11rem !important;
}
table#totalTable tr td.narrow {
	min-width: 9rem !important;
}
table#exportTable tfoot tr {
	background: transparent;
}

.printTable thead tr:nth-child(odd), .printTable tr:nth-child(even) {
	background-color: #eef5fb;
}
.printTable tr:nth-child(odd) {
	background-color: #ffffff;
}
#participantId.form-control {
	padding: 0.2rem .75rem;
}

/*------------------------------
responsive style
------------------------------- */
@media (min-width: 1200px) {
	
}

@media (min-width: 960px) {
	.wrapper{
		width:940px;
		padding:20px;
	}
}

@media (min-width: 720px) and (max-width: 959px){
	.wrapper{
		width:100%;
		padding:20px;
	}
}

@media (min-width: 576px) and (max-width: 719px){
	.wrapper{
		width:100%;
		padding:20px;
	}

}

@media (max-width: 575px) {
	.wrapper{
		width:100%;
		padding:10px;
	}
	table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
		padding-right: 15px;
	}
	.printTable tr:first-child th {
		background: #bfdefb;
		color: #104374;
		font-size: 12px;
	}
}