html,body { height: 100%; font-family: 'Mulish', sans-serif !important;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

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

.form-signin { max-width: 500px; padding: 15px; }
.form-signin .form-floating:focus-within { z-index: 2; }

.form-signin form { margin-top: 10px; padding: 10px;}

.form-signin .form-control:focus { box-shadow: none; border: 1px solid #ced4da; }
.form-signin input[type="text"] { margin-bottom: -1px; border-radius: 5px; }
.form-signin input[type="submit"] { margin-top: 5px; }
/* .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } */

.form-signin .btn-primary { background:#161730; width: 100%; font-size: 17px; font-weight: 500; padding: 10px 0; border: none; }
.form-signin .btn-primary:hover { background: #161730; -moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; }


.progress-bar-div { margin-top: 10px; justify-items: center; margin-bottom: 5px; display: grid;}
.progress-bar-round {
  display: flex !important;
  justify-content: center;
  align-items: center;

  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.progress-bar-round.red {
  background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#ff6969 calc(var(--percentagenumber) * 1%), #d7c0ff 0)
}

.progress-bar-round.yellow {
  background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#ffd769 calc(var(--percentagenumber) * 1%), #ffeec0 0)
}

.progress-bar-round.green {
  background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#69ff94 calc(var(--percentagenumber) * 1%), #c2ffc0 0)
}

.progress-bar-round.blue {
  background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#4e1fe8 calc(var(--percentagenumber) * 1%), #c2ffc0 0)
}

.progress-bar-round::before {
  content: attr(data-number) !important;
}