::-moz-focus-inner {
    border: 0;
}

*::-moz-focus-inner {
    border: 0 !important;
}


/*for FireFox*/

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
    border: 0px;
}


/*for IE8 */

input[type="submit"]:focus,
input[type="button"]:focus {
    outline: none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: 0;
}


html,body {
  height:100%;
  width:100%;
  margin:0;
  background-size:cover;
  font: normal 14px/1.5 'Open Sans', sans-serif;
}
body {
  display:flex;
  color: #292F36;
  background: #292F36;
  transition: all ease 0.5s;
}
body.employer {
	background: #ED5C4B;
}
p.error {
	padding: 10px 20px;
	background: #ED5C4B;
	color: #fff;
	margin-bottom: 20px;
}
#login {
  margin:auto;
  background: #fff;
  /*box-shadow: 0 0 8px 1px #666;*/
  border-radius: 20px 0 20px 20px;
  padding: 50px;
}

#login ul {list-style:none;margin:0;padding:0;}
#login ul li {display:inline-block;margin:0;padding:0}
#login ul li a {}
h1, h2, h3, h4, h5, h6 {font-family: 'Titillium Web', sans-serif;margin:0;padding:0;}

h1, h2 {font-size:30px;text-align:center;margin-bottom:0;margin-top:30px;}
h3 {font-weight:normal;font-size:18px;margin-top:0;text-align: center;margin-bottom:30px;}

label {display:none;}
#pass, #user {
	display: block;
	border: none;
	border-bottom: 2px solid #f0f0f0;
	width: 250px;
	padding: 10px;
	outline:none;
	transition: all ease 0.8s;
	-webkit-box-shadow: 0 0 0 50px white inset;
	border-radius:0;
}

#pass:focus, #user:focus {
	border-color: #292F36;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

.trenner {
	margin-top: 10px;
}

.trenner hr {border:1px solid #f0f0f0;}
.trenner span {display:inline-block;position:absolute;left:50%;text-align:center;margin-left:-30px;width:60px;margin-top:-20px;background:#fff;}

button {
	background: #bad532;
	border: none;
	cursor: pointer;
	color: #fff;
	display:block;
	padding: 10px;
	text-align: center;
	width: 100%;
	margin: 20px 0;
	transition: all ease 0.5s;
	outline:none;
}

.employer button {
	background: #ED5C4B;
}
button.change {padding-left:0;padding-right:0;background:#ddd;color:#292F36;margin-top:15px;margin-bottom:0}

button {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #292F36;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
button:hover, button:focus, button:active {
  color: white;
}
button:hover:before, button:focus:before, button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#copyright {text-align:center;margin: 30px 0 0 0;}
#copyright a {text-decoration:none;font-size:11px;color:#aaa;transition: all ease 0.2s;}
#copyright a:hover {color:#222;}
@media (max-width: 500px) {
	body,html {background:#fff !important;}
	h2 {margin-top:0 !important;}
}