/*
mobile <= 767px
desktop >= 768px
*/

#forCash{
	padding: 2%;
	background-color: white;
}

#forCash.busy, #forCash.busy *{
	cursor: wait;
}

#forCash .hide{
	display:none;
}

#forCash .fc-focus{
	color: #00A3AE;
}

#forCash .accounts > div.fc-error{
	box-shadow: 0px 0px 6px #ffb3b3;
}

#forCash input[type=checkbox], #forCash input[type=radio] {
	display: inline-block;
}

#forCash .accounts > div{
	box-shadow: 0px 0px 6px #aaaaaa;
	margin: 2% 0;
	text-align: center;
}

#forCash .accounts * {
	text-align: left;
}

#forCash .accounts select{
	background-color: transparent;
	line-height: 19px;
	padding-bottom: 7px;
}

@media screen and (max-width: 767px) {
	#forCash .accounts > div{
		padding: 20px 60px;
	}

	#forCash .accounts .dsFormItem{
		width: 100%;
	}
	
	.summary{
		overflow-x: scroll;
		width: 100%;
	}
}

@media screen and (min-width: 768px) {

	#forCash .accounts > div{
		padding: 20px;
	}

	#forCash .accounts .dsFormItem{
		margin: 20px;
		width: 17%;
	}
	
	#forCash .delete{
		margin-right: 20px;
	}
}

#forCash .accounts{
	margin-bottom: 30px;
}

#forCash .accounts select, #forCash .accounts input{
	width: 100%;
}

#forCash .creditcard{
	max-width: 500px;
	display: inline-block;
}

#forCash .accounts > div.complete{
	box-shadow: 0px 0px 6px #b3ffb3;
}

.error input, #forCash .error select{
	background-color: #ffb3b3;
}

#forCash .ccClass{
	margin-right: 100px;
}

#forCash .summary, #forCash .ccClass{
	margin-top: 50px;
	display: inline-block;
}

#forCash .summary tr > *{
	padding: 0 10px;
}

#forCash .summary td {
    min-width: 55px;
}

#forCash .delete{
	color: #7e7e7e;
	float: right;
	cursor: pointer;
}

#forCash .delete span{
	margin-left: 10px;
	font-size: 24px;
}