﻿@font-face {
    font-family: 'FiraSans-Bold';
    src: url('../fonts/FiraSans-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'FiraSans-Regular';
    src: url('../fonts/FiraSans-Regular.otf') format('opentype');
}


html,body{
    font-family: 'FiraSans-Regular';
}

 .login,
    .image {
        min-height: 100vh;
    }

    .bg-light {
    background-color: #f8f9fa!important;
}
    .shadow-v2 {
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
}

    .login-heading {
        font-weight: 300;
    }

    .btn-login {
        font-size: 0.9rem;
        letter-spacing: 0.05rem;
        padding: 0.625rem 1.25rem;
    }

    .form-label-group {
        position: relative;
        margin-bottom: 1rem;
    }

        .form-label-group > input,
        .form-label-group > label,
        .form-label-group > select
         {
            padding: 0.625rem 1.25rem;
            height: auto !important;
        }

        .form-label-group >label {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            margin-bottom: 0;
            line-height: 1.5;
            color: #495057;
            cursor: text;
            border: 1px solid transparent;
            border-radius: .25rem;
            transition: all .1s ease-in-out;
        }

        .btn-danger {
    color: #fff;
    background-color: #990033;
    border-color: #990033;
}

  .login-form{
      padding: 20px;
    background: #fff;
    border-radius: 30px;
  }

  .login-card{
      border:none !important;
  }

  .login-card .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.login-card .card-header {
    background: #fff;
    border-bottom-color: transparent;
    padding: 15px 30px;
}

.login-card  .card-body {
    padding: 1.875rem;
    position: relative;
}

.input-group-text{
        background: #ffffff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding-left: 15px;
    padding-right: 15px;
    color: #9192a3;
    border-color: #e4e4e7;
}

.form-control{
    border-left:none !important;
    border:1px solid #e4e4e7;
    border-radius:0.25rem;
    height: inherit;
    padding: 0.625rem 1.25rem;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #e4e4e7;
    outline: 0;
    box-shadow: none !important;
}

.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.form-icon{
    width:20px !important;
}