:root {
    /*===== Colores =====*/
   /* --first-color: #1a73e8;*/
    --input-color: #80868b;
    --border-color: #dadce0;
  
    /*===== Fuente y tipografia =====*/
    --body-font: "Roboto", sans-serif,Arial;
    --normal-font-size: 1rem;
    --small-font-size: 0.75rem;
  }

* {
    margin: 0;
    /*padding: 0;*/
    box-sizing: border-box;
    font-family: "Ubuntu", sans-serif,Arial;
  }
  
  body {
  /*  background-image: linear-gradient(120deg, #3498db, #8e44aa); */
    /* background: url(../images/signUp/img.jpg) no-repeat center; */
    min-height: 100vh;
	
  }

/*body {
  /*  background-image: linear-gradient(120deg, #3498db, #8e44aa); */
    /* background: url(../images/signUp/img.jpg) no-repeat center; */
  /*  background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
	
  }
  */
  .login-form {
    max-width: 450px;
	
    /*margin: 0 0;*/
    background-color: #ffffff;
    padding: 5px 30px 10px;
    border-radius: 10px;
   /* position: relative;*/
	float:left;
	margin-left:638px;				

  }
 /* .formContainer
  {
  
  max-width:450px;
  min-width:450px;
  z-index:1;
  }
  */
  .login-form h3 {
    text-align: center;
	margin: 0 0;
  }
  .login-form h1 {
    text-align: center;
    margin: 5px 0;
    font-size: 15pt;
    color: #bc252a;
  }
  .login-form h2 {
    text-align: center;
    font-size: 12pt;
	margin: 10px 0;
  }
.login-form label{
    display: inline-block;
    margin-bottom: 5px;
	font-size:12pt;
}
.flex-heading {
	display: grid;
    grid-template-columns: 20% 80% ;
    grid-gap: 0px;
	padding: 0px 0px 10px 0px;
	
}

.form__headdiv {
    position: relative;
    width: 100%;
    height: 40px;
    border: none;
    background-color: #fff;
    border-radius: 0px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 0px 0 0px 20px;
    margin-bottom: 3.5rem;
	text-align:center;
  }
  .flex-containerer {
     display: flex; 
   /* display: grid;*/
    grid-template-columns: 0.5fr 0.5fr ;
    grid-gap: 1px;
  }
  .flex-containercaptch {
     display: flex; 
    /* display: grid;*/
    grid-template-columns: 0.5fr 0.5fr ;
    grid-gap: 1px;
  }
  .flex-container {
    /* display: flex; */
    display: grid;
    grid-template-columns: 1fr  ;
    grid-gap: 1px;
  }
  
  
  .form__div {
    position: relative;
    width: 100%;
    height: 40px;
    border: none;
    background-color: #fff;
    border-radius: 4px;
    color: #333;
    font-size: 15pt;
    font-weight: 500;
    padding: 10px 40px 0 5px;
    margin-bottom: 0.5rem;
	
	
  }
  .form__input {
    position: absolute;
    top: 0;
    left: 0;
	right:0;
    width: 100%;
	height:100%;
    
    font-size: var(--normal-font-size);
    border: 1px solid var(--border-color);
    border-radius: 0.2rem;
    outline: none;
     padding: 1rem; 
  /*  padding: 5px 45px 5px 10px;*/
    background: none;
    /* background-color: #fff; */
    z-index: 1;
  }
  .form__label {
    position: absolute;

    left:1rem;
    top: 1rem;
    padding: 0 0.25rem;
    background-color: #fff;
	color:#000000;
    /*color: var(--input-color);
    font-size: var(--normal-font-size);*/
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
    transition: 0.3s;
  }
  .form__labelCaptch {
    position: absolute;
    top: 1rem;
	left:1rem;    
    background-color: #fff;
	color:#000000;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
    transition: 0.3s;
	
	
  }
  .form__input:focus + .form__label {
    top: -0.5rem;
    left: 0.8rem;
    color: var(--first-color);
    font-size: var(--small-font-size);
    font-weight: 300;
    z-index: 10;
	
  }
  .form__input:focus + .form__labelCaptch {
    top: -1rem;
    left: 0.8rem;
    color: var(--first-color);
    font-size: 10px;
    font-weight: 400;
	font-family: 'Poppins', sans-serif;
    z-index: 10;
	
	
  }
  .form__input:not(:placeholder-shown).form__input:not(:focus) + .form__labelCaptch {
    top: -1rem;
    left: 0.8rem;
   font-size: var(--normal-font-size);
   font-weight: 500;
    z-index: 10;
	

  }
  /*Input focus sticky top label*/
  .form__input:not(:placeholder-shown).form__input:not(:focus) + .form__label {
    top: -0.5rem;
    left: 0.8rem;
   font-size: var(--normal-font-size);

    font-weight: 500;
    z-index: 10;
	

  }
  
  /*Input focus*/
  .form__input:focus {
    border: 1.5px solid var(--first-color);
	
  }

  .form__input:disabled {
    background-color: rgba(255, 255, 128, .5);
    /* background: repeating-linear-gradient(45deg, #4BC87F, #4BC87F 15px,  #29668A 0, #29668A 30px); */
    /* color: #bc252a; */
    border: 2px solid #f1c40f;
  }
  .show-password {
    position: absolute;
    right: 20px;
    top: 0;
    line-height: 50px;
    color: #9d9d9d;
    font-size: var(--normal-font-size);
    cursor: pointer;
    z-index: 1;
	
  }

  .btn {
    display: block;
    width: 100%;
    height: 40px;
    /* margin: 20px auto; */
    background-color: #bc252a;
    color: #fff;
    font-size: 1rem;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s linear;
  }
  .btn:hover {
    opacity: 0.85;
  }
  .btn:disabled {
    background-color: transparent;
    color: #ddd;
    border: 2px solid;
  }
  .center-box {
    position: absolute;
    top: 90%;
    
    border-color: orangered;
  }
  .center-box div {
    width: auto;
    height: auto;
    /* background: #3498db; */
    overflow: hidden;
    margin: 8px 0;
    color: #155724;
    border-radius: 10px;
    /* z-index: -1; */
  }
  .center-box p {
    float: left;
    margin: 0;
    padding: 0 15px;
    font-size: 2px;
    font-weight: 100;
    line-height: 30px;
  }
  .m1 {
    /* background: #68eea0; */
    /* border: 2px solid #2ecc71; */
    /* color: #155724; */
    background-color: #d4edda;
    border-color: #c3e6cb;
  }
  .swal-overlay {
    background-color: rgba(43, 165, 137, 0.45);
  }
  
  /* Start by Anita Senapati*/ 
  .icon-class.formContainer {font-family: 'Poppins', sans-serif!important;}
   @media (min-width:1099px){
  .formContainer{max-width:350px;min-width:350px;z-index:1;/* border-radius: 5px; */}

  .form-absolute{position:absolute;top: 5px;}
  .form-fixed{position:fixed;}
  .form-relative{position:relative;top:12px;}
  .form-position-left{left:50%;margin-left:-585px;}
  .form-position-right{right:50%;margin-right: -600px;/* border-radius: 5px; */z-index: 9;box-shadow: 0 0 10px #000;}
  .resentVerification.text-center {text-transform: uppercase;margin-top: 2px;/* position: absolute; */bottom: 5px;z-index: 9999;right: 20px;}
  .center-link {text-align: left;display: inline-block;position: relative;}
  }
  @media (max-width: 1099px)
 {
  .step_con
 	{
    flex-direction: column;
	width:300px;	
   /* justify-content: center;*/
	
	
	}
}
 @media (max-width: 1099px)
 {
.comm_step::before
{
display:none;


  /*content:'';
  float:inherit;
  height:160px;
   background-color:#8a8a8a;
  top: -80px;
  right:44%;
  transform:translate(50% 50%);
  z-index:999;
  -webkit-transform: translate(50% 50%);
  */
}
}
 @media (max-width: 1099px)
 {
p.step_d,.comm_step,p.step_p
{
	width:300px;
}

}
@media (max-width: 1099px)
 {
	p.img_icon
	{
		
		align-items: center;
		position:absolute;
	}

}
   /* Start by Anita Senapati*/