a, .btn { transition: all 0.4s; }
	a { color: #555; }
	a:hover, a:focus { text-decoration: none; color: #000; }
	a.txt-link { color: #555; line-height: 21px; }
	a.txt-link span { font-size: 17px !important; color: #555 !important; margin-right: 5px; }
	a.txt-link:hover, a.txt-link:hover span { color: #111; }
	.center { text-align: center; }
	.row { margin: 0; }
	
	.navbar { min-height: 60px; }
	.navbar-inverse { background-color: #000; }
	.navbar-brand img, .navbar-brand span { display: inline-block; }
	.navbar-inverse a.pull-right img { width: 36px; height: 36px; margin: 12px 10px 0 0; }
	.navbar-inverse a.pull-right span { width: 36px; height: 36px; margin: 12px 0 0 0; padding: 7px; font-size: 20px; 
		background-color: #666; color: #fff; border-radius: 50%; }
	.navbar-inverse a.pull-right:hover span { color: #000; }
	
	.messages { width: 37px; height: 30px; display: inline-block; background: url('../images/messages.png') no-repeat left top; 
		background-size: 37px 30px; text-align: right; position: relative; top: -8px; }
	.messages span { background-color: #ff0000; color: #fff; font-size: 14px; padding: 1px 4px; border-radius: 3px; }
	
	.panel, .btn, .form-control { border-radius: 0; }	
	.btn-dark { background-color: #444; border-color: #222; color: #fff; }
	.btn-dark:hover, .btn-dark:focus { background-color: #111; border-color: #000; }
	.btn:hover, .btn:focus { color: #fff !important; }
	
	.panel-black { background-color: #333; color: #fff; }
	.panel-green { background-color: #5cb85c; color: #fff; }
	.well { margin-bottom: 10px; }
	
	table { border: 1px solid #eee; border-left: none; }
	table th, table td { border-left: 1px solid #eee; }
	.table>thead>tr>th { border-bottom: 1px solid #eee; }
	.table>tbody>tr>td { font-weight: bold; }
	
	.btn-big { display: block; padding: 20px 25px; margin-bottom: 1px; }	
	.btn-big img { width: 90px; opacity: 0.8; }
	.btn-big span { color: #444; font-size: 22px; letter-spacing: 2px; margin-left: 20px; }
	.home .btn-big:nth-of-type(1) { background-color: #ddd; }
	.home .btn-big:nth-of-type(2) { background-color: #ccc; }
	.home .btn-big:nth-of-type(3) { background-color: #bbb; }
	.home .btn-big:nth-of-type(4) { background-color: #aaa; }
	.home .btn-big:hover { background-color: #eee; color: #000; }
	.home .btn-big:hover img { opacity: 1; }
	
	.btn-menu { display: inline-block; vertical-align: top; height: 60px; padding: 4px 7px; text-align: center; margin-left: -3px;
		background-color: #ccc; color: #000; }
	.btn-menu img { width: 36px; height: 36px; display: inline-block; margin: 0 auto; }
	.btn-menu span { display: block; width: 100%; margin-left: 0; font-size: 11px; }
	.btn-menu span.glyphicon { font-size: 26px; padding: 4px 0 5px 0; }
	.btn-menu:hover { background-color: #fff; color: #000; }
		
	.panel-default .panel-body { padding: 8px 15px; }
	
	.panel-heading a { display: block; vertical-align: top; font-weight: bold; }
	.panel-heading a span { font-size: 15px; line-height: 21px; vertical-align: top; color: #333; }
	
	.expandAll { position: relative; top: -30px; }
	
	.data-center th, .data-center td { text-align: center; }
	
	.fixed-search { position: fixed; width: 100%; top: 60px; background: #fff; z-index: 99; padding-bottom: 35px; }
	.fixed-search form { text-align: center; }
	.fixed-cont { position: fixed; width: 100%; background: #fff; z-index: 99; top: 148px; }
	.fixed-cont .container { position: relative; }
	
	.btn-back { display: inline-block; position: absolute; left: 15px; text-align: center; z-index: 111; }
	.btn-back span { display: inline-block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; background: #888; color: #fff; }
	.btn-back:hover span { background: #444; }
	.btn-back:hover strong { color: #000 !important; }
	
	.fixed-search .btn-back { top: 28px; }
	#floors .nav-tabs { padding-right: 60px; }
	
	.btn-modal { display: none; position: absolute; top: 113px; right: 35px; text-align: center; z-index: 111; }
	.btn-modal span { display: inline-block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; background: #888; color: #fff; }
	.btn-modal:hover span { background: #444; }
	
	.bottom-cont { margin-top: 350px; }
	.bottom-cont-2 { margin-top: 320px; }
	
	.table-hover>tbody>tr:hover { background-color: rgba(255,255,255,0.1); }
	
	#categories .panel-title a { width: 100%; }
	#categories .panel-title a .glyphicon { font-size: 13px; }
	
	.ganttview-vtheader-item-name { height: 28.1px !important; }
	
	.job-late { background-color: 'black' !important }
	
	.nav-tabs a span.glyphicon { font-size: 17px; color: #888; position: relative; top: 3px; left: 3px; }
	.nav-tabs a span.glyphicon:hover { color: #555; cursor: pointer; }
	
		
	@media (max-width: 767px) {	
		.btn-back { left: auto; right: 35px; }
		.fixed-search .btn-back { top: 113px; left: 35px; right: auto; }
		.btn-modal { display: inline-block; }
		.fixed-cont { display: none; }		
		.bottom-cont { margin-top: 120px; }
		.bottom-cont-2 { margin-top: 130px; }
	
		.panel-heading { display: block; }
		.panel-heading a span { font-size: 16px; line-height: 16px; }
		.menu-box { display: block; text-align: center; background-color: #ccc; }
		.navbar-nav { margin: 0 -15px; }
		/*
		.panel .pull-left, .panel .pull-right { float: none !important; display: block; width: 100%; text-align: center; }
		.panel .pull-right { margin-top: 5px; }
		
		.head-1 .pull-right { float: right !important; display: inline-block; width: auto; text-align: center; margin-top: 0; }
		*/
	}
	
	@media (max-width: 420px) {
		table th, table td { font-size: 7px; }
		/*.form-control, .btn, span.messages { font-size: 7px; } */
		.btn-big { text-align: center; }
		.btn-big img { display: inline-block; margin: 0 auto; }
		.btn-big span { display: block; width: 100%; margin-left: 0; }
	}
	
	.text-danger {
	    color: #a94442 !important;
	}