/*
Template Name: Admin pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*
Template Name: Admin Pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*******************
Login register and recover password Page
******************/
.login-register {
  background: linear-gradient(180deg,#244170 0,#0e1a2e 100%) !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  padding: 10% 0;
  position: fixed; }

  .card-body{
      background-color: white;
  }

  button.btn.btn-block.btn-lg.btn-info.btn-rounded{
      background: linear-gradient(180deg, #187abe 19%, #1d95e9 108%);
      border-color: white;
  }

.login-box {
  /* width: 400px; */
  margin: 0 auto; }
  .login-box .footer {
    width: 100%;
    left: 0px;
    right: 0px; }
  .login-box .social {
    display: block;
    margin-bottom: 30px; }

#recoverform {
  display: none; }

.login-sidebar {
  padding: 0px;
  margin-top: 0px; }
  .login-sidebar .login-box {
    right: 0px;
    position: absolute;
    height: 100%; }

    img.main_logo {
      max-width: 20% !important;
      /* margin: 0; */
      /* display: block; */
      margin-left: auto;
      margin-right: auto;
      /* width: 11%; */
    }

input.form-control.valid {
  padding: 12px;
}

/* --------------------------REGISTRATION CSS------------------------- */
.register-link {
color: black;
margin-top: 10px;
}

.register-box.card {
    width: 700px;
    height: 560px;
    /* background-color: #2d9d2e; */
    position: relative;
    top: -67px;
}

.register-box {
  width: 400px;
  margin: 0 auto; }
  .register-box .footer {
    width: 100%;
    left: 0px;
    right: 0px; }
  .register-box .social {
    display: block;
    margin-bottom: 30px; }

.register-card-body {
  /* width: 698px; */
}

form.form-register {
  margin: 4%;
  position: relative;
  top: -55px;
}

button.btn.btn-block.btn-lg.btn-info.btn-rounded.btn-register {
  margin-top: 3%;
}

.napacusa_name {
  font-family: sans-serif;
  font-size: 28px;
  text-align: center;
  position: relative;
  top: -25px;
}

.logo-main {
  position: relative;
  top: -22px;
}

.name-label{
    color: black;
}

form#paymentform {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}