html, body, {
  /*  position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;*/
}

/* For Mobile */
@media screen and (max-width: 750px) {
    .box {
   height:100vh;
   display: flex;
  flex-direction: column;
  justify-content: space-between;
    }
}

/* For Tablets */
@media screen and (min-width: 750px) and (max-width: 1366px) {
    .box {
        height:100vh;
		display: flex;
  flex-direction: column;
  justify-content: space-between;
    }
}


#parent-div{

}

#content1{
	
}
#content2{
margin-bottom:5%;
margin-top:5%;

}

#content3{

}

.green{
color: /*#86bd4f;*/ #83c059;
}

.formContainer{
	margin-bottom: 60px;
}

/* Footer */

.bg-footer
{
    background-color:#83c059;
	margin-bottom: 0px;
	/*margin-top: 20px;*/
	    /*height: 60px;*/
		height:auto;

}

.login_btn{
	background-color: #83c059;
    border-color: #83c059;
}

.icon_input_color{
	background-color: #83c059;
    border: 1px solid #83c059;
	color: #fff;
}

.login_box_header{
	    background-color: #83c059;
    color: #fff;
}


/* heeader */


#parent {
  display: flex;
      display: -ms-flexbox;

  align-items: flex-start;

}
#first_row {
  width: 5%;
  background: #83c059;
  height: 6%;
  
  /* Just so it's visible */
}
#first_row::before{
   content: "\200B";
}
#second_row {
  width: auto;
  
/*background-image: url("logoG.jpg");*/
align-self: stretch;
 /*background-image: url(logoG.jpg);
    background-color: #83c059; background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;*/
  /* Just so it's visible */
}
#third_row {
  flex: 1;
  /* Grow to rest of container */
  background: #83c059;
  height: 6%;
  /* Just so it's visible */
  
}

a .lang_link { color: #fff; }


/* langauge icons */

.frame {

    white-space: nowrap; /* this is required unless you put the helper span closely near the img */
   padding-right:5%;
    text-align: right;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE 10 or greater*/
  .helper {
    display: inline-block;
    height: 6%;
    vertical-align: middle;
	
}
#first_row {height: 6vh;}
}

@supports (-ms-accelerator:true) {
  /* IE Edge 12+ CSS styles go here */ 
   .helper {
    display: inline-block;
    height: 6%;
    vertical-align: middle;
	
}
#first_row {height: 6vh;}
}

.lang_img {
    
    vertical-align: middle;
   max-height: 29px;
    max-width: 66px;