* {
	-moz-box-sizing: border-box;
}
body {
	/*background: #282828;*/
	/*background-image: url("../images/bg.jpg");*/
}

#background {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .9;
}

@font-face {
    font-family: 'overpassregular';
    src: url('body font/Overpass_Regular-webfont.eot');
    src: url('body font/Overpass_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('body font/Overpass_Regular-webfont.woff') format('woff'),
         url('body font/Overpass_Regular-webfont.ttf') format('truetype'),
         url('body font/Overpass_Regular-webfont.svg#overpassregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.container {
	padding-top: 180px;
}

button {
	border: 1px solid #4cdcb7;
	outline: none;
	background: #4cdcb7 linear-gradient(140deg, #4cdcb7 0%, #4cdcb7 10%, #49d1ae 10%, #49d1ae 20%, #43c1a1 19%, #45c6a5 21%, #45c6a5 20%, #45c6a5 30%, #3fb698 29%, #41bb9b 31%, #41bb9b 30%, #41bb9b 40%, #3cac8f 39%, #3db092 41%, #3db092 40%, #3db092 50%, #38a185 49%, #39a589 51%, #39a589 50%, #39a589 60%, #34967c 59%, #359a80 61%, #359a80 60%, #359a80 70%, #308b73 69%, #328f77 71%, #328f77 70%, #328f77 80%, #2c806a 79%, #2e846e 81%, #2e846e 80%, #2e846e 90%, #287561 89%, #2a7965 91%, #2a7965 90%, #2a7965 100%);
}
.login {
	padding: 20px 30px 30px 30px;
	box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
	
	background: rgba(0,0,0,0.7);
}

input.log:focus {
	box-shadow: 0px 0px 2px rgba(18,132,120,0.8);
}

.login > h2 {
	/*color: #128478;*/
	color: white;
	margin-bottom: 20px;
}

.triangle {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 8px;
	right: -5px;
	z-index: 9999;
	background:#128478; 
	transform: rotate(45deg);
}

.input-group-addon {
	background: #128478;
	color: white;
	position: relative;
	border: none;
}