//Style for modal window


.modal {
  //display: none; /* Hidden by default */
  //position: fixed; /* Stay in place */
  //z-index: 1; /* Sit on top */
  //padding-top: 200px; /* Location of the box */
  //left: 0;
  //top: 0;
  //width: 100%; /* Full width */
  //height: 100%; /* Full height */
  //overflow: auto; /* Enable scroll if needed */
  //background-color: rgb(0,0,0); /* Fallback color */
  //background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/*
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
*/
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}


      .vertical-alignment-helper input[type=text],
      .vertical-alignment-helper input[type=email],
      .vertical-alignment-helper input[type=password]{

        border: 1px solid #C2C7D0;
        border-top-color: rgb(194, 199, 208);
        border-right-color: rgb(194, 199, 208);
        border-bottom-color: rgb(194, 199, 208);
        border-left-color: rgb(194, 199, 208);
        border-radius: 5px;
        box-shadow: inset 0 1px 2px rgba(151,159,175,0.1),inset 0 1px 15px rgba(151,159,175,0.05);
        box-sizing: border-box;
        color: #39424e;
        display: inline-block;
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 10px;
        padding: 7px 10px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        font-weight: 500;
      }

      .a2{

        border: 1px solid #C2C7D0;
        border-top-color: rgb(194, 199, 208);
        border-right-color: rgb(194, 199, 208);
        border-bottom-color: rgb(194, 199, 208);
        border-left-color: rgb(194, 199, 208);
        border-radius: 5px;
        box-shadow: inset 0 1px 2px rgba(151,159,175,0.1),inset 0 1px 15px rgba(151,159,175,0.05);
        box-sizing: border-box;
        color: #39424e;
        display: inline-block;
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 10px;
        padding: 7px 10px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        font-weight: 500;
      }

      .a21{

        border: 1px solid #C2C7D0;
        border-radius: 5px;
        box-shadow: inset 0 1px 2px rgba(151,159,175,0.1),inset 0 1px 15px rgba(151,159,175,0.05);
        box-sizing: border-box;
        color: #39424e;
        display: inline-block;
      }


      .modal-form-group{
        margin-top: 15px;
        margin-bottom: 15px;
        position: relative;
      }

      .modal-form-group .input-icon{
        position: absolute;
        z-index: 1;
        left: 8px;
        top: 8px;
        color: #979faf;
        font-size: 26px;
      }

      .modal-form-group .modal-form-input{
        display: block !important;
        padding: 8px 8px 8px 45px !important;
        height: auto;
        width: 450px;
      }

      .modal-form-group .modal-form-input:focus{
        border-color: #0f9d58;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(78, 236, 141, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(78, 236, 141, 0.6);
      }

      .modal-form-group .modal-form-input.error-focus, .modal-form-group .modal-form-input.error-focus:focus{
        border-color: #ef1313;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(177, 74, 71, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(177, 74, 71, 0.6);
      }

      .modal-form-group .modal-form-input::placeholder{
        color: #999;
        font-weight: 400;
        font-size: 16px;
      }

        .login-modal-div .modal-content{
          width: 90%;
        }

        .modal-form-group .modal-form-input{
          width: 100%;
        }

      .login-modal-div div.input-error{
        font-size: 12px;
        color: #b71c1c;
        letter-spacing: 0.83;
        text-align: left;
        position: relative;
        bottom: 10px;
        font-weight: 500;
      }

      .a1{
        font-size: 12px;
        color: #b71c1c;
        letter-spacing: 0.83;
        text-align: left;
        position: relative;
        bottom: 10px;
        font-weight: 500;
      }