.pharmcare-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.leads,
.agents-container {
  display: flex;
  justify-content: space-between;
}

.main-text-font {
  font-family: "lato", Verdana, Geneva, Tahoma, sans-serif;
}

@media (min-width: 200px) and (max-width: 670px) {
  .create-pt {
    margin: 0 9em;
  }
  .pharmaceutical-btn {
    padding: 0.5em 0.75em;
    /*  border: 3px solid red; */
  }
}

/* Accounts  - Auths and Registration Parts*/

/* landing-page */
.date-div {
  margin: 0 -0.8em;
}
.back_to_top {
  position: fixed;
  width: 2.4rem;
  height: 2.4rem;
  right: 1.9rem;
  bottom: 1.9rem;
  z-index: 9999;
}

.back_to_top_container i {
  /* color:  #ce754d; */
  color: hsl(55, 72%, 46%);
  font-size: 1rem;
  position: absolute;
  border: 1.5px solid #8a4c30;
  top: 55%;
  padding: 0.35em;
  left: 60%;
  transform: translate(-75%, -55%);
}

.category-pagination {
  margin-bottom: -1em;
  border: 1px solid rgb(195, 192, 192);
}

.account-container #id_email {
  width: 100%;
  border-radius: 0.3em;
  margin-bottom: 1em;
}

/*  override the accounts btn */

.account-container {
  padding: 5.5em 0 0em 0;
  padding-bottom: 1em;
  color: rgb(225, 225, 232);
}

.account-container .helptext {
  display: none;
}

label {
  color: aliceblue;
}

.account-container small,
.account-container p,
.account-container .passwordinput {
  color: rgb(225, 225, 225);
}

.account-container small {
  line-height: 1.7;
}

.account-container a,
.account-container label,
.btn-default,
.account-container .note {
  color: aliceblue;
}

.title,
.products-title {
  color: rgb(46, 197, 15);
  padding-bottom: 1em;
}

.account-container input {
  color: hsl(210, 8%, 5%);
}

.account-container input:focus {
  background: rgb(36, 69, 115);
  color: rgb(225, 225, 225);
}

.account-container #email_radio_0 {
  border-radius: 50%;
  background-color: cornflowerblue;
  margin: 1em 0;
}

.account-container #hint_id_password {
  display: none;
}

.account-container #id_remember {
  background-color: hsl(212, 15%, 17%);
  color: rgb(225, 225, 225);
  padding: 0.25em;
}

.account-container #btn- {
  background-color: rgb(74, 110, 131);
  margin-bottom: 1em;
}

.account-container #btn-:hover {
  background-color: rgb(54, 79, 94); /*  rgb(68, 68, 133); */
}

/* email link */

.account-container .btn-primary,
.account-container .btn-verify,
.account-container .btn-remove {
  background: rgb(36, 69, 115);
  margin: 0 0.2em 1em 0.2em;
  padding: 0.3em 0.45em;
  border-radius: 0.2em;
}
.account-container .btn-primary:hover,
.account-container .btn-verify:hover {
  background: rgb(24, 49, 83);
}

.account-container .btn-remove:hover {
  background: rgb(206, 18, 18);
}

/* RWD for accounts */

@media only screen and (max-width: 769px) {
  .account-container {
    margin: 0 4.5em;
  }
}

@media only screen and (min-width: 820px) and (max-width: 870px) {
  .account-container {
    height: 79vh;
  }
}

/* Spinner  */

#preloader {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: whitesmoke;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.5s ease-out;
}


.spinner {
  width: 10rem;
  height: 10rem;
  animation: spin 2s linear infinite;
  border-radius: 0.8rem;
}

@keyframes spin {
  0% {
    /* transform: rotate(0deg); */
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
    /* transform: rotate(360deg); */
  }
}



/* for Django-crispy generted templates */
.clearablefileinput{

}
#div_id_profile_pic {
    color: rgb(254, 254, 254);
}

.user-container a {
color: rgb(65, 49, 237);
}