html {
	position: relative;
	min-height: 100%;
}

body {
	/* 60px to make the container go all the way to the bottom of the topbar */
	padding-top: 0px;
	background-color: #EBECED; 
}

.navbar {
		margin-bottom: 0px;
}
#navbar {
	box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.13);
	background-color: #FFF;
	z-index: 500 \!important;
}


#navbar .navbar-logo {
	float: left;
	margin-left: 30px;
}

#breadcrumbs {
	background: #DC1E33;
}

#breadcrumbs .breadcrumb {
  background-color: transparent;
}


#main-container {
	margin: 0px;
}


/* ------------------------------------------------------------------ */
/* footer                                                             */
/* ------------------------------------------------------------------ */

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 125px;
    background-color: #484F55;
	padding: 20px 0px;
	margin-top: 20px;
    overflow: hidden;
}

body {
	 /* Margin bottom by footer height */
	 margin-bottom: 175px;
}


.footer-logo {
}
.footer-logo p {
	margin-top: 10px;	
}

.footer-logo p, 
.footer-logo p a {
    color: #FFF;
}

.footer-social {
    text-align: center;
}

.footer-social p {
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
}

.footer-social ul.buttons {
	margin: 0px;
	padding: 0px;
}

.footer-social .buttons li {
    display: inline;
    margin: 0px;
    padding: 0px;
}



/* ------------------------------------------------------------------ */
/* bootstrap form                                                     */
/* ------------------------------------------------------------------ */


.form-narrow {
	max-width: 490px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

/* ------------------------------------------------------------------ */
/* bootstrap progress bar customiziation                              */
/* ------------------------------------------------------------------ */
.progress {
	position: relative;
	margin-bottom: 0;
}

.progress-value {
	color: black;
  	position: absolute;
	text-align:center;
    width: 100%;
}

/* ------------------------------------------------------------------ */
/* bootstrap tooltip inside table fix                                 */
/* ------------------------------------------------------------------ */
td .tooltip {
    position: absolute;
}



/* ------------------------------------------------------------------ */
/* ngGrid customization                                               */
/* ------------------------------------------------------------------ */

.ngGrid, 
.ngGroupPanel, 
.ngTopPanel {
	background-color: transparent;
}

.ngRow {
	/*
	border-bottom: 1px solid red;
	*/
}
.ngRow.odd {
	background-color: transparent;
	
}
.ngRow.even {
	background-color: #F9F9F9;
}

.ngVerticalBarVisible {
	background-color: transparent;
}

.ngAggregate {
	left: 0;
	right: 0;
	/*
	color: #5BC0DE;
	*/
	color: #428BCA;
	background-color: #ffffff;
	font-weight: bold;
}

.ngRow.selected {
	background-color: #428BCA;
}



/* ------------------------------------------------------------------ */
/* rotation of glyphicons for loading iccon                           */
/* ------------------------------------------------------------------ */
.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}