/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */


/*@media (min-device-width : 320px) and 
(max-device-width : 480px) {*/

#incomes-item {
	float: left;
	border: 1px solid black;	
}

.container{
	width: 600px;
}

.container #incomes-item{
	width: 130px;
	height: 130px;
	border: 1px solid #3C763D;
	float: left;
	text-align: center;
	margin: 10px;
	border-radius:5px;
	background-color: #DFF0D8;
	color:#3C763D;
}

.container #charges-item{
	width: 130px;
	height: 130px;
	border: 1px solid #A94442;
	float: left;
	text-align: center;
	margin: 10px;
	border-radius:5px;
	background-color: #F2DEDE;
	color:#A94442;
}

.container #transfer-item{
	width: 430px;
	height: 130px;
	border: 1px solid #8a6d3b;
	float: left;
	text-align: center;
	margin: 10px;
	border-radius:5px;
	background-color: #fcf8e3;
	color:#8a6d3b;
}


.container div:hover{
	-moz-box-shadow: 0px 5px 11px #616161;
    -webkit-box-shadow: 0px 5px 11px #616161;
    box-shadow: 0px 5px 11px #616161;
}

.container div i{
	font-size: 24px;
	margin-top: 30px;
}

#manual{
	text-align: left;
}