/*

*/
/* 
    Created on : 28 jul 2023, 20:32:21
    Author     : mrnice
*/

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18/04/2021, 08:33:58 PM
    Author     : mrnice
*/
.ccc{color: #00ffff; text-shadow: 0 0 0.18em #008080;}

                .hr1 {border: 0; height: 24px; box-shadow: inset 0 12px 12px -12px #0f0; color: #fff; text-align: center;}

  met{width: 100%; border-color: #0F0;   -webkit-box-shadow: 0px 0px 25px #0f0; border-radius: 15px; }
       .breadcrumb {
    padding: 0 .5rem;
}
.ma{-webkit-box-shadow: 0px 0px 10px #FFF; border-radius: 25px;}
.ma2{-webkit-box-shadow: 0px 0px 10px #FFF; color:#0f0;border-radius: 25px;}
.ma3{-webkit-box-shadow: 0px 0px 10px #FFF; color: #fff; border-radius: 35px;}

.breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
    
.breadcrumb li:not(:last-child)::after {
    display: inline-block;
    margin: 0 .25rem;
    content: "→";
}
       
 body { 
  background-color: black;      color:#fff; -webkit-box-shadow: 0px 0px 10px #0f0;  display: grid;  accent-color: #0f0;
	min-height: 100vh; 
 }  
 
 

      label{color: #0F0;text-shadow: 0 0 0.15em #FFF;}
      
h1{color: #00FFFF;text-shadow: 0 0 0.15em #FFF;  } 
h4{color: #00FFFF;text-shadow: 0 0 0.15em #FFF;  } 
hr {border: 0; height: 24px; box-shadow: inset 0 12px 12px -12px #E4007c; color: #fff; text-align: center; }
.f{color: #00FFFF;text-shadow: 0 0 0.18em #FFF;  }

.in6{ width: 50px; height: 35px;-webkit-box-shadow: 2px 3px 15px #0f0;    border-radius: 40px; color: #0f0;  
   border-top: 1px solid #0f0; border-left: 1px solid #0f0; border-bottom: 1px solid #0f0; 
   border-right: 1px solid #0f0; background-color: black;  text-shadow: 0 0 0.15em #FFF; }

.in6:focus
{
    background-color: black;
    outline: 0;
    color: #00ffff; text-shadow: 0 0 0.18em #008080;
    -webkit-box-shadow: 0px 0px 15px #00fFFF;
-webkiborder-color: #00FFFF;t-box-shadow: 0px 0px 12px #00FFFF;
}


.in{ width: 200px; height: 35px;-webkit-box-shadow: 2px 3px 15px #0f0;    border-radius: 18px; color: #0f0;  
   border-top: 1px solid #0f0; border-left: 1px solid #0f0; border-bottom: 1px solid #0f0; 
   border-right: 1px solid #0f0; background-color: black;  text-shadow: 0 0 0.15em #FFF; }

.in2{ width: 30px; height: 35px;-webkit-box-shadow: 2px 3px 15px #0f0;    border-radius: 18px; color: #0f0;  
   border-top: 1px solid #0f0; border-left: 1px solid #0f0; border-bottom: 1px solid #0f0; 
   border-right: 1px solid #0f0; background-color: #000000;  text-shadow: 0 0 0.15em #FFF; }

.in:focus
{
    background-color: black;
    outline: 0;
    color: #00ffff; text-shadow: 0 0 0.18em #008080;
    -webkit-box-shadow: 0px 0px 15px #00fFFF;
-webkiborder-color: #00FFFF;t-box-shadow: 0px 0px 12px #00FFFF;
}

.i{ width: 100px; height: 35px;-webkit-box-shadow: 2px 3px 15px #fff;    border-radius: 18px; color: #fff;  
   border-top: 1px solid #E4007c; border-left: 1px solid #E4007c; border-bottom: 1px solid #E4007c; 
   border-right: 1px solid #E4007c; background-color: #E4007c;  text-shadow: 0 0 0.15em #0f0; }

.i:focus
{
    background-color: transparent;
    outline: 0;
    color: #00ffff; text-shadow: 0 0 0.18em #008080;
    -webkit-box-shadow: 0px 0px 15px #00fFFF;
-webkiborder-color: #00FFFF;t-box-shadow: 0px 0px 12px #00FFFF;
}

.in2{ -webkit-box-shadow: 2px 3px 15px #0f0;    border-radius: 18px; color: #0f0;  
   border-top: 1px solid #0f0; border-left: 1px solid #0f0; border-bottom: 1px solid #0f0; 
   border-right: 1px solid #0f0; background-color: transparent;  text-shadow: 0 0 0.15em #FFF; }

.in2:focus
{
    background-color: transparent;
    outline: 0;
    color: #00ffff; text-shadow: 0 0 0.18em #008080;
    -webkit-box-shadow: 0px 0px 15px #00fFFF;
-webkiborder-color: #00FFFF;t-box-shadow: 0px 0px 12px #00FFFF;
}

.add{ width: 120px; height: 120px;-webkit-box-shadow: 2px 3px 15px #E4007c;    border-radius: 18px; color: green;  
   border-top: 1px solid #E4007c; border-left: 1px solid #E4007c; border-bottom: 1px solid #E4007c; 
   border-right: 1px solid #E4007c; background-color: black;  text-shadow: 0 0 0.23em #FFF; }

.add:focus
{
    background-color: black;
    outline: 0;
    color: #00ffff; text-shadow: 0 0 0.18em #008080;
    -webkit-box-shadow: 0px 0px 15px #00fFFF;
-webkiborder-color: #E4007c;t-box-shadow: 0px 0px 12px #00FFFF;
}
.btn-danger{ width: 100px; height: 35px;-webkit-box-shadow: 2px 3px 15px #E4007c;    border-radius: 18px; color: #0f0;  
   border-top: 1px solid #e74a3b; border-left: 1px solid #e74a3b; border-bottom: 1px solid #e74a3b; 
   border-right: 1px solid #e74a3b; background-color: black;  text-shadow: 0 0 0.23em #FFF; }

.btn-danger:focus
{
    background-color: black;
    outline: 0;
    color: #00ffff; text-shadow: 0 0 0.18em #008080;
    -webkit-box-shadow: 0px 0px 15px #00fFFF;
-webkiborder-color: #00FFFF;t-box-shadow: 0px 0px 12px #00FFFF;
}

input:focus 
{
    background-color: black;
    outline: 0;
    color: #00ffff; text-shadow: 0 0 0.18em #008080;
    -webkit-box-shadow: 0px 0px 15px #00fFFF;}

input{ width: 220px;  padding-left: 4px;
    height: 35px;-webkit-box-shadow: 0px 0px 13px #E4007c;    border-radius: 18px;
   border-top: 1px solid #E4007c; border-left: 1px solid #E4007c; border-bottom: 1px solid #E4007c; 
   border-right: 1px solid #E4007c; background-color: black; color: #0f0; text-shadow: 0 0 0.23em #E4007c; }

submit{ width: 250px;
    height: 35px;-webkit-box-shadow: 2px 3px 5px #E4007c;    border-radius: 18px; color: #E4007c;  
   border-top: 1px solid #0F0; border-left: 1px solid #0F0; border-bottom: 1px solid #0F0; 
   border-right: 1px solid #0F0; background-color: transparent;  text-shadow: 0 0 0.23em #E4007c; }

submit:focus 
{
    background-color: black;
    outline: 0;
    color: #00ffff; text-shadow: 0 0 0.18em #008080;
    -webkit-box-shadow: 0px 0px 15px #00fFFF;}
.s{-webkit-box-shadow: 3px 5px 13px #E4007c;   border-radius: 5px; color: #E4007c;  
  border-top: 2px solid #E4007c; border-left: 2px solid #E4007c; border-bottom: 2px solid #E4007c; 
  border-right: 2px solid #E4007c; background-color: black;  }

.btn{-webkit-box-shadow: 3px 5px 13px #E4007c;   border-radius: 35px; color: #E4007c;  
  border-top: 2px solid #E4007c; border-left: 2px solid #E4007c; border-bottom: 2px solid #E4007c; 
  border-right: 2px solid #E4007c; background-color: black; }


.btn btn-primary{-webkit-box-shadow: 3px 5px 13px #E4007c;   border-radius: 25px; color: #E4007c;  
  border-top: 2px solid #E4007c; border-left: 2px solid #E4007c; border-bottom: 2px solid #E4007c; 
  border-right: 2px solid #E4007c; background-color: black; }

.btn btn-secundary{-webkit-box-shadow: 3px 5px 13px #FFF;   border-radius: 25px; color: #FFF;  
  border-top: 2px solid #FFF; border-left: 2px solid #FFF; border-bottom: 2px solid #FFF; 
  border-right: 2px solid #FFF; background-color: black; }


caption {color: #001a35}
option {background-color:black; color: #E4007c; border:2px solid #E4007c; -webkit-box-shadow: 0px 0px 10px #00FFFF; -webkiborder-color: #00FFFF;t-box-shadow: 0px 0px 12px #00FFFF;}
select { width: 220px;     height: 35px;border-radius: 25px; border:1px solid #E4007c; background-color: transparent; color: #008080; background: url('./assets/images/bg.gif')  no-repeat; -webkit-box-shadow: 0px 0px 10px #00FFFF;}
.estado{color: #00FFFF; background-color:black;     height: 30px; }
.estado:focus
{
    outline: 0;
    -webkit-box-shadow: 0px 0px 15px #00fFFF;
        color: #0F0; text-shadow: 0 0 0.18em #003f00;
}

tbody{
    border-color: #00FFFF;
 border-radius:30px;
  text-align: center;
   border-radius: 30px;
-webkiborder-color: #00FFFF;t-box-shadow: 0px 0px 12px #00FFFF; -webkit-box-shadow: 0px 0px 10px #00FFFF;
}
 table { -webkit-box-shadow: 0px 0px 10px #00FFFF;
   background:  url(../img/bg.gif) ;
     background-attachment: fixed;
  border-color: #00FFFF;
   border-radius: 30px;
-webkiborder-color: #00FFFF;t-box-shadow: 0px 0px 12px #00FFFF;
}

.thead-d{
-webkiborder-color: #00FFFF;t-box-shadow: 0px 0px 12px #00FFFF;
    color: #00FFFF; font-size: 20px; text-shadow: 0 0 0.15em #0f0;
    border-radius: 30px;
     border-color: #00FFFF;
}

tr
{
 border-color: #00FFFF;
 text-align: center;
color: #00FFFF; 
 -webkiborder-color: #00FFFF;t-box-shadow: 0px 0px 12px #00FFFF; 
-webkit-box-shadow: 0px 0px 12px #00FFFF; 
}
th{   
 text-align: center;
border-color: #0F0;
 font-size: 29px;
    border-radius: 30px;
color: #00ffff; font-size: 20px; text-shadow: 0 0 0.15em #FFF;
-webkit-box-shadow: 0px 0px 15px #fff; 
-webkiborder-color: #00FFFF;t-box-shadow: 0px 0px 12px #00FFFF;

    background:  url(../img/404.gif) no-repeat scroll 0 0; }

td {

 font-size: 25px;
   text-align: center;
      border-radius: 30px;
color: #0F0; font-size: 20px;text-shadow: 0 0 0.18em #fff;
-webkit-box-shadow: 0px 0px 10px #00FFFF; 
}

::-webkit-input-placeholder { color: #00ffff; } /* WebKit */
::-moz-placeholder { color: #00ffff; } /* Firefox 19+ */
.mi-input::placeholder { color: #00ffff; font-weight: bold; }
::-webkit-scrollbar {display: none;} 
input#buscar
{
background-color: black;
    width: 200px;
    height: 30px;
    color: #0f0;
     opacity: .9;
    line-height: 1em;
    padding-left: 4px;
    font-size: 1em;
    border-radius: 4px;
     cursor: text;
     border-radius: 25px;
}
input#buscar:focus
{
    outline: 0;
    -webkit-box-shadow: 0px 0px 15px #0f0;
}

.iconmenu {color: #0F0; font-size: 45px;text-shadow: 0 0 1.11em #FFF; }
.carda{ border-radius: 30px; background-color: #0f0;color:white; font-size: 25px; }
.card2{  border-radius: 30px;background-color: black;color:white; border-top: 1px solid #0F0; border-left: 1px solid #0F0; border-bottom: 1px solid #0F0; 
   border-right: 1px solid #0F0; -webkit-box-shadow: 0px 0px 10px #003F00; }
.card3{  border-radius: 30px;background-color: black;color:white;  border-left: 1px solid #0F0;  border-right: 1px solid #0F0; background:  url(../img/404.gif) no-repeat scroll 0 0; }
.acc{  border-radius: 35px;background-color: black;color:white; border-top: 1px solid #0F0; border-left: 1px solid #0F0; border-bottom: 1px solid #0F0; 
   border-right: 1px solid #0F0; -webkit-box-shadow: 0px 0px 10px #003F00; width: 80%;  }
.datos
{
border-radius: 50px;
background-color:#e74a3b;
color:white;
t-box-shadow: 0px 0px 12px #FFF;
-webkit-box-shadow: 0px 0px 10px #E4007c;
 height: 35px;
}
.emailexiste{border-radius: 50px;
background-color:#008080;
color:white;
t-box-shadow: 0px 0px 12px #000;
-webkit-box-shadow: 0px 0px 10px #00FFFF;
 height: 35px;}
.correcto{
    border-radius: 50px;
background-color:#0f0;
color: black;
t-box-shadow: 0px 0px 12px red;
-webkit-box-shadow: 0px 0px 10px #00FFFF;
 height: 35px;
}
.erro1{
    
    border-radius: 50px;
background-color:red;
color:white;
t-box-shadow: 0px 0px 12px #000;
-webkit-box-shadow: 0px 0px 10px #FFF;
 height: 35px;
}


* {
	box-sizing: border-box;
}


.grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
	gap: 3rem;
}


input[type="checkbox"],
input[type="radio"]{
	width: 1.5em;
	height: 1.5em;
	background-color: transparent;
}

input[type="range"],
progress {
	margin-left: auto;
	flex: 0 1 50%;
}