.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      html,
      body {
      height: 100%;
      }

      body {
      display: flex;
      align-items: center;
      padding-top: 40px;
      padding-bottom: 40px;
      background-color: #f5f5f5;
      }

      .form-signin {
        width: 100%;
        max-width: 330px;
        padding: 15px;
        margin: auto;
        }

      .form-signin .checkbox {
      font-weight: 400;
      }

      .form-signin .form-floating:focus-within {
      z-index: 2;
      }

      .form-signin input[type="email"] {
      margin-bottom: -1px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      }

      .form-signin input[type="password"] {
      margin-bottom: 10px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      }

     .item {
       position: absolute;
       padding:10px 100px;
       text-align: center;
     }

     .notify-badge-secondary{
       position: absolute;
       right:-0px;
       bottom:-0px;
       background: #6c757d;
       text-align: center;
       border-radius: 18px 18px 18px 18px;
       color:white;
       padding:12px 28px;
       font-size:40px;
     }

     .notify-badge-dark{
       position: absolute;
       right:-10px;
       bottom:-5px;
       background: #343a40;
       text-align: center;
       border-radius: 30px 30px 30px 30px;
       color:white;
       padding:5px 10px;
       font-size:10px;
     }

     .notify-badge-svg{
       position: absolute;
       left:95px;
       bottom:-12px;
       background: #343a40;
       text-align: center;
       border-radius: 18px 18px 18px 18px;
       color:white;
       margin:12px 12px;
       padding:20px 15px;
       font-size:10px;
     }

     .text-muted {
       color: #4C5357!important;
     }

    .divider {
      display: flex;
      align-items: center;
      text-align: center;
      opacity: 0.5;
    }

    .divider::after,
    .divider::before {
      content: "";
      font-size:1rem;
      border: 0.25px solid;
      border-color: rgb(76,83,87,0.4);
      flex: 1;
    }

    .divider:not(:empty)::before {
      margin-right: 0.5rem;
    }

    .divider:not(:empty)::after {
      margin-left: 0.5rem;
    }