/*!

 =========================================================
 * Login Form Bootstrap 1
 =========================================================
*/
    body {
        display: flex;
        align-items: center;
        background-image: linear-gradient( to right, #2c3e60, #2c3e50);
    }

    html, body{
      height: 100%;
    }
    a{
      color: lightsteelblue;
      text-decoration: none;
    }
    a:hover{
      color: lightslategrey;
    }
    .uf-form-signin {
        width: 100%;
        max-width: 350px;
        padding: 15px;
        margin: auto;
    }
    .uf-input-group .input-group-text {
        background: #ffffff70;
        color: #f8f9fa;
        border: unset;
        font-size: 18px;
        padding: 15px;
        width: 50px;
    }

    .uf-input-group .form-control {
        border: unset;
        border-left: 1px solid #ffffff05;
        font-size: 16px;
        background: #ffffff70;
    }

    .uf-input-group .form-control:focus {
        box-shadow: unset;
        background: #ffffff;
    }
    .uf-btn-primary {
        background: lightsteelblue;
        color: #fff;
    }

    .uf-btn-primary:hover {
        background: lightslategrey;
        color: #fff;
    }

    .uf-form-check-input:checked {
        background-color: lightslategrey;
        border-color: lightslategrey;
    }

    .uf-social-login .uf-social-ic+.uf-social-ic{
      margin-left: 15px;
    }
    .uf-social-ic{
      width: 40px;
      height: 40px;
      background: #fff;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .uf-social-ic:hover{
      background: lightslategrey;
    }
    .uf-social-ic:hover i{
      color: #fff;
    }