/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (max-width: 790px) {
		.client-name {
    		display: none;
		}
}

@media only screen and (max-width: 1290px) {
		/*.client-name2{
			display: none;
    		color: white;
		}*/
		.auxiliar{
			display: block!important;
		}
		
}
@media only screen and (max-width: 991px) {
		.client-name2 {
			display: block!important;
    		color: white;
		}
		.auxiliar{
			display: none!important;
		}
}

@media only screen and (max-width: 765px) {
		.encabezado > div {
			display:inline;
		}
		div.row.simbology  div.col-sm-4 {
		    display: inline-block !important;
		    width: 32% !important;
		}
		div.row.simbology  div.col-sm-4  div {
		    display: inline-table !important;
		}

		div.simbology span {
		    padding: 0 ;
		    position: absolute !important;
		    top: -20px !important;
		    transform: translate(-50%, 0px) !important;
		}
		
}

@media only screen and (max-width: 722px) {
	/*body{
		background-color: red;
	}*/
	#clientesrutas img{
		display:none;
	}
	#clientesrutas .encabezado div:nth-child(1), #clientesrutas .encabezado div:nth-child(2), #clientesrutas .encabezado div:nth-child(5), #clientesrutas .encabezado div:nth-child(6) {
    	display: none;
	}
	
	li.encabezado div{
		width: 0% !important;
	}
	#clientesrutas .table li > div {
		line-height: 15px;
	}
	#clientesrutas li.encabezado div:nth-child(3) {
    	width: 25% !important;
	}
	#clientesrutas li.encabezado div:nth-child(4) {
    	width: 25% !important;
	}
	#clientesrutas li  > div{
		display: inline-block;
		width:25%;
	}
	#clientesrutas li div .point{
		display: block;
	}
	#clientesrutas li > div:nth-child(1), #clientesrutas li > div:nth-child(2){
		display: none;
	}
}

@media only screen and (max-width: 690px) {
	div.content_pedidos {
	    height: 75% !important;
	}
}

@media only screen and (max-width: 688px) {
	div.content_pedidos {
	    height: 65% !important;
	}
}

@media only screen and (max-width: 887px) {
	#accordionSurtimiento .panel-heading {
	    height: auto;
	}S
	.modal-backdrop{
				z-index:0 !important;
	}
}