body {
     margin: 0px;
 }
 
 .lctc {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .login_page_container {
     position: fixed;
     width: 100%;
     height: 100%;
     background:white;
     /*background-image:linear-gradient(to bottom right, #1399cc,#004084);*/

 }

 .login_popup {
     width: 960px;
     max-width: 90%;
     height: auto;
     display: grid;
     grid-template-columns: 45% 55%;
     font-family: 'Lato', sans-serif;
     letter-spacing: 1px;
     line-height: 1;
     box-shadow: 0 0 30px -5px black;
     overflow: hidden;
 }

 .blocks {
     padding: 20px 0px;
     box-sizing: border-box;
     height: 100%;

 }

  .left {
     display: grid;
/*     grid-template-rows: 200px max-content;*/
     grid-template-rows: auto;
     background-color: white;
     justify-content: center;

 }

 .company_logo_container {
     position: relative;
     width: 100%;
     /*background-color: white;*/
    
 }

 .company_logo {
     height: 130px;

 }

 .company_caption {
     font-weight: 700;
     font-size: 18px;
     color: black;

 }


 .right {
    /*background-color: white;*/
     display: grid;
     grid-template-rows: 100px max-content auto;
     text-align: center;
     /*justify-content: center;*/
     /*border-radius:  50px 0px 50px 0px;*/
    /*background-image: linear-gradient(to bottom right,#4e4e8c,#2c2a35);*/
    background-image: linear-gradient(to bottom right,#75d4de,grey);
     /*background-color:#74b7be;*/
 }

 .product_logo_container {
     position: relative;
     justify-self: center;
     margin-top: 50px;
     width: 100%;
 }

 .product_logo {
     width: 50%;

 }

 .product_caption {
    position: relative;
    justify-self:center;
    text-align: left;
    width: 60%;
    font-size: 18px;
    color:  #6490c6;
    margin-top:40px;
    color: #49497f;
 }

 .login_form_container {
     position: relative;
     justify-self: center;
     width: 60%;
     margin-bottom: 80px;
 }

.login_form {
     width:100%;

 }

 .login_form .input_container {
     position: relative;
     width: 100%;
     margin: 30px 0px;
    border-bottom: 1px solid #49497f;
     /*border-radius: 5px;*/
      /*box-shadow: 0 0 15px -5px grey;*/
     /*overflow: hidden;*/

 }

 /*.login_form .input_icon {
     position: absolute;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 45px;
     height: 45px;
     background-color: #333;
     border: none !important;
     outline: 0 !important;
     color: white;

 }*/

 .login_form input {
     width: 100%;
     height: 40px;
     background-color: transparent;
     outline: none;
     border:none;
     color:#c63c48!important;
  /*   padding-left: 50px;
     box-sizing: border-box;*/

 }

 .login_form input::-webkit-input-placeholder { /* Edge */
  color: #c63c48;
}

.login_form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c63c48;
}

.login_form input::placeholder {
  color: #c63c48;
}

 .login_form select {
     width: 100%;
     height: 40px;
     background-color: transparent;
     outline: none;
     border:none;
    /*color: #e1848c;*/
    color: #c63c48;
}

.login_form select option[selected='selected'] {
    color: #c63c48!important;
}

 .login_button {
     width: 150px;
     background-color: #49497f; 
     /*margin-top: 10px;  */
     color: white;
     border: 1px solid #49497f;   
     border-radius: 75px;
     height: 45px;
     cursor: pointer;
     transition: all 0.3s;
 }

 .login_button:hover {
     background-color:#2d2d71;
     /*color: #999;   */
 }
 .social_icons{
    position: relative;
    width: 95%;
    text-align: right;
    color: white;
 }
 .icons_grid{
    position: relative;
    float: right;
    width: 100px;
    display: grid;
    grid-template-columns: auto auto auto auto;
    color: white;
 }
  .icons_grid a{
    color:#49497f;
 }
 @media(max-width:830px) {

     .blocks {
         padding: 0px 0px 15px 0px;
         box-sizing: border-box;
         height: auto;

     }
     .left{
        grid-template-rows: 80px auto;
         height: 80px;
     }
     
     .company_logo{
         height:70px;
     }

     .welcome{
         font-weight: 700;
         font-size: 12px;
         color: black;

     }

     .company_caption {
         font-weight: 700;
         font-size: 14px;
         color: black;

     }


     .login_popup {
        top:45%;
         grid-template-columns: auto;
         grid-template-rows: max-content auto;
     }
     .login_form_container {
        margin-bottom: 30px;
     }

     .login_form button {
         width: 300px;
         max-width: 100%;
     
     }
      .login_form input{
         /*width: 300px;*/
         max-width: 100%;
     
     }

     .product_logo {
         width: 180px;

     }
 }