.filtroGlobal {
    padding:10px;
	font-family: FontAwesome, "Open Sans", Verdana, sans-serif !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: left;
    width: 200px;
}

.ui-progressbar .ui-progressbar-value {
    border: 1px solid #00a65a !important;
    background: #00a65a !important;
}
.ui-progressbar .ui-progressbar-label {
    color: #B8C7CE !important;
    font-family: "Source Sans Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.ui-progressbar {
    height:25px; 
    width: 300px;
}


/**TRACKING INICIO**/

.timeline_new {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.li_timeline {
  transition: all 200ms ease-in ;
}

.timestamp {
  margin-bottom: 20px ;
  display: flex ;
  flex-direction: column ;
  align-items: center ;
  font-weight: 100 ;
}

.status {
  padding: 0px 35px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0;
  position: relative;
  transition: all 200ms ease-in;
}
.status h4 {
  font-weight: 600;
  margin-top: 25px;
}
.status:before {
  content: "";
  min-width: 25px;
  min-height: 25px;
  background-color: white;
  border-radius: 25px;
  border: 1px solid #ddd;
  position: absolute;
  top: -15px;
  left: 42%;
  transition: all 200ms ease-in;
}

.li_timeline.completa .status {
  border-top: 2px solid #66DC71;
}
.li_timeline.completa .status:before {
  background-color: #66DC71;
  border: none;
  transition: all 200ms ease-in;
}
.li_timeline.completa .status h4 {
  color: #66DC71;
}

.li_timeline.completa .status:hover::before {
  cursor: pointer;
  min-width: 30px;
  min-height: 30px;
  transition: all 200ms ease-in;
}

.date {
	width: 100px;
}


@media (max-width: 1150px) {
  	.li_timeline {
	    transition: all 200ms ease-in;
	    display: table-row;
	    width: inherit;
	    vertical-align: middle;
	}
	
	.status {
	    padding: 0px 0px;
	    display: table-cell;
	    justify-content: center;
	    border-left: 4px solid #D6DCE0;
	    border-top: none !important;
	    transition: all 200ms ease-in;
	}
	
	.timeline_new {
	    list-style-type: none;
	    display: block;
	    text-align: -webkit-center;
	    position: inherit;
	}
	
	.status:before {
	    left: -10%;
	    top: 25%;
	    transition: all 200ms ease-in;
	}
	
	.li_timeline.completa .status h4 {
	    color: #66DC71;
	    padding-left: 15px;
	    display: flex;
	}
	
	.timestamp {
	    width: 120px;
	    margin-bottom: 40px;
	    display: inline-flex;
	}
	
	.li_timeline.completa .status {
    	border-left: 4px solid #66DC71;
	}
	
	.status h4 {
	  font-weight: 600;
	  padding-left: 15px;
	  display: flex;
	}
	
}

/**TRACKING FIN**/

/**titulo login INICIO**/

.cont {
	text-align: center;
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -80%);
	width: 100%;
	margin-bottom: 30px;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.cont span{
	color: white;
	text-transform: uppercase;
	display: block;
}

.text1 {
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 8px;
    margin-bottom: 20px;
    background: #D2D6DE;
    position: relative;
    color: #f4f4f4 !important;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

.text2 {
	font-size: 35px;
	color: white;
}

@keyframes text {
	0%{
		color: #D2D6DE;
		margin-bottom: -40px;
	}
	
	30%{
		letter-spacing: 25px;
		margin-bottom: -40px;
	}
	
	80%{
		letter-spacing: 8px;
		margin-bottom: -40px;
	}
}

.login-box {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20%;
}


@media (max-width: 1000px) {
	
	.login-box {
	    margin-top: 50%;
	}
	
	.text1 {
		font-size: 25px;
		font-weight: 200;
		letter-spacing: 4px;
		margin-bottom: 20px;
	}
	
	.text2 {
		font-size: 20px;
		color: white;
	}
}

@media (max-width: 770px) {
	
	.login-box {
	    margin-top: 40%;
	}
}

@media (max-width: 411px) {
	
	.login-box {
	    margin-top: 60%;
	}
	
	.text1 {
		font-size: 35px;
		font-weight: 200;
		letter-spacing: 4px;
		margin-bottom: 20px;
	}
	
	.text2 {
		font-size: 20px;
		color: white;
	}
}

@media (max-width: 360px) {
	
	.login-box {
	    margin-top: 55%;
	}
	
	.text1 {
		font-size: 28px;
		font-weight: 200;
		letter-spacing: 2px;
		margin-bottom: 20px;
	}
	
	.text2 {
		font-size: 16px;
		color: white;
	}
	
	@keyframes text {
		0%{
			color: #D2D6DE;
			margin-bottom: -40px;
		}
		
		30%{
			letter-spacing: 12px;
			margin-bottom: -40px;
		}
		
		80%{
			letter-spacing: 4px;
			margin-bottom: -40px;
		}
	}
}

/**titulo login FIN**/