.LoginPanel {
  float: none !important; }

.dnnActions, .dnnLoginRememberMe {
  display: none; }

#background {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: #343333 url("/Portals/_default/Skins/Dashboard/img/bg-login.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-size: cover;
  z-index: -1; }

#center {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

#panel {
  opacity: 0;
  box-sizing: border-box;
  background-color: white;
  width: 450px;
  height: 675px;
  padding: 3.75em 2.5em;
  border-radius: .4em;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  animation: .3s panel-appear ease-out forwards;
  animation-delay: .1s; }

@keyframes panel-appear {
  from {
    opacity: 0; }
  to {
    opacity: .95; } }
#logo {
  flex: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 2.5em; }
  #logo > img {
    height: 15em; }

#auth {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  #auth > * {
    margin-bottom: 0.625em; }

#dnn_ContentPane {
  width: 100%;
  margin-bottom: 1.25em; }

.dnnLabel {
  text-align: left;
  color: rgba(0, 0, 0, 0.4); }

.dnnFormItem > label.dnnFormLabel {
  display: none;
  margin: 0; }

.dnnFormItem input[type="text"].textfield, .dnnFormItem input[type="email"].textfield, .dnnFormItem input[type="password"].textfield {
  position: relative;
  border: none;
  display: block;
  font-size: 1.4em;
  font-family: "Helvetica", "Arial", sans-serif;
  line-height: 2em;
  min-height: 2em;
  padding: 4px 0;
  background: 0 0;
  text-align: left;
  border-radius: 0;
  outline: 0;
  color: #555C65;
  transition: box-shadow 0.2s ease-out, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0px -2px 0px #D8D8D8; }
.dnnFormItem input[type="text"].textfield::-webkit-input-placeholder, .dnnFormItem input[type="email"].textfield::-webkit-input-placeholder, .dnnFormItem input[type="password"].textfield::-webkit-input-placeholder {
  color: #D8D8D8; }
.dnnFormItem input[type="text"].textfield:focus, .dnnFormItem input[type="email"].textfield:focus, .dnnFormItem input[type="password"].textfield:focus {
  background-color: #ffffff;
  border-color: #49ffcc;
  outline: 0;
  box-shadow: inset 0px -2px 0px #00C890; }
.dnnFormItem input[type="text"].username, .dnnFormItem input[type="email"].username, .dnnFormItem input[type="password"].username {
  width: 100%;
  margin-bottom: 0.625em; }
.dnnFormItem input[type="text"].password, .dnnFormItem input[type="email"].password, .dnnFormItem input[type="password"].password {
  width: 100%;
  margin-bottom: 1.25em; }

hr {
  border-color: #eeeeee; }

.btn {
  display: inline-block;
  font-family: "Roboto","Helvetica","Arial",sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  text-decoration: none;
  text-align: center;
  border: none;
  position: relative;
  overflow: hidden;
  outline: none;
  user-select: none;
  cursor: pointer;
  vertical-align: middle;
  line-height: 1.1;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  min-width: 43pt;
  margin: 0;
  padding: 9.6pt 14.4pt;
  font-size: 12pt;
  border-radius: 3.6pt;
  color: #000;
  background: transparent; }

.btn:not(:disabled):not(.disabled):active:focus, .btn:active:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn.active:focus, .btn:not(:disabled):not(.disabled).active.focus, .btn.active.focus, .btn:not(:disabled):not(.disabled):active, .btn:active, .btn:not(:disabled):not(.disabled).active, .btn.active, .btn:not(:disabled):not(.disabled):focus, .btn:focus, .btn:not(:disabled):not(.disabled).focus, .btn.focus, .btn:not(:disabled):not(.disabled):hover, .btn:hover {
  outline: 0;
  box-shadow: none; }

.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled).active.focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):focus, .btn:not(:disabled):not(.disabled).focus, .btn:not(:disabled):not(.disabled):hover {
  color: #000;
  background-color: transparent; }

.btn:disabled, .btn.disabled {
  opacity: 0.4;
  background-color: transparent;
  color: black;
  cursor: default; }

.btn:disabled, .btn.disabled {
  opacity: 0.4;
  background-color: transparent;
  color: black;
  cursor: default; }

.btn.btn-primary {
  color: #ffffff;
  background: #00c890;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.btn.btn-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-primary:not(:disabled):not(.disabled).active:focus, .btn.btn-primary:not(:disabled):not(.disabled).active.focus, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:not(:disabled):not(.disabled):focus, .btn.btn-primary:not(:disabled):not(.disabled).focus, .btn.btn-primary:not(:disabled):not(.disabled):hover {
  color: #ffffff;
  background-color: #00c890; }

.btn.btn-primary:disabled, .btn.btn-primary.disabled {
  opacity: 0.4;
  background-color: #1eaa83;
  color: white;
  cursor: default; }

.btn.btn-primary:not(:disabled):not(.disabled):hover {
  color: #ffffff;
  background-color: #33d3a6; }

.btn.btn-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-primary:not(:disabled):not(.disabled).active:focus, .btn.btn-primary:not(:disabled):not(.disabled).active.focus {
  color: #ffffff;
  background-color: #4dd9b1; }

.btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active {
  color: #ffffff;
  background-color: #66debc; }

@keyframes btn-ripple-u73b12a23 {
  from {
    background: #00c890 radial-gradient(circle, rgba(255, 255, 255, 0.25) 55%, transparent 60%) center/1% no-repeat; }
  to {
    background: #00c890 radial-gradient(circle, rgba(255, 255, 255, 0.25) 55%, transparent 60%) center/200% no-repeat; } }
.btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active {
  animation: 0.2s linear 0s 1 normal forwards running btn-ripple-u73b12a23; }

.btn.btn-primary:not(:disabled):not(.disabled) {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.08); }

.btn.btn-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-primary:not(:disabled):not(.disabled).active:focus, .btn.btn-primary:not(:disabled):not(.disabled).active.focus {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.16); }

.btn.btn-primary:not(:disabled):not(.disabled):active {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.16); }

.btn-lg, .btn-group-lg > .btn {
  min-width: 4.54545rem;
  margin: 0;
  padding: 0.56818rem 1.42045rem;
  font-size: 1.13636rem;
  border-radius: 0.37879rem; }

.btn-sm, .btn-group-sm > .btn {
  min-width: 3.18182rem;
  margin: 0;
  padding: 0.39773rem 0.99432rem;
  font-size: 0.79545rem;
  border-radius: 0.26515rem; }

.btn-group > .btn:not(:disabled):not(.disabled), .btn-group > .btn:not(:disabled):not(.disabled):active:focus, .btn-group > .btn:not(:disabled):not(.disabled).active:focus, .btn-group > .btn:not(:disabled):not(.disabled).active.focus, .btn-group > .btn:not(:disabled):not(.disabled):active, .btn-group-vertical > .btn:not(:disabled):not(.disabled), .btn-group-vertical > .btn:not(:disabled):not(.disabled):active:focus, .btn-group-vertical > .btn:not(:disabled):not(.disabled).active:focus, .btn-group-vertical > .btn:not(:disabled):not(.disabled).active.focus, .btn-group-vertical > .btn:not(:disabled):not(.disabled):active {
  box-shadow: none; }

.btn-group > .btn:not(:disabled):not(.disabled):active, .btn-group > .btn:not(:disabled):not(.disabled).active, .btn-group-vertical > .btn:not(:disabled):not(.disabled):active, .btn-group-vertical > .btn:not(:disabled):not(.disabled).active {
  animation: none; }

.btn.btn-primary.login-btn {
  display: block; }

/*# sourceMappingURL=login-page.css.map */