design

.tc-navbar {
	margin-left: 14em;
	height: 55px;
	width: 100%;
	background-color: #ffffff;
	position: fixed;
  	top: 0;
  	left: 0;
  	z-index: 9999;
  	border-bottom: 1px solid #e5e5e5;
}
.tc-navbar-brand {
	font-family: 'Rancho', cursive;
}
.tc-nav-left { /* Left Navbar */
	float: left;
	left: 0px;
}
.tc-nav-right { /* Right Navbar */
	margin: auto;
	display: inline;
	right: 0px;
	float: right;
	position: fixed;
	padding-right: 20px;
	margin-top: -1px;
}
ul.tc-nav { /* Navbar Spacing from top of Page */
	margin-top: 15px;	
}

ul.quick-links {
	float: left;
}

li.nav-icon {
	display: inline;
	padding-right: 20px;
	width: auto;
}

ul li {
	list-style-type: none;
	text-decoration: none;
	vertical-align: middle;
}
a {
	text-decoration: none;
}
a.top-links:link { color: #999; }
a.top-links:visited {color:#999;}
a.top-links:hover { color: #2ecc71;}
a.top-links:active {color: #34495e;}

input {
	border: none;
	font-size: 18px !important;
	border-color: none;
	color: #2ecc71 !important;
}
input.nav-text:focus {outline:none !important;}
.tc-fa { color: #2ecc71 !important;}
::-webkit-input-placeholder {
   color: #999 !important; 
}

:-moz-placeholder { /* Firefox 18- */
   color: #999 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999 !important; 
}

:-ms-input-placeholder {  
   color: #999 !important;  
}
.container-fluid {
	height: 100%;
}

/* -----------------------------------------------*/
/* Sidebar Styling */
/* -----------------------------------------------*/
.sidebar {
	background-color: #34495e;
	width: 14em;
	top: 0px;
	bottom: 0px;
	position: absolute;
	left: -1px;
}
.user-icon-sm {
	top: 0px;
	position: static;
	height: 58px;
	width: auto;
	background-color: #283846;
	font-family: 'Rancho', cursive;
	font-size: 28px;
	left: 0px !important;
	padding-left: 25px;
	padding-top: 8px;
	color: #ecf0f1 !important;

}


/* -----------------------------------------------*/
/* Sidebar link Styles */
/* -----------------------------------------------*/

a.side-links:link {
	color: #fff;
}
a.side-links:visited {
	color: #fff;
}
a.side-links:hover {
	color: #2ecc71;
}
a.side-links:active {
	color: #fff;
}
.list-item:hover {
	background-color: #243342;
}
/* Active Menu Links */
 /* Home Link */
	body#home #side-home {
		background-color: #283846;
	}
	body#home #side-nav-home {
		color: #2ecc71;
	}
/*Customer link */
	body#customers #side-customers {
		background-color: #283846;
	}
	body#customers #side-nav-customers {
		color: #2ecc71;
	}

li.list-item {
	padding-bottom: 25px;
	padding-top: 25px;
	font-family: "Quicksand-Light", sans-serif;

}
ul.nav-aside{
	padding-top: 0px; /* <--------- Top Padding on Side Navbar */
	padding-left: 0px;
	font-family: "Quicksand-Light";
}

.fa-dashboard:before, .fa-tachometer:before, .usr:before, .fa-file:before, .fa-folder:before, .fa-sign-out:before {
	padding-right: 20px;
	padding-left: 30px;
}
.fa-tachometer:hover:before, .usr:hover:before, .fa-file:hover:before, .fa-folder:hover:before, .fa-sign-out:hover:before{
	color: #2ecc71;
	background-color: #243342;
}
.fa-tachometer:active:before, .usr:active:before, .fa-file:active:before, .fa-folder:active:before, .fa-sign-out:active:before{
	color: #2ecc71;
	background-color: #243342;
}


/*----------------------- Content Styling ----------------------------------*/
body {
	background-color: #ecf0f1 !important;
	width: 100%;

}
.content { /* Content Background Structure */
	position: absolute;
	top:7.813em;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-left: 14em;

}
.app-data {
	top: 4em;
	bottom: 0px;
	right: 0px;
	left: 14em;
	position: absolute;
}
.app-header {
	width: 100%;
	height: 12.5em;
	background-color: #fff;
	border-bottom: 2px solid #e5e5e5;
}
.app-user-info {
	height: 130px;
	padding-left: 50px;
	padding-top: 20px;
	float: left;
}
.app-user-image {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 1px solid #34495e;
	background-image: url('../img/usr.jpg');
	float: left;
}
.app-user-details {
	padding-left: 30px;
	height: 100px;
	width: 330px;
	float: left;
}
.app-user-name {
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'Asap', sans-serif;
	color: #34495e;
} 
p.app-user-jobtitle {
	font-size: 16px;
	font-family: 'Asap', sans-serif;
}
.app-ui-controls {
	margin-top:55px;
	padding-right: 20px;
	float: right;
	right: 0px;
	width: 250px;
	height: 100px;
}
a.tc-btn:link { color: #34495e;}
a.tc-btn:visited {color: #34495e;}
a.tc-btn:hover { color: #2ecc71;}
a.tc-btn:active { color: #2ecc71;}

.tc-btn {
	float: right;
}
.app-data-nav {
	padding-top: 140px;
	left: 0px;
	bottom: 0px;
}
ul.ui-nav {
	padding-left: 60px;
}
li.ui-nav {
	display: inline;
	margin-left: 20px;
	padding-bottom: 10px;
	text-align: center !important;
	text-decoration: none !important;
	list-style-type: none;
	text-transform: uppercase;

}

li.ui-nav:hover {
	border-bottom: 5px solid #27ae60;
	color: #e67333;
}

li.ui-nav:active {
	border-bottom: 5px solid #27ae60;
}
a.tc-btn-nav:hover {
	color: #27ae60;
}



/* End of User Header */

.app-data-dashboard {
	left: 0px;
	right: 0px;
	top: 13em;
	bottom: 0px;
	margin-top: 40px;
	margin-left: 46px;
	margin-right: 46px;
	position: absolute;
}
.app-data-workorder {
	width: 325px !important;
	height: 350px;
}

.nav-tabs > li {
	text-align: center;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #e67333 !important;
}
a.tc-tab {
	color: #95a5a6 !important;
	width: 160px !important;
}
.tab-content > .active {
	margin-top: -10px;
	background-color: #fff;
	width: 99%;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
li.finished-job {
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
	margin-left: -40px;
}
p.finished-job {
	padding-left: 25px;
}

/* App Data Customer */
.app-data-customers {
	width: 100%;
}
.app-data-customers-create {
	background-color: #fff !important;
	width: 20%;
	text-align: center;

}
#quick-add{
	width:100%;
	border: 1px solid #eee;
	font-size: 50px;
	padding: 10px;
	border-radius: 5px;
	background-color: #f6f6f6;
	color: #283846 !important;
	margin-bottom: 10px;
}
.quick-add {
	letter-spacing: 1px;

}

h3#title { /* Quick Add Title */
	color: #283846;
}

.app-data-customers-all {
	margin-left: 20px;
	background-color: #fff;
}