/* Estilos generales */
* {margin: 0; padding: 0;}
body {font-family: "Open Sans",sans-serif; color: #333; padding: 0!important;margin: 0!important; font-size: 14px; background: #e9ecf3;}
a:hover { color: #e12330; }
.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background: #E63137; color: white; border: none; }
.contenedor { padding: 20px; margin-top: 85px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }

.oculto { display: none; }

/* Títulos de página */
.page-header { margin-top: 0; }
.page-title > h1 { color: #697882; font-size: 22px; font-weight: 400; margin: 0; padding: 0; }
.page-title > h1, .page-header h1 { color: white; font-size: 22px; font-weight: 400; margin: 0; padding: 0; background: #E63137; padding: 10px 20px; border: none; }

/* Menú */
.menu { background: #fff; }
.menu h3 { text-transform: uppercase; font-size: 14px; padding: 25px 15px 10px; color: #E63137; margin: 0; font-weight: bold; }
.menu li { display: block; margin: 0; padding: 0; border: 0; }
.menu a { color: #485a6a; position: relative; margin: 0; display: block; padding: 10px 15px; text-decoration: none; font-size: 14px; font-weight: 300; }
.menu ul { padding: 0; }
.page-sidebar-menu > .nav-item a { text-shadow: 0 0 1px rgba(255, 255, 255, 0.7); }
.page-sidebar-menu > .nav-item a:after { font-family: FontAwesome; content: "\f104"; display: inline-block; padding-right: 3px; vertical-align: middle; float: right; }
.page-sidebar-menu > .nav-item.abierto a:after { content: "\f107"; }
.page-sidebar-menu li { list-style-type: none; }
.page-sidebar-menu ul ul li a { color: white; text-decoration: none; font-size: 11px; line-height: 27px; display: block; padding: 0 15px; transition: all 0.15s; }
.page-sidebar-menu ul ul li a:hover { background: #003545; border-left: 5px solid lightgreen; }
.page-sidebar-menu ul ul { display: none; }
.sub-menu li a {padding-left: 30px;}

/* Cabecera */
span.username { margin-left: 8px; color: #8ea3b6; }
header i.fa.fa-sign-out { color: #8ea3b6; font-size: 18px; padding: 12px; }
.page-actions { position: absolute; left: 230px; top: 20px; }
.page-actions .dropdown-menu { position: absolute; left: 0; width: 500px; }
.page-actions .dropdown-menu a.active { background: #ddd; }

/* Breadcrumbs */
.breadcrumb { padding: 5px 15px 10px; margin-bottom: 0px; list-style: none; background: none; border-radius: 0px; color: #8ea3b6; display: inline-block; margin-bottom: 15px; }
.breadcrumb .fa { font-size: 6px; margin: 0 2px 0 4px; position: relative; top: -1px; }
.breadcrumb a { color: #E63137; }
.breadcrumb a:hover { color: #e12330; text-decoration: none; }

/* Volver */
#volver { display: inline-block; float: right; }

/* Iconos del menú */
.menu .matriculas-borrador a:before { content: "\f252"; }
.menu .administracion a:before { content: "\f1c0"; }
.menu .alumnos-as a:before { content: "\f0c0"; }
.menu .docentes a:before { content: "\f19d"; }
.menu .acciones-formativas a:before { content: "\f02d"; }
.menu .informes a:before { content: "\f15b"; }
.menu .captacion a:before { content: "\f0a1"; }
.menu .progreso-por-canal a:before { content: "\f201"; }
.menu .detalle a:before { content: "\f05a"; }
.menu .progreso-por-convocatoria a:before { content: "\f201"; }
.menu .cuestionarios-valoracion a:before { content: "\f29c"; }
.menu .convocatorias-planes-formativos a:before { content: "\f02e"; }
.menu .espacios-y-aulas a:before { content: "\f108"; }
.menu .personal-y-nominas a:before { content: "\f007"; }
.menu .proveedores-y-facturas a:before, .prorrata-de-iva a:before { content: "\f153"; }
.menu .colaboradores a:before { content: "\f005"; }
.menu .oficinas-de-empleo a:before { content: "\f1ad"; }
.menu .certificados a:before { content: "\f0a3"; }
.menu .usuarios a:before { content: "\f2bd"; }
.menu .datos-administrativos a:before { content: "\f1c0"; }
.menu .administracion a:before { content: "\f1c0"; }
.sub-menu a:before { font-family: FontAwesome; margin-right: 3px; }
.sub-menu .nuevo a:before, .sub-menu .nueva a:before, .sub-menu .nuevo-espacio a:before, .sub-menu .nuevo-proveedor a:before  { content: "\f067"; }
.sub-menu .nuevo-empleado a:before, .alumnos-as + .sub-menu .nuevo a:before, .docentes + .sub-menu .nuevo a:before { content: "\f234"; }
.sub-menu .ver-listado a:before, .sub-menu .personal a:before, .sub-menu .proveedores a:before, .sub-menu .espacios-docentes a:before { content: "\f03a"; }
.sub-menu .buscar a:before { content: "\f002"; }
.sub-menu .horas-lectivas a:before { content: "\f017"; }
.sub-menu .ocupacion-de-aulas a:before { content: "\f0f7"; }
.sub-menu .evaluar a:before { content: "\f046"; }
.sub-menu .exportacion-a-sage a:before { content: "\f0ed"; }
.sub-menu .calendario-de-acciones a:before { content: "\f073"; }
.sub-menu .resumen-matriculaciones a:before { content: "\f19d"; }
.sub-menu .packs-de-curso a:before { content: "\f06b"; }
.sub-menu .importar a:before { content: '\f1c3'; }
.sub-menu .profesores a:before { content: '\f19c'; }
.sub-menu .dinamizadores a:before { content: '\f0e7'; }

/* Iconos de cabecera de las páginas */
.student .page-title h1:before { content: "\f007"; }
.administration-data .page-title h1:before { content: "\f1c0"; }
.unemployment-office .page-title h1:before { content: "\f1ad"; }
.vat-prorate .page-title h1:before { content: "\f153"; }
.action .page-title h1:before { content: "\f0a3"; }
.actions .page-title h1:before { content: "\f0a3"; }
.courses .page-title h1:before { content: "\f02d"; }
.organization .page-title h1:before { content: "\f005"; }
.organizations .page-title h1:before { content: "\f005"; }
.providers .page-title h1:before { content: "\f153"; }
.provider .page-title h1:before { content: "\f153"; }
.courses-calendar .page-title h1:before { content: "\f073"; }
.facility .page-title h1:before { content: "\f108"; }
.classroom .page-title h1:before { content: "\f108"; }
.espacios-docentes .page-title h1:before { content: "\f108"; }
.aulas .page-title h1:before { content: "\f108"; }
.plan .page-title h1:before { content: "\f02e"; }
.docente .page-title h1:before { content: "\f19d"; }
.docente .page-title h1:before { content: "\f19d"; }
.cuestionarios .page-title h1:before { content: "\f29c"; }
.planes .page-title h1:before { content: "\f02e"; }
.plan .page-title h1:before { content: "\f02e"; }
.employees .page-title h1:before { content: "\f007"; }
.student .page-title h1:before { content: "\f0c0"; }
.wageslip .page-title h1:before { content: "\f007"; }
.personal .page-title h1:before { content: "\f007"; }
.accion .page-title h1:before { content: "\f02d"; }
.matriculaciones .page-title h1:before { content: "\f02d"; }
.horas-lectivas .page-title h1:before { content: "\f017"; }
.wageslip-course-allocation .page-title h1:before { content: "\f007"; }
.parametros .page-title h1:before { content: "\f02e"; }
.factura .page-title h1:before { content: "\f153"; }
.invoices-provider .page-title h1:before { content: "\f153"; }
.docentes .page-title h1:before { content: "\f19d"; }
.export-sage .page-title h1:before { content: "\f0ed"; }
.users .page-title h1:before { content: "\f2bd"; }
.classroom-mapping .page-title h1:before { content: "\f0f7"; }
.informes.progreso .page-title h1:before { content: "\f201"; }

/* Pie */
footer { padding: 0 15px 5px 15px; font-size: 12px; color: #485a6a; }
footer .page-footer-inner { padding-top: 12px; display: inline-block; }
footer a { text-decoration: underline; color: #485a6a; }
footer img { padding-top: 5px; }
footer .impulsa { margin-top: 20px; text-align: center; }
footer img.logo-impulsa { width: 150px; }
footer p.cofinanciado { margin-top: 5px; font-size: 14px; padding-top: 8px; }
.scroll-to-top { padding: 2px; text-align: center; position: fixed; z-index: 10001; bottom: 20px; right: 10px; }
.scroll-to-top > i { display: inline-block; color: #687991; font-size: 60px; opacity: .7; filter: alpha(opacity=70); }
.icon-arrow-up:before {content: "\f01b"; }

/* Página de login */
.login { margin-top: calc(30% - 240px); background: white; padding: 10px 30px 30px 30px; margin-bottom: 30px; }
.login img.logo { display: block; margin: 0 auto 15px auto; }
.login input#submit { display: block; margin: 0 auto; }
.login p.forgotten-password { margin-top: 15px; text-align: center; font-size: 1.2em; }
.login p.forgotten-password a { color: #E63137; }
#login-page p.cofinanciado { text-align: center; color: #666; margin-top: 5px; }
#login-page img.logo-impulsa { display: block; margin: 20px auto 0 auto; width: 200px; clear: both; }

/* Alumno */
ul#gender { list-style-type: none; }
ul#reason { list-style-type: none; }
ul#gender li { display: inline; margin-right: 15px; }
ul#erte_status { list-style-type: none; }
.documentacion { padding-top: 15px; }
.documentacion span.documento { background: #ddd; padding: 5px 10px; border-radius: 15px; margin-right: 10px; margin-bottom: 5px; display: inline-block; }

/* Landing pages */
#landing-page img.logo { display: block; margin: 40px auto 0 auto; }
#landing-page .landing { background: white; padding: 30px; border: 1px solid #ccc; margin-top: 30px; }
#landing-page h1 { color: #666; text-align: center; margin-bottom: 15px; }
#landing-page h2 { color: #666; text-align: center; padding-bottom: 5px; margin-bottom: 25px; border-bottom: 1px solid #ddd; font-size: 23px; }
#landing-page .logo-impulsa { width: 200px; display: block; margin: 50px auto 15px auto; }

/* Reseteo de contraseña */
.remember-password { margin-top: calc(30% - 240px); background: white; padding: 10px 30px 30px 30px; margin-bottom: 30px; }
.remember-password img.logo { display: block; margin: 0 auto 15px auto; }
.remember-password input#submit { display: block; margin: 0 auto; }
#remember-password-page img.logo-impulsa { display: block; margin: 20px auto 0 auto; width: 200px; clear: both; }
#remember-password-page p.cofinanciado { text-align: center; color: #666; margin-top: 5px; }
.sp-replacer { margin-left: 2%; }

/* Página de ocupación de aulas */
#ocupacion-aulas { float: left; width: 100%; padding: 30px 0; }
#ocupacion-aulas h3 { font-size: 18px; background: rgba(252, 103, 100, .2); padding: 10px; }
#ocupacion-aulas .aula { border: 1px solid #999; height: 60px; text-align: center; padding-top: 15px; }

/* Justificación económica de las acciones formativas */
.course-accounting h3 { margin: 30px 0 10px; padding-bottom: 5px; border-bottom: 1px solid #e7ecf1; font-weight: 300; padding-left: 10px; }
.course-accounting h4 { padding-left: 10px; }
.course-accounting p { margin-bottom: 0; }

/* Alta de acciones formativas: paso 2 (módulos impartidos) */
#formulario-nueva-accion-formativa-paso-2 col.module-name { width: 45%; }
#formulario-nueva-accion-formativa-paso-2 col.module-hours { width: 15%; }
#formulario-nueva-accion-formativa-paso-2 col.start-date { width: 17%; }
#formulario-nueva-accion-formativa-paso-2 col.end-date { width: 17%; }
#formulario-nueva-accion-formativa-paso-2 input.horas { width: 3.5em; display: inline; }
#formulario-nueva-accion-formativa-paso-2 .form-control { width: 100%; float: none; margin-right: 0; }
#formulario-nueva-accion-formativa-paso-2 .form-control[readonly] { background: transparent; border: 0; padding-left: 0; }

/* Cuestionarios de evaluación */
#cuestionario-evaluacion { padding: 30px; }
#cuestionario-evaluacion ol { margin-left: 15px; }
#cuestionario-evaluacion ol li { margin-bottom: 10px; }
#cuestionario-evaluacion ol li.respuesta-abierta { margin-bottom: 70px; }
#cuestionario-evaluacion ol li ol { list-style-type: lower-alpha; padding: 7px; }

.long-table-wrapper { overflow-y: hidden; padding: 15px; margin-bottom: 25px; }
table td li.dropdown { list-style-type: none; }
table thead th { vertical-align: middle !important; white-space: nowrap; }
table tfoot { font-weight: bold; }
.informes.progreso thead th { text-align: right; }
.informes.progreso thead th.izquierda { text-align: left; }
.informes.progreso tbody td { text-align: right; white-space: nowrap; }
.informes.detalle tbody td { white-space: nowrap; }
.informes.progreso tbody td.izquierda { text-align: left; white-space: nowrap; }
.informes.progreso tfoot td { text-align: right; }
.informes.progreso tfoot td.izquierda { text-align: left; }
table.dataTable tfoot th, table.dataTable tfoot td { padding-left: 10px; padding-right: 10px; }
table.dataTable tfoot td:last-child { text-align: right; }

.formulario-fw p.help-block { float: right; width: 72%; margin-right: 2%; padding: 0; }
.listado { border: solid #E63137 1px; padding: 10px; background: white; }
.page-header { margin-bottom: 0; padding: 0; border: none; height: 85px; }
ul.page-sidebar-menu.page-header-fixed > .nav-item a:before, .sub-menu a:before { font-family: FontAwesome; padding-right: 3px; vertical-align: middle; }
li.nav-item.abierto a { border-left: solid 3px red; margin-left: -3px; background: #f2f6f9; }
.page-header.navbar { background-color: white; border-bottom: solid #E63137 3px; }
.page-logo { height: 75px; float: left; padding-left: 20px; position: relative; }
.dataTables_wrapper label {font-weight: normal;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: white !important; border: none; background: none; background-color: #E63137; }
.dataTable td.actions { white-space: nowrap; }
.dataTable a { background: #E63137; color: white; padding: 3px 6px; }
table.dataTable tbody td { padding: 12px 10px; }
table.dataTable thead tr .sorting:last-child { background-image: none; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center left; }
.dataTables_wrapper .dataTables_filter input { border: 1px solid #c2cad8; height: 30px; background: white; padding-left: 12px; }
select { background: white; height: 30px; border: 1px solid #c2cad8; }
input[type="search"]:focus { border: none; border: solid #E63137 1px; outline: 0; }
input:focus, select:focus, select:active { box-shadow: none !important; outline: 0 !important; border: solid #E63137 1px; }
.bootstrap-select .btn:focus { outline: none !important; }
table.dataTable thead .sorting { background-image: url(../img/sort_both.png); }
table.dataTable thead .sorting_asc { background-image: url(../img/sort_asc.png); }
table.dataTable thead .sorting_desc { background-image: url(../img/sort_desc.png); }
.formulario, .formulario-fw { background: white; border: solid 1px #E63137; }
.matriculaciones .formulario { padding: 10px 20px; }
.form-control { outline: 0 !important; }
.btn, .form-control { box-shadow: none !important; }
.form-control { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; border: 1px solid #c2cad8; border-radius: 0 !important; }
label.control-label { font-weight: normal; }
.form-control:focus { border-color: #E63137; }
.page-header h1:before { content: "\f007"; font-family: FontAwesome; margin-right: 7px; }
.test .page-title h1:before { content: "\f19d"; font-family: FontAwesome; margin-right: 7px; }
.btn-default { background: #E63137; color: white; border: none; }
.checkbox.dellos label { margin-right: 1em; }
.checkbox.dellos input[type=checkbox] { margin-left: 0; }
.btn { border-radius: 0; }
.btn-default:hover {background: #e12330; color: white;}
.btn-reset { background: #e1e5ec; color: #666; border: none; margin-left: 5px; }
.btn-reset:hover { background: #c2cad8; color: #666; }
.form .form-section, .portlet-form .form-section, .table-section { margin: 30px 0 10px; padding-bottom: 5px; border-bottom: 1px solid #e7ecf1; font-weight: 300; padding-left: 20px; }
h3.inner-title { margin: 30px 0 10px; padding-bottom: 5px; font-weight: 300; padding-left: 20px; font-size: 1.4em; }
.table-section { margin: 30px 0; }
.formulario-fw .form-group { margin: 0; padding: 15px 0; }
.formulario-fw .checkbox { margin-left: 26%; }
.formulario .form-group.pull-left { margin-right: 15px; }
.formulario-fw .control-label { padding-top: 7px; text-align: right; margin-bottom: 0; }
.formulario-fw .form-group::after, .formulario-fw .form-group::before { content: " "; display: table; box-sizing: border-box; }
.formulario-fw .form-group::after { clear: both; }
.formulario-fw .checkbox.dellos label { margin-right: 1em; display: block; margin-bottom: 10px; }
.formulario-fw .col-md-9.checkbox.dellos { margin-top: 0; }
.tabla-editable th { padding: 8px; }
.tabla-editable { background: white; margin-bottom: 20px; }
.tabla-editable .form-control[readonly] { background: none; border: none; }
.tabla-editable th, .tabla-editable .form-control[readonly]{ text-align: center; }
.tabla-editable th[scope="row"] { text-align: right; }
.tabla-editable th, .tabla-editable td { border: 1px solid #e7ecf1; padding: 8px; }
.tabla-editable .form-control:not([readonly]){ margin:auto; width: 70%; }
.matriculaciones .tabla-editable th, .tabla-editable .form-control[readonly]{ text-align: left; }
div#asignacion-horas { background: white; padding: 20px; }
.form-body { padding: 20px; }



table td li.dropdown { list-style-type: none; }
.dropdown-menu { right: 0; left: auto; }
#asignacion-horas table tr th[scope="row"] { width: 25%; }

.formulario-fw { padding: 30px 15px; }
.formulario-fw .control-label { width: 23%; float: left; margin-left: 1%; }
.formulario-fw .form-control { width: 72%; float: right; margin-right: 2%; }
#formulario-nueva-accion-formativa-paso-3 .form-control { width: 100%; float: none; margin-right: 0; }
#formulario-nueva-accion-formativa-paso-3 .form-control[readonly] { background: transparent; border: 0; padding-left: 0; }
#formulario-factura .table .form-control { width: 100%; float: none; margin-right: 0; }
#formulario-factura .table .form-control[readonly] { background: transparent; border: 0; padding-left: 0; }
.formulario-fw input[type="submit"] { margin-left: 26%; margin-top: 20px; }
#formulario-nueva-accion-formativa-paso-2 input[type="submit"] { margin-left: 10px; }
#formulario-nueva-accion-formativa-paso-3 input[type="submit"] { margin-left: 10px; }
.formulario-fw input[type="file"] { margin-left: 26%; }
.formulario-fw p { padding: 10px; }
.vat-prorate .formulario-fw { border: none; }
.vat-prorate h2 { margin: 30px 0 10px; padding-bottom: 5px; border-bottom: 1px solid #e7ecf1; font-weight: 300; padding-left: 20px; }
.factura h2 { margin: 30px 0 10px; padding-bottom: 5px; border-bottom: 1px solid #e7ecf1; font-weight: 300; padding-left: 20px; }
.factura h3 { margin: 10px 0 10px; padding-bottom: 5px; font-weight: 300; padding-left: 20px; font-size: 18px; }
.page-title h1:before { font-family: 'FontAwesome'; margin-right: 7px; }

td.modulo { background: rgba(252, 103, 100, .2); }
td.modulo .form-control { font-size: 17px; }


.page-title h1 span { text-transform: uppercase; font-size: 65%; }
table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td { border-bottom-color: #999; }
table > tbody > tr:first-child td { border-top: 0; }
.dataTables_wrapper .dataTables_info { padding-top: 40px; }
.dataTables_wrapper .dataTables_paginate { padding-top: 35px; }
.actions .table th { vertical-align: middle !important; }
.dropdown-menu > li > a { background-color: transparent; }
table#grid tbody tr td:last-child { text-align: right;  white-space: nowrap; }
table.datatable tbody tr td:last-child { text-align: right; white-space: nowrap; }
#listado-solicitudes-informacion table#grid tbody tr td:last-child { text-align: left; }
.page-footer-inner { margin-left: 20px; }
.formulario-fw .mce-tinymce { width: 72% !important; float: right !important; margin-right: 2% !important; }
label { font-weight: lighter; }
#grid-fixed_wrapper { padding: 15px; }
.dropdown-toggle { white-space: nowrap; }

.monthly { border: 1px solid #ddd; }
#calendario { padding: 50px; background: white; }

/* Modales */
.modal-header .close { margin-top: -25px; }

/* Media queries */
@media all and ( max-width: 780px ) {
    .menu>h3 { display: none; }
    #grid_wrapper { width: 100%; overflow-y: hidden; }
    .page-logo { height: auto; padding-right: 20px; }
    .page-logo img.logo-default { max-width: 100%; height: auto; }
    .page-header { height: auto; }
    ul.navbar-nav { width: 40%; text-align: right; padding-right: 15px; margin: 0; padding-left: 15px; }
    ul.navbar-nav > li:first-child { float: left; }
    .navbar-fixed-bottom, .navbar-fixed-top { position: relative; }
    .contenedor { margin: 0; margin-top: 10px; padding: 0; }
    table.dataTable { width: 100%; }
    table#grid tbody tr td { min-width: 100px; }
    table#grid tbody tr td:last-child { min-width: 100px; }
    table#grid td:first-child:after { font-family: FontAwesome; margin-right: -10px; content: "\f061"; color: grey; margin-left: 10px; }
    footer .page-footer-inner { text-align: center; width: 100%; }
    footer .footer-bottom { width: 100%; }
    footer img.logo-impulsa { margin: 0 auto; display: block; }
    footer img { margin: 0 auto; display: block; }
    footer p.cofinanciado { text-align: center; }
}

@media all and ( max-width: 500px ) {
    .breadcrumb { display: none; }
    #volver { display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; text-align: right; float: none; }
    ul.navbar-nav { width: 100%; }
    table.dataTable th, table.dataTable td { min-width: 100%; }
}

@media all and ( min-width: 501px ) and ( max-width: 780px ) {
    .page-logo { width: 60%; }
}

@media all and ( min-width: 768px ) and ( max-width: 800px ) {
    .navbar-header { width: 100%; float: none; }
    .navbar-collapse.collapse { display: none !important; }
    .navbar-collapse.collapse.in { display: block !important; }
    .navbar-header span.navbar-brand { display: block !important; }
    .navbar-toggle { display: block; }
}