@import url(http://fonts.googleapis.com/css?family=Asap);

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-family:'Asap', Arial, Helvetica, sans-serif;
	margin-top:10px;
	font-size:13px;
}

.main {
	max-width:1000px;
	margin:0 auto;
}

.datatable {
	margin-top:20px;
	margin-bottom:10px;	
	padding:0;
}

.table {
	width:100%;	
}

.table-bordered, .table-bordered th, .table-bordered td {
	border:1px solid #ccc;	
}

.table-bordered th {
	background:#E5E5E5;	
}

.table-bordered td {
	padding:2px 5px;	
}

.w5 {
	width:5% !important;
}

.w10 {
	width:10% !important;	
}

.w15 {
	width:15% !important;	
}

.w20 {
	width:20% !important;	
}

.w30 {
	width:30% !important;	
}

.w35 {
	width:35% !important;	
}

.w45 {
	width:45% !important;	
}

.w50 {
	width:50% !important;	
}

.colors {
	border:1px solid #dedede;
	padding:5px;
	margin:10px 0px 10px 0px;
}

.cc {
	display:inline-block;
	width:15px;
	height:15px;
	background:#E6FFFA;
	border:1px solid #dedede;
	margin-right:10px;
}

.edm {
	display:inline-block;
	width:15px;
	height:15px;
	background:#F9FFEB;
	border:1px solid #dedede;
	margin-right:10px;
}

.tm {
	display:inline-block;
	width:15px;
	height:15px;
	background:#FFEBF0;
	border:1px solid #dedede;
	margin-right:10px;
}

.a360 {
	display:inline-block;
	width:15px;
	height:15px;
	background:#F7EBFF;
	border:1px solid #dedede;
	margin-right:10px;
}

#sdf {
	color:red; 
	border: 2px dotted red;
	display:none;
}

.login_main {
	max-width:300px;
	margin:0 auto;
}

.login_form {
	max-width:300px;
	margin:10px auto;	
	border:1px solid #dedede;
	padding:20px;
	background:#E7E7E7;
}

.login_logo {
	margin-top:150px;
}

.alert {
	color:#B99000;	
}

.graph {
	margin-top:10px;
	border:1px solid #ccc;
	padding:5px;
	background:#ECECEC;
	border-radius:5px;
}

.filter-data {
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #ccc;
	padding:5px;
	background:#ECECEC;
	border-radius:5px;
}

.form-inline {
	padding:0;	
}

.filter-data .col-sm-2 {
	text-align:right;
	margin:0;
	padding:0;
}

/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {

	body {
		font-size:9px;	
	}
	h1 {
		font-size:18px;
	}
	.col-sm-4 {
		text-align:center;
	}
	.col-sm-4 .pull-left{
		float:none !important;
	}
	.col-sm-4 img{
		height:50px;
	}
	.col-sm-4 .pull-right{
		float:none !important;
	}
	.filter-data, .filter-data .col-sm-2 {
		float:none !important;
		text-align:center;
	}
	.filter-data, .datatable {
		margin:5px 5px 10px 5px;	
	}
}