@font-face{
	font-family:'proxima_nova_regular';
	src:url("fonts/proximanovasoft-regular-webfont.woff")
}


*{
	margin: 0px;
	padding: 0px;

}


input:focus {
	border: 2px solid #000 !important;
	box-shadow: unset !important;
}

textarea:focus {
	border: 2px solid #000 !important;
	box-shadow: unset !important;
}

.btn-primary{

	background-color: #2b3039 !important;

}

.card{
	border: 1px solid #2b3039 !important;
	margin-top: 10px
}

.card-header{
	border: 1px solid #2b3039 !important;
	background-color: #2b3039;
	color: #fff;
}

#menu{
	width: 90px;
	text-align: center;
	height: auto;
	height: 1000px;
	position: fixed;
	z-index: 100;
	background-color: #2b3039;
	color: #fff;
}

.text-none{
	display: none !important;
}

#menu:hover span{
	display: inline !important;
}

#menu span{
	display: none !important;
}


#menu:hover{
	width: 200px;
	text-align: left;
}


#menu a{

	color: #fff;
	font-size: 17px;

}



#header{
	background-color: #4698f4;
	border-bottom:1px solid #ccd6dc;
	height: 60px;
	line-height: 60px;
	padding-left: 15px;
	position: fixed;
	width: 100%;
	padding-left: 270px;
}

#header label{
	color: #fff;
}

#contenido{
	padding-left: 90px;
	padding-top: 60px;

}

.contenido-views{
	padding: 10px;
}
 
.panel-tablero{

	border: 2px solid #e5e5ee;
	color: #2b3039;

}

.panel-tablero:hover{

	border: 2px solid #ffffff;
	color: #ffffff;
	background-color: #2b3039;

}

.hover-row:hover{

	background-color: #fafafa;
	cursor: pointer;

}

article{
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom: 15px;
	width: 100%;
	height: auto;
	background-color: #fff;
	border:1px solid #fafafa;
	border-radius: 5px;
}

#li{
	padding: 15px;

}



#li:hover{
	
  background-color: #fafafa !important;
  text-decoration: none;
  color: #010010;

}

.li:hover{
	
  background-color: #fafafa !important;
  text-decoration: none;
  font-size: 19px;
  color: #010010 !important;

}



#li:hover > span{

  background-color: #fafafa;
  text-decoration: none;
  font-size: 19px;
  color: #010010;
  width: 100px;

}


#li .active{
	
  background-color: #fafafa;
  text-decoration: none;
  font-size: 19px;
  color: #010010;

}

nav ul a:hover{
	
  background-color: #fafafa;
  text-decoration: none;

}

a{
	text-decoration: none;
	color: #050505;
}
.title-head{
	height: 60px;
	line-height: 60px;
	padding-left: 15px;
	color: #fff;
}

footer{
	position: fixed;
	left: 0;
	bottom: 0;
	height: 60px;
	line-height: 60px;
	width: 100%;
	background-color: #fff;
	color: #000;
	text-align: center;
	border-top:1px solid #ccd6dc;
}

article ul li{
	padding: 10px;
	list-style:none;
	border-bottom: 1px solid #ccc
}


@media only screen and (max-width: 1000px) {

  	nav{
		display: none;
	}

	#contenido{
		padding-left:0px;

	}

	header{
		padding-left: 10px;
	}

}

@media only screen and (min-width: 1000px) {

  	

	footer{
		display: none;
	}

}


.barracode{
    font-family: 'Libre Barcode 128';font-size: 100px;
}


#loader{
    background-size: 100%;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left:0;
    right:0;

}

    /* Image by > https://samherbert.net/svg-loaders/ */

#loader:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    background-image: url("data:image/svg+xml,%3Csvg width='120' height='30' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Ccircle cx='15' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='60' cy='15' r='9' fill-opacity='.3'%3E%3Canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='.5' to='.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='105' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 72px auto;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}