/*
 * 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 screen and (min-width: 769px) {
    /* STYLES HERE 
}

@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
    /* STYLES HERE 
}

@media only screen and (max-device-width: 480px) {
    /* STYLES HERE
}

*/

/* Smartphones (portrait) ----------- */

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

.container{
	width: 350px;
}

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

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

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

.container div i{
	font-size: 18px;
	margin-top: 15px;

	
}

#manual{
	text-align: right;
}