/*
*
|  Page Name       : user_login.css
|  Description     : css for login page
|  Created by      : May Altamerano
|  Date Created    : August 2018
|  Last Update by  : Vens Ballesteros
|  Last update     : July 2020
*
*/

.caption-animate .item.active .carousel-caption {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background: rgba(0, 0, 0, 0.7);
}

.caption-animate  .item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.caption-animate .item .carousel-caption.fadeInLeft {
  opacity:0;
}



.toggleHeading {
	animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -moz-transition: none !important;
}

.toggleCaption {
	animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -moz-transition: none !important;
}
.carousel, .item, .active {
height:100%;
}
.carousel-inner {
height:100%;
}
.carousel {
margin-bottom: 60px;
}
.carousel-caption {
z-index: 10;
}
.carousel .carousel-inner .bg {
  background-repeat:no-repeat;
  background-size:cover;
}
.carousel .carousel-inner .bg1 {
  /* background-image:url('../images/login/pic7.png'); */
  /* background-position: center top; */
  height: 100%;
  width: 100%;
  object-fit: cover;
}
/* .carousel .carousel-inner .bg2 {
  background-image:url('../images/login/pic6.png');
  background-position: center center;
}
.carousel .carousel-inner .bg3 {
  background-image:url('../images/login/rc1.png');
  background-position: center bottom;
} */
.-bg_container{
  height: 100%;
  display: inline;
  overflow: hidden;
  padding: 0;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}


.-lnk2{
  color: #ACACAC;
  margin-bottom: 6px;
  font-weight: 600;
}

.-aln {
  left: 170px;
  top: 430px;
  position: absolute;
}
.-bckrnd {
  background-color: #ffffff;
  width: 100px;
  height: auto;
}
.-login_logo{
  height: 200px;
  width: 300px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 3% 14%;
  object-fit: contain;
}

body{
  padding: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
}

*{
  margin: 0px;
  padding: 0px;
}
.-login.-main_layout{
  height: 100vh;
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: flex;
}
.-vector_divider.-sidebar{
  flex: 8;
  /* padding: 100px 100px 50px 100px; */
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.-vector_divider.-defualt{
  flex: 8;
  /* padding: 100px 100px 50px 100px; */
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  display: flex;
}
.-form_divider.-sidebar{
  flex: 4;
  position:relative;
  -webkit-box-shadow:0px 9px 3px 0px rgba(207, 211, 218, 0.35)!important;
  box-shadow:0px 9px 3px 0px rgba(207, 211, 218, 0.35)!important;
}
.-img.-login{
  min-width: 400px;
  max-width: 85%;
  height: auto;
}
.-form_login{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  padding-bottom:15vh;
}
.-main_header{
  margin-bottom: 40px;
  text-align: center;
}
.-txt_title{
  margin-top: 0px;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}
.-txt_subtitle{
  font-size: 18px;
  font-weight: 400;
}
.-frm_grp_field{
  width: 80%;
  margin-bottom: 20px;
}
.-frm_grp_field .-input_lg{
  background-color: #F7F7F7;
}
.input-group{
  width: 100% !important;
}
.-lnk{
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 14px !important;
  text-align: center;
}
.-alert_login{
  margin: 20px 40px;
}
.-cloud_left{
  height: auto;
  width: 300px;
  position: absolute;
  top: -10px;
  left: 50px;
   -webkit-animation: slide 40s linear -500s infinite;
   z-index: -1;
}
.-airplane{
  height: auto;
  width: 400px;
  position: absolute;
  top: -80px;
  left: 400px;
   -webkit-animation: slide 45s linear -1000s infinite;
   z-index: -1;
}
.-cloud_right{
  height: auto;
  width: 300px;
  position: absolute;
  top: 0px;
  right: 700px;
   -webkit-animation: slide 30s linear -400s infinite;
   z-index: -1;
}
.-sun{
  height: auto;
  width: 300px;
  position: absolute;
  top: 60px;
  right: 30px;
}

/* animations */
@-webkit-keyframes slide {
  from{
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to{
    background-position:1000px 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }
}



/* slide forgot password */


.-txt_forgot_pas {
  font-size: 20px;
  line-height: 1.42857143;
  color: #000000;
}
.-txt_forgot_sub {
  font-size: 14px;
  line-height: 1.42857143;
  color: #b7b7b7;
}

.-algn {
  text-align: center;
}
/* .-version{
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-decoration: underline !important;
  font-size: 14px;
} */
.-version {
  font-style: italic;
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 12px;
  padding: 20px 0px 20px 20px;
  text-align: center;
}
.-forgot_password {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.-forgot_password .-login_logo{
  margin-top:-150px;
  margin-left:14%;
  margin-right:14%;
}
.w3-animate-right {
  position:relative;
  animation:animateright 0.9.5s;
}
  @keyframes animateright{
  from{right: -700px;
}

to {
  right:0;opacity:1;
}
}

.-show_pass{
  position: absolute;
  font-size: 15px;
  z-index: 1000;
  top: 40%;
  right: 10px;
}
a.-show_pass
{
   text-decoration: none !important;
}