* {
    box-sizing: border-box;
}

input[type=checkbox] {
    margin-right: 4%;
    cursor: pointer;
    /* font-size: var(--font-xl); */
    /* width: 15px;
    height: 12px; */
    position: relative;
  }
  
  input[type=checkbox]:after {
    position: absolute;
    /* width: 1vw;
    height: 2vh; */
    top: 0px;
    content: " ";
    background-color: #276686;
    color: #fff;
    display: inline-block;
    visibility: visible;
    padding: 0px 3px;
    border-radius: 3px;
  }

  .Remember  {

  position: absolute;
  top: 5px;
}
  
  input[type=checkbox]:checked:after {
	  content: "✓";
	  /* font-size: 12px; fontsize */
  }

.container {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    margin: 0px;
    padding: 0px;

}

[class*="box--"] {
    display: flex;
    /* margin: .25rem; */
    /* height: 2rem; */
    /* padding: .25rem;
    color: white; */
}

.box--full {
    background: red;
    flex: 1 1 100%;
    
}

.box--halfl {    
    flex: 1 1 75%;
    height: 100vh;
    text-align: center;
}
.box--halfr {    
    background-color: #e9f1ea;
    flex: 1 1 20%;
    height: 100vh;
    position: relative;

}

#indexbody {
    /* background: linear-gradient(to right, #243646, #617e8a); */
     overflow: hidden;
     height: 100vh;
     font-size: var(--font-m);
     min-height: 565px !important;
     min-width: 1365px !important;
     overflow: hidden; 
}
.indicator_div {
    display: flex; justify-content: center; align-items: center;
    background: linear-gradient(to right, #243646, #617e8a);
}
 .height50vh {
    height: 50vh;
 }
 #login_form {
    color: black; padding: 18px; width: 100%;
 }
 .headingText {
    text-align: left; font-weight: bold; font-size: var(--font-xxxl); color: #276686; font-family: emoji;
 }
 .marginTop {
    /* margin-top: 2.6vh; */
    margin-top: 4vh;
 }
 /* .marginTopWithBold {
    margin-top: 2.6vh;font-weight: bold;
 } */
 .absoluteSpan {
    position: absolute; bottom: 2px; color: black;
 }
 .fontSizeIcon {
    font-size: var(--font-xxl) !important;
 }
 .inputField {
    background: #e9f1ea; border-top:none; border-right:none;border-left:none; font-size: var( --font-l); border-bottom: 1px solid #afbbb187;border-radius: 0px; color: black; margin-left: 5%; height: 22px; width: 100%;
 } 
 .rightWithAbsolute {
    position: absolute; right: 16px; bottom: 2px;
 }
 .pointerBlack {
    font-size: var(--font-xl) !important; cursor: pointer;color: black;
 }
 #sign_in {
    background-color: #c0c5c2d1; border-color:#c0c5c2d1;height: 7vh; width: 100%; float: left;
 }
 .footerDiv {
    width: 100%; text-align: center; position: absolute; bottom: 3px;
 }
 .ColorBoldDiv{
    color: #276686; font-weight: bold;
 }
.ColorBoldDivTop {
    color: #276686;font-weight: bold;margin-top: 3px;
 }
.padding22px {
    padding: 22px;
 }