button:focus:not(.focus-visible), input:focus:not(.focus-visible) {
  outline: 0;
  box-shadow: none;
}
/* ID details*/
body {
    font-family: 'Poppins' initial; font-size: 15px;
}

.delete-btn{
    color: #dc3545;
}

.fa{
    width: 10px;
    height: 10px;
  }
.user-data{
    padding: 1.5rem 2.2rem;
  }

.name-card{
    background-color: #efefef;
}
.name-tag p, .name-tag i{
    color: black;
}
.input p{
    color: black;
}
.input input, update-wrap button, delete-wrap button{
    border-radius: 0.3rem;
}
.update-wrap{
    margin-right: 8rem;
}
.delete-wrap{
    margin-left: 8rem;
}
.danger-btn, .update-btn{
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-0 p{
    color: black;
}
.back-link p{
    font-size: 20px;
    color: black;
}
.back-link p:hover{
    text-decoration: underline;
}

.btn{
  margin-bottom: 1.2rem;
}
/* End of ID details*/

/* Login*/
.btn-color{
    background-color: #0e1c36;
    color: #fff;
    
  }
  .btn-color:hover{
    background-color: #fff;
    color: #0d6efd;
    
  }
  .profile-image-pic{
    object-fit: cover;
    margin-top: 1rem;
  }
  
  .cardbody-color{
    background-color: #f1f1f1;
  }
  
  a{
    text-decoration: none;
  }
  /* End of Login*/

  /* Landing*/
    .table-card p{
      color: black;
      font-weight: 400;
      font-size: 0.83rem;
  }
  .table-card .p-upi{
    font-size: 12px;
    padding-top: 1.2rem;
  }
  .table-card .p-name{
    font-size: 12px;
    padding-top: 1.2rem;
  }
  .table-card .p-hosp{
    font-size: 12px;
    padding-top: 1.2rem;
  }
  .table-card button{
      font-size: 12px;
      font-weight: 500;
  }
  .upi-btn{
      right: 22px;
      padding: 0.09rem 0rem;
  }
  .pgtn{
      float: right;
      padding-right: 1.3rem;
      padding-top: 1rem;
  }
  a{
      text-decoration: none;
  }
  .profile-btn{
      margin-bottom: 0px;
  }
  .profile-button{
      justify-content: center;
  }
  .profile-name{
      font-weight: 600;
      font-size: 13px;
  }

  .dropdown-item:focus, .dropdown-item:hover {
    color: white;
    background-color: #0d6efd;
  }
  .search-ul{
      list-style: none;
      padding-left: 0px;
  }
  .sidenav-header p{
      font-size: 15px;
      font-weight: 400;
  }
  .drpdwn{
      font-size: 12px;
      font-weight: 500;
  }
  .profile{
      position: relative;
  }
  .dropdown-content, .dropdown-content2 {
    display: none;
    position: relative;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
    left: -3.7rem;
    border-radius: 1rem;
  }
  
  .dropdown-content a, .dropdown-content2 a {
    color: black;
    padding: 2px 4px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    text-align: center;
    border-radius: 1rem;
  }

  .dropdown-content a:hover, .dropdown-content2 a:hover{
    background-color: #0d6efd;
    color: white;
  }
  
  .search-dropdown a:hover {background-color: #ddd;}
  
  .showw, .showw2 {display: block;}
  .dropbtn {
    background-color: #dfe4e9;
    color: black;
    padding: 0.5rem 1rem;
    font-size: 14px;
    border: none;
    cursor: pointer;
    position: relative;
    left: -1rem;
  }
  
  .dropbtn:hover, .dropbtn:focus {
    text-decoration: underline;
  }
  
  #myInput, #myInput2 {
    box-sizing: border-box;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 14px;
    padding: 8px 37px 8px 15px;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 1rem;
  }
  #myInput:focus, #myInput2:focus {outline: 3px solid #ddd;}
  
  .search-dropdown {
    position: relative;
    display: inline-block;
  }

  span .select2-selection{
    margin: .5rem;
  }
  input .select2-search__field{
    font-size: 10px !important;
  }
  span .select2-results{
    font-size: 10px !important;
  }
  span .select2-selection__rendered{
    padding-left: .2rem !important;
    font-size: 10px !important;
  }
  .select2-selection__arrow{
    margin: .5rem 0rem 0rem 30rem;
    /* margin-right: 3rem; */
  }
  span .select2-container{
    width: 100% !important;
  }
  span .select2-selection{
    width: 180px !important;
  }
  #expiryPicker{
    flex: 0 0 auto;
    width: 18%;
    margin-left: 69.5%;
    
  }
  #expiryPickerLabel{
    margin-left: 69.5%;
  }
  #expiryUpdate{
    flex: 0 0 auto;
    width: 8.33333333%;
    margin-top: .5%;
    padding-left: 0px !important;
  }
  
  /* End of Landing*/

 /*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-spin,
.la-ball-spin > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-spin {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-spin.la-dark {
    color: #333;
}
.la-ball-spin > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-spin {
    width: 32px;
    height: 32px;
}
.la-ball-spin > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 100%;
    -webkit-animation: ball-spin 1s infinite ease-in-out;
       -moz-animation: ball-spin 1s infinite ease-in-out;
         -o-animation: ball-spin 1s infinite ease-in-out;
            animation: ball-spin 1s infinite ease-in-out;
}
.la-ball-spin > div:nth-child(1) {
    top: 5%;
    left: 50%;
    -webkit-animation-delay: -1.125s;
       -moz-animation-delay: -1.125s;
         -o-animation-delay: -1.125s;
            animation-delay: -1.125s;
}
.la-ball-spin > div:nth-child(2) {
    top: 18.1801948466%;
    left: 81.8198051534%;
    -webkit-animation-delay: -1.25s;
       -moz-animation-delay: -1.25s;
         -o-animation-delay: -1.25s;
            animation-delay: -1.25s;
}
.la-ball-spin > div:nth-child(3) {
    top: 50%;
    left: 95%;
    -webkit-animation-delay: -1.375s;
       -moz-animation-delay: -1.375s;
         -o-animation-delay: -1.375s;
            animation-delay: -1.375s;
}
.la-ball-spin > div:nth-child(4) {
    top: 81.8198051534%;
    left: 81.8198051534%;
    -webkit-animation-delay: -1.5s;
       -moz-animation-delay: -1.5s;
         -o-animation-delay: -1.5s;
            animation-delay: -1.5s;
}
.la-ball-spin > div:nth-child(5) {
    top: 94.9999999966%;
    left: 50.0000000005%;
    -webkit-animation-delay: -1.625s;
       -moz-animation-delay: -1.625s;
         -o-animation-delay: -1.625s;
            animation-delay: -1.625s;
}
.la-ball-spin > div:nth-child(6) {
    top: 81.8198046966%;
    left: 18.1801949248%;
    -webkit-animation-delay: -1.75s;
       -moz-animation-delay: -1.75s;
         -o-animation-delay: -1.75s;
            animation-delay: -1.75s;
}
.la-ball-spin > div:nth-child(7) {
    top: 49.9999750815%;
    left: 5.0000051215%;
    -webkit-animation-delay: -1.875s;
       -moz-animation-delay: -1.875s;
         -o-animation-delay: -1.875s;
            animation-delay: -1.875s;
}
.la-ball-spin > div:nth-child(8) {
    top: 18.179464974%;
    left: 18.1803700518%;
    -webkit-animation-delay: -2s;
       -moz-animation-delay: -2s;
         -o-animation-delay: -2s;
            animation-delay: -2s;
}
.la-ball-spin.la-sm {
    width: 16px;
    height: 16px;
}
.la-ball-spin.la-sm > div {
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px;
}
.la-ball-spin.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-spin.la-2x > div {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
}
.la-ball-spin.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-spin.la-3x > div {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-spin {
    0%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -webkit-transform: scale(0);
                transform: scale(0);
    }
}
@-moz-keyframes ball-spin {
    0%,
    100% {
        opacity: 1;
        -moz-transform: scale(1);
             transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -moz-transform: scale(0);
             transform: scale(0);
    }
}
@-o-keyframes ball-spin {
    0%,
    100% {
        opacity: 1;
        -o-transform: scale(1);
           transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -o-transform: scale(0);
           transform: scale(0);
    }
}
@keyframes ball-spin {
    0%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
    }
}