smart-top/src/api/static/css/default.css

body {
	font-size:14px;
	font-family:sans-serif;
	font-weight:lighter;
	padding:20px;
	
}
.small {
	font-family:sans-serif;
	font-size:12px;
	font-weight:lighter;
}
.bold {font-weight:bold}
.left {float:left}
.right{float:right}
.caption {
	font-size:22px;
	margin:4px;
	padding:4px;
	height:32px;
	font-family:sans-serif;
	
}
.no-border{ border:1px solid transparent}
.border { border:1px solid #CAD5E0}
.border-bottom{	border-bottom:1px solid #CAD5E0;}
.border-right { border-right:1px solid #CAD5E0;}
.border-left { border-left:1px solid #CAD5E0;}
.border-top { border-top:1px solid #CAD5E0;}
.grid {
	font-family:helvetica;
	font-weight:lighter;
	
	margin:4px;
	padding:4px;
	width:100%;
	height:150px;
}
.grid .fa-check {color:green}
.grid .fa-times {color:maroon; }

.menu {
	margin:4px;
	padding:4px;
}
.menu .fa-chevron-right {color:transparent; margin:4px; }
.menu .menu-item { border:1px solid transparent; text-transform:capitalize; cursor:pointer; padding-bottom:4px; margin:2px;}
.menu .menu-item:hover {
	border-bottom-color:#4682B4;
}
.menu .menu-item:hover .fa-chevron-right { color:#4582b4}
input[type=text]{
	padding:4px;
	margin:4px;
	outline:0px;
	border:1px solid transparent;
	background-color:#f3f3f3;
	font-size:14px;
	font-weight:lighter;
	font-family:sans-serif;
}
input[type=text]:focus{
	border-left-color:#4682B4;
}

.padding-2x{padding:4px;}
.margin-2x {margin:4px;}
.info {
	padding:4px;
	margin:4px;
	width:40%;
	height:300px;
}
.height-quarter{height:25%;}
.width-half {width:47%; }