#container-login , #container-login2 {
    background-color: rgb(188, 189, 190);
     width: 400px;
    margin: auto;
     padding: 20px 30px;
     margin-top: 10%;
     opacity: 0.8 ;
     border-radius: 10px;
     text-align: center;
    
     
 
 }
 
 /* formulario*/
 
 form#login {
     margin-top: 30px;
     margin-bottom: 40px;
 }
 
 label, input#nomescad , input#senhacad  {
    
     display: block;
     width: 100%;
     text-align: left;
     
 }
 
 label {
     font-weight: bold;
 }
 
 input#nomescad , input#senhacad {
    border: 2px #323232 ;
     padding: 10px;
     margin-bottom: 20px ;
     box-shadow: 2px 2px 2px black;
 }
 
 input:focus {
     border-bottom: #08558b;
 
 }
 
 
 input#nomescad , input#senhacad , input#senhadescad , input#nomesdescad{
     border-radius: 10px;
 }
 
 
 button#btn-logincad , button#btn-logindescad  {
     position: relative;
     display: inline-block;
     padding: 10px 100px;
     font-size: 20px;
     text-decoration: none;
     text-transform: uppercase;
     overflow: hidden;
     transition: .5s;
     letter-spacing: 4px;
     font-weight: bold;
     border-radius: 10px;
     text-align: center;
     border: none;
     margin-bottom: 20px;
     margin-top: 5px;
     cursor: pointer;
     color: #fff;
     background-color: #08558b;
     opacity: .7;
     box-shadow: 3px 3px 3px rgb(0, 0, 0) ;
     
    
     
     
     
 
 }
 
 button#btn-logincad:hover , button#btn-logindescad:hover {
     background: rgb(255, 0, 0);
     color: #ffffff;
     border-radius: 5px;
     box-shadow: 0 0 5px rgb(193, 192, 209),
                 0 0 25px rgb(110, 109, 150),
                 0 0 50px rgb(47, 37, 105),
                 0 0 100px rgb(39, 3, 167);
 
 } 
 
 button#btn-logincad span ,  button#btn-logindescad span {
     position: absolute;
     display: block;
 }
 
 button#btn-logincad span:nth-child(1) ,  button#btn-logindescad span:nth-child(1) {
 top: 0;
 left: -100%;
 width: 100%;
 height: 3px;
 background: linear-gradient(90deg, transparent,rgb(255, 0, 0));
 animation: btn-anim1 1s linear infinite;
 }
 
 @keyframes btn-anim1 {
 0% {
     left: -100%;
 }
 50%, 100% {
     left: 100%;
 }
 }
 
 button#btn-logincad span:nth-child(2) ,  button#btn-logindescad span:nth-child(2) {
     top: -100%;
     right: 0;
     width: 3px;
     height: 100%;
     background: linear-gradient(180deg, transparent,rgb(250, 0, 0));
     animation: btn-anim2 1s linear infinite;
     animation-delay: .25s ;
     }
     
     @keyframes btn-anim2 {
     0% {
         top: -100%;
     }
     50%, 100% {
         top: 100%;
     }
     }
 
     button#btn-logincad span:nth-child(3) ,  button#btn-logindescad span:nth-child(3) {
         bottom: 0;
         right: -100%;
         width: 100%;
         height: 3px;
         background: linear-gradient(270deg, transparent, rgb(255, 0, 0));
         animation: btn-anim3 1s linear infinite;
         animation-delay: .5s ;
         }
         
         @keyframes btn-anim3 {
         0% {
             right: -100%;
         }
         50%, 100% {
             right: 100%;
         }
         }
 
         button#btn-logincad span:nth-child(4) ,  button#btn-logindescad span:nth-child(4) {
             bottom: -100%;
             left: 0;
             width: 3px;
             height: 100%;
             background: linear-gradient(360deg, transparent,rgb(255, 0, 0));
             animation: btn-anim4 1s linear infinite;
             animation-delay: .75s ;
             }
             
             @keyframes btn-anim4 {
             0% {
                 bottom: -100%;
             }
             50%, 100% {
                 bottom: 100%;
             }
             }



             

             

              section#corpo-fulllista {
                background: rgba(63, 61, 61, 0.1);
                border-radius: 10px;
                height: 200px;
                overflow-y:scroll;
                box-shadow: 2px 2px 2px black;
                display: block;
                padding: 30px;
                
                
                
            }
             h1#titulolista {
                text-align: center;
            }

            
             
            div#download_templatelista {
            
            
                display: none;
                background: rgba(255, 255, 255, 0.1);
                  
            }


            span.senha   {
                font-size: 30px;
                color: #b11f1f;
               
               
                
            }


            .filenamelista  {
                font-size: 30px;
                line-height: 80px;
                color: #08558b;
                
             
                         

            }

            input#btn-deletar {
                background-color: rgb(0, 0, 0);
                color: red;
                font-size: 20px;
                border-radius: 10px;
                transition-duration: 1s;
                cursor: pointer;
            }

            
            input#btn-deletar:hover {
                 
                background-color: rgb(255, 4, 4);
                color: white;
                transform: scale(1.5)
              }