.MyPopupCalendar .ajax__calendar_container {
    border-radius: 5px;
    background: #25346d;
    background: linear-gradient(180deg, #25346d 0%, #5979fa 100%);
    color: #FFFFFF;
    margin-right: 5px;
}
.MyPopupCalendar .ajax__calendar_active {
    background-color: #3b4552;
    border-radius: 5px;
}

body {

background: rgb(255,145,240);
background: linear-gradient(145deg, rgba(198,67,133,1) 0%, rgba(73,86,218,1) 100%);

}

#apagar3{
    padding-left:20px;
    padding-top:10px;
}
#apagar4 {
    padding-left: 20px;
    padding-top: 10px;
}
#ImageButton1 {
    padding-left: 20px;
    padding-top: 10px;
}


#head {
    display: flex;
}

.headlbl {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    background-color:antiquewhite;
    position: absolute;
    z-index: 1;
}

.headdiv {
    width: 100%;
    align-items: center;
    text-align: center;
    justify-content: center;
    z-index: 0;
    position: fixed;
    padding-top: 5px;
}


.subitem {
    margin: auto;
    margin-top: 10px;
}


#apagar2 {
    padding-left: 20px;
    padding-top: 0px;
    z-index:0;
}
#head label {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    visibility: hidden;
    
}

.line{
    width: 100%;
    padding-top: 2px;
    border-bottom: 2px solid #25346d;
   
}
.line2{
    width: 100%;
    padding-top: 2px;
    border-bottom: 2px solid white
   
}
.Busqueda {
    width: 100%;
    background: rgb(217,0,0);
    background: linear-gradient(180deg, rgba(217,0,0,1) 0%, rgba(195,80,80,1) 100%, rgba(89,44,252,1) 100%);
    border-style: none;
    border-radius: 5px;
    height: 100px;
    color: white;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    display: flex;
    flex-wrap: wrap;
    padding-top:7px;
    padding-bottom:20px;
    margin-top:10px;
}
.PADD{
    margin-left:20PX;
    margin-top:5px;
}
.busqueda_empresa {
    background-color: aqua;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    padding-left: 20px;
    margin-top: 10px;
}
.busqueda_input {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
    .busqueda_input div {
        background-color: white;
        padding: 5px;
        height: 25px;
        border-radius: 5px;
    }
.busqueda_input input {
    max-width: 100%;
    float: left;
    width: 80%;
    border-style: none;
    height: 20px;
}
#busqueda_empresa{
   margin-top: 15px;
   color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 15px;
   padding-left: 20px;
   
}
.drop {
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 20px;
}
#busqueda_input {
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    

}
    #busqueda_input div {
        background-color: white;
        padding: 5px;
        height: 25px;
        border-radius: 5px;
    }
#buscar {
    position: absolute;
    float: left;
}
.circulo {
    width: 25px;
    height: 25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgb(255,158,158);
    background: linear-gradient(120deg, rgba(255,158,158,1) 0%, rgba(201,5,5,1) 100%, rgba(89,44,252,1) 100%);
    position: absolute;
    margin-left: 15px;
    margin-top: 15px;
    z-index: 999;
    align-content: center;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.lblcirculo {
    color: white;
    font-weight: bold;
    font-size: 20px;
    z-index: 999999;
   align-content:center;
   margin-left:1px;
   margin-top:5px;
    font-family: Arial, Helvetica, sans-serif;

}
.lblcirculo4 {
    height:25px;
  
    color: white;
    font-weight: bold;
    font-size: 18px;
    z-index: 999999;
    align-content: center;
    text-align:center;
    margin-left: 1px;
   margin-bottom:5px;
 
    font-family: Arial, Helvetica, sans-serif;
}
.circulo2 {
    width: 25px;
    height: 25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgb(255,158,158);
    background: linear-gradient(120deg, rgba(255,158,158,1) 0%, rgba(201,5,5,1) 100%, rgba(89,44,252,1) 100%);
    position: absolute;
    margin-left: 20px;
    margin-top: 15px;
    z-index: 999;
    align-content: center;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.lblcirculo2 {
    color: white;
    font-weight: bold;
    font-size: 20px;
    z-index: 999999;
    align-content: center;
    margin-left: 3px;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
}



#busqueda_input input {
    max-width: 100%;
    float: left;
    width: 80%;
    border-style: none;
    height: 20px;
    
}
#buqueda_input input:focus{
    border-style:none;
    background-color:aqua;
}
#buqueda_input input:active {
    border-style: none;
    background-color: aqua;
}

#tabla_datos {
    margin: 20px;
    height: 500px;
    color: white;
    border-radius: 5px;
    
}
#tabla_datos2 {
    margin: 20px;
    height: 500px;
    color: white;
    border-radius: 5px;
}
#tabla_datos3 {
    margin: 20px;
    height: 500px;
    color: white;
    border-radius: 5px;
}
#tabla_datos4 {
    margin-bottom: 20px;
    height: 100px;
    color: white;
    border-radius: 5px;
  
}
 .botones{
     width: 100%;
    display: flex;
    height: 150px;
    

 }
 .botones_2{
    width: 100%;
  
 
}

    
.botones_2 div{
    padding-left: 20px;
    padding-right: 20px;
    color:white;
 

}
 .botones div{
     width: 100%;
    margin-left: 20px;
    margin-right: 20px;
         }

.botones button {
    background: rgb(217,0,0);
    background: linear-gradient(180deg, rgba(217,0,0,1) 0%, rgba(195,80,80,1) 100%, rgba(89,44,252,1) 100%);
    border-style: none;
    border-radius: 10px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 100px;
    margin-top: 20px;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}
.botones3 {
  
    background: rgb(217,0,0);
    background: linear-gradient(180deg, rgba(217,0,0,1) 0%, rgba(195,80,80,1) 100%, rgba(89,44,252,1) 100%);
    border-style: none;
    border-radius: 10px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 100px;
    margin-top: 20px;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}
.botonera {
    background: rgb(217,0,0);
    background: linear-gradient(180deg, rgba(217,0,0,1) 0%, rgba(195,80,80,1) 100%, rgba(89,44,252,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 100px;
    margin-top: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
}
.botonera_1 {
    background-color: #393939;
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 100px;
    margin-top: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
}
.botonera_2 {
    background-color: #FFFFFF;
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: BLACK;
    min-width: 100px;
    margin-top: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
}

.botonera5 {
    background: rgb(217,0,0);
    background: linear-gradient(180deg, rgba(217,0,0,1) 0%, rgba(195,80,80,1) 100%, rgba(89,44,252,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 40px;
    color: white;
    min-width: 100px;
    margin-top: 20px;
    margin-bottom: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
}
.bot2 {
    background-color: #20AAED;
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 100px;
    margin-top: 10px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
}
.botones_2 button {
    background: #25346d;
    background: linear-gradient(180deg, #25346d 0%, #314dbd 100%, rgba(89,44,252,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 100px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}
.hiden {
    display: none;
}


.botones_4{ 
    background: #25346d;
background: linear-gradient(180deg, #25346d 0%, #314dbd 100%, rgba(89,44,252,1) 100%);
border-style: none;
border-radius: 5px;
width: 100%;
height: 50px;
color: white;
min-width: 100px;
margin-top: 12px;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
}
.bot {
    background-color: #20AAED;
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 100px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}

 .nombre_empresa{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: black;
    margin-top: 20px;
    margin-bottom: 5px;
  
 }
.nombre_empresa2 {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: black;
    margin-top: 10px;

}
 .info_empresa{
  
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 5px;
     padding-top: 15px;
     display: flex;
   
         
 }
.info_empresa3 {
    padding-left: 20px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 15px;
    display: flex;
}
.info_empresa6 {
    padding-left: 20px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 15px;
    display: flex;
}
.info_empresa6 input {
    border-style: none;
    width: 100%;
    height: 25px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
}
.info_empresa6 label {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    color: black;
    float: left;
    min-width: 110px;
    color:white;
}
.info_empresa3 input {
    border-style: none;
    width: 100%;
    height: 25px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
}
.info_empresa4 {
    padding-left: 20px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 15px;
    display:inline;
    
}
    .info_empresa3 label {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        color: black;
        float: left;
        min-width: 110px;
    }
.info_empresa3 input {
    border-style: none;
    width: 100%;
    height: 25px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
}
.info_empresa4 label {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    color: black;
    
    min-width: 100%;
}
.info_empresa3 textarea {
    border-style: none;
    width: 100%;
    height: 150px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
 
    
}
.info_empresa6 textarea {
    border-style: none;
    width: 100%;
    height: 80px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
}
.info_empresa1 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 15px;
    display: flex;
    border-radius:5px;
    z-index:1;

}
.info_empresa1 label {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
   
    color: black;
    float: left;
    min-width: 70px;
}
 .info_empresa label{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
    color: black;
    float: left;
    min-width: 70px;
    
 }
 .info_empresa input{
     border-style:none;
     width: 100%;
     height: 25px;
     float: left;
     border-radius: 8px;
     margin-right: 5px;
     

     
 }
 .info_empresa_1{
  
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 15px;
    display: flex;
  
        
}
.info_empresa_1 label{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF;
    float: left;
    width: 50px;

 }
.info_empresa_1 .especial{
    border-style:none;
    width: 100%;
    height: 25px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
    margin-left: 15px;

    
}

.logo {
    text-align: center;
    padding: 20px;
   
}
@keyframes img-shadow {
    0% {
        filter: drop-shadow( 0px 0px 0px rgba(255,0,0,0.75));
    }

    50% {
        filter: drop-shadow( 0px 0px 25px rgba(255,0,0,0.75));
    }

    100% {
        filter: drop-shadow( 0px 0px 0px rgba(255,0,0,0.75));
    }
}
#box_opacity_login label{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF;
    float: left;
    width: 100%;
    margin-left: 20px;
    
}
#box_opacity_login input{
    width: 100%;
    border-style: none;
   
}
.contiene{
    background-color: violet;
    width: 100%;
    
}

#body_login {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
  
}
.filtros{
    width: 100%;
    display: flex;
    height: 60px;
  
}
.boxes {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 100px;
    margin-top: 20px;

    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}

.boxes3 {
    width: 100%;
    background: rgb(217,0,0);
   
    background: linear-gradient(180deg, rgba(217,0,0,1) 0%, rgba(195,80,80,1) 100%, rgba(89,44,252,1) 100%);
    border-style: none;
    border-radius: 5px;
    height: 50px;
    color: white;
    
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    display: flex;
    margin: auto;
    align-items: center;
    text-align: center;
    margin-left: 10px;
    margin-top: 15px;
   
}
.boxes4 {
    width: 25%;
    background: rgb(217,0,0);
    background: linear-gradient(180deg, rgba(217,0,0,1) 0%, rgba(195,80,80,1) 100%, rgba(89,44,252,1) 100%);
    border-style: none;
    border-radius: 5px;
    height: 50px;
    color: white;
    margin-top: 20px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    display: flex;
    margin: auto;
    align-items: center;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
}
.boxes img{
  margin: auto;
}
#user {
    margin: auto;
    align-content:center;
}

.filtros div im{
  align-items: center;
  text-align: center;
}

.notificaciones {
    width: 100%;
    height: 130px;
    background-color: rgb(154,154,154,0.5);
    border-radius: 0px 0px 10px 10px;
}
.notificaciones2 {
    width: 100%;
    height: 120px;
    background-color: rgb(154,154,154,0.5);
    border-radius: 0px 0px 10px 10px;
}
.notificaciones4 {
    width: 100%;
    height: 100px;
    background-color: aqua;
    border-radius: 0px 0px 10px 10px;
}

.comentario2 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 15px;
    display: flex;
}
.notificaciones_titulo {
    margin-top: 20px;
    width: 100%;
    height: 35px;
    background: #25346d;
    background: linear-gradient(180deg, #25346d 0%, #314dbd 100%, rgba(89,44,252,1) 100%);
    border-radius: 10px 10px 0px 0px;
    z-index: 0;
}
.titulo_empresa{
    padding-left: 15px;
    width: 100%;
    line-height: 35px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    
 
}
.titulo_numero {
   margin-right: 15px;
    line-height: 35px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    float: right;
   
}
.titulo_contacto {
    padding: 15px;
    width: 100%;
    line-height: 35px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}


.comentario{
  
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    display: flex;
  
        
}

.inpu{
  
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    display: flex;
 
  
        
}
.inpu input{
    border-style:none;
    width: 100%;
    height: 35px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
    box-shadow: 5px 6px 19px -5px rgba(0,0,0,0.75);

    
    
    
}
.comentario input{
    border-style:none;
    width: 100%;
    height: 130px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
    background-color: #A7D9F1;
    
    
}
.comentario_area {
    border-style: none;
    width: 100%;
    height: 130px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
    background-color: #A7D9F1;
}
.contacto{
    padding-left: 20px;
    line-height: 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
   
}
.foot{
  
    display: flex;
    height: 60px;
}
 .foot div{   
     padding-left: 20px;
    width: 100%;
    height: 30px;
    color: rgb(0, 0, 0);
    min-width: 100px;  
    margin-top: 5px;  
    margin: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
  
 }
 .foot div img{
     
    
    float: right;
 }
#DropDownList1 {
    border-style: none;
    border-radius:10px;
   
}

    #DropDownList1 select {
        border-style: none;
    }

.radio {
    
   margin:auto;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
 
}
#FileUpload1 {
    background-color: #d60000;
    width:100%;
    color:white;
     font-family: Arial, Helvetica, sans-serif;
     border-radius:5px;

}
#FileUpload1 button{
    border-style:none;
    background-color:blueviolet;

}

#inputfile button {
    border-style: none;
    background-color: blueviolet;
}
.textarea{
    width:100%;
    height:120px;
    background-color:white;
    border-style:none;
    font-family: Arial;
    resize:none;
    border-radius: 8px;
    padding: 10px;
 
}
#consulta {
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 10px;
  
}
#reclamo {
    font-family: Arial, Helvetica, sans-serif;
}
.fecha1 {
    background-color: white;
    color: black;
    border-style: none;
    width: 100%;
    height: 30px;
    border-radius: 5px;
    flex: 1;
   
}

.backfecha {
    padding-right: 30px;
 
    margin: 10px;
    width: 100%;
    background: url(../Img/calendar.png) no-repeat top right #FFFFFF;
    background-color:white;
    border-radius: 5px;
  
}

.calendar{
    flex:1;
    width:10px;
   
}

.buscar1 {
    width: 100px;
    margin: 10px;
    border-style: none;
    background-color: #5979fa;
    color: white;
    border-radius: 2px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    display:flex;
    float:left;
   
}
.cerrarhorno {
    width: 100px;
    margin: 10px;
    border-style: none;
    background-color: #ED373C;
    color: white;
    border-radius: 2px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    display: flex;
    float: right;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    /* background: url(../Img/calendar.png) no-repeat top right #FFFFFF;*/
    width: 100%;
}
.textboxinput {
    border-style: none;
    width: 100%;
    height: 25px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
}
.textboxinputpeq {
    border-style: none;
    width: 100%;
    height: 25px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
    min-width: 50px;
}
.textboxinputpeq1 {
    border-style: none;
    width: 100%;
    height: 25px;
    float: left;
    border-radius: 8px;
    margin-right: 5px;
   
}
.popup {
    background-color: rgba(0, 0, 0, 0.452);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    height: 300px;
    border-radius: 10px;
}
.popup2 {
    background-color: rgba(0, 0, 0, 0.452);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    height: 400px;
    border-radius: 10px;
}
.popup5 {
    background-color: rgba(0, 0, 0, 0.452);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    height: 150px;
    border-radius: 10px;
}
.ini {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 10px;
    height: 150px;
}

.ini2 {
    background-color: rgba(0, 0, 0, 0.70);
    height: 150px;
    border-radius: 10px;
}
.lblelimina {
    font-size: 15px;
    color: white;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: bold;

}
.lblelimina2 {
    font-size: 15px;
    color: orangered;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: bold;
}
.popup3 {
    background-color: rgba(0, 0, 0, 0.452);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    height: 200px;
    border-radius: 10px;
}
#gral {
    display: grid;
}

.telefonos {
    background-color: white;
    border-style: none;
  
    border-radius: 5px;
     margin:auto;
    height: 25px;
    flex:1;
    margin-right:10px;

   
}
.flex {
    color: white;
   /* margin-left: 5px;
    margin-right: 5px;*/
}

.lbltelefonos {
    margin-left: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color:white;
}

.back_telefonos {
    height: 30px;
    display: flex;
    background-color: white;
    border-radius:5px;
    margin:10px;
}
.back_telefonos2 {
    height: 30px;
    display: flex;
    background-color: white;
    border-radius: 5px;
 
}
.error {
    margin-left: 10px;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}



.union_gral {
   
  max-width:100%;
}
.union {
    background-color: white;
    display: flex;
    flex:1;
 
 width:100%;
}
.box {
   display:block;
   margin: 0px 5px 50px 5px;
 
   width:100%;
 

 
 }

.textbox{
    width:100%;
    border-style:none;
    border-radius:5px;

}
.ajax__fileupload_fileItemInfo div.removeButton {
    width: 100px;
    
}

div.ajax__fileupload_uploadbutton {
   background-color:aqua !important;
}

.ajax__fileupload .ajax__fileupload_selectFileContainer {
    width: 110px;
}

.ajax__fileupload_selectFileContainer .ajax__fileupload_selectFileButton {
    width: 110px;
}

.imagenesticket {

    width: 100%;
    height: 85px;
    background-color: white;
    border-style: none;
    font-family: Arial;
    resize: none;
    border-radius: 8px;
    padding: 10px;
}
#total {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 15px;
    display: flex;
    border-radius: 5px;
}
#image2 {
    z-index: 9999999999999;
    position :absolute;
    left : 0px;
    top : 0px;
    width : 100%;
    height : 100%;
    display:none;

  
}
.muestra {
    z-index: 9999999999999;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
 
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("/Img/load2.svg") 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

#salirimg {
top:0;
width:100%;
position:absolute;
z-index:99999999999999999;
}
.area{
    width:100%;
    height:200px;
    background-color: white;
    border-style:none;
    font-family:Arial;
    resize:none;
    border-radius: 8px;

}
.desea {
    width: 100%;
    text-align: center;

}
.titulo{
 
    color: #25346d;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   font-weight: bold;
   font-size: 20px;
    text-align: center;
    flex: 1;
    justify-content: center;
   top: 10px;
   

}
.divtitulo{
 
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.boxhead {
    background: #25346d;
    background: linear-gradient(180deg, #25346d 0%, #2445cc 100%);
    width: 100%;
    height: 80px;
    border-radius: 0px 0px 10px 10px;
}
.boxhead5 {
    background: #25346d;
    background: linear-gradient(180deg, #25346d 0%, #2445cc 100%);
    width: 100%;
    height: 135px;
    border-radius: 0px 0px 10px 10px;
}
.boxhead2 {
    background: #25346d;
    background: linear-gradient(180deg, #25346d 0%, #2445cc 100%);
    width: 100%;
    height: 61px;
    
}
.boxhead1 {
    background: #25346d;
    background: linear-gradient(180deg, #25346d 0%, #2445cc 100%);
    width: 100%;
    height: 80px;
    border-radius: 0px 0px 10px 10px;
}

.btnconfirmar {
    background: #25346d;
    background: linear-gradient(180deg, #25346d 0%, #314dbd 100%, rgba(89,44,252,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 100px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}
.btnconfirmar4 {
    background: rgb(80,17,255);
    background: linear-gradient(95deg, rgba(80,17,255,1) 0%, rgba(104,173,255,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 100px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
}
.btnconfirmar4_disable {
    background: rgb(198,198,198);
    background: linear-gradient(95deg, rgba(198,198,198,1) 0%, rgba(143,143,143,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 100px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
}
.btnconfirmar2 {
    background: #25346d;
    background: linear-gradient(180deg, #25346d 0%, #314dbd 100%, rgba(89,44,252,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 40px;
    color: white;
    min-width: 100px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}
.centrado {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
 
}
#box_opacity_login {
    min-width: 400px;
    min-height: 350px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: #00000034;
    backdrop-filter: blur(3px);
   -webkit-backdrop-filter: blur(3px);
    z-index:1;
    border-radius: 10px;
    padding: 20px;
    display: row;
}

#body_login {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    margin: 0;
    padding: 0;
  
    min-height: 100vh;
    background-size: cover;
}

#box_opacity {
    min-width: 100%;
    min-height: 100vh;
    background-color: rgba(255, 255, 255, 0.50);
    border-radius: 10px;
}

.btniniciar {
    background: rgb(18,255,0);
    background: linear-gradient(180deg, rgba(18,255,0,1) 0%, rgba(69,142,0,1) 100%, rgba(37,166,7,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 60px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}
.btnpausar {
    background: rgb(255,115,0);
    background: linear-gradient(180deg, rgba(255,115,0,1) 0%, rgba(170,80,2,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 60px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}
.btnpausaroff {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(66,66,66,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 60px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}
.btnconfirmar3 {
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    color: white;
    min-width: 60px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    background: rgb(255,25,0);
    background: linear-gradient(180deg, rgba(255,25,0,1) 0%, rgba(142,44,44,1) 100%);
}
.btnconfirmar5 {
    background: rgb(80,17,255);
    background: linear-gradient(95deg, rgba(80,17,255,1) 0%, rgba(104,173,255,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 35px;
    color: white;
    min-width: 60px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
}

.btnconfirmar5_disable {
    background: rgb(198,198,198);
    background: linear-gradient(95deg, rgba(198,198,198,1) 0%, rgba(143,143,143,1) 100%);
    border-style: none;
    border-radius: 5px;
    width: 100%;
    height: 35px;
    color: white;
    min-width: 60px;
    margin-top: 12px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
}
.notificaciones_titulo9 {
    margin-top: 20px;
    width: 100%;
    height: 35px;
    background: rgb(0,175,236);
    background: -moz-linear-gradient(180deg, rgba(0,175,236,1) 0%, rgba(35,52,121,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,175,236,1) 0%, rgba(35,52,121,1) 100%);
    background: linear-gradient(180deg, rgba(0,175,236,1) 0%, rgba(35,52,121,1) 100%);
    border-radius: 10px 10px 0px 0px;
    z-index: 0;
}
.notificaciones9 {
    width: 100%;
    
    height: 130px;
    background-color: rgb(154,154,154,0.5);
    border-radius: 0px 0px 10px 10px;
}
.dropdown {
   
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}
.swal2-container {
    z-index: 9999;
}
.my-swal-popup-class {
    z-index: 9999; /* Valor alto para asegurarse de que esté por encima de otros elementos */
}