@charset "utf-8";

@font-face {
  font-family: 'Poppins';
  src: url('../fuentes/poppins-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fuentes/poppins-v4-latin-regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fuentes/poppins-v4-latin-regular.woff2') format('woff2'), /* Pretty Modern Browsers */
       url('../fuentes/poppins-v4-latin-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('../fuentes/poppins-v4-latin-regular.svg#DroidSerif') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto';
  src: url('../fuentes/Roboto-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fuentes/Roboto-Regular.woff2') format('woff2'), /* Pretty Modern Browsers */
       url('../fuentes/Roboto-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

html, body {
padding:0 !important;
min-height:100%;
}

html, body, a, p, div, h1, h2, h3, input, textarea, select, button {
font-family:Arial, "Droid Sans", sans-serif;
margin:0px;
color:#73879C;
box-sizing:border-box;
}

input, select{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #dddddd;
}

.inpcalendar {
background:url(../images/ico-calendar.svg) 98% center no-repeat;
background-size:auto auto;
background-size:1.9em;
}

#srcloader{
position:absolute;
display:inline-block;
z-index:9999;
}

#srcloader img{
width:2em;
height:2em;
}

.seccionbg{
background:url(../images/fondo.jpg) 0 0 no-repeat;
background-size:100% 100%;
background-color:#ddd6e1;
}

.left_col{
width:20%;
min-height:100%;
background-color:rgba(0,0,0,0.7);
padding-right:0;
padding-left:0.5em;
}

.right_col{
width:80%;
background-color:rgba(255,255,255,0.7);
min-height:100%;
float:right;
}

.contenido{
padding:2em;
background-color:rgba(255,255,255,0.6);
display:inline-block;
width:100%;
}

.title{
margin-bottom:1em;
}

.title h2{
font-size:1.5em;
width:100%;
padding-bottom:0.3em;
border-bottom:1px solid #cccccc;
}

#datatable-responsive{
margin-top:1.5em;
margin-bottom:1em;
}

.dataTables_length{
display:inline-block;
}

.dataTables_length label, .dataTables_filter label, .dataTables_info{
color:#73879C !important;
font-weight:normal;
}

.dataTables_filter{
display:inline-block;
float:right;
}

table.dataTable thead th{
border-bottom:0 !important;
font-weight:normal !important;
background-color:#73879C;
color:#fff;
}

table.dataTable.no-footer{
border-bottom:0 !important;
}

th.sorting{
font-weight:600;
}

table.dataTable.no-footer{
border-bottom:0;
}

/* Menu */
.menu_section{
background:url(../images/logo-blanco.png) center 1em no-repeat;
background-size:48%;
padding-top:7em;
}

.menu_section hr{
margin-top:0;
width:95%;
float:left;
}

.nav{
list-style:none;
}

.nav > li{
position:relative;
display:block;
}

.nav.side-menu > li{
position:relative;
display:block;
cursor:pointer;
}

.nav.side-menu > li.current-page, .nav.side-menu > li.active{
border-right:5px solid #1ABB9C;
}

.nav.side-menu .menupi{
font-size:1.3em;
}

.main_menu .fa {
    width: 26px;
    opacity: .99;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nav.side-menu > li.active > a {
    text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
    background: linear-gradient(#334556, #2C4257),#2A3F54;
    box-shadow: rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0;
}

ul.nav.child_menu{
display:block;
}

ul.nav.child_menu li{
padding-left:2em;
}

ul.nav.child_menu li::before {
    background: #aaaaaa;
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%;
}

ul.nav.child_menu li::after {
    border-left: 1px solid #aaaaaa;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0;
}

.nav.side-menu > li > a, .nav.child_menu > li > a {
color: #E7E7E7;
font-weight: 500;
font-size:1.1em;
}
.nav.side-menu > li > a {
    margin-bottom: 6px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 13px 15px 12px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav > li > a:hover{
background-color:transparent;
}

.nav.child_menu > li > a:hover{
background-color:#cecece;
color:#666666;
}

hr.gflist{
margin-bottom:0.3em;
}

/* Arbol de archivos */
#anotree{
padding:0;
margin:0;
font-size:1.2em;
}

#anotree > ul{
list-style:none;
display:inline;
}

#anotree ul{
list-style:none;
}

#anotree ul li.trimestre{
background:url(../images/ico-folder-open.png) 0 0.5em no-repeat;
padding-left:3em;
padding-top:0.5em;
background-size:2em 1.5em;
}

#anotree ul li.trimestre a{
text-transform:uppercase;
color:#525252;
font-size:0.95em;
}

ul li.trimestre ul.subnivel{
margin-left:0.5em;
padding-left:0;
}

ul.subnivel li{
padding-left:1.8em;
background:url(../images/ico-folder-close-line.svg) 0 0.1em no-repeat;
background-size:1.1em 1.1em;
margin-top:0.3em;
}

ul.subnivel li.open{
background:url(../images/ico-folder-open-down.svg) 0 0.1em no-repeat;
background-size:1.1em 1.1em;
}

ul.subnivel li a{
font-weight:bold;
fon-size:0.9em;
}

ul.subnivel ul.subnivel3{
margin-left:0.5em;
display:none;
padding-left:0;
}

ul.subnivel3 li{
padding-left:2.5em;
margin-bottom:0.5em;
}

ul.subnivel3 li span{
display:inline-block;
}

ul.subnivel3 li .descar{
margin-left:0.5em;
}

.editanomb{
background:url(../images/ico-edit.svg) 0 0 no-repeat;
background-size:100% 100%;
width:1.5em;
height:1.5em;
vertical-align:bottom;
display:inline-block;
}

.fineditanomb{
background:url(../images/ico-finedit.svg) 0 0 no-repeat;
background-size:100% 100%;
width:1.5em;
height:1.5em;
vertical-align:bottom;
display:none;
}

.grabeditanomb{
background:url(../images/ico-save.svg) 0 0 no-repeat;
background-size:100% 100%;
width:1.3em;
height:1.5em;
vertical-align:bottom;
display:none;
}

.editinputon{
border-radius:5px!important;
border:1px solid #dddddd!important;
background-color:#fff!important;
}

.icoupload{
/*background:url(../images/ico-upload2.svg) 0 bottom no-repeat;
background-size:2em 1.8em;*/
display:inline-block;
margin-left:0.5em;
font-size:1em !important;
text-transform:initial !important;
font-weight:normal !important;
color:orangered !important;
}

ul.subnivel3 li a.del{
display:inline-block;
width:2em;
height:2em;
}

#anotree ul li.trimestre .descartr{
width:1.7em;
display:inline-block;
margin-left:0.5em;
}

#anotree ul li.trimestre .descartr img{
width:100%;
}

#fileuploadimg{
border:0;
}

/* Mensajes */
.alert {display:none;position:fixed;top:0;right:0;z-index:11;}
.dispon {display:inline-block;position:fixed;top:initial;bottom:0;right:0.5em;margin-left:0.5em;font-size:1.2em;}
.dispon a {display:inline-block;margin-left:0.5em;}
.alert span{padding-right:0.5em;}

.alert-success div, .alert-info div, .alert-warning div, .alert-danger div{
color:#ffffff;
}
