/* style tabasco ING. EDGAR IVAN PEREZ GARCIA */
html {
  position: relative;
  min-height: 100%;
  padding-bottom:160px;
}
body {
  margin-bottom: 160px;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  
}

*{
  -webkit-user-select: text;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}
/*#p, #relojnumerico {
min-height: 100%;
font: 400 14px / 1.42857143 "Roboto", sans-serif;
box-sizing: border-box;
}

input{

font: 400 14px / 1.42857143 "Roboto", sans-serif;
box-sizing: border-box;
}*/

.button-vino{
background-color: #9D2449; 
color: white;
margin-right: 3px;
margin-bottom: 3px !important;
}
.button-dorado{
background-color: #bc955b; 
color: white;
margin-right: 3px;
margin-bottom: 3px !important;
}

.button-regresar{
color: white;
background-color: #bc955b; 

}

.button-regresar:hover{
color: black;
background-color: #bc955b;
border-color: white;
}

#button-guardar-dorado{
background-color: #bc955b; 
color: white;


}

#button-guardar-dorado:hover{
background-color: #bc955b; 
color: black;
border-color: white;

}
#button-guardar{
background-color: #9D2449; 
color: white;


}

#button-guardar:hover{
background-color: #9D2449; 
color: black;
border-color: white;

}

strong{
color: #ffff;
}
.text-vino{
color: #9D2449;	
}


.card{
border: none; 
background-color: transparent;

}

.card-header{
border: none; 
background-color: transparent;

}

.card-login{
border: none; 
background-color: transparent;

}


.titulo{
border: 2px solid #e9ecef;
background-color: #9D2449;
color:#FFFFFFFF ;
text-align: center;
font-size: 22px;
line-height: 1.5;
font-style: normal;
font-variant: none;
font-family: font-family: 'Open Sans',sans-serif !important;
text-transform: none;
letter-spacing:1px;
word-spacing: -2px;

}



.card-tabasco{

border-color: black;
border: 1px solid #000; 

}

.card-header-tabasco{
border-bottom: 1px solid #000;
background-color: #bc955b;
color:#ffffffff ;
text-align: center;
font-size: 22px;
line-height: 1.5;

font-style: normal;
font-variant: none;
font-family: font-family: 'Open Sans',sans-serif !important;
text-transform: none;
letter-spacing: 1px;
word-spacing: -2px;
display: inline-block;
}


.loader-save {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: no-repeat rgb(44,47,51);
  opacity: 80%;
  }


/* titulo 2
.titulo{
text-align: center; 
font-family: Arial Black; 
font-weight: bold; font-size: 30px; 
background: #202020; 
-webkit-background-clip: text; 
-moz-background-clip: text; 
background-clip: text; 
color: transparent; 
text-shadow: 0px 3px 3px rgba(255,255,255,0.4),0px -1px 1px rgba(0,0,0,0.3);
text-transform: uppercase;
}

.titulo:hover{
text-align: center; 
font-family: Arial Black; 
font-weight: bold; font-size: 30px; 
background: #9D2449;
-webkit-background-clip: text; 
-moz-background-clip: text; 
background-clip: text; 
color: transparent; 
text-shadow: 0px 3px 3px rgba(255,255,255,0.4),0px -1px 1px rgba(0,0,0,0.3);
text-transform: uppercase;

} 
*/


.table th{
background-color: #bc955b;
text-align: center;
color: #ffffff;
/*text-transform: uppercase;*/
}

.table td{

/*text-transform: uppercase;*/
}
.table-btn{
text-align: center;

}

i{
color: #ffff;	
}

.blanco{
 color:#ffffff; 
}

textarea {
  margin: auto;
  display: block;
}


textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
}
a.disabled {
color: gray;
pointer-events: none;
}

.center{        
display: flex;
align-items: center;
justify-content: center;
}

::-webkit-scrollbar{
  width: 10px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
  background-color: #9D2449 ; 
  background-image: -webkit-linear-gradient(90deg,rgb(157, 36, 73 ) 25%,transparent 25%,transparent 50%,rgb(157, 36, 73 ) 50%,rgb(157, 36, 73 ) 75%,transparent 75%,transparent)
}



.navbar-vino{
background-color: #9D2449;
}

.dropdown {
list-style: none; 
background: #9D2449; 
padding: 0px; 
display: inline-block;
}
.dropdown .nav-link {
color:#fff; 
text-decoration: none;
}
.dropdown .dropdown-menu a{
color: #000; 
text-decoration: none;
}
.dropdown .btn {
background: #9D2449; 
color:#fff;
}
.dropdown .btn:hover {
background: #9D2449; 
color:#000;
}
.dropdown .btn:active {
background: #9D2449; 
color:#000;
}
.dropdown .btn:focus {
background: #9D2449; 
color:#000;
}
.dropdown-menu .dropdown-item {
display: inline-block; 
width: 100%; 
padding: 10px 22px;
}
.dropdown .dropdown-menu a:hover
{
color: #fff;
background-color: #9D2449;
border-color: #fff;
}



.responsive-table, .responsive-table-actas, .responsive-table-cumple, .responsive-table-descuentos, .responsive-table-empleado-externas, .responsive-table-empleado-internas, .responsive-table-horarios {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 10%;
  
}

.responsive-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  
}



@media only screen and (min-width: 874px ) and (max-width: 991px )  {
 
  .responsive-table table{
     display: inline-table; 
    
  }
}



@media only screen and (min-width: 447px) and (max-width: 992px ) {
 
  .responsive-table-cumple table{
     display: inline-table; 
    
  }
}



@media only screen and (min-width: 634px) and (max-width: 992px ) {
 
  .responsive-table-actas table{
     display: inline-table; 
    
  }
}


@media only screen and (min-width: 450px) and (max-width: 991px ) {
 
  .responsive-table-horarios table{
     display: inline-table; 
    
  }
}

@media only screen and (min-width: 726px) and (max-width: 991px ) {
 
  .responsive-table-descuentos table{
     display: inline-table; 
    
  }
}


@media only screen and (min-width: 612px ) and (max-width: 991px)  {
 
  .responsive-table-empleado-internas table{
     display: inline-table; 
    
  }

  
}


@media only screen and (min-width: 771px ) and (max-width: 991px)  {
 

  .responsive-table-empleado-externas table{
    display: inline-table; 
   
 }
}



.dropzone .dz-preview .dz-progress {
 
  background: transparent !important;
}


input:invalid+.validity:after{
  content: '✖';
  color: red;
}
input:valid+.validity:after{
  content: '✓';
  color: green;
}
.validar span {
    position: absolute;
    right: -10px;
    top: 33px;
    padding: 7px 6px;


}