html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 100px;
}
.navbar-default .navbar-brand {
        color: white;
}
.navbar-default .navbar-nav > li > a { 
        color: white;
}
.navbar-default .navbar-nav > li > a:hover { 
        color: white;
    text-decoration: underline;
    }
    .noscript {
            background-color: #dd5148;
            color: white;
    }
    .alert {
    	border-radius: 5px;
        color: white !important;
}
.delete  {
	padding-top: 10%;
}
.hide {
	display: none ;
}
.underline {
    text-decoration: underline;
    }
    .shadow-y-2{box-shadow:0 -3px 10px rgba(0,0,0,.23),0 -3px 10px rgba(0,0,0,.16)}
    .footer {
        position: absolute;
    bottom: 0;
        width: 100%;
    height: 40px;
        background-color: #009587;
    border-color: #009587;
        background: #009587;
    color: white ;
    }
    .footer-div {
    	padding-top: 10%;
}
.footer-a {
    color: white;
    }
    .footer-a:link,
    .footer-a:hover,
    .footer-a:visited,
    .footer-a:active {
        color: white;
    text-decoration: underline;
    }
    .footer > .container {
    	padding-left: 0;
}
.sticky-footer {
	margin: 10px 0;
	margin-left: 0;
}

.lp {
	margin-top: 25px;
}
.italic {
	font-style: italic;
}
@media (min-width:570px){
	.lg-pull-right {
		float: right !important;
	}
	.sm-display {
		display: none;
	}
}
@media (max-width:580px){
	.footer {
		height: 60px;
	}
	.sm-diplay {
		display: inline !important;
	}
}

/* Gradient transparent - color - transparent */

hr.colored {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, #009688, #009688, #009688);
}

.jumbotron {
	margin-top: 30px;
	padding: 19px;
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom: 30px;
}
.shadow-z-1 {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
} 
.shadow-z-2 {                                                                                                                                                                                                        
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); 
} 
.shadow-z-2-hover {
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23), 0 10px 30px rgba(0, 0, 0, 0.19);
} 
.shadow-z-3 {
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23), 0 10px 30px rgba(0, 0, 0, 0.19);
} 
.shadow-z-4 {
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.22), 0 14px 45px rgba(0, 0, 0, 0.25);
}
.shadow-z-5 {
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3); 
}