/*GENERICOS*/
*{margin:0;}

a{
	cursor:pointer;
}

th{
	cursor: pointer;
}

th > i{
	vertical-align: top;
}

.col{
	padding: 0 13px!important;
	box-sizing:border-box;
}

.fixed-action-btn.horizontal ul{
	width: 600px;
}

input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"]{
	color: rgba(0,0,0,0.66);
}

input:not([type]):disabled+label, input:not([type])[readonly="readonly"]+label, input[type=text]:disabled+label, input[type=text][readonly="readonly"]+label, input[type=password]:disabled+label, input[type=password][readonly="readonly"]+label, input[type=email]:disabled+label, input[type=email][readonly="readonly"]+label, input[type=url]:disabled+label, input[type=url][readonly="readonly"]+label, input[type=time]:disabled+label, input[type=time][readonly="readonly"]+label, input[type=date]:disabled+label, input[type=date][readonly="readonly"]+label, input[type=datetime-local]:disabled+label, input[type=datetime-local][readonly="readonly"]+label, input[type=tel]:disabled+label, input[type=tel][readonly="readonly"]+label, input[type=number]:disabled+label, input[type=number][readonly="readonly"]+label, input[type=search]:disabled+label, input[type=search][readonly="readonly"]+label, textarea.materialize-textarea:disabled+label, textarea.materialize-textarea[readonly="readonly"]+label {
    color: rgba(0,0,0,0.46);
}

html, body, body>.content>.row, body>.content>.row>.col, body>.content>.row>.col>.ventanas{
	height: 100%;
	padding: 0!important;
} 
body>.content>.row>.col>.ventanas{
    height: calc(100% - 143px);
}

body>.content{
	    height: calc(100% - 64px);
    overflow: hidden;
}

body>.content>.row>.col>.content{
	height: calc(100% - 142px);
    overflow-y: scroll;
}
body>.content>.row>.col>.content>.container{
	margin-top:30px;
}

input[type=checkbox] + label{
	top: 0;
}

.input-field.row{
	margin-left:0;
	margin-right:0;
}

.modal.modal-fixed-footer{
	width: 90%!important;
	top:5%!important;
	max-height: 90%!important;
	height: 90%!important;
}

.tabs{
	background-color: #fafafa;
	    border-bottom: 1px solid lightgray;
	    overflow: hidden;
}

.content.adView, .container.adView{
	overflow:hidden!important;
	height:100%!important;
}


/*.container-table-scroll{
	width:100%;
	height:calc(100% - 248px);
	position:relative;
	float: left;
	overflow: auto;
}*/

.tabs .tab a {
 color:black;
}
.tabs .tab a:hover {
 color:lightblue;
}
.tabs .indicator {
	background-color: black;
}

.linea_inputs > div:nth-child(1){
	padding-right: 20px!important;
}

.blue {
	background-color: #0033CD !important;
}

.select-wrapper{
	padding-bottom: 1px;
}

.ui-autocomplete{
	z-index: 10000;
}

.input-field label {
    font-size: 0.9rem!important;
}

.fixed-action-btn.horizontal{
	right: 48px!important;
}

.col .boton_flexible{
    transition: 0.3s ease-out all;
    width: 31px !important;
    margin-left:calc(100% - 31px)!important;
}
.col .boton_flexible .usuarios_firmantes{
	margin-left: 0;
    float: right;
}
.col .boton_flexible:hover{
	width:100%!important;
	margin-left:0px !important;	
}

.col .boton_flexible_2{
    transition: 0.3s ease-out all;
    width: 11em !important;
    float:right;
}

.col .boton_flexible_2 p{
	font-size: 1.5rem;
	width: 11rem;
}

.col .boton_flexible_2.input-field .prefix ~ input {
    margin-left: 11rem!important;
    width: calc(100% - 11rem)!important;
}

.col .boton_flexible_2:hover{
    width:calc(100% - 11em)!important;
}

.col .boton_flexible_3{
    transition: 0.3s ease-out all;
    width: 7em !important;
    float:right;
}

.col .boton_flexible_3 p{
	font-size: 1.5rem;
	width: 7rem;
}

.col .boton_flexible_3.input-field .prefix ~ input {
    margin-left: 7rem!important;
    width: calc(100% - 7rem)!important;
}

.col .boton_flexible_3:hover{
    width:calc(100% - 11em)!important;
}


th[data-field="accion"]{
	text-align: right;
	padding-right: 0;
}

#tabla_bloques tbody tr:nth-child(4n), #tabla_bloques tbody tr:nth-child(4n-1), #tabla_bloques thead tr{
	background-color: #e1f5fe;
}

#tabla_bloques td{
	padding: 5px 5px;
}



*[data-error]{
	position:relative;
}
*[data-error]:after {
	content: attr(data-error);
    color: #FB3333;
    border-radius: 3px;
    position: absolute;
    pointer-events: none;
    font-size: 11px;
    left: 11px;
    top: 47px;
}
.ancho-completo{
	width: 100%;
	float:left;
}


#plus-menu{
	position: absolute;
    right: 15px;
    font-size: 19px;
    font-weight: 300;
}

.foto-fondo{
	position: absolute;
	width: 100%;
}

.cssload-loader {
	position: relative;
	left: calc(50% - 92px);
	width: 184px;
	height: 184px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 2300px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 0.9s linear infinite;
		-o-animation: cssload-rotate-one 0.9s linear infinite;
		-ms-animation: cssload-rotate-one 0.9s linear infinite;
		-webkit-animation: cssload-rotate-one 0.9s linear infinite;
		-moz-animation: cssload-rotate-one 0.9s linear infinite;
	border-bottom: 9px solid rgb(0,187,212);
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 0.9s linear infinite;
		-o-animation: cssload-rotate-two 0.9s linear infinite;
		-ms-animation: cssload-rotate-two 0.9s linear infinite;
		-webkit-animation: cssload-rotate-two 0.9s linear infinite;
		-moz-animation: cssload-rotate-two 0.9s linear infinite;
	border-right: 9px solid rgb(139,195,74);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 0.9s linear infinite;
		-o-animation: cssload-rotate-three 0.9s linear infinite;
		-ms-animation: cssload-rotate-three 0.9s linear infinite;
		-webkit-animation: cssload-rotate-three 0.9s linear infinite;
		-moz-animation: cssload-rotate-three 0.9s linear infinite;
	border-top: 9px solid rgb(255,153,0);
}

@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

/*FIN GENERICOS*/

/*HEADER*/
header{
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    height: 64px;
    position: fixed;
    z-index: 10;
    width: 100%;
    left: 0;
    top: 0;
}
@media only screen and (max-width : 992px) {
	header{
		display:none!important;
	}
}
.btn-options, .adminView .btn-floating{
	box-shadow: none;
    background-color: transparent;
    color: #777;
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 36px;
}
.btn-options i, .adminView .btn-floating i{
	margin-left:0;
	margin-right: 8px;
	font-size: 26px;
	margin-left: 0;
    margin: 0 auto;
    font-size: 26px;
    float: none!important;
}
.adminView .btn-floating i{
	line-height: 0;
}
.manage-menu{
	position: absolute;
	right:0;
	top:0;
}
.manage-menu a{
	cursor:pointer;
}
/*FIN HEADER*/


/*MENU LATERAL*/
body nav.menu{
	margin-bottom: 0!important;
}
.side-nav.menu-lateral{
	top: 64px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	color: #444;
	border:0!important;
	padding: 0!important;
}

.side-nav .collapsible-header{
	margin: 0;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.side-nav.menu-lateral .collapsible-header i{
	width: 2rem!important;
	margin-right: 1rem!important;
}

.side-nav.menu-lateral .collapsible-header a{
	padding: 0;
}

.side-nav.menu-lateral .collapsible-body a{
	padding: 0px 34px;
	font-weight: 300;
}

.side-nav.menu-lateral .collapsible-body a:hover, .side-nav.menu-lateral .collapsible-body .selected{
	background-color: #42a5f5;
	color:white;
    font-weight: 500;
}

.side-nav.menu-lateral li{
	padding:0;
}

.side-nav.menu-lateral li a i{
	float: left;
    margin-right: 8px;
    width: 30px;
    height: 64px!important;
    line-height: 64px!important;
}

.side-nav.menu-lateral .select_menu_first{
	margin-top: 20px;
}

.profile-menu{
	height: 141px;
	overflow: hidden;
	padding:0!important;
	position: relative;
}

.profile-menu .profile-1{
	position: absolute;
	bottom: 0;
	left:0;
}

.profile-menu .profile-1{
	padding: 0 15px;
	width: 100%;
	line-height: 2.5;
	color: white!important;
	background-color: rgba(0,0,0,0.4);
}

.selection-menu{
	height:calc(100% - 200px);
	background-color: blue;
}

@media only screen and (min-width : 992px) {
	nav.menu{
		box-shadow: none!important;
	}
}

@media only screen and (max-width : 992px) {
	.side-nav.menu-lateral{
		top: 56px;
	}

	.profile-menu img {
	    height: 100%;
	    width: auto;
	}	
}

/*FIN MENU LATERAL*/

/*CONTENIDO CENTRAL*/
section.content{
	/*padding: 30px 0;*/
}

@media only screen and (min-width: 993px){
	.container {
	    width: 95%;
	}
}

.header-content{
	/*margin-bottom: 25px;*/
    position: relative;
    background-color: rgb(237, 236, 236);
    padding:25px;
}

.header-content h1{
	font-size: 26px;
    color: #777;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}

.header-content h2{
	font-size: 15px;
    color: #777;
    font-weight: 300;
}

.lista-acciones li{
	display: block!important;
	float:right;
}

.lista-acciones li a{
	width: auto;
	height: auto;
	padding:0 10px;
	border-radius: 0;
}
/*FIN CONTENIDO CENTRAL*/

/* LOGIN */
.cuerpo-login{
    background-image: url("img/back-login_2.jpg");
    background-size: cover;
}
.filtro-fondo{
	z-index: -1;
	position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 15, 17, 0.6);
}

.login{
	
}

@media only screen and (max-width : 992px) {
	.login{
		border:0;
	}
}

.login .input-field label {
	color: white!important;
}

.login .input-field input:focus + label {
	color: white!important;
}

.login .input-field input:focus {
	border-bottom: 1px solid white!important;
	box-shadow: 0 1px 0 0 white!important;
}

.login .repons

/* FIN LOGIN */

/*DASHBOARD*/

.selectores-grafica .selector{
	cursor:pointer;
}

.selectores-grafica .selector .datos_sel{
	overflow: hidden;
    color: rgba(255, 255, 255, 0.9);
    padding: 0 12px;
    padding-top: 10px;
}

.selectores-grafica .selector.cyan-c{
	background-color: #00bcd4 !important;
}

.selectores-grafica .selector.green-c{
	background-color: #8bc34a !important;
}

.selectores-grafica .selector.orange-c{
	background-color: #ff9800 !important;
}

.selectores-grafica .selector.gray-c{
	background-color: #607d8b !important;
}


.selectores-grafica .selector .datos_sel p{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:16px;
}

@media only screen and (min-width : 992px) {
	.selectores-grafica .selector{
		margin-right:15px;
		width: calc(100% - 15px);
	}

	.selectores-grafica .selector.mitad{
		margin-right:15px;
		width: calc(50% - 15px);
		float:left;
	}
}
/*FIN DASHBOARD*/

/*Grupo*/
.collapsible-body .insertView{
	padding-top:12px!important;
}
/*Fin grupo*/

/*INICIO FACTURAS*/
.concepto.adminView td{
	padding: 0 5px!important;
}

.concepto.adminView i{
	line-height: 2.1;
	width: 100%;
    text-align: center;
    cursor:pointer;
}

.seleccion_foto_plantilla{
	border: 1px solid #64b5f6;
    border-radius: 5px;
    padding: 62px;
    margin-top: 23px;
    position:relative;
    cursor:pointer;
}

.seleccion_foto_plantilla input{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    cursor:pointer;
}

.seleccion_foto_plantilla p{
	opacity: 0.7;
}

.seleccion_foto_plantilla i{
	font-size: 60px;
    padding: 0 84px;
    opacity: 0.1;
}

.seleccion_color_plantilla{
	margin-bottom: 0;
    border: 1px solid #64b5f6;
    border-radius: 5px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.seleccion_color_plantilla p{
	opacity: 0.7;
	padding-bottom: 6px;
    text-align: center;
}

.slide_plantilla{
	border: 1px solid #64b5f6;
    border-radius: 5px;
    margin-top: 23px;
    padding: 20px;
    background: white;
}

.plantilla.editView .seleccion{
	padding:0!important;
}
/*FIN FACTURAS*/