/******************************************************
/ General
/*****************************************************/

body {
	font-family: "Helvetica",Arial,sans-serif;
	font-weight: 500;
	color: #FFF;
	background: #111;
}

#cloud-container{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    z-index:-1; /* Remove this line if it's not going to be a background! */
	background: url(../img/bg.jpg) no-repeat center center fixed; 
}

h3 {
	font-size: 14px;
	margin-left: 5px;
}


/******************************************************
/ Login
/*****************************************************/

.login {
	margin-top: 100px;
}

.input-field input[type=text]:focus  {
	border-bottom: 1px solid #c6ff00;
}

.input-field input[type=password]:focus  {
	border-bottom: 1px solid #c6ff00;
}

#box {
}

.msg {
	font-size: 11px;
	color: #FFF;
	padding: 10px;
}

.login-logo {
	width: 100%;
}

#error {
	position: absolute;
	font-size:14px;
	text-align: center;
	background-color: #c6ff00;
	width: 98%;
	color: #000;
	font-weight: bold;
}

.clear {
	height: 10px;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: #FFF solid 2px;
}

/******************************************************
/ Dashboard
/*****************************************************/

.side-menu {
	width: 100%;
	padding: 10px;
	background-color: #333333;
}

.side-menu a {
	width: 95%;
	margin-bottom: 5px;
	text-align: left;
	font-size: 12px;
}

.user-info {
	text-align: left;
}

.user-info h3 {
	font-size: 14px;
	margin-left: 5px;
}

.user-info h3 span {
	color: #c6ff00;
}

.user-package {
	text-align: left;
}

.user-package h1 {
	font-size: 24px;
	margin-left: 5px;
}

.user-package h1 span {
	font-size: 34px;
	font-weight: bold;
}

.user-package h3 {
	font-size: 14px;
	margin-left: 5px;
}

.user-package h3 span {
	color: #c6ff00;
}

.dash-content {
	width: 100%;
	height: auto;
	float: left;
	display: inline;
}

.profile-pic {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

.modal {
	color: #000;
}

/******************************************************
/ SMS Credits
/*****************************************************/

.sms-credits {
	background-color: #c6ff00;
	padding: 10px;

}

.sms-credits h3 {
	font-size: 16px;
	line-height: 5px;
	text-align: right;
	color: #000000;
}

.sms-credits h3 span {
	font-weight: bold;
	font-size: 20px;
}