html, body {
	height: 100%;
	margin: 0;
}
#bodyBlock{
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #444;
}
/*DISTRIBUCION PRINCIPAL HEADER-MAIN-FOOTER*/
header{
	margin: 0;
	padding: 0 0 0;
	overflow: hidden;
	float: left;
	width: 205px;
	min-height:100vh;
}
#navBarTitulo{
	width: 90%;
}
#barraSuperior{
	margin-bottom: 20px;
	border-radius: .25rem;
	font-family: Roboto !important;
}
#tituloModulo{
	border-left: 5px solid #FF8000;
	padding-left: 10px;
	font-family: 'Roboto Condensed';
}
/*LOGO HEADER - MENU*/
header .logo{
	margin: 0;
	padding: 0;
	height: 130px;
	background-image: url('/main-frame/media/DMK_logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100px auto;
	/*border-bottom: 3px solid #C87A2C;*/
}
.moduleGroup{
	color: #FFF;
}
.moduleGroupTitle{
	padding: 5px 10px;
	font-weight: bold;
	cursor: pointer;
	font-size: 20px;
	border-top: 1px solid rgba(0,0,0,.125);
	border-bottom: 1px solid rgba(0,0,0,.125);
	font-family: 'PT Sans Narrow';
	transition: 0.3s;
}
/*.moduleGroupTitle:hover{
	color: #FF8000;
}*/
.moduleGroupList {
	-webkit-box-shadow: inset 0px 0px 24px 0px rgba(50, 50, 50, 0.98);
	-moz-box-shadow:    inset 0px 0px 24px 0px rgba(50, 50, 50, 0.98);
	box-shadow:         inset 0px 0px 24px 0px rgba(50, 50, 50, 0.98);
	font-family: 'Yanone Kaffeesatz';
	border-top: 1px solid #C87A2C;
	border-bottom: 1px solid #C87A2C;
}
.moduleGroupList ul li{
	font-size: 16px;
	cursor: pointer;
	transition: 0.3s;
}
.moduleGroupList ul li:hover{
	color: #FF8000;
}
.moduleGroupList ul a{
	text-decoration: none;
	color: #FFF !important;
}
.moduloActivo{
	color: #FF8000 !important;
}
/*MAIN - CONTENEDOR PRINCIPAL*/
main{
	margin: 0;
	padding: 20px 20px 50px;
	overflow: hidden;
	float: left;
	width: calc(100% - 205px);
	min-height:calc(100vh - 35px);
	/*min-height: 800px;*/
	background-color: #FFF;

	-webkit-box-shadow: -13px 0px 10px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow:    -13px 0px 10px 0px rgba(50, 50, 50, 0.45);
	box-shadow:         -13px 0px 10px 0px rgba(50, 50, 50, 0.45);
}
#mainGeneral  .card{
	float: left;
	margin: 0 30px 20px 0;
}
#mainGeneral #contenidoInteres .card{
	min-height: 300px;
}
#mainGeneral .card .card-text{
	min-height: 100px;
}
#mainGeneral{
	margin: 25px 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	min-height: 200px;
	font-family: Roboto !important;
}
.contenidoGeneral{
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 50px;
}
.card_reporte{
	width: 100%;
}
.cubo{
	margin: 0 2%;
	padding: 10px 0;
	float: left;
	width: 16%;
	min-height: 30px;
	text-align: center;
	font-size: 12px;
}
.cubo span{
	font-size: 40px;
}
.pointer{
	cursor: pointer;
}
.card-header{
	transition: 0.3s !important;
}
.card-header:hover{
	background-color: rgba(0,0,0,.09);
}

footer{
	margin:0;
	padding:  5px 20px;
	width: calc(100% - 205px);
	height: 35px;
	bottom: 0;
	float: right;
	background-color: #EEE;
	border-top: 1px solid #000;

	font-family: 'Yanone Kaffeesatz';
	text-align: center;

	webkit-box-shadow: -13px 5px 10px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow:    -13px 5px 10px 0px rgba(50, 50, 50, 0.45);
	box-shadow:         -13px 5px 10px 0px rgba(50, 50, 50, 0.45);
}

#listadoInfoLicencia li{
	width: 25%;
}

.titleInfoLicencia{
	font-size: 12px;
}

.cuadroContenidoLicencia{
	background-color: #FFF7D8 !important;
	border: 2px dashed rgba(0,0,0,.125);
}

.botonDerecha{
	float: right;
	margin-bottom: 10px;
}

.botonNaranjo{
	background-color: #FF8000 !important;
	border-color: #C87A2C !important;
	color: #FFF !important;
	transition: 0.5s !important;
}

.botonNaranjo:hover{
	background-color: #C87A2C !important;
}

.cuadroVersion{
	position: fixed;
	bottom: 0;
	padding: 5px;
	font-family: 'Roboto Condensed';
	right: 0;
	font-size: 14px;
}

.cuadroVersionBlanco{
	color: #FFF;
}
.cuadroVersionGris{
	color: #444;
}


.pageSubtitle{
	color: #777;
}

.tablaBasica{
	font-size: 12px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: rgba(0, 0, 0, 0.7) !important;
}
.paginador li{
	margin-right: 7px;
}
.paginador a{
	text-decoration: none;
	color: #333 !important;
	font-family: 'Roboto Condensed';
}
.paginador .activa{
	background-color: #FF8000 !important;
	color: #FFF !important;
	font-weight: bold;
}
.action-table{
	padding: 2px 5px !important;
	font-size: 10px !important;
	margin-right: 5px !important;
}

#listClientes{
	font-size: 15px !important;
}

.inputDate{
	cursor: pointer;
}

.linkGenerico{
	text-decoration: none !important;
	color: #17a2b8 !important;
}

.li-info div{
	margin: 0;
	padding: 0;
}
.li-info div:nth-child(1){
	float:left; 
	width: 47%;
	text-align: left;
}
.li-info div:nth-child(2){
	float:right;
	width: 50%;
	text-align: left;
}
.li-info div:nth-child(3){
	float:right;
	width: 3%;
	text-align: center;
}

.selectAnio{
	margin: 0;
	padding: 0;
	width: 150px !important;
}