﻿#password-modal .modal-content {
   border-radius: 20px;
   box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

#password-modal .modal-header {
   background-image: linear-gradient(to right, #651DF4 0%, #CD4AF5 80%);
   color: #fff;
}

#password-modal .btn-close {
   background: #6B20F4 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
   color: #fff;
   width: 16px;
   height: 16px;
   border-radius: 16px;
   border: none;
   position: relative;
   left: 0px;
}


#password-modal label {
   color: #7675c0;
}

#password-modal .btn-primary {
   max-width: 200px;
   border-radius: 50px;
   height: 40px;
   background-color: #7737E6;
}

#password-modal .btn-primary:hover {
   background-color: #7737E6;
   box-shadow: 0 0 0 0.25rem rgba(13,110,253,.5);
}

#password-modal .modal-title {
   font-size: 24px;
   font-weight: bold;
}

#password-modal .texto {
   font-size: 16px;
   color: #120241;
}

@media screen and (max-width: 575px) {
   #password-modal .btn-primary {
      width: 140px;
   }

   #password-modal .modal-title {
      font-size: 16px;
   }

   #password-modal .texto {
      font-size: 12px;
   }
}
