/* Estilos de Sdweb */

/* Estilos de Sdweb */

@import url('fonts.css');

/* ESTILOS MENU LATERAL */
/* 20180914
   Colores (provisionales, hasta que los modifique el diseñador/a, o hagan falta otros):
     - Inicio #home: rgba( 71, 189, 243, 1);
     - Planes de formacion #planes: rgba( 17, 129, 181, 1);
     - Cursos #cursos:  rgba( 77, 158, 196, 1);
     - Ediciones de cursos #ediciones-cursos: rgba( 39, 163, 219, 1);
     - Personas: rgba( 212, 148, 0, 1);

     20180918
     - 4 Fucsia: rgba( 226, 44, 239, 1);
     - 3 Amarillo lima: rgba( 239, 232, 18, 1);
     - 7 azul claro: rgba( 55, 218, 239, 1);
     - 6 rojo: rgba( 239, 23, 23, 1);
     - 1 verde: rgba(59, 224, 37, 1);
     - 2 Azul oscuro: rgba( 116, 130, 224, 1);
     - 5 Naranja: rgba( 239, 133, 51, 1);
 */
body {
    font-family: 'Source Sans Pro', sans-serif;
    background: #dfe8f1;
}

.sidebar ul li {
    padding: 0;
}

.sidebar ul{
    height: 100%;
    overflow: auto;
}

.sidebar ul li a {
    padding: 16px;
}

.sidebar ul li ul.collapse li {
    padding: 0;
}

.sidebar ul li ul.collapse li a {
    padding: 4px 16px 4px 42px;
}

#menu-sidebar {
    overflow-y: auto;
    padding-bottom: 6em;
}

#menu-sidebar #side-menu ul.collapse li a {
	color: #00355f;
}

.sidebar ul li ul.collapse li i.glyphicon {
    font-size: 16px;
}

.sidebar ul li a.active,
.sidebar ul li a:hover {
    background: none;
}

.form-control .bootstrap-checkbox > button.btn,
.form-control .bootstrap-checkbox > button.btn:hover {
    background: none !important;
    border: none !important;
	color: #00355f !important;
}

.navbar-top-links.nav > li > a:focus,
.navbar-top-links.nav > li > a:hover,
.navbar-top-links.nav .open > a,
.navbar-top-links.nav .open > a:focus,
.navbar-top-links.nav .open > a:hover {
	background: none !important;
}

/*  --- final secciones de menú --- */

.table-responsive table > tbody > tr {
    border-bottom: 1px solid #fff;
	background: #f9f9f9;
}

.table-responsive table > tbody > tr > td {
    border: none;
    background: #efefef;
    padding: 12px 15px;
    font-size: 15px;
    border-right: 1px solid #fff;
}

.table > thead:first-child > tr:first-child > th {
    border: none;
    font-weight: lighter;
	text-align: center;
	background-color: #dfe8f1;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.table > thead:first-child > tr:first-child > th a,
.table > thead:first-child > tr:first-child > th {
    color: #337ab7;
    font-size: 15px;
    font-weight: bold;
	line-height: 110%;
	cursor: pointer;
}

.table .glyphicon.glyphicon-search {
    margin-right: 5px;
}

.table.table-bordered {
    border: none;
}

.panel-heading h4 {
    font-style: oblique;
    font-size: 22px;
    margin-top: 5px;
    font-weight: 600;
}

#page-wrapper .row {
    margin: 0 10px;
}

#wrapper .navbar-default {
	background: #fff;
}

.table-responsive {
    margin-top: 10px;
	overflow-x: scroll;
}

.panel-body .form-inline.col-md-4 label {
    font-weight: normal;
}

.navbar-top-links li a.dropdown-toggle {
    padding: 6px;
}

.navbar-top-links .dropdown .dropdown-toggle i.fa-user {
    border: 1px solid #c6c4c5;
	box-shadow: 0 0 0.3em #ccc;
    background: #fff;
    padding: 3px;
    border-radius: 100px;
    height: 55px;
    width: 55px;
}

.navbar-top-links .dropdown .dropdown-toggle i.fa-user::before {
    font-size: 44px;
    line-height: 100%;
}

.navbar-header a.navbar-brand {
    background: url('../images/logotipo.png') no-repeat center center;
    background-size: 90%;
    width: 80%;
    margin-top: -3px;
    text-indent: -9999px;
    width: 190px;
    height: 60px;
    display: block;
    padding: 0;
    margin: 3px 0 0 3px;
}

.navbar-top-links .dropdown-toggle i.fa-caret-down {
    border: 2px solid #999;
    background: #333;
    color: #fff;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 120%;
}

.navbar-top-links .dropdown-menu li a {
    padding: 10px 12px;
}

.navbar-top-links .dropdown-menu li {
    border-bottom: 1px solid #ddd;
}

.navbar-top-links .dropdown-menu li:last-child {
    border-bottom: none;
}

.navbar-top-links ul.dropdown-user {
    padding: 0;
}

/* clase para limitar altura de fotos en pantallas de listado */
.alturaFoto img {
    max-height: 100px;
}

table .alturaFoto img {
    max-width: 75px !important;
    display: inline;
}

table .alturaFoto img {
    border-radius: 100px;
    box-shadow: 0 0 0.2em #666;
    min-height: 75px;
    width: auto !important;
    min-width: 75px !important;
}

.separador-fila {
    display: inline-block;
    background: transparent;
    width: 100%;
    height: 2px;
}

/* Añadido para el maquetado de la vista index */
.panel {
    border-radius: 0;
}
.table-responsive table > tbody > tr > td {
    background: none;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background: #f1f1f1;
}
.panel-default > .panel-heading {
    border-radius: 0;
}
/* Maquetado de la paginación */
.pagination {
    margin: 6px 0 1px 0px;
}
.pagination > li > a, .pagination > li > span {
    background-color: #c3d3e2;
    border-radius: 100%;
    border: 0;
    color: #00355f;
    margin: 0px 3px;
    transition: ease .3s;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #f08500 !important;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: white;
    background-color: #00355f;
}
.pagination > li:last-child > a, .pagination > li:last-child > span,.pagination > li:first-child > a, .pagination > li:first-child > span{
    border-radius: 100%;
}

.navbar #collapse-menu.btn-info {
	background: transparent url('../images/icon-menu.png') no-repeat left 3px;
	margin: 15px 20px 0 43px !important;
	padding-left: 30px;
	border: none;
	color: #666666;
}

.navbar #collapse-rightnav.btn-info {
	background: transparent url('../images/icon-filtros.png') no-repeat left 3px;
	margin: 15px 15px 0 0px !important;
	padding-left: 30px;
	border: none;
	color: #666666;
}

.navbar #collapse-menu.btn-info:hover,
.navbar #collapse-rightnav.btn-info:hover {
	background-position: left -47px;
	color: #00355f;
}

.sdweb-show-grupo-label .control-label {
    color: #337ab7;
    font-size: 1.1em;
}

.sdweb-show-grupo-label::after {
    content: ':';
    font-size: 120%;
    color: #337ab7;
    margin-left: -3px;
}

#page-wrapper .panel .panel-heading h4,
#page-wrapper .panel .panel-heading .float-left {
    font-size: 22px;
	color: #00355f;
    font-family: 'Source Sans Pro', sans-serif;
}

#page-wrapper .panel .panel-heading .row {
    margin-left: 0;
}

#page-wrapper .panel .panel-heading .col-md-7.text-left {
    padding-left: 0;
}

div.sdweb-AdminCrudBundle-show-entity h1 {
    font-size: 150%;
    margin: 8px auto;
    font-weight: bold;
}

div.sdweb-AdminCrudBundle-show-entity h2 {
    font-size: 125%;
    margin-top: 10px;
}

div.sdweb-AdminCrudBundle-show-entity h3 {
    margin-bottom: 10px;
	color: #337ab7;
}

.sdweb-AdminCrudBundle-show-entity-section .sdweb-table {
    width: 100%;
}

.sdweb-padding-laterals-little {
	margin-bottom: 20px;
}

.panel-footer .btn-group .form-group button#form_submit.btn {
	border-radius: 0 4px 4px 0;
}

.panel .panel-footer .row .col-md-12 {
    text-align: right;
}

.panel .panel-footer .row .col-md-12 .likepaginator.btn-success,
.panel .panel-footer .row .col-md-12 .likepaginator.btn-danger,
.panel .panel-footer .row .col-md-12 .likepaginator.btn-success {
    margin-bottom: 10px !important;
}

#filters form .form-field-input {
    margin-top: 10px;
}

#filters form .form-group .form-control.btn-success {
    margin-top: 20px !important;
}

#filters form .form-group .filter-date-range select:nth-child(1),
#filters form .form-group .filter-date-range select:nth-child(2) {
    width: 25%;
    margin-right: 5%;
}

#filters form .form-group .filter-date-range select:nth-child(3) {
    width: 40%;
    margin-right: 0;
}

#page-wrapper .panel.center-block {
    border-radius: 6px;
}

.float-right .btn-group a.btn-sm.glyphicon-th-list,
.float-right .btn-group a.btn-sm.glyphicon-edit {
    padding: 2px 7px;
    font-size: 18px;
    border-radius: 4px;
    margin-left: 6px;
    color: #337ab7;
}

.float-right .btn-group a.btn-sm.glyphicon-th-list:hover,
.float-right .btn-group a.btn-sm.glyphicon-edit:hover {
	text-decoration: none;
}

.form-group .filter-date-range .col-sm-6 {
	padding: 0;
}

.navbar-top-links .dropdown {
    position: relative;
    margin-right: 50px !important;
}

.navbar-top-links .dropdown-toggle i.fa-caret-down {
    margin: 0;
    position: absolute;
    top: 25px;
    right: -7px;
    box-shadow: 0 0 0.1em #ccc;
}

.navbar-top-links .dropdown .dropdown-toggle i.fa-user {
    margin-left: 6px;
}

.navbar-top-links .nav-user-name {
    float: left;
    margin: 14px 5px;
    font-size: 17px;
}

.sidebar #menu-sidebar ul li.current,
.sidebar #menu-sidebar ul li.current a,
.sidebar #menu-sidebar ul li.current i.glyphicon {
    color: #91def9 !important;
    font-weight: bold;
}

.sidebar #menu-sidebar ul li.current:hover,
.sidebar #menu-sidebar ul li.current:hover a,
.sidebar #menu-sidebar ul li.current:hover i.glyphicon {
	color: #00355f !important;
}

.sidebar #menu-sidebar ul ul li.current,
.sidebar #menu-sidebar ul ul li.current a,
.sidebar #menu-sidebar ul ul li.current i.glyphicon {
    color: #0f8fbc !important;
}

.sidebar .arrow {
	font-size: 20px;
	font-weight: bold;
}

.btn-group > button.dropdown-toggle:not(:first-child) {
	border-radius: 0;
}

#filters .form-group.col-lg-2.col-md-4:not(:last-child),
#ehabilisgestiondelaformacionbundle_planformacion .form-group.col-lg-2.col-md-4:not(:last-child),
#ehabilisgestiondelaformacionbundle_planformacioncursomatricula .form-group.col-lg-2.col-md-4 {
	float: right;
}

a.glyphicon:hover {
	text-decoration: none;
}

.well {
    background: #fff;
}

.consulta-campo .well table tbody tr {
    background: #fff;
}

#menu-sidebar #side-menu li.active a:hover,
#menu-sidebar #side-menu li.active a:hover i.glyphicon {
	color: #0f8fbc !important;
}

table tbody td .glyphicon-search,
table tbody td .glyphicon-edit {
	float: left;
}

.panel-heading .btn-group.open .dropdown-menu {
	left: auto;
	right: -6px;
}

.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a {
    border-radius: 30px !important;
}

/* PAGINA LOGIN */

/*body#login-page {
    background: url('../images/logotipo-cuadrado.png') 30% center;
	background-size: inherit;
	height: 100%;
	background-repeat: no-repeat;
	min-height: 600px;
}

body#login-page #panel-login-img {
    background: no-repeat url('../images/logotipo-cuadrado.png');
    position: fixed;
    height: 100%;
    width: 100%;
    width: 70%;
    background-size: 100%;
    background-size: 50%;
    background-position: center;
}*/

body#login-page {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center center;
    background-attachment: fixed;
    height: 100%;
}

div#panel-login-img {
    background: none !important;
}

body#login-page #page-wrapper {
	padding: 0px !important;
	height: 100% !important;
}

body#login-page #page-wrapper #panel_right_login {
/*    width: 390px;*/
    width: 30%;
    min-height: 100%;
    position: fixed;
    right: 0;
    padding: 40px 30px 60px 0;
    background-color: #FFF;
    border-left-width: 45px;
    border-left-style: solid;
    border-left-color: #FFF;
	box-shadow: 0 0 0.3em #999;
}

body#login-page #panel_right_login .img-responsive {
    max-width: 70%;
    margin: 30px 0;
}

.img-responsive.miniatura {
    width: 24%;
    float: left;
    margin-right: 2%;
    background-color: #fff;
    padding: 4px;
    box-shadow: 0 0 0.2em #9999;
}

body#login-page #panel_right_login p {
    font-size: 16px;
}

body#login-page #panel_right_login #_submit {
    background: #00355f;
    border: none;
    color: #fff;
    font-size: 17px;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}

body#login-page #panel_right_login .form-group label[for="username"],
body#login-page #panel_right_login .form-group label[for="password"] {
    font-size: 20px;
    font-weight: 500;
    color: #666;
}

body#login-page #panel_right_login #_submit:hover {
	background: #199ed9;
}

.panel-heading .glyphicon.glyphicon-ok {
    margin-right: 6px;
}

.table-responsive table > tbody > tr.group-tr {
    cursor: pointer;
	font-weight: bold;
	color: #06528e;
	background: #c3d3e2 !important;
}

.table-responsive table > tbody > tr.group-tr:hover {
	color: #00355f;
	background: #97b6d3 !important;
}

.card-body .nav-tabs {
    border-bottom: 3px solid #c3d3e2;
    padding: 7px 0;
    margin-bottom: 0;
}

.card-body .nav-tabs a.nav-item {
    background: #dfe8f1;
    padding: 8px 10px;
    border-radius: 8px 8px 0 0;
	text-decoration: none;
    font-weight: 600;
    font-size: 14.5px;
    margin-right: 4px;
}

.card-body .nav-tabs a.nav-item:hover {
	background: #337ab7;
	color: #fff;
	text-decoration: none;
}

.card-body .nav-tabs a.nav-item.active {
    background: #c3d3e2;
	color: #00355f;
}

.detalle-calificacion-show-entity div.sdweb-AdminCrudBundle-show-entity-section {
	margin: 0px;
    background: none;
    border: none;
}

.tab-pane,
#custom-nav-home,
#custom-nav-competencias,
#custom-nav-perfiles {
    background: #f9f9f9;
    padding-top: 10px;
}

.tab-content .tab-pane .group-fields {
	background: #f9f9f9;
}

#ehabilisgestiondelaformacionbundle_curso {
/*    background: #f9f9f9; */
}

.panel-body form .form-group {
	/* display: inline-block; */
}

.panel-body form .form-group.form-field-input .form-field-input.sdweb-div-subform {
    background: #fff;
    border: 1px solid #efefef;
    padding: 20px;
}

.panel-body form .form-group.form-field-input .form-field-input.sdweb-div-subform .control-label {
    font-size: 17px;
    text-transform: uppercase;
}

.panel-body form .form-group.form-field-input .form-field-input.sdweb-div-subform .form-field-input .grupo-campos .control-label {
    font-size: 14px;
	text-transform: none;
}

.panel-body form .form-field-input .radio input[type="radio"] {
    min-height: 14px;
}

#ehabilisgestiondelaformacionbundle_persona .form-group.form-field-input .form-inline .form-control {
    background: none;
    border: none;
    box-shadow: 0 0 0 0 black;
    padding: 0;
    margin-right: 20px;
}

.panel-body form .form-group.form-field-input,
#custom-nav-home .grupo-1,
#custom-nav-home .grupo-2,
#custom-nav-home .grupo-3,
#custom-nav-home .grupo-4,
#custom-nav-home .group-default,
.tab-pane .group-default {
    border: 1px solid #efefef;
    border-radius: 10px;
    background: #fff;
    padding: 5px 15px;
    margin-bottom: 15px;
	background: #f9f9f9;
}

.panel-body form .form-field-input input,
.panel-body form .form-field-input select,
.select2-container--default .select2-selection--single {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    min-height: 34px;
}

.select2-container--default .select2-selection--single {
	min-height: 50px;
}

.panel-body form .form-field-input {
	margin-bottom: 15px;
}

div.sdweb-AdminCrudBundle-show-entity-section {
    background: #f9f9f9;
    border-radius: 10px;
    border: 1px solid #efefef;
    padding: 10px 15px 15px !important;
}

div.sdweb-AdminCrudBundle-show-entity-section table.sdweb-table tbody td {
    border: none;
    background: #fff;
    padding: 12px 15px;
    font-size: 15px;
    border-right: 1px solid #f9f9f9;
}

div.sdweb-AdminCrudBundle-show-entity-section .sdweb-table-bicolor tr:nth-child(even) td {
    background: rgba( 240,240,240,0.5);
}

.form-group span.select2 {
	width: 100% !important;
}

#custom-nav-home .group-default,
.tab-pane .group-default {
	display: inline-block;
	background: #fff;
}

.tab-content .tab-pane .group-fields {
}

.panel-body form .form-group.form-field-input {
	display: inline-block;
	/*width: 100%;*/
}

.panel-body form .form-group.form-field-input .form-field-input {
	/* background: #fff; */
	background: transparent;
    border: none;
}

.panel-body form .form-group.col-md-4 {
    float: right;
}

.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover {
	background: #00355f;
	border: 1px solid #00355f;
}

.panel-body .form-group .grupo-campos-label,
#custom-nav-home .grupo-1 h4,
#custom-nav-home .grupo-2 h4,
#custom-nav-home .grupo-3 h4,
#custom-nav-home .grupo-4 h4,
#custom-nav-home .group-default h4 {
    color: #337ab7;
    font-weight: 600;
    font-style: oblique;
    font-size: 20px;
}

.consulta-campo .well {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
}

.panel-body form .form-group textarea.form-control {
	padding: 15px 15px;
}

.panel-body form label.control-label {
	font-size: 14px;
}

#nav-tab.nav-tabs {
    border-bottom: 3px solid #c3d3e2;
}

#nav-tab.nav-tabs>li[role="tablist"] {
    float: left;
    margin: 5px 0 0px 0px;
}

#nav-tab li[role="tablist"] a {
    background: #dfe8f1;
    padding: 8px 10px;
    border-radius: 8px 8px 0 0 !important;
	text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    margin-right: 4px;
	border: none;
}

#nav-tab li[role="tablist"] a:hover  {
	background: #337ab7;
	color: #fff;
	text-decoration: none;
}

#nav-tab li[role="tablist"] a.active {
    background: #c3d3e2;
	color: #00355f;
}

.group-fields h4 {
    font-size: 18px;
    font-style: oblique;
    margin-bottom: 20px;
    line-height: 130%;
    text-align: left;
    color: #337ab7;
	/*background: #dfe8f1;*/
	padding: 5px 12px;
}

.consulta-campo {
    margin-bottom: 15px;
}

.consulta-campo .well,
.consulta-campo .form-control {
	min-height: 34px;
}

.btn-success,
.btn-info,
.btn-primary,
.btn-danger {
    color: #00355f;
    background-color: #f5f9fd;
    border-color: #c3d3e2;
	transition: ease .3s;
	border: 1px solid #6a98bc;
	margin: 0 2px !important;
	border-radius: 4px !important;
}


.btn-success:hover,
.btn-info:hover,
.btn-primary:hover,
.btn-danger:hover,
.btn-success.focus,
.btn-success:focus,
.btn-info.focus,
.btn-info:focus,
.btn-primary.focus,
.btn-primary:focus,
.btn-danger.focus,
.btn-danger:focus {
	background-color: #00355f;
	border-color: #00355f;
	color: #fff;
}

.btn-success:active,
.btn-info:active,
.btn-primary:active,
.btn-danger:active {
	background-color: #f08500;
	border-color: #f08500;
}

#nav-tab li[role="tablist"] a {
    padding: 8px 10px;
}

.panel-default-layout {
    padding: 0 !important;
}

.panel-default-layout-grafica {
    padding: 0 !important;
    margin-left: 100px;
}

#nav-right {
	background: #f9f9f9 !important;
	box-shadow: 0 0 0.3em #ccc;
	padding-left: 20px;
	padding-right: 20px;
}

#nav-right.active {
    overflow: auto;
}

.tooltip {
	min-width: 100px;
	font-family: 'Source Sans Pro', sans-serif;
}

.panel-footer {
	display: inline-block;
	width: 100%;
}

.panel-footer .btn-group {
	float: right;
}

table.sdweb-table thead th {
    color: #337ab7;
    font-size: 15px;
    font-weight: bold;
    line-height: 110%;
	border: none;
	padding: 5px;
	text-align: center;
	background-color: #dfe8f1;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

table.sdweb-table tbody td {
	border: none;
	background: #efefef;
	padding: 12px 15px;
	font-size: 15px;
	border-right: 1px solid #fff;
}

.sdweb-AdminCrudBundle-show-entity-section-title {
	font-style: oblique;
}

div.sdweb-AdminCrudBundle-show-entity h4 {
	font-weight: bold;
	font-size: 14px !important;
}

.sdweb-padding-laterals-little .sdweb-padding-little {
	padding-top: 0;
	padding-bottom: 0;
}

div.sdweb-AdminCrudBundle-show-entity-header {
    margin: -8px auto 15px auto !important;
    border: 1px solid rgba( 10,10,10,0.05) !important;
    background: #f5f5f5;
    border-radius: 10px;
}

div.sdweb-AdminCrudBundle-show-entity .sdweb-AdminCrudBundle-show-entity-header h1 {
    font-size: 170% !important;
}

div.sdweb-AdminCrudBundle-show-entity .sdweb-AdminCrudBundle-show-entity-header h3 {
    font-size: 125% !important;
    font-weight: 600;
}

.jstree-default .jstree-icon {
    background-image: url("../images/32px.png") !important;
}

.jstree-grid-header-regular {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #000 !important;
}

.fos_user_user_show {
    font-size: 16px;
}

.table > thead > tr > th {
	vertical-align: middle !important;
}

.panel-primary > .panel-heading {
    color: #333;
    background-color: #dfe8f1;
    border-color: #dfe8f1;
    font-style: oblique;
    font-weight: 600;
    font-size: 22px !important;
}

.panel-default>.panel-heading {
	background-color: #dfe8f1;
    border-color: #dfe8f1;
}

.panel-primary {
    border-color: #ddd;
    border-radius: 0 !important;
}

.table > thead:first-child > tr:first-child > th a.sortable.DESC {
    background: url("../images/sorteable-arrow-des.png") no-repeat center right;
	padding-right: 18px;
}

.table > thead:first-child > tr:first-child > th a.sortable.ASC {
    background: url("../images/sorteable-arrow-asc.png") no-repeat center right;
	padding-right: 18px;
}

.modal-dialog .modal-content {
    padding: 10px;
}

.modal-dialog .modal-title {
    padding: 0 35px;
    text-align: center;
}

.modal-dialog .modal-body {
    padding: 5px 10px 15px;
}

.modal-dialog .modal-header {
	border: none;
	padding: 0;
}

.modal-dialog .modal-footer,
.modal-dialog .modal-footer-privado {
	border: none;
	text-align: center;
	padding: 5px;
}

.modal-dialog .modal-footer .btn.btn-secondary {
	transition: ease .3s;
}

.modal-dialog .modal-footer .btn.btn-secondary:hover {
	background: #333;
	color: #fff;
}

.ajax-search-box {
    float: right;
}

.ajax-search-box.qsearch-box {
    padding-bottom: 20px;
}

.panel-default-layout.scroll-table .panel-body .form-inline.col-md-4,
.panel-default-layout.scroll-table .panel-body .col-md-3.ajax-search-box {
    margin-top: 8px;
    margin-bottom: 6px;
}

#filtros-rapidos .form-inline label {
    font-weight: normal;
}

#enlaces_migas {
    background: #F2F8F9;
    padding: 5px 10px 8px;
	margin-bottom: 8px;
}

#enlaces_migas li {
    margin-right: 5px;
}

#enlaces_migas li:last-child a {
	font-weight: bold;
}

/*
.panel-heading .btn-group.open .dropdown-menu,
.navbar-top-links .dropdown-user {
    right: -25px;
    margin-top: -1px;
} */

.panel-heading .btn-group.open .dropdown-menu:before,
.navbar-top-links ul.dropdown-user:before {
    width: 16px;
    height: 9px;
    display: block;
    background-image: url(../images/esquina-blanca-arriba.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    position: absolute;
    left: 99px;
    top: -12px;
}

.panel-heading i.glyphicon.glyphicon-plus,
.panel-heading i.glyphicon.glyphicon-ok,
.panel-heading i.glyphicon.glyphicon-pencil {
    font-size: 16px;
}

/* OTROS DETALLES VARIOS */

#panel_right_login h2 {
    color: #00355f;
}

.select2-container .select2-search--inline .select2-search__field {
	padding: 0px 10px;
}

#filters .filter-date-range .form-inline select.form-control {
    margin-right: 10px;
    margin-bottom: 10px;
}

#filters .filter-number-range input.form-control {
	 margin-bottom: 10px;
}

.class-div-info p {
    font-style: oblique;
    font-size: 18px;
    color: #666666;
    margin-bottom: 10px;
    line-height: 130%;
}

.class-div-info{
    margin-bottom: 20px;
}

/* NUEVOS ESTILOS TABLAS CON SCROLL */

.col-md-12.scroll-table {
    width: auto;
}


/* NUEVOS ESTILOS PANEL DE ESTADISTICAS */

#page-wrapper .row.graficas_estadisticos {
    margin: 30px 0 15px;
}

.grafica-detalle-informe-economico .graph-users-participacion-accion-formativa {
    width: 100%;
}

#page-wrapper .row.grafica-detalle-informe-economico,
#page-wrapper .row.tabla-detalle-informe-economico {
    margin: 1% 0%;
}

.graficas_estadisticos .graph-users-acciones-trimestre-participantes,
.graficas_estadisticos .graph-users-preincipciones-matriculas,
.graficas_estadisticos .graph-planificacion-acciones-formativas {
    width: 33%;
    float: left;
	border: 2px solid #cddeee;
    border-radius: 5px;
    padding: 10px;
}

.graph-users-participacion-accion-formativa,
.graph-users-accion-formativa-sexo-participantes,
.graph-users-accion-formativa-estudios,
.graph-users-accion-formativa-certificado-discapacidad
{
	width: 45%;
    float: left;
	border: 2px solid #cddeee;
    border-radius: 5px;
    padding: 10px;
}
.graph-informe-global-right,
.graph-informe-global-left {
	width: 45%;
    height: 20%;
    float: left;
	border: 2px solid #cddeee;
    border-radius: 5px;
    padding: 10px;
}

.graph-informe-global-right-principal{
	width: 35%;
    float: left;
    margin-left: 200px;
	border: 2px solid #cddeee;
    border-radius: 5px;
    padding: 10px;
}

.graph-informe-global-left-principal {
	width: 35%;
    float: left;
	border: 2px solid #cddeee;
    border-radius: 5px;
    padding: 10px;
}

.tabla-detalle-informe-economico .table-responsive {
	border: 2px solid #cddeee;
    border-radius: 5px;
    padding: 10px;
	overflow-x: hidden;
	margin-top: 4px;
}

.graph-users-participacion-accion-formativa,
.graph-users-accion-formativa-estudios,
.graph-informe-global-left {
	margin: 1% 1% 1% 0;
}

.graph-users-accion-formativa-sexo-participantes,
.graph-users-accion-formativa-certificado-discapacidad,
.graph-informe-global-right  {
	margin: 1% 0 1% 1%;
}

.graficas_estadisticos .graph-users-preincipciones-matriculas {
    width: 32%;
    margin: 0 1%;
}

.graph-users-participacion-accion-formativa .chart-title,
.graph-users-accion-formativa-sexo-participantes .chart-title,
.graph-users-accion-formativa-estudios .chart-title,
.graph-users-accion-formativa-certificado-discapacidad .chart-title,
.graph-users-leyenda-curso-entidad .chart-title,
.graficas_estadisticos .chart-title,
.graph-informe-global-right .chart-title,
.graph-informe-global-left .chart-title {
    background: #dfe8f1;
    padding: 7px 15px;
    font-size: 18px;
    font-weight: 600;
    color: #00355f;
    margin-bottom: 10px;
    line-height: 120%;
    text-align: center;
}

.graph-users-participacion-accion-formativa .chart-stage .en_leyen a,
.graph-users-accion-formativa-sexo-participantes .chart-stage .en_leyen a,
.graph-users-accion-formativa-estudios .chart-stage .en_leyen a,
.graph-users-accion-formativa-certificado-discapacidad .chart-stage .en_leyen a,
.graficas_estadisticos .chart-stage .en_leyen a,
.graph-users-leyenda-curso-entidad .chart-stage .en_leyen a,
.graph-informe-global-right .chart-stage .en_leyen a,
.graph-informe-global-left .chart-stage .en_leyen a {
    background-image: none;
    background-color: #1c3f55;
    border-radius: 100px;
    padding: 5px 15px;
    font-weight: normal;
    font-size: 14px !important;
    color: #FFF;
    line-height: 17px;
    text-align: center;
    border: none;
    margin-bottom: 0;
    margin-top: 0px;
	display: inline-block;
	text-decoration: none;
    float: none;
}

.graph-users-participacion-accion-formativa .chart-stage .en_leyen a:hover,
.graph-users-accion-formativa-sexo-participantes .chart-stage .en_leyen a:hover,
.graph-users-accion-formativa-estudios .chart-stage .en_leyen a:hover,
.graph-users-leyenda-curso-entidad .chart-stage .en_leyen a:hover,
.graph-users-accion-formativa-certificado-discapacidad .chart-stage .en_leyen a:hover,
.graficas_estadisticos .chart-stage .en_leyen a:hover,
.graph-informe-global-right .chart-stage .en_leyen a:hover,
.graph-informe-global-left .chart-stage .en_leyen a:hover {
    background-color: #199ed9;
    color: #FFF;
	text-decoration: none;
}

.graph-users-participacion-accion-formativa a:active,
.graph-users-accion-formativa-sexo-participantes a:active,
.graph-users-accion-formativa-estudios a:active,
.graph-users-leyenda-curso-entidad a:active,
.graph-users-accion-formativa-certificado-discapacidad a:active,
.graficas_estadisticos .chart-stage .en_leyen a:active,
.graph-informe-global-right .chart-stage .en_leyen a:active,
.graph-informe-global-left .chart-stage .en_leyen a:active {
	text-decoration: none;
}

.graph-users-participacion-accion-formativa .chart-notes,
.graph-users-accion-formativa-sexo-participantes .chart-notes,
.graph-users-accion-formativa-estudios .chart-notes,
.graph-users-leyenda-curso-entidad .chart-notes,
.graph-users-accion-formativa-certificado-discapacidad .chart-notes,
.graficas_estadisticos .chart-notes,
.graph-informe-global-right .chart-notes,
.graph-informe-global-left .chart-notes {
    background: #E6EEF7;
    padding: 12px 8px;
    color: #000;
    margin-top: 12px;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
}

.chart-stage .en_leyen {
    text-align: right;
}

.chart-stage .leyenda {
	display: block;
    background: #f2f7f9;
    clear: both;
    float: right;
    margin-bottom: 8px;
    border-radius: 10px 10px 10px;
    overflow: auto;
    margin-top: 26px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px;
    height: auto !important;
}

.chart-stage .tc-chart-js-legend {
    margin-left: 0;
	padding: 0;
	list-style-type: none;
}

.chart-stage .tc-chart-js-legend li {
    float: left;
    clear: none;
    padding: 3px 5px;
    font-size: 0.8em;
    line-height: 120%;
    text-align: left;
	display: block;
}

.chart-stage {
    text-align: center;
}

.graficas_estadisticos .chart-notes a {
    background-color: #0b5989;
    display: block;
    margin-bottom: 5px;
    margin-left: 10px;
	border-radius: 100px;
    padding: 5px 13px;
    font-weight: normal;
    font-size: 14px !important;
	color: #FFF;
    line-height: 17px;
    text-align: center;
    border: none;
	margin-top: 10px;
    text-decoration: none;
}

.graficas_estadisticos .chart-notes a:hover {
    background-color: #199ed9;
    color: #FFF;
	text-decoration: none;
}

/*  f  i  n   NUEVOS ESTILOS PANEL DE ESTADISTICAS */

.texto-ayuda {
    font-style: oblique;
    font-size: 13px;
    margin: 10px;
    display: inline-block;
    width: 100%;
    color: #666;
}

.estado_ejecucion {
    background: #5cb85c;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_preinscripcion {
    background: #933fc5;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_publicado {
    background: #337777;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_certificacion {
    background: #53b3c3;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_aceptado {
    background: #5cb85c;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_solicitado {
    background: #337ab7;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_cerrado,
.estado_rechazado {
    background: #c9302c;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_matriculado {
    background: #5cb85c;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_pendiente {
    background: #337ab7;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_cancelada {
    background: #c9302c;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_validado {
    background: #337ab7;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_borrador {
    background: #999696;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_aprobado {
    background: #337ab7;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_iniciado {
    background: #5cb85c;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_finalizado {
    background: #bbae4a;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_bloqueado {
    background: #565555;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

.estado_matriculacion {
    background: #e05d01;
    color: #fff;
    padding: 4px 12px 5px;
    border-radius: 100px;
    line-height: 120%;
    min-width: 70px;
    width: fit-content;
    text-align: center;
}

/* RESPONSIVE ----------- */
@media screen and (max-width: 992px)  {

	.ajax-search-box {
		float: none;
		margin-top: 12px;
	}

	.form-inline .form-control {
    	width: 100%;
	}

}

/* ajustes para scrolling */

.table-responsive {
    overflow-x: scroll;
}

.form-control {
	height: auto;
    min-height: 34px;
}

#div_logo_msssi {
    margin-top: 40px;
}

#div_logo_msssi img {
    max-width: 100%;
}

/*
#page-wrapper
{
    display: inline-block;
}*/







/* Estilos Estado Certificación */

.estado_detalle {
    justify-content: end;
    display: flex ;
}

.estado_certificacion {
    width: fit-content;
    padding: 5px 15px;
    margin-bottom: 0;
}

/* Fin estilos Estado Certificación */


/* Campos formularios */

.well {
    padding: 6px 12px;
    min-height: 34px;
    font-size: 14px;
}



/* Fin campos formularios */

.boton-informe {
    display: inline-block;
    padding: 8px 12px;
    background-color: #0B5989;
    color: white;
    text-decoration: none;
    border-radius: 40px;
}

.boton-informe:hover {
    background-color: #0B5989;
}