/*

Hoja secundaria de estilo para el SRM de:
     ___   _       _____   _____   _____   _____  
    /   | | |     | ____| /  ___| /  _  \ |  _  \ 
   / /| | | |     | |__   | |     | | | | | |_| | 
  / / | | | |     |  __|  | |     | | | | |  ___/ 
 / /  | | | |___  | |___  | |___  | |_| | | |     
/_/   |_| |_____| |_____| \_____| \_____/ |_| ESTRUCTURA DE ARCHIVO 1.0     

Este archivo sirve para sobreescribir las instrucciones necesarias de general.css, tema default
y así adaptar el aspecto visual del cliente.

*/
 
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

html {
    font-family: 'Lato', sans-serif;
}

body {
	background: none;
}

h1, h2, h3, p {
	/**/
}

input, textarea, select {
	/**/
}

a:hover {
	color: #000;
}

/* Modal */

.modal-header {
	background: #357152;
	color: #fff;
}

.modal#faqsModal ul li{
    list-style: initial;
}

.modal#faqsModal ul li:last-child{
    font-weight: initial;
}

/* Registro */

.registro h3 {
    color: #9c1718;
	border-bottom: 1px solid #9c1718;
}

/* Tooltips */

.tooltip-inner {
    background-color: #eee;
	color: #000;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #eee !important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #eee !important;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #eee !important;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #eee !important;
}

/* Botones */

.btn-primary {
  background-color: #514349;
  border-color: #514349;
}

.btn-primary:hover {
  background-color: #42333a;
  border-color: #42333a;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(81, 67, 73, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #756d70;
  border-color: #756d70;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #42333a;
  border-color: #42333a;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(81, 67, 73, 0.5);
}

/**/

.btn-secondary {
  background-color: #dcaeae;
  border-color: #dcaeae;
  color: #fff !important;
}

.btn-secondary:hover {
  background-color: #c19898;
  border-color: #c19898;
}

.btn-secondary:focus,
.btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(193, 152, 152, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  background-color: #e9cccc;
  border-color: #e9cccc;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #c19898;
  border-color: #c19898;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(193, 152, 152, 0.5);
}

/**/

div.dt-buttons .dt-button{
    background: #686164;
    border-color: #686164;
    border-radius: 0;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.3rem 0.5rem;
    margin-right: 0.5rem;
}

button.dt-button:hover:not(.disabled), 
div.dt-button:hover:not(.disabled), 
a.dt-button:hover:not(.disabled), 
input.dt-button:hover:not(.disabled){
    background: #42333a!important;
    border-color: #42333a!important;
}

button.dt-button:focus:not(.disabled), 
div.dt-button:focus:not(.disabled), 
a.dt-button:focus:not(.disabled), 
input.dt-button:focus:not(.disabled){
    box-shadow: 0 0 0 0.2rem rgba(81, 67, 73, 0.5);
    background: #42333a!important;
    border-color: #42333a!important;
    text-shadow: none!important;
}

button.dt-button:hover.disabled, 
div.dt-button:hover.disabled, 
a.dt-button:hover.disabled, 
input.dt-button.disabled{
    background-color: #756d70!important;
    border-color: #756d70!important;
}
  
button.dt-button:active:not(.disabled), 
div.dt-button:active:not(.disabled), 
a.dt-button:active:not(.disabled), 
input.dt-button:active:not(.disabled){
    background-color: #42333a!important;
    border-color: #42333a!important;
}

button.dt-button:active:focus:not(.disabled), 
div.dt-button:active:focus:not(.disabled), 
a.dt-button:active:focus:not(.disabled), 
input.dt-button:active:focus:not(.disabled){
    box-shadow: 0 0 0 0.2rem rgba(81, 67, 73, 0.5);
}

button.dt-button span.dt-down-arrow, 
div.dt-button span.dt-down-arrow, 
a.dt-button span.dt-down-arrow, 
input.dt-button span.dt-down-arrow{
    color: #fff!important;
}

/**/

.no {
	background: url('../img/login_fnd.jpg') no-repeat fixed 25%;
	background-size: cover;
}

.login_contenedor {
	background: #fff;
        display: flex;
        flex-direction: column;
        padding: 0;
        align-items: center;
}

.login_contenedor, .login_contenedor.top{
	/**/
}

.login_contenedor .logo {
	float: inherit;	
	margin: 0 0 20px 0;
}

.login_contenedor .login {
	background: #fff;
	border: 1px solid #ddd;
	margin: 0;
        width: 24rem;	
	padding: 30px !important;
}

.login_contenedor .login .forget {
/**/
}

.login_contenedor .login p input {
/**/
}

.login_contenedor .login p .enter {
	background: #E44225;
	border: 0;
}

.login_contenedor .login p .enter:hover {
	background: #d8381c;	
}

.login_contenedor .login p .recover {
	background: #514349;	
	border: 0;
	color: #fff;
}

.login_contenedor .login p .recover:hover {
	background: #44363c;
}

.login_contenedor .notyet {
/**/
}

.login_contenedor .notyet .txt1 {	
	border-bottom: 1px solid #E44225;
	color: #E44225;
}

.login_contenedor .notyet .txt2 {
} 

.login_contenedor .notyet .register {
	background: #514349 ;
	border: 1px solid #44363c;
}

.login_contenedor .notyet .register:hover {
	background: #44363c;
}

/* LOPD */

.login_contenedor.lopd .message {
	background: #9C1718;
	color: #fff;
	box-shadow: 1px 4px 18px -5px rgba(0,0,0,0.41);
}

.login_contenedor.lopd .message a {
	color: #fff;
}

.login_contenedor.lopd h3 {
	color: #9C1718;
}

.login_contenedor.lopd p {
	color: #514349;
}

/**/

#lopdModal .modal-dialog.modal-lg {
/**/
}

#lopdModal .modal-content {
/**/
}

#lopdModal .modal-header {
/**/
}

#lopdModal .modal-header .close {
/**/
}

#lopdModal .modal-header h4 {	
/**/
}

#lopdModal .modal-body {
/**/
}

#lopdModal .modal-body p {
/**/
}

.no .header img {
/**/
}

#main {	
/**/
}

#main_content {
	padding: 0;
}

#header {
	background: #fff;
    height: auto;
	padding-left: 0 !important;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);	
	position: relative;
    z-index: 15;
}

#header .mdi {
}

@media screen and (max-width: 991px) {
	#header .searchCoursesDiv {
		background-color: #9c1718 !important;	
	}
}

#main .inicio .block.summary {
    background-color: transparent;
    border: 0;
}

#main .inicio .block.summary > h2{
    display: none;
}

#main .inicio .block.summary p > span{
}

#main .inicio .block.summary p > span i.mdi{
    background-color: #514349;
}

#main .inicio .block.summary p > span strong{
}

#main .inicio .block.summary p > span a{
}

#main .inicio .block h2 {
	background: #514349;
}

#main .inicio.alumno .block,
#main .detail.alumno .block {	
/**/
}

#main .detail.alumno .block.half {	
/**/
}

#main .inicio.alumno h2,
#main .detail.alumno h2 {
/**/
}

#main .inicio.alumno h2 span,
#main .detail.alumno h2 span {
/**/
}

#main .inicio.alumno h2 span,
#main .detail.alumno h2 span {
/**/
}

#main .inicio.alumno h2 span a,
#main .detail.alumno h2 span a {	
/**/
}

#main .inicio.alumno h2 span a:hover,
#main .detail.alumno h2 span a:hover {	
/**/
}

#main .inicio.alumno h2.ico .mdi,
#main .detail.alumno h2.ico .mdi {	
/**/
}

#main .inicio.alumno h2.ico span .mdi,
#main .detail.alumno h2.ico span .mdi {	
/**/
}

#main .course_box {
/**/
}

#main .main-current,
#main .main-completed,
#main .main-upcoming {	
/**/
}

#main .main-current .calendar,
#main .main-completed .calendar,
#main .main-upcoming .calendar {
/**/
}

#main .main-current .calendar p,
#main .main-completed .calendar p,
#main .main-upcoming .calendar p {
/**/
}

#main .main-current .calendar .left p:first-child,
#main .main-current .calendar .right p:first-child,
#main .main-completed .calendar .left p:first-child,
#main .main-completed .calendar .right p:first-child,
#main .main-upcoming .calendar .left p:first-child,
#main .main-upcoming .calendar .right p:first-child {
/**/
}

#main .main-current .calendar .left p:nth-child(3),
#main .main-current .calendar .right p:nth-child(3),
#main .main-completed .calendar .left p:nth-child(3),
#main .main-completed .calendar .right p:nth-child(3),
#main .main-upcoming .calendar .left p:nth-child(3),
#main .main-upcoming .calendar .right p:nth-child(3) {
/**/
}

#main .main-current .calendar .left p:nth-child(5),
#main .main-current .calendar .right p:nth-child(5),
#main .main-completed .calendar .left p:nth-child(5),
#main .main-completed .calendar .right p:nth-child(5),
#main .main-upcoming .calendar .left p:nth-child(5),
#main .main-upcoming .calendar .right p:nth-child(5) {
/**/
}

#main .main-current .calendar .left,
#main .main-completed .calendar .left,
#main .main-upcoming .calendar .left {
/**/
}

#main .main-current .calendar .center,
#main .main-completed .calendar .center,
#main .main-upcoming .calendar .center {
/**/
}

#main .main-current .calendar .right,
#main .main-completed .calendar .right,
#main .main-upcoming .calendar .right {
/**/
}

#main .main-current .info,
#main .main-completed .info,
#main .main-upcoming .info {
/**/
}

#main .main-current .info h3,
#main .main-completed .info h3,
#main .main-upcoming .info h3 {
/**/
}

#main .main-current .info h3 span,
#main .main-completed .info h3 span,
#main .main-upcoming .info h3 span {
/**/
}

#main .main-current .btn,
#main .main-completed .btn,
#main .main-upcoming .btn {
/**/
}

#main .main-current .btn:hover,
#main .main-completed .btn:hover,
#main .main-upcoming .btn:hover {
/**/
}

#main .inicio.alumno .formulario .left,
#main .detail.alumno .formulario .left {	
/**/
}

#main .inicio.alumno .formulario .right,
#main .detail.alumno .formulario .right {	
/**/
}

#main .main-current.detail .calendar,
#main .main-completed.detail .calendar,
#main .main-upcoming.detail .calendar {	
/**/
}

#main .main-current.detail .calendar .up,
#main .main-completed.detail .calendar .up,
#main .main-upcoming.detail .calendar .up{	
/**/
}

#main .main-current.detail .calendar .up p,
#main .main-completed.detail .calendar .up p,
#main .main-upcoming.detail .calendar .up p {	
/**/
}

#main .main-current.detail {
/**/
}

#main .main-current .logo img {
/**/
}

#main .coursescard .card .course .content h2 span.badge{
/**/
}

#header .logo img {
	/*height: 65px;
	margin-left: -40px;*/
        margin-left: 0;
        height: auto;
}

#header .left {
	color: #fff;	
        background: #9C1718;
        margin: 0;
        line-height: 82px;
        padding: 0 13px;
        position: absolute;
}

#header .info .mdi {
	color: #514349;
}

#header .info .mdi:hover,
#header .info .icon-moodle:hover{
	color: #514349;
}

#header .info .icons{
	color: #514349;
}

#header .info .icons a {
	color: #514349;
}

#header .info .icons a:hover {
	color: #514349;
}

#header .info .icons i.mdi-link {
/**/
}

#header .info .icons i.mdi-link:before{
    /**/
}

#header .info .icons i.mdi-link:hover:before{
    /**/
}

#header .info .icons .options a {
	text-decoration: none !important;	
}

#header .info .user.mdi {
	color: #514349;
}

#header .info .icons {
/**/
}

#header .info .icons p {
/**/
}

#header .info select {
	color: inherit;
}

.menu {
	width: 100%;
	background: #9C1718;	
	border: 0;
	padding: 0;
	margin: 0; /* Si pongo margin-top por arriba acaba mal en chrome */
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}

.menu ul {
	margin: 0 0 0 -5px;
	width: 100%;
}

.menu ul li {
	border-bottom: 1px solid #b07676;	
	width: 50px;
	padding: 5px 0;
	margin: 0 0 0 19px;
}

.menu ul li a {
/**/
}

.menu ul li a:hover {
	color: #000;
}

.menu li {
    border-bottom: 0;
}

.menu li ul li a {
	padding: 5px 20px;
}

.menu > li.active > a.open,
.menu > li.active > a:first-child {
/**/
}

.menu li:hover .mdi-file-outline:before {
/**/
}

.menu li.active {
/**/
}

.menu li.active > a {
/**/
}

.menu li a {
	color: #fff !important;
	font-size: 16px;
	padding: 16px;
}

.menu li a:hover {
	background: #8f1313;
	color: #9C1718;
}

.menu li a:hover .mdi::before {
	color: #9C1718;
}

.menu > li.active > a:first-child {
/**/
}


.menu li a span {
/**/
}

.menu li .mdi-file-outline:before {
	/*color: #fff;*/
}

#navbar ul li {
	color: inherit;
}

#navbar ul li a {
	color: inherit;	
}

#navbar li a,
#navbar li {
/**/
}

#navbar .flecha {
/**/
}

#column {
	background: #9C1718 !important;
	padding: 0;
	width: 50px;
    box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.10);
    position: relative;
    top: 0 !important;
    z-index: 10;
	display: none;
}

#column .menu .mdi.arrowSwitch {
	color: #fff;
}

#column .menu .action_new .mdi:hover::before {
/**/
}

#column .menu .mdi {
	color: #fff;
        font-size: 20px;
}

#column .menu a > img{
	float: left;
	height: 28px;
	width: 28px;
	margin-left: -5px;
    margin-right: 5px; 
}

#container {
        display: table;
        width: calc(100% - 50px);
        left: 50px;
        position: relative;
        background-color: #ececec;
}

#main #bloque0 .header {
    background: #5b5b5b;	
    margin: 0;
}

@media (max-width: 575px){
    #main #bloque0 .header {
        width: 100%;
    }
}

#main .header h2 {
/**/
}

#main .header h3 {
/**/
}

#main .header.h3 {
	background: #8a8a8a;
}

#main .block_content table th {
	background: #b2b2b2;	
	color: #fff;
}

#main .block_content :not(.header) > h3 {
/**/
}

#main .block_content .inferior_tabla {
/**/
}

#main .block_content table th a {
	color: #fff;
}

#main .inicio {
	/**/
}

#main .inicio .block, #main .inicio .block p span {
	/**/
}

#main .inicio .block a {
	/* */
}

#main .inicio .block table.inicio td a {
	color: #000;
}

#main .inicio .block input.btn,
#main .inicio .block input.btn:hover {	
}

#main .inicio table.inicio .btn {
}

#main .block_content table tr:hover {
	background: #f5f5f5;
}

#main .block_content p input:focus,
#main .block_content p select:focus,
#main .block_content textarea:focus {
	border-color: #949494;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(161, 180, 210, 0.6);	
}

#main .block_content p select.tam2 {
    width: 250px;
}

#main .block_content .texto ul li::before {
    color: #9C1718;
}

/* Student main page */

body#page-main #main .listcourses h3::before {
	border-bottom: 3px solid #9c1718;
}

body#page-main #main .listcourses .catalogueHeaderCategory h3,
body#page-main #main .listcourses .catalogueHeaderProgram h4 {
	/**/
}

body#page-main #main .headerCategory h2 {
	/**/
}

body#page-main #page #main_content #container form[name='dataform']{
}

body#page-main #main .featureCategory .showcourses {
	color: #9c1718;
}

body#page-main #main .featureCategory .showcourses:hover {
	/**/
}

body #main.coursedetails .categoryImg h1 {
	/**/
}

body #main.coursedetails #bloque0 .header {
    background-color: #9c1718;
}

body #main.coursedetails #bloque0 .header h2,
body #main.coursedetails #bloque0 .header h2 span {
	color: #9c1718;
}

body #main.coursedetails #bloque0 .header h2:before{
	background-color: #9c1718;
}

body #main.coursedetails #bloque0 .header input[type="button"] {
	background: #E44225;
}

body #main.coursedetails #bloque0 .header input[type=button]:hover {
	background: #9c1718;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons i.mdi.share:hover,
body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons i.mdi.resources:hover,
body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons i.mdi-calendar-check:hover,
body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons i.mdi-certificate:hover,
body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons i.mdi-open-in-app:hover {	
/**/
}

body #main.coursedetails #bloque0 .block_content fieldset legend {
	color: #9c1718;
}

body #main.coursedetails .categoryImg .infocourse .titlecourse {
       /**/
}

body #main.coursedetails .categoryImg .infocourse .titlecourse h1{
        /**/
}

body #main.coursedetails .categoryImg .infocourse .navegationcourse input[type="button"]{
      /**/
}

body #main.coursedetails .categoryImg .infocourse .navegationcourse input[type="button"]:hover{
       /**/
}

body #main.coursedetails #bloque0 .header a:hover{
       /**/
}   

body #main.coursedetails div[id^=bloque] .block_content [class*='col-'] span.grades+i.certificate{
        /**/
}

body #main.coursedetails div[id^=bloque] .block_content [class*='col-'] span.grades+i.certificate:hover{
       /**/
}

body #main.coursedetails .categoryImg .infocourse .titlecourse {
       /**/
}

body #main.coursedetails .categoryImg .infocourse .titlecourse h1{
        /**/
}

body #main.coursedetails .categoryImg .infocourse .navegationcourse input[type="button"]{
        /**/
}

body #main.coursedetails .categoryImg .infocourse .navegationcourse input[type="button"]:hover{
        /**/
}

body #main.coursedetails #bloque0 .header a:hover{
        /**/
}   

body #main.coursedetails div[id^=bloque] .block_content [class*='col-'] span.grades+i.certificate{
        /**/
}

body #main.coursedetails div[id^=bloque] .block_content [class*='col-'] span.grades+i.certificate:hover{
       /**/
}

.treeStart .mdi {
	/**/
}

body#page-main #main .mycourses::before {
/**/
}

body#page-main #main .mycourses > .tabs {
    display: flex;
    margin-bottom: 2rem;
}

body#page-main #main .mycourses > .tabs > h2 {
	float: left;
	color: #5b5b5b;
}

body#page-main #main .mycourses > .tabs > h2::after {
	/**/
}

body#page-main #main .mycourses > .tabs > div.listtabs > ul > li > a.nav-link {
	background-color: #9c9c9c;
}

body#page-main #main .mycourses > .tabs > div.listtabs > ul > li > a.nav-link:hover {
    background-color: rgba(167,167,167,0.80);
}

body#page-main #main .mycourses > .tabs > div.listtabs > ul > li > a.nav-link.active {
    background-color: #9c1718;
}

body#page-main #main .coursescard .card .course .content h2 {
	/**/
}

body#page-main #main .coursescard .card .course .content h3 {
	/**/
}

body#page-main #main .card {
	/**/
}

body#page-main #main .card .course .badges .badge.bg-primary {
	background-color: #9c1718;
}

body#page-main #main .card .scrolldesc{
	border-top: 1px solid #9c1718;
   /**/
}

body#page-main:not(.mobile) #main .coursescard .card:hover .course .content,
body#page-main.mobile #main .coursescard .card .course.active .content,
body#page-main:not(.mobile) #main .listcourses .card:hover .course .content,
body#page-main.mobile #main .listcourses .card .course.active .content{
    background-color: rgba(102, 102, 102, 0.85);
}

body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .buttonsactionCourse,
body#page-main.mobile #main .coursescard .card .course.active .content .buttonsactionCourse{
    bottom: 50px;
}

body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .buttonsactionCourse a:hover,
body#page-main.mobile #main .coursescard .card .course.active .content .buttonsactionCourse a:hover,
body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .buttonsactionCourse a:hover {
	background-color: rgba(167,167,167,0.80);
}

body#page-main #main .recomendadosslider .carousel .carousel-control-next span[class^='carousel-control'], 
body#page-main #main .recomendadosslider .carousel .carousel-control-prev span[class^='carousel-control']{
    background-color: #9c1718;
}

body#page-main #main .recomendadosslider .carousel .carousel-indicators li{
    background-color: #9c1718;
}

body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .iconsCourse,
body#page-main.mobile #main .coursescard .card .course.active .content .iconsCourse{
    bottom: 10px;
}

body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .iconsCourse i.mdi:hover, 
body#page-main.mobile #main .coursescard .card .course.active .course .content .iconsCourse i.mdi:hover, 
body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .iconsCourse i.mdi:hover, 
body#page-main.mobile #main .listcourses .card .course.active .course .content .iconsCourse i.mdi:hover,
body#page-main #main .card .iconsCourse i.mdi:hover {
	/**/
}

body:not(.mobile) #main.coursedetails #bloque0 .block_content .formulario .derecha .icons #shareEventeListener.mdi:hover,
body:not(.mobile) #main.coursedetails #bloque0 .block_content .formulario .derecha .icons .containerfav .mdi:hover,
body:not(.mobile) #main.coursedetails #bloque0 .block_content .formulario .derecha .icons #calendarEventeListener.mdi:hover{
	/**/
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons i.mdi.mdi-star:hover{
    /**/
}
	
body#page-main #main .mycourses > .row .remarkcourse{
    /**/
}

body#page-main #main .mycourses > .row .tabletitle h4{ 
    /**/
}

body#page-main #main .mycourses > .row .tabletitle button{
    /**/
}

body#page-main #main .mycourses > .row .tabletitle button:hover {
	/**/
}

/* categories */

body#page-main #main .categories{
    /**/
}

body#page-main #main .categories .categoriesenrol h2,
body#page-main #main .categories .categoriesnoenrol h3{
   /**/;
}

body#page-main #main .categories .categoriesenrol .card .content{
	/**/
}

body#page-main #main .categories .categoriesenrol h2 {
	/**/
}

body#page-main #main .categories .categoriesenrol .card .content h3 {
	/**/
}

/* featureCategory */

body#page-main #main .featureCategory button {
/**/
}

body#page-main #main .featureCategory button:hover {
	/**/
}

body#page-main #main .featureCategory{
    height: auto;
}

body#page-main #main .featureCategory i.mdi-play-circle-outline{
/**/
}

body#page-main #main .featureCategory h2,
body#page-main #main .featureCategory h6{
/**/
}

/* list of tutors */

body#page-main #main .listOfTutor h3 {
/**/
}

body#page-main #main .listOfTutor .mdi:before {
	/**/
}

body#page-main #main .listOfTutor h4 {
/**/
}

body#page-main #main .listOfTutor button {
	/**/
}

body#page-main #main .listOfTutor button:hover {
	/**/
}

/* simplecard */

body#page-main #main .simpleCard h3 {
/**/
}

body#page-main #main .simpleCard .mdi:before {
	/**/
}

body#page-main #main .simpleCard h4 {
/**/
}

body#page-main #main .simpleCard button {
	/**/
}

body#page-main #main .simpleCard button:hover {
	/**/
}


/* mycourses */

body#page-main #main .mycourses > .row .remarkcourse{
/**/
}

body#page-main #main .mycourses > .row .tabletitle{
/**/
}

body#page-main #main .mycourses > .row .tabletitle h4{
/**/
}

body#page-main #main .mycourses > .row .tabletitle button{
/**/
}

/* listcourses */

body#page-main #main .listcourses h2 {
/**/
}

/* ESPEC�?FICO PARA EL PROYECTO */

@media only screen and (max-width: 1199px) {          
	body.no {
            background: url('../../../img/login_fnd.jpg') no-repeat fixed 100% 0;
            background-size: cover;
	}
}

@media only screen and (max-width: 991px){
	#header .logo_menu{
		display: block;
		margin: 0 auto;
                padding-left: 75px;
	}
	
	#header .logo_menu{
		width: 100%;
	}
        #header .info{
                padding-left: 75px;
        }
}

@media only screen and (max-width: 767px) { 
    body#page-main #main .featureCategory .col-auto.col-10,
    body#page-main #main .featureCategory .col{
        max-width: 100%;
        flex: 100%;
    }
    
    body#page-main #main .featureCategory .col-auto.col-10{
        margin-bottom: 10px;
    }
}

/* Login */

.login_contenedor .logocontainer{
    margin-top: 25%;
    margin-bottom: 30px;
}

/* Notificaciones y Mensajeria */

#header .info .options .containerNotif,
#header .info .options .containerMessage{
    position: relative;
    display: inline;
    float: left;
}

#header .info .options .containerNotif a#notificactions,
#header .info .options .containerMessage a#messenger{
    position: relative;
}

#header .info .options .containerNotif a#notifications.alertNotifi:before,
#header .info .options .containerMessage a#messenger.alertMessage:before {
    content: "\F12F";
    font-family: "Material Design Icons";
    position: absolute;
    top: -7px;
    right: -3px;
    font-size: 13px;
    color: red;
    pointer-events: none;
    z-index: 500;
}

#header .info .options .containerNotif a#notifications.alertNotifi:before{
    right: 3px;
}

#header .info .options .containerNotif #notifications-caja,
#header .info .options .containerMessage #messenger-caja{
    position: absolute;
    right: 0px;
    top: 20px;
    display: grid;
    min-width: 15rem;
    z-index: 800;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

#header .info .options .containerNotif #notifications-caja.open,
#header .info .options .containerMessage #messenger-caja.open{
    height: 50px;
}

#header .info .options .containerNotif #notifications-caja .mdi-triangle,
#header .info .options .containerMessage #messenger-caja .mdi-triangle{
    float: right;
    color: #f0f0f0;
    position: absolute;
    right: 10px;
    font-size: 14px;
}

#header .info .options .containerNotif #notifications-caja > span,
#header .info .options .containerMessage #messenger-caja > span{
    background-color: #f0f0f0;
    border: gray;
    padding: 10px;
    margin-top: 10px;
}

#header .info .options .containerNotif #notifications-caja > span a,
#header .info .options .containerMessage #messenger-caja > span a{
	color: #000;
}

#header .info .options .containerNotif #notifications-caja > span a:hover,
#header .info .options .containerMessage #messenger-caja > span a:hover{
	color: #719ecc;
}

table .btn.btn-primary {
	background: #fff;
	color: #666;
	border:0
}

.menu li.active > a {
	color: #000;
}

.menu > li.active > a:first-child {
	background: #fff;
	color: #9C1718 !important;
}

#main .inicio .block table.inicio tr:hover {
	background: #eaeaea;	
}

body#page-main #main .featureCategory {
	background-image: none !important;
	background-color: #9c1718;
	min-height: 100px;
	padding: 0 1.25rem;
}

body#page-main #main .featureCategory .col-auto.col-10{
        max-width: 70%;
		flex: 0 0 auto;
}

body#page-main #main .featureCategory > .row > [class^="col"]{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

body#page-main #main .featureCategory > .row > [class^="col"] > .student-header-description{
	flex: 1;
}

body#page-main #main .featureCategory > .row > [class^="col"] > h2 {
	font-size: 2.0rem;
	margin: 0;
}

#main .block .calendario {
	padding: 1rem;	
}

#main .block .calendario .ui-datepicker {
	margin: 0 auto;
}

/* report para alecop */

table.alecop .bg-primary {
	background-color: #868686 !important;
}

table.alecop .bg-secondary {
	background-color: #eee !important;
	font-size: 11px;
}

body#page-main #main .featureCategory:before {
  background: none; 
}

.post_login {
	margin-top: 0.5rem;
}

#column .menu .active .mdi {
	color: #9C1718 !important;
}

#column .menu .active {
	background: #fff;
}

#column .menu .active a,
#column .menu .active .mdi {
	color: #9C1718 !important;
}

.menu > li.active > a:first-child:hover {
	background: #eee;
}

.menu li a:hover .mdi:before {
	color: #fff !important;
}

.menu li.active a:hover .mdi:before {
	color: #9C1718 !important;	
}

.menu ul li:first-child {
	border-top: 1px solid #b07676;	
}

.logo_menu {
	display: inline-block;
	/*width: 300px;	
	background: #cd0f13;*/
        background: transparent;
	text-align: center;
        margin-left: 75px;
}

.user_logo {
	height: 70px;
	margin-left: 0.5rem;
}

#detailsItinerary .card .card-body .infoLeft, #detailsItinerary .card .card-body .infoRight {
	display: inline-block;
	padding-left: 24rem;
}

.login_contenedor.lopd .logo {
	display: none;
}

/* Login */
.login_contenedor .post_login {
    align-items: flex-end;
    margin-top: auto;
    margin-bottom: 1rem;
}

/* Menú lateral iconos */

body.contract_menu #main_content #column {
    left: 0;
    display: block;
}

body.contract_menu #main_content #column:not(.closed) {
    width: 300px;
}

body.contract_menu #main_content #column:not(.closed) .menu ul li{
    width: 270px;
}

#column .menu li a > p.title{
    font-size: 16px;
    float: left;
}

body.contract_menu #main_content #column.closed .menu > li a{
    padding: 10px;
}

body.contract_menu #main_content #column.closed .menu > li a.imgmenu{
	padding: 4px;
}

body.contract_menu #main_content #column.closed .menu *:not(.action_new) > a > i.mdi{
    font-size: 26px;
    margin: 0;
}

body.contract_menu #main_content #column.closed .menu *:not(.action_new) > a > img{
    height: 36px;
    width: 40px;
	margin-left: 0;
	margin-right: 0; 
}

body.contract_menu #main_content #column.closed .menu i.mdi.arrowSwitch{
    display: none;
}

body.contract_menu #main_content #column.closed .menu li a > p.title{
    display: none;
}

body.contract_menu #main_content #column.closed .menu li a.open + ul{
    display: block;
    position: absolute;
    left: 100%;
    width: auto;
    background-color: rgb(255, 255, 255);
    color: #cd0f13 !important;
    margin: -45px 0px 0px;
    border: 1px solid #cd0f13;
    border-top: 0;
    border-left: 0;
}

body.contract_menu #main_content #column.closed .menu li a.open + ul li{
    width: 100%;
    margin: 0;
    padding: 2px;
}

body.contract_menu #main_content #column.closed .menu li a.open + ul li a{
    color: #cd0f13 !important;
    padding-right: 25px;
}

body #main_content #column.closed .menu li a.open + ul li .action_new{
    top: 8px;
}

body.contract_menu #column.closed .menu li a:hover .mdi:before {
    color: #cd0f13 !important;
}

body.contract_menu #column.closed .menu > li:not(.active) > a:hover > .mdi:before {
    color: #fff !important;
}

body.contract_menu #main_content #column.closed .menu li a.open + ul li .action_new .mdi,
body.contract_menu #main_content #column.closed .menu li a.open + ul li .action_new .mdi:hover{
    color: #cd0f13;
}

/* Cards inicio */

#main .inicio .row .block:first-child{
    margin-right: 0;
}

#main .inicio .block.summary form[name="noenroll"] {
    padding: 0;
}

#main .inicio .block.summary div.card a{
    border: 1px solid #ccc;
    min-height: 200px;
    display: flex;
    flex-direction: column;
}

#main .inicio .block.summary div[id^='bloque'].card a,
#main .inicio .block.summary div.card.card-action a{
    max-height: 200px;
}

#main .inicio .block.summary div.card.card-action a{
    background-color: #ae0d0f;
}

#main .inicio .block.summary div.card a span{
}

#main .inicio .block.summary div.card a .card-header{
    font-size: 18px;
    color: #79797a;
    margin-bottom: 1rem;
}

#main .inicio .block.summary div.card a .card-header:after{
    display: block;
    content: "";
    margin-top: 10px;
    width: 30px;
    border-bottom: 3px solid #79797a;
    box-shadow: 2px 2px 5px 0px #79797a;
}    

#main .inicio .block.summary div.card.card-action a .card-header:after{
    border-bottom: 0;
    box-shadow: 0;
}

#main .inicio .block.summary div.card a .card-body{
    align-items: flex-end;
    margin-bottom: auto !important;
}

#main .inicio .block.summary div.card a .card-body > .icon{
    background-color: #ae0d0f;
    height: 90px;
    min-width: 90px;
}

#main .inicio .block.summary div.card a .card-body > .icon img{
    width: 90px;
}

#main .inicio .block.summary div.card a .card-body > strong{
    flex: auto;
    font-size: 70px;
    color: #79797a;
    line-height: 80px;
}

/* Cards cursos alumno */

body#page-main #main .coursescard .card{
    margin-top: 2rem;
}

body#page-main #main .coursescard .card .course{
    height: 245px;
}

body#page-main #main .coursescard .card .course .courseimg{
    height: 100px;
}

/* Block metabase */

#main .inicio .block.block-info {
    border-top: 6px solid #e4230b;
    width: 100%;
}

#main .inicio .block.block-info h5{
    color: #79797a;
}

#main .inicio .block.block-info table.table td{
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6;
}

#main .inicio .block.block-info table.table td i.user.mdi{
    font-size: 50px;
    line-height: 45px;
    vertical-align: middle;
}

#main .inicio .block.block-info table.table td .progressdata{
    line-height: 1rem;
    background-color: #e9ecef;
}

/* usado en detalle de programa, para que el campo periodo se reduzca */
#mi-tabla td #periodo_chosen {
    width: 80px !important;
}


.tabla_core_report_content .tabla_core_report_wrapper {
    display: inline-block;
    overflow-x: auto;
    width: 100%;
    max-height: 500px;
}

.tabla-matriz-content{
		display: table;
		table-layout: fixed;
		width: 100%;
}

.tabla-matriz-content .tabla-matriz-wrapper {
    display: inline-block;
    overflow-x: auto;
    width: 100%;
    max-height: 500px;
}

/* Indicadores generales */

#main .inicio.brenchmark_report{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
#main .inicio.brenchmark_report > .row > div:not(.no-homologados):not(.homologados){
    background: linear-gradient(#9f9f9f, #9f9f9f) no-repeat center/1px 100%;
}
@media screen and (max-width: 1199px) { 
    #main .inicio.brenchmark_report > .row > div:not(.no-homologados):not(.homologados){
        background: #9f9f9f;
        height: 1px;
    }
}
#main .inicio.brenchmark_report .block.summary div.card{
    border: 2px solid #000;
}

#main .inicio.brenchmark_report .block.summary div.card.bigcard{
    border-width: 4px;
}
#main .inicio.brenchmark_report .block.summary.no-homologados,
#main .inicio.brenchmark_report .block.summary.homologados{
    margin-bottom: 0;
}
#main .inicio.brenchmark_report .block.summary.no-homologados div.card{
    border-color: #ff8080;
}

#main .inicio.brenchmark_report .block.summary.homologados div.card{
    border-color: #9ccfd6;
}

#main .inicio.brenchmark_report .block.summary.no-homologados div.card.bigcard a:not(.infocard){
    background-color: #ffe7e7;
}

#main .inicio.brenchmark_report .block.summary.homologados div.card.bigcard a:not(.infocard){
    background-color: #d6ebee;
}

#main .inicio.brenchmark_report .block.summary div.card a:not(.infocard){
    min-height: 160px;
    box-shadow: 0 0 .5rem rgba(0,0,0,.25)!important;
}
#main .inicio.brenchmark_report .block.summary div.card a .card-header{
    font-size: 18px;
}
#main .inicio.brenchmark_report .block.summary div.card a .card-body > .icon {
    height: 70px;
    min-width: 70px;
    background-color: transparent;
}
#main .inicio.brenchmark_report .block.summary div.card a .card-body img {
    max-width: 70px;
}
#main .inicio.brenchmark_report .block.summary div.card a .card-body > strong {
    font-size: 50px;
    line-height: 60px;
}

#main .inicio.brenchmark_report .block.summary div.card a.infocard{
    position: absolute;
    right: 3px;
    top: 3px;
    border: 0;
    max-height: 30px;
    max-width: 30px;
    min-height: auto;
}

@media screen and (max-width: 1660px) { 
    #main .inicio.brenchmark_report .block.summary div.card a .card-header{
        font-size: 16px;
    }
    #main .inicio.brenchmark_report .block.summary div.card a .card-body > .icon {
        height: 60px;
        min-width: 60px;
    }
    #main .inicio.brenchmark_report .block.summary div.card a .card-body img {
        max-width: 60px;
    }
    #main .inicio.brenchmark_report .block.summary div.card a .card-body > strong {
        font-size: 40px;
        line-height: 50px;
    }
}

@media screen and (max-width: 992px) {
    #main .inicio.brenchmark_report .block.summary div.card{
        max-width: 500px;
    }
} 

#main .inicio.brenchmark_report .block.summary .infotitle{
    display: inline-block;
    border: 0;
    min-height: auto;
    max-height: 30px;
    max-width: 30px;
}

#main .inicio.brenchmark_report .block.summary .infotitle img{
    width: 100%;
    height: 100%;
}

#main .inicio.brenchmark_report .block.summary .dt-buttons > button.dt-button.buttons-collection{
    margin: 0 0 0 10px;
}

#main .inicio.brenchmark_report .block.summary .filters.multifilters .chosen-container{
    margin-right: 0.5rem;
}

#main .inicio.brenchmark_report .block.summary.no-homologados .filters .chosen-container:not([id$="references_reference_chosen"]){
    max-width: 200px;
}

#main .inicio.brenchmark_report .block.summary.homologados .filters .chosen-container:not([id$="references_reference_chosen"]),
#main .inicio.brenchmark_report .block.summary.homologados .filters .chosen-container[id^="references_reference_chosen"]{
    max-width: 150px;
}

#main .inicio.brenchmark_report .block.summary .filters .chosen-container:not([id^="references_reference"])[id$="references_reference_chosen"]{
    width: 250px!important;
}

#main .inicio.brenchmark_report .block.summary .chosen-container .chosen-single span{
    padding-right: 20px;
}

#main .inicio.brenchmark_report .block.summary .chosen-container ul.chosen-results{
    float: initial;
    width: 100%;
    margin: 0;
}

#main .inicio.brenchmark_report .block.summary .chosen-container ul.chosen-results li{
    margin: 0;
}

#main .inicio.brenchmark_report .block.summary .chosen-container ul.chosen-results li:before{
    content: "";
}

#main .inicio.brenchmark_report .block.summary select[multiple="multiple"]+div.simplemultiselect{
    min-width: 150px;
    max-width: 150px;
    margin-right: 0.5rem;
}

#main .inicio.brenchmark_report .block.summary.no-homologados select[multiple="multiple"]+div.simplemultiselect{
    min-width: 200px;
    max-width: 200px;
}

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

    #main .inicio.brenchmark_report .block.summary .filters.multifilters{
        flex-direction: column;
        align-items: center;
    }

    #main .inicio.brenchmark_report .block.summary .filters.multifilters .chosen-container{
        margin-bottom: 0.5rem;
        margin-right: 0;
    }

    #main .inicio.brenchmark_report .block.summary.homologados .filters .chosen-container:not([id$="references_reference_chosen"]),
    #main .inicio.brenchmark_report .block.summary.homologados .filters .chosen-container[id^="references_reference_chosen"]{
        max-width: 200px;
    }

    #main .inicio.brenchmark_report .block.summary select[multiple="multiple"]+div.simplemultiselect{
        max-width: 200px;
        margin-bottom: 0.5rem;
        margin-right: 0;
    }

}


@media only screen and (max-width: 1200px) and (min-width: 978px)  {

    #main .inicio.brenchmark_report .block.summary .filters.multifilters{
        flex-direction: row;
        align-items: center;
    }

    #main .inicio.brenchmark_report .block.summary .filters.multifilters .chosen-container{
        margin-bottom: 0;
        margin-right: 0.5rem;
    }

    #main .inicio.brenchmark_report .block.summary.homologados .filters .chosen-container:not([id$="references_reference_chosen"]),
    #main .inicio.brenchmark_report .block.summary.homologados .filters .chosen-container[id^="references_reference_chosen"]{
        max-width: 150px;
    }

    #main .inicio.brenchmark_report .block.summary select[multiple="multiple"]+div.simplemultiselect{
        max-width: 150px;
        margin-bottom: 0;
        margin-right: 0.5rem;
    }

}

/* Específico */

#main .block_content .buscador_contenedor1, #main .block_content .buscador_contenedor2 {
    width: 100%;
    margin: 0px auto;
    background: #ffffff;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    display: none;
}

#main .block_content .buscador_contenedor1 {
	display: block;
}

#main .block_content .buscador_contenedor1 p, #main .block_content .buscador_contenedor2 p{
    clear: initial;
}

#main .block_content .buscador1 .btn{
    height: auto;
    color: #fff;
    padding: 3px 10px 3px 10px;
    margin: 0;
    float: none;
    background: #818181;
}

#main .block_content .buscador1 select,
#main .block_content .buscador2 select,
#main .block_content .buscador1 input,
#main .block_content .buscador2 input{
    border: 1px solid #c7c7c7;
}

#main .block_content .buscador1 > p > input#quick_search,
#main .block_content .buscador2 > p > input#full_search_input{
    width: 250px;
}

#main .block_content .buscador1 select,
#main .block_content .buscador2 select{
    margin-top: 0;
}

#main .block_content .buscador1 input,
#main .block_content .buscador2 input{
    line-height: 20px;
}

#main .block_content .buscador1 label,
#main .block_content .buscador2 label{
    margin: 4px 10px 0 0;
}


#main .block_content .buscador1 label{
    width: 13%;
}

@media screen and (min-width: 1140px) {
    #main .block_content .buscador1 > p > input#quick_search,
    #main .block_content .buscador2 > p > input#full_search,
    #main .block_content .buscador2 > p > input#full_search_input{
        width: 388px;
    }
}

@media screen and (min-width: 1400px) {
    #main .block_content .buscador1 label{
        width: 30%;
    }
}

#main .block_content .buscador2 label{
    width: 35%;
}

#main .block_content table{
    margin: 0 auto;
}

#main .block_content table.tablaanchura tbody[id^="header"] > tr > td:nth-child(-n+4),
#main .block_content table.tablaanchura tbody[id^="sort-list"] > tr > td:nth-child(-n+4) {width: 150px;}

#main .block #block-no-homologation .headerperiodo,
#main .block #block-homologation .headerperiodo{
    font-size: 18px;
    color: #79797a;
}

#main .block #block-no-homologation table tr td,
#main .block #block-homologation table tr td{
    vertical-align: middle;
}

#main .block #block-no-homologation table tr td i.mdi.user,
#main .block #block-homologation table tr td i.mdi.user{
    line-height: 50px;
    font-size: 50px;
    display: inline-flex;
    vertical-align: middle;
}

/* Cards cursos main alumno */

body#page-main #main .mycourses{
    padding: 2rem 2.5rem;
}

body#page-main:not(.mobile) #main .coursescard .tab-content>.active{
    display: block;
}

/* Badges secciones main alumno */

body#page-main #main .coursescard .tab-content .badges.principales{
    border-bottom: 2px solid;
}

body#page-main #main .coursescard .tab-content .badges.principales .badge.color{
    font-size: 1.25rem;
    margin-bottom: -2px;
}

/* Titulo cambio de itinerario main alumno */

.select-icon select#enroll_id {
    background-color: transparent;
    border: 0;
    background-image: none;
    box-shadow: none;
    color: #fff;
    font-size: 2.6rem;
    font-weight: bold;
    font-family: 'roboto_condensedregular';
    line-height: 100px;
    padding-left: 3.5rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: fit-content !important;
}

.select-icon select#enroll_id:focus {
    outline: 0;
}

.select-icon select#enroll_id option {
    color: #000;
    font-size: 1.5rem;
    background-color: #f0f0f0;
}

.select-icon select#enroll_id.open + i.mdi.mdi-arrow-right-drop-circle:before {
    content: "\F04A";
}

.select-icon select#enroll_id + i.mdi.mdi-arrow-right-drop-circle {
    font-size: 1.7rem;
    position: absolute;
    left: 1rem;
    top: 36px;
    pointer-events: none;
}

.select-icon select#program_id {
    background-color: transparent;
    border: 0;
    background-image: none;
    box-shadow: none;
    color: #fff;
    font-size: 2.6rem;
    font-weight: bold;
    font-family: 'roboto_condensedregular';
    line-height: 100px;
    padding-left: 3.5rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: fit-content !important;
}

.select-icon select#program_id:focus {
    outline: 0;
}

.select-icon select#program_id option {
    color: #000;
    font-size: 1.5rem;
    background-color: #f0f0f0;
}

.select-icon select#program_id.open + i.mdi.mdi-arrow-right-drop-circle:before {
    content: "\F04A";
}

.select-icon select#program_id + i.mdi.mdi-arrow-right-drop-circle {
    font-size: 1.7rem;
    position: absolute;
    left: 1rem;
    top: 36px;
    pointer-events: none;
}

#main .block_content .formulario .row #MultiFile1_wrap_list{
    margin-left: 0;
}

#main .block_content .formulario .row #MultiFile1_wrap_list .MultiFile-label{
    background-color: #ffe2ab;
}

/* Alecop table matriz */

#main .block_content table.matrizTable tbody#header{
    z-index: initial;
}

#main .block_content table.matrizTable tbody#sort-list tr td {
    border: 2px dotted #ccc;
    border-right: 0;
}

#main .block_content table.matrizTable tbody#sort-list tr:first-child td {
    border-top: 0;
}

#main .block_content table.matrizTable tbody#sort-list tr td:nth-child(1),
#main .block_content table.matrizTable tbody#sort-list tr td:nth-child(2) {
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

#main .block_content table.matrizTable tbody#header tr td.startnewcolumn,
#main .block_content table.matrizTable tbody#sort-list tr td.startnewcolumn{
    border-left: 2px dotted #cd0f13;
}

/* Alecop table stickyheader */

#main .block_content table.stickyheader thead {
    position: sticky;
    top: 0;
    z-index: 10;
}

#main .block_content table.stickyheader tbody[id^='header'] {
    position: sticky;
    top: 32px;
    z-index: 10;
}

#main .block_content table#mi-tabla.stickyheader thead > tr > th,
#main .block_content table#mi-tabla.stickyheader tbody > tr.headertr > th {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Conocimiento */

/*#main .block_content .formulario.conocimiento #zona_course .ui-multiselect.ui-helper-clearfix.ui-widget{
	display: flex;
    width: 100% !important;
    justify-content: center;
    flex-wrap: wrap;
}

#main .block_content .formulario.conocimiento #zona_course .ui-multiselect.ui-helper-clearfix.ui-widget .selected{
    margin-bottom: 1rem;
}

#main .block_content .formulario.conocimiento #zona_course .ui-multiselect.ui-helper-clearfix.ui-widget .available{
    max-width: 500px !important;
    width: 100% !important;
}*/

/* Course level */

#main .block_content table td i.courselevel0{
    color: #bfbfbf !important;
}

#main .block_content table td i.courselevel1{
    color: #ff0000 !important;
}

#main .block_content table td i.courselevel2{
    color: #92d14f !important;
}

#main .block_content table td i.courselevel3{
    color: #00af50 !important;
}

#main .block_content table td i.courselevel4{
    color: #538136 !important;
}

/* Progress bar color */

.progress-bar.progress-bar-striped.bg-danger.progress-bar-animated,
.progress-bar.progress-bar-striped.bg-success.progress-bar-animated,
.progress-bar.progress-bar-striped.bg-warning.progress-bar-animated {
    background-color: #92d14f !important;
}

.progress-bar.progress-bar-striped.bg-danger.progress-bar-animated.courseprogress0, 
.progress-bar.progress-bar-striped.bg-success.progress-bar-animated.courseprogress0, 
.progress-bar.progress-bar-striped.bg-warning.progress-bar-animated.courseprogress0{
    background-color: #bfbfbf !important;
}

.progress-bar.progress-bar-striped.bg-danger.progress-bar-animated.courseprogress1, 
.progress-bar.progress-bar-striped.bg-success.progress-bar-animated.courseprogress1, 
.progress-bar.progress-bar-striped.bg-warning.progress-bar-animated.courseprogress1{
    background-color: #cd0f13 !important;
}

.progress-bar.progress-bar-striped.bg-danger.progress-bar-animated.courseprogress2, 
.progress-bar.progress-bar-striped.bg-success.progress-bar-animated.courseprogress2, 
.progress-bar.progress-bar-striped.bg-warning.progress-bar-animated.courseprogress2{
    background-color: #92d14f !important;
}

.progress-bar.progress-bar-striped.bg-danger.progress-bar-animated.courseprogress3, 
.progress-bar.progress-bar-striped.bg-success.progress-bar-animated.courseprogress3, 
.progress-bar.progress-bar-striped.bg-warning.progress-bar-animated.courseprogress3{
    background-color: #00af50 !important;
}

.progress-bar.progress-bar-striped.bg-danger.progress-bar-animated.courseprogress4, 
.progress-bar.progress-bar-striped.bg-success.progress-bar-animated.courseprogress4, 
.progress-bar.progress-bar-striped.bg-warning.progress-bar-animated.courseprogress4{
    background-color: #538136 !important;
}