body{
  padding-top:4.2rem;
  padding-bottom:4.2rem;
  background:rgba(0, 0, 0, 0.76);
  background: #f5f7fa;
  /*background-image: url(../img/circle.svg);*/
  background-repeat: no-repeat;
  /*background-position: calc(50% - 150px) calc(50% + 100px);*/
  /*background-size: 700px auto;*/
  /*background-image: url(../img/bg-01.jpg);*/
  /*background-size: cover;*/
}
a{
  text-decoration:none !important;
}
h1,h2,h3{
  /*font-family: 'Kaushan Script', cursive;*/
}
.myform{
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 1.1rem;
  outline: 0;
  max-width: 500px;
}
.tx-tfm{
  text-transform:uppercase;
}
.mybtn{
  border-radius:50px;
}

.login-or {
  position: relative;
  color: #aaa;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.span-or {
  display: block;
  position: absolute;
  left: 50%;
  top: -2px;
  margin-left: -25px;
  background-color: #fff;
  width: 50px;
  text-align: center;
}
.hr-or {
  height: 1px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.google {
  color:#666;
  width:100%;
  height:40px;
  text-align:center;
  outline:none;
  border: 1px solid lightgrey;
}
form .error {
  color: #ff0000;
}
.formSignupContainer{display:none;}
.formResetContainer{display:none;}


/* Two factor view */

section.nz-login-tfs {
  z-index         : 9999999999999;
  display         : flex;
  position        : absolute;
  top             : 0;
  right           : 0;
  bottom          : 0;
  left            : 0;
  background      : rgba(255,255,255,0.43);
  align-items     : center;
  justify-content : center;
}

section.nz-login-tfs > section {
  display         : flex;
  width           : 400px;
  height          : 400px;
  border-radius   : 2px;
  background      : #fff;
  box-shadow      : 0px 2px 5px #0000006e;
  align-items     : center;
  flex-direction  : column;
  justify-content : center;
}

section.nz-login-tfs > section > img {
  width  : 130px;
  height : 130px;
}

section.nz-login-tfs > section > form {
  display        : flex;
  margin-top     : 35px;
  align-items    : center;
  flex-direction : column;
}

section.nz-login-tfs > section > form > span {
  margin-bottom : 15px;
  font-size     : 16px;
  font-weight   : bold;
  text-align: center;
}

section.nz-login-tfs > section > form > input[type="text"] {
  margin-bottom  : 15px;
  text-align     : center;
  font-size      : 20px;
  letter-spacing : 15px;
}

section.nz-login-tfs > section > form > input[type="submit"] {
  text-transform : uppercase;
  font-weight    : bold;
}


/* Alert */

section.nz-notif-alt {
  z-index        : 99999999999;
  display        : flex;
  position       : fixed;
  bottom         : 20px;
  left          : 35px;
  flex-direction : column-reverse;
  max-width      : 500px;
}

section.nz-notif-alt > div {
  display        : flex;
  /*width          : 300px;*/
  margin-top     : 10px;
  /*border-top     : 3px solid #22aa5a;*/
  /*background     : #29c368;*/
  /*box-shadow     : 0px 2px 5px 0px #00000052;*/
  flex-direction : column;
  font-size      : 16px;
  font-weight    : 600;
  transition     : all 0.3s ease-in-out;
  opacity        : 0;
  transform      : translateY(10px);
  animation      : fadeInUp 0.3s forwards;
  min-width      : 350px;
  max-width      : 100%;
  word-wrap      : break-word;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.nz-notif-close {
  align-self     : flex-end;
  background     : transparent;
  border         : none;
  color          : white;
  font-size      : 20px;
  cursor         : pointer;
  margin-left    : auto;
  padding        : 0;
  transition     : opacity 0.2s ease;
}

.nz-notif-close:hover {
  opacity        : 0.7;
}

.alert.alert-white {
  background-image: linear-gradient(to bottom, #FFFFFF, #F9F9F9);
  border-top-color: #d8d8d8;
  border-bottom-color: #bdbdbd;
  border-left-color: #cacaca;
  border-right-color: #cacaca;
  color: #404040;
  padding-left: 61px;
  position: relative;
}

.alert:before {
  content: '';
  position: absolute;
  width: 0;
  height: calc(100% - 44px);
  border-left: 1px solid;
  border-right: 2px solid;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  height: 20px;
}

.alert.alert-white.alert-warning .icon, .alert.alert-white.alert-warning .icon:after {
  border-color: #d68000;
  background: #fc9700;
}

.alert.alert-white.rounded .icon {
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
}
.alert.alert-white .icon {
  text-align: center;
  width: 45px;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  border: 1px solid #bdbdbd;
}

.alert.alert-white .icon i {
  font-size: 20px;
  color: #FFF;
  left: 12px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}

.alert.alert-white.alert-warning .icon, .alert.alert-white.alert-warning .icon:after {
  border-color: #d68000;
  background: #fc9700;
}

.alert.alert-white .icon:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #bdbdbd;
  position: absolute;
  border-left: 0;
  border-bottom: 0;
  top: 50%;
  right: -6px;
  margin-top: -5px;
  background: #fff;
}