.sntc_popup_marker {
	border: 1px dashed red;
	position: absolute;
	border-bottom: 36px solid red;
}

.sntc_marker {
	border: 0;
	border-right: 1px dashed #ff000090;
	border-bottom: 40px solid #ff000040;
	position: absolute;
	color: #ff000090;
}

.sntc_marker div {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 14px;
}

.sntc_label {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 20px;
	color: grey;
}

.sntc_label_h1 {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 22px;
	color: var(--color_2);
	border-bottom: 1px solid var(--color_2);
}

.sntc_input {
	text-align: center;
	font-size: 20px;
}

.sntc_checkbox {
	
}



.sntc_value {
	font-size: 14px;
	font-weight: bolder;
	color: black;
}

.sntc_value small {
	color: blue;
	font-size: 75%;
	font-weight: normal;
}

/* id */
.sntc_id {
	font-size: 16px;
	font-weight: bolder;
	position: absolute;
	color: black;
	text-shadow: -1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, 1px -1px 0 white;
}

/* El Conector */
.jtk-connector {
	z-index: 100000;
}


/* Borrado debajo de los botones */
.ladder_obj > .mdl-button--raised {
	background-color: rgb( 236,236,236 );
}



/* Imagenes */
.sntc_binary {
	position: absolute;
}

.sntc_binary .sntc_binary_on {
	display: none;
}

.sntc_binary[value="1"] .sntc_binary_on {
	display: block;
}

.sntc_binary .sntc_binary_off {
	display: none;
}

.sntc_binary[value="0"] .sntc_binary_off {
	display: block;
}


/* Ternario */
.sntc_bar3
{
  width: 24px;
  border: 3px solid red;
  border-radius: 4px;
}

.sntc_bar3 .item
{
  height: 20px;
  width: 18px;
  background-color: white;
}

.sntc_bar3[value="1"] .item.pos1 , .sntc_bar3[value="2"] .item.pos1 , .sntc_bar3[value="3"] .item.pos1
{
  background-color: green;
}

.sntc_bar3[value="2"] .item.pos2 , .sntc_bar3[value="3"] .item.pos2
{
  background-color: green;
}

.sntc_bar3[value="3"] .item.pos3
{
  background-color: green;
}


/* led */

.sntc_led 
{
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background-color: red;
	color: white;
}

.sntc_led[value="1"]
{
	background-color: green;
	color: black;
}


.sntc_box {
	border: 1px solid;
	background-color: rgba( 255 , 255 , 255 , 0.8 );
}

.sntc_box h1 {
}

.sntc_box[onclick] {
	cursor:	pointer;
}


.sntc .leader-line-line-path
{
}

.sntc .leader-line-line-path[value="0"]
{
}

.sntc .leader-line-line-path[value="1"]
{
	stroke-dasharray: 10 5;
	animation: sntc_binary_path_animation 2s linear infinite;
}

@keyframes sntc_binary_path_animation
{
	to {
			stroke-dashoffset: -15;
	}
}