/**
	 * Forzar que se muestren elementos cuando se agranda el navegador
	 */
	@media only screen and (min-width:837px){

		#cssmenu{
		  display: block !important;
		}
		

		.claseDivBotonesCerrar{
			display: none;
		}

		.crudBoton{
			display: none !important;
		}
	}


	/* Para teléfonos móbiles */
	@media only screen and (max-width: 836px)
	{

		label, a{
			/* Ajuste a gran parte del texto mostrado en todo el sitio incluyendo los botones */
			font-size:12px ;
			display: inline-block;
			vertical-align: middle;
			padding: 0px;
			height: auto;
		}
        
       
		.labelContenido{
			box-sizing: border-box;
			display: inline-block;
			position: relative;
			/*float: left;*/
		}

		.claseContenido{
			overflow-y:auto !important;
			position: absolute !important;
		}

		.claseTextoPiePrincipal .claseBoton{
			width: auto !important;
			height: auto !important;
			padding: 2px !important;
			box-sizing: border-box !important;

		}

		#claseDivAppsSistema label{
			font-size: 0.6rem !important;
		}

		#claseDivInfoUsuario{
			top: 90px !important;
			right: 0px !important;
		}

		#claseDivInfoUsuario::after{
			bottom: 153px !important;
		}

		#divTriangulo{
			display: none;
		}

		/*.claseIconoLogin{
			border-width:  0px 0px 0px 0px !important;
			border-radius: 0px;
			padding: 0px;
			width: 36px !important;
			height: 36px !important;
		}*/

		.claseAccDirectoPrincipal{
			float: left;
			display: inline-block;
			position:relative;
			padding: 0px !important;
			margin: 0px !important;
			padding-top: 2px !important;
			padding-bottom: 2px !important;
			margin-right: 5px;
			padding-right: 5px !important;
			background: #11476b;
			width:100%;
			top:0px;
		}

		.claseFondoListadoSOT{
			width: 100%;
		}

		.clasePanel{
			width: 100%;
			/*width: 100% !important;*/
			padding: 0px !important;
		}

		.claseFondoPanel{
			width: 100% !important;

		}

		.claseFondoFormulario{
			padding-left: 10px !important;
			padding-top: 0px !important;
			padding-right: 10px !important;
			padding-bottom: 10px !important;
		}

		.clasePanelTitulo{
			font-size:15px !important;
		}

		/* Ajusta el tamaño del texto mostrado como titulo de la webapp */
		.claseTituloPrincipal {
			width: auto !important;
			height: inherit !important;
			font: 1.5rem lato !important;
			letter-spacing: 0px !important;
			margin: 0px !important;
			padding: 0px !important;
			padding-top: 5px !important;
			padding-left: 2px !important;
			display: block !important;
			float: left !important;
		}

		.lblTextoTituloPrincipal{
			font-size: 0.7rem !important;
			word-wrap: break-word;

			height: inherit;
		}

		/* Ajusta el tamaño de la fuente a titulo mostrado de cada pagina */
		.claseFormularioTitulo {
			font-size:18px !important;
			letter-spacing: 2px;
		}

		.claseTextoPiePrincipal a{
			font-size: 11px !important;
			padding: 5px !important;
			margin-right: 5px;
		}

		/* Ajuste a menú */
		#cssmenu > ul > li {
			/* Corresponde al area donde se encuentran los botones del menú principal */
			width:100% !important;
			height:40;
		}

		/* Ajuste al texto mostrado en los item del menú  */
		#cssmenu > ul > li > a {
			font-size: 20px !important;
		}

		/* Ajuste a submenús */
		#cssmenu .has-sub ul {
		  z-index: 10; /* Se coloca 10 para que tenga la mayor prioridad al momento visulizar los contenidos en la pantalla, evitando que se muestre al fondo de otros elementos */
		  display: none;
		  position: absolute;
		  width:80% !important;
		  top: 100%;
		  left: 0;
		}

		/* Ajuste al texto mostrado en los submenú */
		#cssmenu .has-sub ul li a {
			font-size: 20px !important;
		}

		/* Contiene todos elementos del menú incluido el icono responsive y el listado del menú */
		.claseDivMenuResponsive {
	    	background: rgba(25,99,148,1);
			background: -moz-linear-gradient(top, rgba(25,99,148,1) 0%, rgba(17,70,106,1) 44%, rgba(17,70,106,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,99,148,1)), color-stop(44%, rgba(17,70,106,1)), color-stop(100%, rgba(17,70,106,1)));
			background: -webkit-linear-gradient(top, rgba(25,99,148,1) 0%, rgba(17,70,106,1) 44%, rgba(17,70,106,1) 100%);
			background: -o-linear-gradient(top, rgba(25,99,148,1) 0%, rgba(17,70,106,1) 44%, rgba(17,70,106,1) 100%);
			background: -ms-linear-gradient(top, rgba(25,99,148,1) 0%, rgba(17,70,106,1) 44%, rgba(17,70,106,1) 100%);
			background: linear-gradient(to bottom, rgba(25,99,148,1) 0%, rgba(17,70,106,1) 44%, rgba(17,70,106,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#196394', endColorstr='#11466a', GradientType=0 );
			float:left;
			width:100%;
	   }

	    /* Se mostrará el icono de menú cuando el usuario usa pantallas chicas */
		#btnResponsive:hover{
			background-color: #3CB0FD; /*#FFAF4B;*/
			border: 1px solid #3CB0FD;
		}

		#btnResponsive	{
			display:inline-block;
			cursor:pointer;
			float:right !important;
			height:100% !important;
			margin-right: 5px;
			width:38px;
			height: 35px !important;
			/*-webkit-border-radius: 5;
		  	-moz-border-radius: 5;
		  	border-radius: 5px;*/
		  	border: solid #bec6cc 1px;
			background-color:  #11476b;
			border: 1px solid #11476b;
			position: fixed;
			right: 0.5px;
			top: 5px;
		}

		/* Referencia al contenedor de los elementos de listado menú */
		#cssmenu {
			display:none;
		}

  	    .claseTextBox{
  	   		width: 100% !important;
	    	height:auto;
  	    }

  	    .claseDateTime{
			width: 100% !important;
  	    }

	    textarea{
	    	width: 100% !important;
			/*height: 100% !important;*/
	    	/*height: 60px !important;*/
	    }

	    /* Clase aplicada a todos los botones en el proyecto */
	    #btnMostrar, .claseBotonImprimir,.claseBoton,.claseBotonEliminar,.claseBotonAgregar
		{
			margin-top: 0px !important;/* Aplica espacio arriba del elemento */
			margin-left: 0px !important; /* Aplica espacio a la izquierda del elemento */
			margin-bottom: 5px !important;
			padding: 0 !important;
			padding-left: 0 !important; /* Aplica espacio a la izquierda del texto del elemento (Interior del elemento) */
			padding-right: 0 !important; /* Aplica espacio a la derecha del texto del elemento (Interior del elemento) */
			/*display: inline-block;*/
			/*margin:0px !important;*/
			box-sizing: border-box;
			width: 100%;
			/*height:35px !important;*/
			text-align:center !important;
			}

		#btnMostrar:hover,.claseBotonImprimir:hover,.claseBoton:hover ,.claseBotonEliminar:hover,.claseBotonAgregar:hover{
			width: 100%;
		}


		.claseBotonEliminar{
			height:25px !important;

		}

	    .claseImagen {
	    	width:100%;
	    	height:auto;
	    }

	    .claseComboBox,.claseComboBox:disabled{
	    	width: 100% !important;
	    	height:25px !important;
	    }

	    .claseGrid td{
			/* Las columnas de cada fila del detalle  */
			/*width:200 !important;*/
			min-width:100px !important;
			height:30px;
			font-size:10px;
		}

		.claseGrid th span{
			min-width:100 !important;
		}

	    .claseGrid th {
			/* Las filas de la cabecera del grid */
			font-size:11px !important;
			/*min-width:200 !important;*/
			/*width:200 !important;*/
			height:30px !important;
		}

	    /**** Ajuste a los contenedores de controles de formularios ****/
	    /* Cuadro de dialogo Crear Solicitado Por  */
	    .ui-dialog{
			/* Cualquier vantana modal mostrar en la parte superior de la pantalla */
			/* Se quitó al ver que no es necesario */
			/*left:0% !important;
			top:0% !important;
			width:auto;*/
	    	width: 100% !important;
			/*width: auto;*/
	    }

	    .claseDivAutoAjustable{
					/*float:none !important;*/
					width:100% !important;
					height: auto !important;
					display: inline-block;
					box-sizing: border-box;
					position: relative;
					/*padding-bottom:5px !important;*/
			}

		.claseContainerFila{
				flex-direction: column;
		}

		#pnlFiltros{
			width:100%; 
			/*flex-direction: row;*/
		}

		#pnlBarraMostrar{
			width: 48%;
		}


		.claseDivAutoAjustableSepIzq{
				float:left !important;
				white-space: normal !important;
				width:100% !important;
				height: auto !important;
				display: inline-block !important;
				box-sizing: border-box !important;
				position: relative;
		}

	    /* Ajuste a los contenedores de controles de formularios */
	    #divBtnSOTNuevo,#divBtnCrearSolicitud {
	    	width: 100% !important;
	    	margin-top: 3px !important; /* Aplica espacio arriba del elemento */
	    	padding-left: 3px !important; /* Aplica espacio a la derecha del texto del elemento (Interior del elemento) */
	    	float:none !important;
	    }

		#divContenedorBotonesMovil{
			width: 100% !important;
			border-top-color: gray;
			border-top-width: 2.5px;
			border-top-style: solid;
			background: #11476b;
			position: fixed !important;
			display: none;
			flex-wrap: wrap;
			bottom: 0 !important;
			padding: 10px !important;
			left: 0 !important;
			/*z-index: 1100 !important;*/
			height: auto !important;
			box-sizing: border-box; /* El width y el height incluyen el padding y el border, pero no el margin.*/
		}

		.claseDivBotones {
			width: 100% !important;
		}

		.claseDivBoton,.claseDivBoton:hover  {
			width: 48%;
		}

		.claseDivBoton > button {
			width: 100% !important;
		}

	   	/* Se ajusta el ancho de los contenedores que se usa en los formularios Columna1 corresponde a las etiquetas , Columna2 corresponde a los textbox,select,etc. */
	    .claseDivContenedorFormFila,.claseAnchoFormColumna1,.claseAnchoFormColumna2{
	    	float:left !important;
				display: inline-block;
				position: relative;
				width:100% !important;
				height:auto;
				/*padding: 0px;*/
	    }

	    input#dtpRangoDesde,input#dtpRangoHasta{
	    	width:100% !important;
	    	height:40px !important;
	    }

		.claseCheck{
		    /* Double-sized Checkboxes */
			 -ms-transform: scale(1.5); /* IE */
			  -moz-transform: scale(1.5); /* FF */
			  -webkit-transform: scale(1.5); /* Safari and Chrome */
			  -o-transform: scale(1.5); /* Opera */
			  padding: 15 !important;
		}


	   	/* *********************************** */
		/* Aplicado al Paginado de Grid      */
		/* *********************************** */

		.claseDivContenedorPaginado{
			/*padding: 0;*/
			padding-left: 5px;
			padding-right: 5px;
			display: inline-block;
			box-sizing: border-box;
		}

	    .claseDivContenedorPaginado a {
	    	font-size: 12px !important;
	    	text-align:center;
	    }

	    .claseDivContenedorPaginado button {
	    	width:100% !important;
	    	height: 30px !important;
	    }

	    .claseDivContenedorPaginado select {
	    	width: auto !important;
	    	height: 30px !important;
	    }

		.claseDivContenedorPaginado input{
		/*	width: auto !important;*/
			height: 20px !important;
		}

	    .claseDivContenedorPaginadoBotonIcon {
	    	width:auto !important;
			padding-top: 10px !important;
	    }

	    .claseDivContenedorPaginadoBotonTexto{
	    	/*float:left !important;*/
	    	width:85% !important;
	    	align:center !important;
			padding-top: 5px !important;
	    }

		.claseDivContenedorPaginadoBotonTexto a{
			font-size: 12px !important;
			margin-top: 2px !important;
		}

	    /* *********************************** */
		/* Aplicado a los div Tab      */
		/* *********************************** */
	    .claseDivTab ul li a{
	    	font-size:16px !important;
	    	width:100% !important;
	    	padding:1px !important;
	    	height:50px;
	    }

	    /* Cada titulo de la ficha (tab) */
	    .claseDivTab ul li {
	    	width:100% !important;
	    }

	    #divGif{
			position: absolute;
		    top: 50%;
		    left: 50%;
		    margin-top: -50px;
		    margin-left: -50px;
		    width: 	100px;
		    height: 100px;
		    z-index:1;
		    visibility:hidden;
		}

		#divGif p{
			color:#000000 !important;
			text-shadow:none !important;
		}


		.claseDivContenedorAppDefecto{
			/*display:inline-block;*/
			width:100%;
			padding:0;
			/*padding-top: 100px;*/
		/*	margin-bottom: 100px;*/
		}

		#claseDivEditarOT{
			position: fixed;
			top:auto;
			bottom: 50;
		}


		/* Mostrar flecha o indicativo seleccionado */
		#claseDivEditarOT:after {
			content: '';
			display: block;
			width: 0;
			height: 0;
			position: absolute;
			left: 40%;
			top: 100%;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-bottom:0; /* 10px solid #666;*/
			border-top: 10px solid white;
		}

		#btnSOTDefecto ,#btnRETDefecto,#btnSMProgDefecto,#btnCombustibleDefecto,#btnComprasDefecto {
			height: 130px;
		}

		#divNuevoSolicitante{
			width: 100%;
		}
        
        #filaEquipo{
            width: 100% !important;
            min-width: 1px !important;
            max-width: none !important;
        }   

		/*#filaDatosProv{
			flex-direction: column;

		}*/

		/*.claseColorEtiqueta3:disabled {
			background:gray !important;
			border-color:gray !important;
		}*/

	}