/*Este archivo tiene los estilos de milfs,
el otro archivo css style.css que está en la carpeta milfs
 no está referenciado en index.php de milfs*/


#barra_milfs{
	position: absolute;
}
#contenedor_principal{
	padding-top: 10em;
}

#empresa_pie{
	display: block;
}


/* Portal Consulta*/
#muestraInfo {
	position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
#modal-panel-consulta{
	position: fixed;
  margin: 0;
  width: 100% !important;
  height: 100%;
  padding: 0;
}

#contenido-panel-consulta {
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  box-shadow: none;
}

#header-panel-consulta{
position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  padding: 10px;
  background: #e5e5e5;
  border: 0;
}

#panel-buscador {
	margin-bottom: 0px !important;
}

#panel-consulta {
	padding: 0px;
	position: absolute;
	top: 50px;
	bottom: 30px !important;
	display: flex;
	width: 100%;
	max-height: calc(100vh - 100px);
}

.herramientas-buscador {
	padding-left: 15px;
	padding-top: 10px;
}

.scroll{
	overflow-y: auto;
	cursor: pointer;
}
.acciones-consulta>a {
    margin-bottom: 3px;
}

#div_resultados{
	height: auto !important;
	scroll-behavior: auto;
}
#pie_modal{
	position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 50px;
padding: 12px;
background: #e5e5e5;
}


.panel-heading .glyphicon {
  transition: .3s transform ease-in-out;
}
.panel-heading .collapsed .glyphicon {
  transform: rotate(90deg);
}

.input-group {
	padding-bottom: 10px;
}

/*Fin panel consulta*/

#canvas-holder_$tipo_$id_campo{
 max-width:100%;
}

@media (max-width: 768px) {
#panel_administrador{
	padding: 0px !important;
}

}
@media (max-width: 480px) {
#contenedor_principal{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#contenido>legend {
    padding-left: 10px;
}

#modificarcampo_succesalert{
	position: relative;
	display: block;
	border-collapse: separate;
	padding-top: 13px;
}

#botonera-panel-consulta{
	padding-left: 0px;
}

#div_resultados {
    padding-left: 0px;
}

.herramientas-buscador{
	padding-left: 0px;
}
#paginador-consultas{
	padding-left: 10px;
}

#panel-aplicacion{
	padding: 0px !important;
}

.encabezado-app{
	padding: 0px !important;
}

.botonera-acciones>li>.btn.btn-default {
    margin-bottom: 4px;
}

.datos-app{
	padding-right: 0px !important;
}
.botones-editar {
	margin-bottom: 3px !important;
}
.panel-app{
padding: 0px !important;
}
.panel-editar{
padding: 0px !important;
	}
.email-grupo{
	display: block !important;
}
.opciones-portal{
	display: table-caption !important;
	width: auto !important;
}

.opciones-portal-grupo{
	padding: 7px 0px !important;
	background-color:transparent !important;
	border: none !important;
	margin: -3px;
}

.panel-api{
	padding: 0px !important;
}

#modificarcampo_succesalert>.input-group-addon{
	border: 1px solid #ccc !important;
  border-radius: 0px;
}

#nuevocampo_success{
	padding-bottom: 60px !important;
}
#nuevocampo_success>.btn{
	display: block;
}
}





/* Switch button */
.btn-default.btn-on.active{background-color: #5BB75B;color: white;}
.btn-default.btn-off.active{background-color: #DA4F49;color: white;}

.btn-default.btn-on-1.active{background-color: #006FFC;color: white;}
.btn-default.btn-off-1.active{background-color: #DA4F49;color: white;}

.btn-default.btn-on-2.active{background-color: #00D590;color: white;}
.btn-default.btn-off-2.active{background-color: #A7A7A7;color: white;}

.btn-default.btn-on-3.active{color: #5BB75B;font-weight:bolder;}
.btn-default.btn-off-3.active{color: #DA4F49;font-weight:bolder;}

.btn-default.btn-on-4.active{background-color: #006FFC;color: #5BB75B;}
.btn-default.btn-off-4.active{background-color: #DA4F49;color: #DA4F49;}