@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --primary-color: #00448c;
  --primary-color-1: #0052b0;
  --red-color: #fb3748;
  --green-color: #25d578;
  --green-color-1: #109d52;
  --yellow-color: #ffc107;
  --black-color: #333333;
  --gray-color: #606060;
  --black-color-1: #4a4a4a;
  --white-color: #ffffff;
  --light-gray: #c4c4c4;
  --light-gray-1: #a4a4a4;
  --poopins: "Poppins", sans-serif;
  --roboto: "Roboto", sans-serif;
}
* {
  font-family: "Poppins", sans-serif;
  color: #333333;
}
body {
  background-color: #EBEBEB;
}

.poopins {
  font-family: "Poppins", sans-serif !important;
}
.roboto {
  font-family: "Roboto", sans-serif !important;
}
.t-0 {
  font-weight: 600;
  font-size: 28px;
}
.t-1 {
  font-weight: 700;
  font-size: 24px;
}
.t-2 {  
  font-weight: 600;
  font-size: 20px;
}
.t-3 {
  font-weight: 500;
  font-size: 18px;
}
.t-4 {
  font-weight: 400;
  font-size: 16px;
}
.t-5 {
  font-weight: 500;
  font-size: 14px;
}
.t-6 {
  font-weight: 500;
  font-size: 16px;
}
.t-7 {
  font-weight: 400;
  font-size: 12px;
}
.t-8 {
  font-weight: 300;
  font-size: 20px;
}
.txt-primary {
  color: var(--primary-color);
}
.txt-primary-1 {
  color: var(--primary-color-1);
}
.txt-green {
  color: var(--green-color);
}
.txt-green-1 {
  color: var(--green-color-1);
}
.txt-red {
  color: var(--red-color);
}
.txt-yellow {
  color: var(--yellow-color);
}
.txt-black {
  color: var(--black-color);
}
.txt-black-1 {
  color: var(--black-color-1);
}
.txt-gray {
  color: var(--gray-color);
}
.btn-login {
  cursor: pointer;
  background-color: var(--primary-color-1);
  color: var(--white-color);
  width: 300px;
  height: 48px;
  border-radius: 6px;
}

input {
  height: 52px;
  border: 1px solid var(--light-gray);
  border-radius: 4px;
  color: var(--black-color-1);
}
input::placeholder {
  color: var(--light-gray-1);
}
.form-control:focus {
  border: 1px solid var(--light-gray);
  outline: 0;
  box-shadow: unset;
}
.btn-add-new-entry {
  width: 300px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 18px;
  font-family: var(--poopins);
  font-weight: 500;
  border: 0px;
  margin: 40px auto 0px;
  border-radius: 6px;
  background-color: var(--primary-color-1);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 50px;
}
.btn-login {
  width: 300px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 18px;
  font-family: var(--poopins);
  font-weight: 500;
  border: 0px;
  margin: 40px auto 0px;
  border-radius: 6px;
}
.form-group {
  position: relative;
  display: block;
  padding-bottom: 24px;
}
.invalid-feedback {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  max-width: 372px;
  margin: 0px auto;
  text-align: left;
  font-size: 12px;
}