  @keyframes blink {
    0% {
      border-color: transparent;
    }
    50% {
      border-color: red; /* Puedes cambiar el color según tu necesidad */
    }
    100% {
      border-color: transparent;
    }
  }

  .blinking-border {
    animation: blink 1s infinite;
    border-width: 2px;
  }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

$form-select-color: $gray-200;
#viewInput{position:absolute; visibility:hidden;}
#tooltip
{
font-family: Arial,Verdana,Sans-Serif,Tahoma;
font-size: 12px;
position:absolute;
visibility:hidden;
border-width:1px;
border-color:black;
border-style:solid;
padding:3px;
layer-background-color:lightyellow;
background-color:lightyellow;
}
BODY
{
font-family: Arial,Verdana,Sans-Serif,Tahoma;
font-size: 12px;
/** scrollbar-face-color: #f4a460; 
scrollbar-shadow-color: #FF33CC; 
scrollbar-highlight-color: #a52a2a;
scrollbar-3dlight-color: #445310; 
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #CCFFCC;
scrollbar-arrow-color: #FF6699; **/
}
/* TD
{
font-family: Arial,Sans-Serif,Tahoma;
font-size: 12px;
font-weight : normal;
border-color : #707070;
border-width:1px;
padding-left: 10px;
}

table.externo 
{
border: 1px #707070;
}
input.desactivado
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:12px;
color: #5066A0;
width:80mm;
border:1px #767676;
border-style:outset inset inset outset;
} */
input.box1
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:12px;
color: #5066A0;
width:80mm;
height:10mm;
border:1px #767676;
border-style:outset inset inset outset;
}
input.box2
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:12px;
color: #5066A0;
width:180mm;
height:10mm;
border:1px #767676;
border-style:outset inset inset outset;
background-color:#eee;
}
input.box3
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:12px;
color: #5066A0;
width:150mm;
height:10mm;
border:1px #767676;
border-style:outset inset inset outset;
background-color:#eee;
}
input.ancho
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:18px;
color: #5066A0;
width:60%;
height:28px;
border:1px #767676;
border-style:outset inset inset outset;
background-color:#eee;
margin-top:9px;
border-radius:5px;
}
input.ancho_nec
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:18px;
color: #5066A0;
width:100%;
border:1px #767676;
border-style:outset inset inset outset;
background-color:#eee;
margin-top:9px;
border-radius:5px;
}
input.medio_nec
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:18px;
color: #5066A0;
width:50%;
border:1px #767676;
border-style:outset inset inset outset;
background-color:#eee;
margin-top:9px;
border-radius:5px;
text-align:center;
}
input.importes_nec
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:18px;
color: #5066A0;
width:25%;
border:1px #767676;
border-style:outset inset inset outset;
background-color:#eee;
margin-top:9px;
border-radius:5px;
text-align:right;
}
input.ancho_red
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:12px;
color: #5066A0;
width:80mm;
border:1px #767676;
border-style:outset inset inset outset;
background-color:#e1f21ba1;
margin-top:5px;
}
input.ancho180
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:12px;
color: #5066A0;
width:180mm;
border:1px #767676;
border-style:outset inset inset outset;
background-color:#eee;
}

input.estrecho
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:18px;
color: #5066A0;
width:20mm;
border:1px #767676;
border-style:outset inset inset outset;
background-color:#eee;
margin-top:5px;
border-radius:5px;
margin-top:9px;
text-align:center;
}
input.medio
{
font-family: Arial, Sans-Serif,Tahoma;
font-size:18px;
color: #5066A0;
width:30mm;
border:1px  #767676;
border-style:outset inset inset outset;
background-color:#eee;
margin-top:5px;
border-radius:5px;
margin-top:9px;
}
select.lo_desactivo
{
border-style:outset inset inset outset; 
width:45mm;
color: #5066A0;
font-family: Arial, Sans-Serif,Tahoma;
font-size:8px;
background-color:#ff9933;
}
select.desc_ti 
{
border-style:outset inset inset outset; 
width:80mm;
color: #000000;
font-family: Arial, Sans-Serif,Tahoma;
background-color:#e6e6e6;
margin-top:5px;
}
select.desc_ti_yellow
{
border-style:outset inset inset outset; 
width:80mm;
color: #000000;
font-family: Arial, Sans-Serif,Tahoma;

background-color:#e1f21ba1;
margin-top:5px;
}
select.desc_ti_120 
{
border-style:outset inset inset outset; 
width:120mm;
color: #000000;
font-family: Arial, Sans-Serif,Tahoma;
font-size:11px;
background-color:#e6e6e6;
}
select.desc_ti_40 
{
border-style:outset inset inset outset; 
width:40mm;
height:130px;
color: #000000;
font-family: Arial, Sans-Serif,Tahoma;
font-size:11px;
background-color:#e6e6e6;
}
select.desc_tabla_k
{
border-style:outset inset inset outset; 
width:20mm;
color: #000000;
font-family: Arial, Sans-Serif,Tahoma;
font-size:10px;
background-color:#e6e6e6;
}
TEXTAREA 
{ 
font-family: Arial, Sans-Serif,Tahoma;
font-size:12px;
width:180mm;
background-color:#eee;
}
TEXTAREA.180h
{ 
font-family: Arial, Sans-Serif,Tahoma;
font-size:12px;
width:180mm;
height:10mm;
rows:2;
background-color:#eee;
}
TEXTAREA.180b
{ 
font-family: Arial, Sans-Serif,Tahoma;
font-size:12px;
width:180mm;
height:5mm;
rows:2;
background-color:#eee;
}
.suma td {
text-align:right;
align:right;
color:#f00;
}

A.ancho
{
	width:600px; 
	font-size:14px;
}
table.vista {
max-width:700px;
}

table.vista tr.titulo {
background-color:#ccc;
text-align:center;
font-weight: bold;
}
A.ancho:hover 
{
	text-decoration: none;
	color: #FF9966;
                /*font-weight: bold;*/
}

/* texto bold*/
b
{
// mal en nec4 font-size:11px;
}
.oddline
{
background-color:#F7EFE7;
}
.evenline
{
background-color:#E7CBCE;
}
.formoddline
{
font-weight: normal;
color: #800000;
background-color:#F7EFE7;
}
.formevenline
{
font-weight: normal;
color: #800000;
background-color:#E7CBCE;
}
.formoddlinelbl
{
font-weight: bold;
color: #800000;
background-color:#F7EFE7;
}
.formevenlinelbl
{
font-weight: bold;
color: #800000;
background-color:#E7CBCE;
}
.formheader
{
font-family: Arial,Sans-Serif,Tahoma;
font-size: 11px;
font-weight: bold;
color : #FFFFFF;
background-color : #CA7480;
border-color: #c09070 #704020 #704020 #c09070;
border-style: solid;
border-width: 1px;
}
.maintable
{
border-bottom: medium solid #f4a460;
border-left: medium solid #f4a460;
border-right: medium solid #f4a460;
border-top: medium solid #f4a460;
border-width: 1px;
}
.principal
{

font-weight: normal;
color: #800000;
background-color:#59B537;
border-bottom: solid #707070;
border-left: solid #707070;
border-right: solid #707070  ;
border-top: solid #707070;
border-width: 1px
}
.mio
{
font-family: Arial,Sans-Serif,Tahoma;
font-size: 11px;
font-weight: bold;
color : #FFFFFF;
background-color : #DDDDFF;
border-color: #BBBBFF #BBBBFF #BBBBFF #BBBBFF;
border-style: solid;
border-width: 1px;
border-top: 0px;
}
.punto
{
font-family: Arial,Sans-Serif,Tahoma;
font-size: 11px;
font-weight: bold;
color : #000000;
border-bottom: dotted #DDDDFF;



border-width: 1px;
}
.negro
{
font-family: Arial,Sans-Serif,Tahoma;
font-size: 11px;
font-weight: bold;
color : #000000;
border-bottom: solid #000000;
border-left: solid #000000;
border-right: solid #000000  ;
border-top: solid #000000;

border-width: 2px;
}
/* para las tabbed tables de Notes*/
#mainTitle{
font: 18pt Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
color: navy;
padding: 20px 10px 5px 10px;
}
#subHead {
font: 12pt Arial, Verdana, Arial, sans-serif;
color: gray;
font-style: italic;
font-weight: bold;
padding: 0 10px 0 10px;
}
#nextLink {
font: 8pt Verdana, Arial. sans-serif;
padding-left: 530px;
}

td.dominoSelTopTab, td.dominoTopTab {
padding: 5px;
width: 100px;
border: 0;
}

td.dominoSelTopTab {
background: #EFEFEF;
}

td.dominoTopTab {
background:#aaa;
}

.dominoTopTab a {
color: white;
}
.dominoTopTab a:hover {
color: black;
}
#headerTable td {
padding: 0;
} 

.encuesta h4 {
	color:#365e81;
}
.encuesta h3, .estado h3 {
	color:#a63d50;
}
.encuesta h2 {
	color:#307040;
	text-align:center;

}
.encuesta input {
	color:#f00;
	width:80%;
}
.encuesta input[type="checkbox"] {
	display:inline-block;
 width: 100%;

}
.estado input {
	color:#365e81;
}
.parrafo {
	margin=20px;
	margin-right=20px;
	text-align:justify;
}
.encuesta .contador {
	color:#774523;
	border:0px;
	width:30px;
}
.encuestaa .estadoa {
	color:#0fF;
	width: max-content;
}
.estadoo {
	width: 100%;

}
.aceptos {
	text-align:center;
}
.grupo-subida {
	max-width:800px;
}
.fileupload img {
	display:none;
}

.vista-embebida h2 {
	color:#0f0;
	display:none;
}
.cargando {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index:2;
  background-color:rgba(0,0,0,0.4);
}
.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -25px;
  width: 200px;
  height: 500px;
  text-align: center;
  font-size: 26px;
}
.form-select-sm {

    margin-top: 9px;
}
.check_nec6 {
	width:25px;
    margin-top: 9px;
}
.form-select-sm.nec6 {
	width:100%
}
.contenido_pestanas td td {

	padding-top:10px;
	ddpadding-bottom:20px;
}
// pruebas botones + iconos
.btn-label {
	position: relative;
	left: -12px;
	display: inline-block;
	padding: 6px 12px;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 3px 0 0 3px;
}

.btn-labeled {
	padding-top: 0;
	padding-bottom: 0;
}

.btn {
	margin-bottom: 10px;
}

.titulo {
	color:000;
}
.archivo {
	padding-left:40px;
	color:#880303;
}
.hash {
	padding-left:40px;
	color:#7f9bc8;
}
.res-signe {
	padding-left:40px;
}
.res-signe-tit {
	text-decoration:bold;
}