/* Para la animacion de ayuda */
.fa-question-circle{
  color: #ed1f1f;
  padding: 0.2em 0.4em;
  }
.circle{
  border-radius: 60%;
  	margin: 0.15em;
  	font-size: 3em;
}
.cmn-t-pulse {
  animation: pulse 1s ease infinite;
  /* transition: transform 0.2s; */
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

/* Para el modal con la imagen dentro */

 /* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

#myModal{
	background-color: rgba(68, 73, 111, 0.9);
	padding-top: 50px;
}

/* The Modal (background) */
.modal {
  overflow: auto; /* Enable scroll if needed */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Add Animation - Zoom in the Modal */
.modal-content{
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close_ins {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #ffffffed;
  font-size: 55px;
  font-weight: bold;
  transition: 0.3s;
  margin-right: 3%;
}

.close_ins:hover, .close_ins:focus {
  color: #a7a7a7;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700x){
	.modal-content {
		width: 100%;
	}
	
	#help_animation{
		display:none;
	}
	
	#login_wrapper{
		width:90% !important;
	}
} 

.modal-backdrop{
    opacity:0.5 !important;
}

/* ---------------------------------- */

body{
	background-color: #fff;
}

#form_filtro p{
	margin: 10% 0% 10% 5%;
	overflow: hidden;
}

.bottom_border_only {
	border-width: 0 0 2px 0 !important;
	box-shadow: none;
}

.input_txt_class{
	float: left; 
	margin-left: 3%; 
	width: 75%;
	height:auto;
	background: #fcfcfc;
}

#form_filtro .form-control:focus{
	border-color: #005596 !important;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

#title_intra{
	color:#747474;
	margin: 3% 5%;
}

#keypad{
	margin-left:3%;
}

#btn_wrapper{
	text-align: center;
	margin-top: 15%;
	/*float: right;
	margin-right: 10%;*/
	margin-bottom: 10%;
}

#wrapper_1{
	margin:0 auto;
	margin-top:5%;
	font-size:14px !important;
}

#login_view{
	width: 100%; 
	display: flex; 
	margin-bottom: 20px;
}

#login_wrapper{
	left: auto; 
	position: relative; 
	top: auto; 
	margin: auto; 
	width: 35%;
}

#btn_ingresar{
	box-shadow: 1px 1px 5px black;
}

.tdi_logo{background: url("../Imagenes/logo.png") no-repeat scroll 23px 11px;
		background-size: 165px 59px;
		height: 70px;text-align: center;}

#loginbox .form-group {
	margin-top:4%;
	margin-bottom: 4%;
}

#loginbox .input-group {
	margin-bottom: 25px;
}

@media (max-width: 360px) {
	#loginbox button {
		padding-left:3px;
		padding-right:3px;
	}
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}