body {
    background-color: #ffffff !important;
  }
  .container {
    background-color: #ffffff00 !important;
    padding: 20px;
    border-radius: 10px;
  }
label {
    display: flex;
    justify-content: flex-start;
  }
  .btn_add {
    width: 100%;
    border: 1px solid #333 !important;
    background-color: #333 !important;
  }
  .btn_add:hover {
    opacity: 0.8;
  }
  .btn-success {
    border: 1px solid #06c046 !important;
    background-color: #06c046 !important;
  }
  hr {
    height: 0.1px !important;
    color: #06c046 !important;
    width: 100% !important;
    background-color: red;
  }
  .bi-arrow-right-circle {
    font-size: 30px;
  }
  .titulo_modal {
    width: 100%;
    display: flex;
    justify-content: center;
    color: #444;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
  }
  thead tr th {
    text-align: start !important;
  }
  tr td {
    text-align: start !important;
  }

/*.principal {

    background-image: url(../images/fondo.jpg);

}*/

#tooltip {
    display: none;
    width: max-content;
    position: absolute;
    top: 0;
    left: 0;
    background: hsl(0, 1%, 44%);
    color: white;
    font-weight: bold;
    padding: 5px;
    border-radius: 4px;
    font-size: 90%;
  }
/*
header{
    width: 100%;
    height: 100%;
    background-color: hsl(24, 34%, 84%);
}*/

#arrow {
    position: absolute;
    background: #222;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
  }
/*
.cab_nav{
    width: 100%;
    padding: 20px;
    text-align: center;
    position:fixed;
    top:0px;
}*/
/*
.cab_nav ul li{

    list-style: none;
    display: inline;
    padding: 10px 50px;
    color: aqua;
    font-size: 25px;
    font-family: sans-serif;
    cursor:pointer;
}

.cab_nav ul li a{

    text-decoration: none;
    color: white;

}*/

.nom_logo{

    width: 330px;
    padding: 0px 20px ;
    float: left;
    position: relative;
    top: 5%;
    left: 2%;
    color: #fff;
    font-size: 30px;
}


/*.logo_img {

    width: 80px;  
    position:relative;  
    transform: translateX(50px) translateY(50px);
}*/

/*.fondo_img {

    position:center;  
    /*transform: translateX(50px) translateY(50px);
}*/

.contenedor{
    
        position:relative;
        top: 10%;
        left: 10%;
        transform: translateX(50%) translateY(50%);
        padding: 250px 10px;
        border:solid;
        

}

.login{
    
    top: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes myAnim {
	0% {
		background-position: 50% 100%;
	}

	100% {
		background-position: 50% 0%;
	}
}

body {


/*background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2)),url("../images/fondo.jpg");
min-height:100%;
*/
/*background-image: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)),url("../images/fondo.jpg");*/
min-height:100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;



/* Es la animación */

animation: myAnim 25s linear 0s 1 normal none;
  
width: 100%;
height: 1000px;
margin: 0 auto;
padding: 0 20px 20px 20px;
border: 2px solid black;
}

@media print {
  body * {
      visibility: hidden; /* Oculta todos los elementos */
  }

  #ticket {
      visibility: visible; /* Muestra solo el ticket */
  }

  #ticket * {
      visibility: visible; /* Asegúrate de que los elementos dentro del ticket también sean visibles */
  }
}