@media screen and (max-width: 600px) {
		.container {
			padding-right: 0px;
			padding-left: 15px;
		}
		.card3 {
		    padding-bottom: 0px; 
		    padding-left: 0px; 
		    padding-right: 0px; 
		}

		.card3 .timeline:before {
		    width: 0px;
		    left: 0px;
		    margin: 0;
		    border-radius: 0px;
		}

		.card3 .timeline>li>.fa, .card3 .timeline>li>.glyphicon, .card3  .timeline>li>.ion {
		    width: 0px;

		}		

		.card3 .timeline>li>.timeline-item {
		    margin-left: 0px;
		    margin-right: 0px;
		}

		.card3 .cambio{
		    padding-left: 0px;
		    padding-right: 0px;
		}


		.card2 .estatus1.rounded {
		    font-weight: 700;
		}

		i.fa.fa-clock-o.bg-gray {
		    display: none;
		}
	}


	@media screen and (max-width: 760px) {
		.card2 .parte3 .titulo2, .card2 .parte4 .titulo2{
			font-weight: bold;
		}
	}


	@media screen and (max-width: 600px) {

		.sub-nav {
		    margin-bottom: 0px;
		    min-height: 0px;
		    margin-top: 0px;
		    margin-left: 0%;
		}				
	}


	@media (min-width: 1200px){
		.container {
		    width: 1170px;
		}
	}

	@media (min-width: 1024px) {
	  
	  .card1 footer .boton-enviar, .textemail {
	    position: relative;
	    background-color: transparent;
	    border-radius: 0;
	    border: 1px solid #fc0009;
	    width: 100%;
	    float: none; 
	    transition: all .25s;
	  }


	  .article {
	    max-width: 100%;
	  }

	}

	.solicitud {
		/*
		padding-left: 50px;
	   padding-right: 50px;
	   display: contents;
	   */
	   font-family: ubuntu;
	   color: #666;
	   font-size: 13px;
	}


	.card1{
/*		padding-top: 55px;*/
		padding-bottom: 75px;
		text-align:center;
		margin:0 auto;		
		padding-left: 5px;
    	padding-right: 5px;		
	}
	
	.card1 .notification.notification-error.notification-inline:before {
	    content: '';
	    width: 0;
	    height: 0;
	    margin: auto;
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: auto;
	    top: -16px;
	    border-top: 10px solid transparent;
	    border-bottom: 10px solid rgba(50,50,50,.9);
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	}

	.card1 footer .boton-enviar, .textemail {
	    position: relative;
	    background-color: transparent;
	    border-radius: 0;
	    border: 1px solid #fc0009;
	    width: 100%;
	    float: none;
	    transition: all .25s;
	}

	.form-field{
		text-align: left;
	}

	.titulo_form{
		font-weight: 500;
		text-align: center;
		font-size: 15px;
		font-family: Ubuntu,sans-serif;
		padding-bottom: 10px;
		color: #323232;
	}

	.captcha{
		padding-top: 50px;
		padding-bottom: 50px;	
	   justify-content: center;
	   align-items: center;
	   /*display: flex;*/			
	}

	.form footer {
	    margin-top: 0px;
	    padding-top: 0px;
	}

	.form-field input[type="email"] {
	    border: none;
	    border-radius: 0;
	    border-bottom: 1px solid #BABABA;
	    padding-top: 0;
	}

	.card2 {
		margin: 0px auto;
	   /*width: 66%;  */
		padding-left: 5px;
    	padding-right: 5px;	   
	}

	.card2 .caso{
	    border: 1px solid #dee2e6;
	    padding: 10px;
	    background-color: aliceblue;
	}

	.card2 .ticket {
		align-self: center;

	}

	.card2 .ticket a{
    font-size: 15px;
    color: #e81c24 !important;
    font-weight: 500;
    align-self: center;
	}

	.card2 .fecha{
	   display: table-cell;
		width: 100%
	}

	.card2 h1 {
	    font-size: 32px;
	    padding-bottom: 10px;
	}

	.card2 .asunto{
		color: #666;
	}

	.card2 .titulo_form{
		font-size: 15px;
		padding-bottom: 30px;
		text-align: left;
	}

	.card2 .ticket  a{
    	border-bottom: 1px solid transparent;
    	transition: all .5s;
    }

	.card2 .ticket a:hover{
    	border-bottom: 1px solid #e81c24;
    }	

	.card2 .rojo{
		color: #e81c24;
	}

	.busqueda a{
    	border-bottom: 1px solid transparent;
    	transition: all .5s;
    }

	.busqueda a:hover{
    	border-bottom: 1px solid #e81c24;
    }

	.busqueda2 a{
    	border-bottom: 1px solid transparent;
    	transition: all .5s;
    }

	.busqueda2 a:hover{
    	border-bottom: 1px solid #e81c24;
    }

	.card2 .busqueda2{
		padding-top: 28px;
		color: #e81c24;
		text-align: right;
	}


	.card3{
		padding-bottom: 75px;
		padding-left: 5px;
    	padding-right: 5px;		
	}

	.card3 .note-editor.note-frame {
    border: 1px solid #f0f0f0;
	}

	.card3 .busqueda2{
		/* padding-top: 28px; */
		color: #e81c24;
		margin: 0 auto;
		text-align: right;
		/* width: 86%; */
		/* padding-right: 17px; */
		transition:opacity 500ms;
	}

	.card2 .busqueda a, .card3 .busqueda2 a {
		color: #323232 !important;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: .1em;
		padding-bottom: 5px
	}


	.card2 .busqueda::after {
		height: 1px;
		position: absolute;
		transform: translateX(101%);
		transition: all .25s;
		background-color: #E81C24;
	}	


	.card2-foto {
		 width: 36px;
	    height: 36px;
	    font-size: 15px;
	    line-height: 30px;
	    position: absolute;
	    color: #666;
	    background: #d2d6de;
	    border-radius: 50%;
	    text-align: center;
	    left: 18px;
	    top: 0;
	}

	.card2 .mensaje{
		color: #666;
	}

	.card2 .parte2 {
		display: flex;
	}

	.card2 .recuadro2 {
	   border: 1px solid #dbdbdb;
	   border-style: solid;		
	}

	.card2 .recuadro3{
		padding-left: 20px;
    padding-right: 20px;
	}

	.card2  .recuadro{
		padding-top: 10px;
	   padding-bottom: 5px;
	   border: 1px solid #dbdbdb;
	   border-style: solid;
	   /* display: flex; */	
	   justify-content: center;
	}

	.card2 .estado{
		color: #e81c24;
		font-weight: 500;
		font-size: 13px;
	}

	.card2 .parte3{
		padding-top: 25px;
		padding-bottom: 30px;
	}

	.card2 .parte4{
		padding-bottom: 10px;
		text-align: justify;
	}	

	.card2 .titulo2{
		color: #595959;
		font-size: 13px;
		font-weight: 500;
	}

	.card2 .contenido{
		color: #595959;
		font-size: 13px;
		font-weight: 300;
	}

	.card2 .busqueda{
		margin: 0 auto;
    text-align: right;
	}

	.jesus:after {
		height: 1px;
		position: absolute;
		transform: translateX(101%);
		transition: all .25s;
		background-color: #E81C24;
	}

  .card3 .gris {
    background-color: #f0f0f0;
    color: #323232;
  }

  .card3 .rojo {
    color: #FFF;
  }

  .card3 .timeline>.time-label>span {
      font-weight: 600;
      padding: 5px;
      display: inline-block;
      background-color: #FF0000; 
      border-radius: 4px;
      color: #FFF;
  }

  .card3 .timeline>li>.fa, .card3 .timeline>li>.glyphicon, .card3 .timeline>li>.ion {
      width: 30px;
      height: 30px;
      font-size: 15px;
      line-height: 30px;
      position: absolute;
      color: #666;
      background: #ffffff;
      border-radius: 50%;
      text-align: center;
      left: 18px;
      top: 0;
      border: 1px solid #666;
  }  

  .card3 .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #FF0000;
  }

  .card3 .nav-stacked2 li {
    position: relative;
    display: block;
    padding: 10px 15px;
    border-radius: 0;
    border-top: 0;
    border-left: 3px solid transparent;
    color: #666;
    border-bottom: 1px solid #666;  
  }

  .card3 .timeline>li>.timeline-item>.timeline-header {
		margin: 0;
		color: #555;
		border-bottom: 1px solid #f4f4f4;
		padding: 10px;
		font-size: 15px;
		line-height: 1.1;
	}
  .card3 .recuadro {
    border-bottom: 1px solid #f0f0f0;
    width: 100%

  }

  .card3 span.izq {
    width: 50%;
    /* position: static; */
    /* display: contents; */
    padding: 10px 15px;
    padding-left: 0px;
    padding-right: 0px;    
    /* border-radius: 0; */
    /* border-top: 0; */
    /* border-left: 3px solid transparent; */
    /* color: #666; */

  }

  .card3 .timeline {
    position: relative;
    margin: 0px;
    padding: 0;
    list-style: none;
	}

  .card3 span.der {
    
    /* position: static; */
    /* display: contents; */
    padding: 10px 15px;
    text-transform: capitalize;
    /* border-radius: 0; */
    /* border-top: 0; */
    /* border-left: 3px solid transparent; */
    /* color: #666; */

  }  

  .card3 .nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    /* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */
    border-radius: 3px;
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
}

	.card3 .timeline>li>.timeline-item>.timeline-body, .timeline>li>.timeline-item>.timeline-footer {
	    padding: 10px;
	    overflow: scroll;
	}

	.card3 .user {
		width: 65px;
		height: auto;
		float: left;
		color: #666;
	}

	.card3 .timeline-body{
		padding-right: 0px;
    	width: 100%;
	}

	.card3 .card-header.note-toolbar {
    padding: 0 0 5px 5px;
    margin: 0;
    background: black;
	}

	.card1 div#captcha {
    	display: inline-block;
	}

	.footer2 .boton-enviar {
	    position: relative;
	    background-color: transparent;
	    border-radius: 0;
	    border: 1px solid #fc0009;
	    width: 100%;
	    /* float: right; */
	    transition: all .25s;
 	}

	.card1 .form footer {
	  margin-top: 0px;
	  padding-top: 0px;
	}


 	@media (min-width: 1024px) {
		.footer2 .boton-enviar {
    		width: 190px !important;
		}
	}		

	.form-field input {
		padding: 0px 5px 10px 5px;
	}


	.card0 .form-success-message {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
	}

	.card0 .form-success-message i.fa-check-circle:before {
    font-size: 150px;
	}
	
	.card0 .form-success-message i.fa-check-circle {
    color: #E81C24;
	}

	.card0 .form-success-message span.bolder {
		font-weight: 700;
		font-size: 26px;
		margin-top: 5px;
		color: #323232;
	}

	.card0 .form-success-message {
    display: grid;
	}

	.card0 .form-success-message span.small {
    margin-top: 0px;
    font-weight: 300;
    color: #7f7f7f;
    font-size: 18px;
	}