@charset "utf-8";
/* CSS Document */
html,body{
  min-height: 100vh;
	width:100%;
  position: relative;
}
body{
  padding-bottom: 80px;
}
h1,h2,h3,h4,h5{
	word-wrap:break-word !important;
	padding-left: 0;
}
.body-container{
	padding-top: 50px;
}
.completo{
	width:100%;
	height:100%;
}
.vertical-align {
    display: flex;
    align-items: center;
}
.checkbox{
	margin-left:20px;
}

/* tarjetas material design */
.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  border-radius: 2px;
}

form{
  margin-bottom: 1%;
}
.visorError{
  padding-left: 0px;
  padding-right: 0px;
}
.visorError .xdebug-var-dump{
  height: 300px;
  padding-left: 0px;
  padding-right: 0px;
}

#loading{
  position: fixed;
  left:1%;
  bottom: 1%;
  width: 200px;
  height: auto;
  z-index: 999999;
}
.btn-fw{
  width: 98% !important;
  margin: 1% 1% !important;
}
.datatables{
	overflow-x:auto;
}
.flowOculto{
	overflow:hidden;
}
.alerta_elem h2{
	margin:0 auto;
}
.tablaAccion{
	cursor:pointer;
	font-size:1.5em;
}
.tabla.col-md-12{
	padding:0;
}
.tablaWrap{
	height:95%;
	width:95%;
}
td .checkbox{
	margin:0;
}
.botonera{
	margin-bottom:1%;
}
.botoneraVertical{
}
.form-control{
	padding:3px;
	height:30px;
}
.tableWrap{
	width:100%;
	min-width:300px;
	overflow:auto;
	overflow-style:marquee-line;
}
table h1,table h2,table h3,table h4,table h5{
	padding:0;
	margin:0;
}
.ulTabWrap{
	overflow:auto;
	overflow-y:hidden;
}
.input-group-btn {
    position: relative;
    font-size: 1em;
    white-space: nowrap;
}
.input-group-btn .btn{
	padding:4px 6px;	
}
.notificacion_wrap{position:fixed;z-index:9998;bottom:1%;right:1%;max-width:90%;}
.vertical-center{
	display: flex;
	align-items: center;
}
.tabs{
}
.body-wrap{
	
}
.fullh{
	height:100%;
	min-height:100%;
}
.fullw{
	width:100%;
	min-width:100%;
}
.fullwh{
	height: 100%;
	width: 100%;
}
.edge{
	margin:0;
	padding: 0;
}
.menu-btn, .menu-btn-inicio{
	display: inline-block;
	margin:0 1vh;
}
.menu-btn div{
	width: 3vh;
    height: 0.4vh;
    background-color: rgba(255,255,255,1);
    margin: 0.7vh 0;
    border-radius:2px;
}
.menu-btn-inicio div{
	width: 5vh;
    height: 0.7vh;
    background-color: rgba(155,155,155,1);
    margin-top: 0.5vh;
    border-radius:0.1vh;
}
.bloquear{
	overflow:hidden;
}
.ui-dialog { margin-top:50px;z-index: 99999 !important; max-height:600px; overflow:hidden; }
.ui-dialog-content { min-height:10vh !important; overflow:auto; }
.ui-dialog-content::-webkit-scrollbar {
    width: 10px;
	height: 10px;
}
#dialog-form{
	overflow:auto !important;
	max-height:80vh !important;
}
form.filtros{
	padding:2px;
	margin:0 0 10px;
	display:block;
}
small.filtros{
	cursor:pointer;
	font-style:italic;
	font-size:0.5em;
}
form.filtros > input,select,textarea{
	font-size:1.3rem;
}
form.filtros .form-control{
	height:auto !important;
}
.filtro-input{
	padding: 1px;
}
.dataTables_wrapper{
	margin-top:5px;
}
.inicio div{
    height: 25vh;
    margin: 2vh 0 2vh;
}
.boton-inicio{
    background-color: #fff;
    border-collapse: separate; 
    border: 1px solid rgba(100,150,200,1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:rgba(100,150,200,1);
    text-align: center;
    display: inline-table;
    width: 100%;
    padding:0 2vw;
    word-break: break-word;
    cursor: pointer;
}
.boton-inicio:hover{
    background-color: rgba(100,150,200,1);
    border: 1px solid rgba(100,150,200,1);
    color:#fff;
    text-align: center;
    display: inline-table;
    width: 100%;
    padding:0 2vw;
    cursor: pointer;
}
.boton-inicio div{
    display: table-cell; 
    vertical-align: middle;
    font-size: 2.5rem;
    height:90%;
    width:90%;
}
.container{
    padding: 0 30px;
}
.container.fullh .tabs{
    padding-top:0;
}
.grupo-campos{
  width:17%; margin:0 1%; display:inline-block; vertical-align:top; border-top: 1px solid #999;
}
.add-group{
  float:left;
  width: 100%;
}
.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* CSS UI-jquery */
.ui-dialog ul.ui-menu{
	height: 150px !important;
    overflow-y: auto !important;
    padding: 10px !important;
}

ul.ui-menu{
	max-height: 250px !important;
    overflow-y: auto !important;
    padding: 10px !important;
}

/* CSS REQUIRED */
.state-icon {
    left: -5px;
}
.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}

/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.well .list-group {
    margin-bottom: 0px;
}

.bg-success{
    background-color: #dff0d8 !important;
}
.campos{
    background-color: rgba(100,100,100,0.1);
    padding:10px;
    margin:5px;
    width: calc(50% - 10px);
}
span.btnTexto{
	margin-left:15px;
}
@media screen and (max-width: 640px) {
	.grupo-campos{
		width:100%; margin:0 1%; display:inline-block; vertical-align:top;
	}
	.campos{
		background-color: rgba(100,100,100,0.1);
		padding:10px;
		margin:5px;
		width: calc(100% - 10px) !important;
	}
	span.btnTexto{
		margin-left:0;
		font-size: 0;
	}
	.botonera{
		padding:0;
		margin:0;
	}
	.botoneraVertical{
		width:34px;
		right:-15px;
	}
	.ui-accordion-content{
		padding:5px !important;
	}
}