@font-face {
  font-family: 'Poppins';
  src: url("fonts/Poppins-Light.eot");
  src: url("fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Poppins-Light.woff2") format("woff2"), url("fonts/Poppins-Light.woff") format("woff"), url("fonts/Poppins-Light.ttf") format("truetype"), url("fonts/Poppins-Light.svg#Poppins-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Poppins';
  src: url("fonts/Poppins-Regular.eot");
  src: url("fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Poppins-Regular.woff2") format("woff2"), url("fonts/Poppins-Regular.woff") format("woff"), url("fonts/Poppins-Regular.ttf") format("truetype"), url("fonts/Poppins-Regular.svg#Poppins-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Poppins';
  src: url("fonts/Poppins-SemiBold.eot");
  src: url("fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Poppins-SemiBold.woff2") format("woff2"), url("fonts/Poppins-SemiBold.woff") format("woff"), url("fonts/Poppins-SemiBold.ttf") format("truetype"), url("fonts/Poppins-SemiBold.svg#Poppins-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Poppins';
  src: url("fonts/Poppins-Medium.eot");
  src: url("fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Poppins-Medium.woff2") format("woff2"), url("fonts/Poppins-Medium.woff") format("woff"), url("fonts/Poppins-Medium.ttf") format("truetype"), url("fonts/Poppins-Medium.svg#Poppins-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }
*:hover {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; }

.login-body {
  background: #F0F4F3;
  font-family: 'Poppins', sans-serif; }

.login-wrapper {
  width: 65vw;
  height: 75vh;
  margin: 10vh auto 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 50px 1px rgba(205, 214, 212, 0.52);
  -moz-box-shadow: 0px 0px 50px 1px rgba(205, 214, 212, 0.52);
  -webkit-box-shadow: 0px 0px 50px 1px rgba(205, 214, 212, 0.52);
  -o-box-shadow: 0px 0px 50px 1px rgba(205, 214, 212, 0.52);
  position: relative;
  z-index: 1; }
  .login-wrapper .login-content {
    background: #132482;
    width: 40%;
    float: left;
    height: 82%;
    padding: 10% 0 0 0;
    border-radius: 10px 0 0 10px;
    text-align: center;
    position: relative;
    z-index: 10; }
    .login-wrapper .login-content h1 {
      color: #fff;
      font-size: 28px;
      margin-top: 40px;
      margin-bottom: 0; }
    .login-wrapper .login-content p {
      color: rgba(255, 255, 255, 0.68);
      font-size: 13px;
      width: 62%;
      margin: 10px auto 0; }
    .login-wrapper .login-content .login-logo {
      max-width: 140px; }
  .login-wrapper .login-form {
    position: relative;
    z-index: 2;
    background: #fff;
    width: 40%;
    float: left;
    height: 78%;
    border-radius: 10px;
    padding: 6% 10%;
    text-align: center; }
    .login-wrapper .login-form .login-logo {
      opacity: 0;
      max-width: 140px; }
    .login-wrapper .login-form h1 {
      font-size: 24px;
      color: #132482;
      margin-bottom: 40px;
      margin-top: 0; }
    .login-wrapper .login-form .p-relative {
      position: relative; }
    .login-wrapper .login-form .login-input {
      border: none;
      background: #f7f7f7;
      width: 85%;
      line-height: 32px;
      padding: 8px 10px 8px 50px;
      font-family: 'Poppins', sans-serif; }
      .login-wrapper .login-form .login-input::-webkit-input-placeholder {
        color: #666;
        font-family: 'Poppins', sans-serif;
        font-weight: 300; }
      .login-wrapper .login-form .login-input::-moz-placeholder {
        color: #666;
        font-family: 'Poppins', sans-serif; }
      .login-wrapper .login-form .login-input:-ms-input-placeholder {
        color: #666;
        font-family: 'Poppins', sans-serif; }
      .login-wrapper .login-form .login-input:-moz-placeholder {
        color: #666;
        font-family: 'Poppins', sans-serif; }
    .login-wrapper .login-form .icon-placeholder {
      position: absolute;
      left: 0;
      top: 0;
      line-height: 45px; }
      .login-wrapper .login-form .icon-placeholder:before {
        font-size: 16px;
        color: #666;
        margin-left: 20px; }
    .login-wrapper .login-form .forget-link, .login-wrapper .login-form .signin-link {
      color: #000;
      font-size: 13px;
      border-bottom: 2px solid #ddd;
      text-decoration: none;
      font-weight: 400;
      padding-bottom: 4px; }
      .login-wrapper .login-form .forget-link:hover, .login-wrapper .login-form .signin-link:hover {
        color: #999;
        border-bottom: 2px solid #000; }
    .login-wrapper .login-form .btn-login {
      text-transform: uppercase;
      color: #fff;
      background: #132482;
      border: none;
      border-radius: 30px;
      padding: 15px 60px;
      font-size: 12px;
      letter-spacing: 1px;
      font-weight: 600; }
      .login-wrapper .login-form .btn-login:hover {
        opacity: 0.9;
        cursor: pointer; }
      .login-wrapper .login-form .btn-login[disabled] {
        opacity: 0.3;
        pointer-events: none;
        cursor: default; }
  .login-wrapper .full-width {
    width: 100%;
    float: left; }
  .login-wrapper .m-b-10 {
    margin-bottom: 10px; }
  .login-wrapper .m-b-20 {
    margin-bottom: 20px; }
  .login-wrapper .m-b-30 {
    margin-bottom: 30px; }

.onlylogin, .onlyforgot {
  position: absolute;
  z-index: 100; }

.hide {
  display: none; }

.goleft {
  position: relative;
  z-index: 2;
  animation: goleftanimation 1s forwards;
  -webkit-animation: goleftanimation 1s forwards;
  -moz-animation: goleftanimation 1s forwards; }
  .goleft .fadetoleft {
    animation: fadeOutLeft .5s forwards;
    -webkit-animation: fadeOutLeft .5s forwards;
    -moz-animation: fadeOutLeft .5s forwards; }

.copyright-info {
  font-size: 10px;
  color: #6c757d;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 20px; }
  .copyright-info .fullmenu {
    display: block; }
  .copyright-info .minimenu {
    display: none; }

.password-requirements {
  margin: 0;
  float: left;
  width: 100%; }

.password-requirements ul {
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  display: table; }

.password-requirements ul li {
  float: left;
  font-size: 11px;
  margin-right: 15px;
  margin-top: 6px;
  font-weight: 500; }
  .password-requirements ul li:last-child {
    margin-right: 0 !important; }
  .password-requirements ul li .tickmark {
    display: inline-block;
    margin-right: 5px;
    margin-top: 1px;
    float: left; }
    .password-requirements ul li .tickmark:after {
      content: '';
      display: block;
      width: 4px;
      height: 4px;
      border: solid #ed1414;
      border-width: 0 2px 2px 0;
      transform: rotate(225deg);
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out; }
    .password-requirements ul li .tickmark:before {
      content: '';
      display: block;
      width: 4px;
      height: 4px;
      border: solid #ed1414;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out; }
  .password-requirements ul li.valid {
    color: #1fce13; }
    .password-requirements ul li.valid .tickmark {
      margin-right: 5px;
      margin-top: 2px;
      float: left; }
      .password-requirements ul li.valid .tickmark:after {
        content: '';
        display: block;
        width: 3px;
        height: 6px;
        border: solid #1fce13;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out; }
      .password-requirements ul li.valid .tickmark:before {
        content: '';
        display: none;
        width: 6px;
        height: 6px;
        border: solid #1fce13;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out; }
  .password-requirements ul li.invalid {
    color: #ed1414; }

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }
@-webkit-keyframes goleftanimation {
  0% {
    right: 0px; }
  100% {
    right: 40%; } }
@keyframes goleftanimation {
  0% {
    right: 0px; }
  100% {
    right: 40%; } }
.goleftposition {
  position: relative;
  z-index: 2;
  animation: goposanimation 1s forwards;
  -webkit-animation: goposanimation 1s forwards;
  -moz-animation: goposanimation 1s forwards; }
  .goleftposition .fadetoleft {
    animation: fadeOutLeft .5s forwards;
    -webkit-animation: fadeOutLeft .5s forwards;
    -moz-animation: fadeOutLeft .5s forwards; }

@-webkit-keyframes goposanimation {
  0% {
    left: 56%; }
  100% {
    left: 0px; } }
@keyframes goposanimation {
  0% {
    left: 56%; }
  100% {
    left: 0px; } }
.goright {
  position: relative;
  z-index: 1;
  animation: gorightanimation 1s forwards;
  -webkit-animation: gorightanimation 1s forwards;
  -moz-animation: gorightanimation 1s forwards; }
  .goright .fadetoright {
    animation: fadeOutRight .5s forwards;
    -webkit-animation: fadeOutRight .5s forwards;
    -moz-animation: fadeOutRight .5s forwards; }

@-webkit-keyframes gorightanimation {
  0% {
    left: 0px; }
  100% {
    left: 60%; } }
@keyframes gorightanimation {
  0% {
    left: 0px; }
  100% {
    left: 60%; } }
.gorightposition {
  position: relative;
  z-index: 2;
  animation: gorightposanimation 1s forwards;
  -webkit-animation: gorightposanimation 1s forwards;
  -moz-animation: gorightposanimation 1s forwards; }
  .gorightposition .fadetoleft {
    animation: fadeOutLeft .5s forwards;
    -webkit-animation: fadeOutLeft .5s forwards;
    -moz-animation: fadeOutLeft .5s forwards; }

@-webkit-keyframes gorightposanimation {
  0% {
    right: 40%; }
  100% {
    right: 0px; } }
@keyframes gorightposanimation {
  0% {
    right: 40%; }
  100% {
    right: 0px; } }
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0); } }
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0); } }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.login-form .onlylogin, .login-form .onlyforgot {
  width: 65%; }

.login-content.goright {
  border-radius: 0 10px 10px 0; }

/*icons*/
@font-face {
  font-family: "Loginicons";
  src: url("fonts/login-icons.eot");
  src: url("fonts/login-icons.eot?#iefix") format("embedded-opentype"), url("fonts/login-icons.woff") format("woff"), url("fonts/login-icons.ttf") format("truetype"), url("fonts/login-icons.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Loginicons";
    src: url("fonts/login-icons.svg#Flaticon") format("svg"); } }
[class^="loginicon-"]:before, [class*=" loginicon-"]:before,
[class^="loginicon-"]:after, [class*=" loginicon-"]:after {
  font-family: Loginicons;
  font-size: 20px;
  font-style: normal;
  margin-left: 20px; }

.loginicon-amplified-speaker:before {
  content: "\f100"; }

.loginicon-battery:before {
  content: "\f101"; }

.loginicon-battery-charging-status:before {
  content: "\f102"; }

.loginicon-brightness:before {
  content: "\f103"; }

.loginicon-calendar:before {
  content: "\f104"; }

.loginicon-camera:before {
  content: "\f105"; }

.loginicon-cassette:before {
  content: "\f106"; }

.loginicon-cd:before {
  content: "\f107"; }

.loginicon-chains:before {
  content: "\f108"; }

.loginicon-check:before {
  content: "\f109"; }

.loginicon-cinema-reel-video-camera:before {
  content: "\f10a"; }

.loginicon-circles:before {
  content: "\f10b"; }

.loginicon-circular-arrow:before {
  content: "\f10c"; }

.loginicon-circular-design:before {
  content: "\f10d"; }

.loginicon-circular-design-with-crown:before {
  content: "\f10e"; }

.loginicon-clock:before {
  content: "\f10f"; }

.loginicon-cloud:before {
  content: "\f110"; }

.loginicon-cloud-with-thunderbolt:before {
  content: "\f111"; }

.loginicon-cloudy:before {
  content: "\f112"; }

.loginicon-coffee-cup:before {
  content: "\f113"; }

.loginicon-cogwheel:before {
  content: "\f114"; }

.loginicon-compact-disc:before {
  content: "\f115"; }

.loginicon-compass:before {
  content: "\f116"; }

.loginicon-crop-tool:before {
  content: "\f117"; }

.loginicon-cross:before {
  content: "\f118"; }

.loginicon-crown:before {
  content: "\f119"; }

.loginicon-curve-arrows:before {
  content: "\f11a"; }

.loginicon-design:before {
  content: "\f11b"; }

.loginicon-diamond:before {
  content: "\f11c"; }

.loginicon-document:before {
  content: "\f11d"; }

.loginicon-dollar-symbol:before {
  content: "\f11e"; }

.loginicon-door-hanger:before {
  content: "\f11f"; }

.loginicon-double-arrow:before {
  content: "\f120"; }

.loginicon-double-arrow-1:before {
  content: "\f121"; }

.loginicon-double-arrows:before {
  content: "\f122"; }

.loginicon-downloading:before {
  content: "\f123"; }

.loginicon-eject-button:before {
  content: "\f124"; }

.loginicon-envelope:before {
  content: "\f125"; }

.loginicon-eye:before {
  content: "\f126"; }

.loginicon-fast-forward-button:before {
  content: "\f127"; }

.loginicon-fast-forward-button-1:before {
  content: "\f128"; }

.loginicon-file:before {
  content: "\f129"; }

.loginicon-film-camera:before {
  content: "\f12a"; }

.loginicon-fire:before {
  content: "\f12b"; }

.loginicon-flag:before {
  content: "\f12c"; }

.loginicon-folder:before {
  content: "\f12d"; }

.loginicon-four-squares:before {
  content: "\f12e"; }

.loginicon-full-battery:before {
  content: "\f12f"; }

.loginicon-half-battery:before {
  content: "\f130"; }

.loginicon-headphones:before {
  content: "\f131"; }

.loginicon-heart:before {
  content: "\f132"; }

.loginicon-home:before {
  content: "\f133"; }

.loginicon-leaf:before {
  content: "\f134"; }

.loginicon-left-arrow:before {
  content: "\f135"; }

.loginicon-left-arrow-1:before {
  content: "\f136"; }

.loginicon-light-bulb:before {
  content: "\f137"; }

.loginicon-line-chart:before {
  content: "\f138"; }

.loginicon-low-battery:before {
  content: "\f139"; }

.loginicon-magnification-lens:before {
  content: "\f13a"; }

.loginicon-map:before {
  content: "\f13b"; }

.loginicon-mathematical-operations:before {
  content: "\f13c"; }

.loginicon-microphone:before {
  content: "\f13d"; }

.loginicon-molecular-structure:before {
  content: "\f13e"; }

.loginicon-multiple-line:before {
  content: "\f13f"; }

.loginicon-music-controller:before {
  content: "\f140"; }

.loginicon-mute-button:before {
  content: "\f141"; }

.loginicon-newspaper-page:before {
  content: "\f142"; }

.loginicon-no-protection:before {
  content: "\f143"; }

.loginicon-padlock:before {
  content: "\f144"; }

.loginicon-padlock-1:before {
  content: "\f145"; }

.loginicon-paint-brush:before {
  content: "\f146"; }

.loginicon-paper-bag:before {
  content: "\f147"; }

.loginicon-paper-plane:before {
  content: "\f148"; }

.loginicon-paper-tray:before {
  content: "\f149"; }

.loginicon-paperclip:before {
  content: "\f14a"; }

.loginicon-pencil:before {
  content: "\f14b"; }

.loginicon-phone-auricular:before {
  content: "\f14c"; }

.loginicon-picture:before {
  content: "\f14d"; }

.loginicon-placeholder:before {
  content: "\f14e"; }

.loginicon-play-button:before {
  content: "\f14f"; }

.loginicon-quaver:before {
  content: "\f150"; }

.loginicon-rain:before {
  content: "\f151"; }

.loginicon-religion-stained-glass:before {
  content: "\f152"; }

.loginicon-rewind-button:before {
  content: "\f153"; }

.loginicon-rewind-button-1:before {
  content: "\f154"; }

.loginicon-right-arrow:before {
  content: "\f155"; }

.loginicon-right-arrow-1:before {
  content: "\f156"; }

.loginicon-round-socket:before {
  content: "\f157"; }

.loginicon-scissors:before {
  content: "\f158"; }

.loginicon-screen:before {
  content: "\f159"; }

.loginicon-screen-1:before {
  content: "\f15a"; }

.loginicon-select:before {
  content: "\f15b"; }

.loginicon-shield:before {
  content: "\f15c"; }

.loginicon-shopping-cart:before {
  content: "\f15d"; }

.loginicon-shuffle:before {
  content: "\f15e"; }

.loginicon-signal:before {
  content: "\f15f"; }

.loginicon-smartphone:before {
  content: "\f160"; }

.loginicon-snowflake:before {
  content: "\f161"; }

.loginicon-spand-arrows:before {
  content: "\f162"; }

.loginicon-speaker:before {
  content: "\f163"; }

.loginicon-speech-balloon:before {
  content: "\f164"; }

.loginicon-speech-balloon-1:before {
  content: "\f165"; }

.loginicon-speech-balloons:before {
  content: "\f166"; }

.loginicon-square:before {
  content: "\f167"; }

.loginicon-square-1:before {
  content: "\f168"; }

.loginicon-squares:before {
  content: "\f169"; }

.loginicon-stamp:before {
  content: "\f16a"; }

.loginicon-star:before {
  content: "\f16b"; }

.loginicon-stop-button:before {
  content: "\f16c"; }

.loginicon-symbol:before {
  content: "\f16d"; }

.loginicon-t-shirt:before {
  content: "\f16e"; }

.loginicon-tag:before {
  content: "\f16f"; }

.loginicon-target:before {
  content: "\f170"; }

.loginicon-telephone-receiver:before {
  content: "\f171"; }

.loginicon-thunderbolt:before {
  content: "\f172"; }

.loginicon-trash:before {
  content: "\f173"; }

.loginicon-trophy:before {
  content: "\f174"; }

.loginicon-umbrella:before {
  content: "\f175"; }

.loginicon-user:before {
  content: "\f176"; }

.loginicon-user-1:before {
  content: "\f177"; }

.loginicon-wallet:before {
  content: "\f178"; }

.loginicon-world:before {
  content: "\f179"; }