.btn-result-login {
   background-color: #790813;
   color: white;
   padding: 14px 20px;
   margin: 8px 0;
   border: none;
   cursor: pointer;
   width: 100%;
 }

 .btn-result-login:hover {
   opacity: 0.8;
 }


 .imgcontainer {
   text-align: center;
   margin: 24px 0 0px 0;
   position: relative;
 }

 .container-result {
   padding: 0px 16px 16px 16px;
 }

 span.psw {
   float: right;
   padding-top: 16px;
 }


 .modal-result {
   display: none;
   position: fixed;
   z-index: 1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgb(0, 0, 0);
   background-color: rgba(0, 0, 0, 0.4);
   padding-top: 60px;
   padding-left: 400px;
   padding-right: 400px;

 }

 @media screen and (max-width: 1150px) {
   .modal-result {
     padding-left: 0px;
     padding-right: 0px;

   }
 }

 .modal-content-result {
   background-color: #a02731;
   margin: 5% auto 15% auto;
   border: 1px solid #888;
   width: 80%;
   border-radius: 10px;
   border-color: #a02731;
 }


 .close {
   position: absolute;
   right: 25px;
   top: 0;
   color: #000;
   font-size: 35px;
   font-weight: bold;
 }

 .close:hover,
 .close:focus {
   color: white;
   cursor: pointer;
 }


 .animate {
   -webkit-animation: animatezoom 0.6s;
   animation: animatezoom 0.6s
 }

 @-webkit-keyframes animatezoom {
   from {
     -webkit-transform: scale(0)
   }

   to {
     -webkit-transform: scale(1)
   }
 }

 @keyframes animatezoom {
   from {
     transform: scale(0)
   }

   to {
     transform: scale(1)
   }
 }


 @media screen and (max-width: 300px) {
   span.psw {
     display: block;
     float: none;
   }

   .cancelbtn {
     width: 100%;
   }
 }

 .result::placeholder {
   color: #646464 !important;
   font-weight: bold;
   font-size: 15px !important;
 }