/*

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');
@import "menu.css";

html {
}

body {
}

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

input, textarea, select {
	/**/
}

a:hover {
}

/* Modal */

.modal-header {
	background: #ae0d0f;
}

/* Registro */

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

/* Tooltips */

.tooltip-inner {
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
}

/* Botones */

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

.btn-primary:hover {
}

.btn-primary:focus, .btn-primary.focus {
}

.btn-primary.disabled, .btn-primary:disabled {
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
}

/**/

.btn-secondary {
}

.btn-secondary:hover {
}

.btn-secondary:focus,
.btn-secondary.focus {
}

.btn-secondary.disabled,
.btn-secondary:disabled {
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
}

/**/

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

.login_contenedor {
}

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

.login_contenedor .logo {
}

.login_contenedor .login {
}

.login_contenedor .login .forget {
    font-size: 12px;
}

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

.login_contenedor .login p .enter {
	background: #cd0f13;
}

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

.login_contenedor .login p .recover {
	background: #787576;
}

.login_contenedor .login p .recover:hover {
}

.login_contenedor .notyet {
/**/
}

.login_contenedor .notyet .txt1 {	
}

.login_contenedor .notyet .txt2 {
} 

.login_contenedor .notyet .register {
	background: #787576 ;
}

.login_contenedor .notyet .register:hover {
}

/* LOPD */

.login_contenedor.lopd .message {
	background: #cd0f13;
}

.login_contenedor.lopd .message a {
}

.login_contenedor.lopd h3 {
	color: #cd0f13;
}

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

/**/

#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 {
}

#header {
    z-index: 60;
}

#header .mdi {
}

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

#main .inicio .block.summary {
}

#main .inicio .block.summary > h2{
}

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

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

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

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

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

#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 {
}

#header .info .mdi {
	color: #60575b;
}

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

#header .info .icons{
	color: #60575b;
}

#header .info .icons a {
	color: #60575b;
}

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

#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: #60575b;
}

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

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

#header .info select {
	color: inherit;
}

.menu {
}

.menu ul {
}

.menu ul li {
}

.menu ul li a {
/**/
}

.menu ul li a:hover {
}

.menu li {
/**/
}

.menu li ul li a {
}

.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 {
}

.menu li a:hover {
}

.menu li a:hover .mdi::before {
}

.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 {
}

#column .menu .mdi.arrowSwitch {
}

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

#column .menu .mdi {
}

#container {
}

#main #bloque0 .header {
}

#main .header h2 {
/**/
}

#main .header h3 {
/**/
}

#main .header.h3 {
}

#main .block_content table th {
}

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

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

#main .block_content table th a {
}

#main .inicio {
	/**/
}

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

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

#main .inicio .block table.inicio td a {
}

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

#main .inicio table.inicio .btn {
}

#main .block_content table tr:hover {
}

#main .block_content p input:focus,
#main .block_content p select:focus,
#main .block_content textarea:focus {
}

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

/* Student main page */

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

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: #cd0f13;
}

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

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

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

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

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

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

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

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: #cd0f13;
}

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 {
    flex-direction: column;
    align-items: flex-start;
}

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

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

body#page-main #main .mycourses > .tabs > div.listtabs {
	display: flex;
	align-items: center;
}

body#page-main #main .mycourses > .tabs > div.listtabs > h2 {
    font-family: 'roboto_condensedregular';
    font-weight: 300;
    line-height: 1;
    margin-bottom: 0;
    border-right: 2px solid #ccc;
    margin-right: 10px;
    padding-right: 10px;
	float: left;
    color: #5b5b5b;
}

body#page-main #main .mycourses > .tabs > div.listtabs > ul > li > a.nav-link {
}

body#page-main #main .mycourses > .tabs > div.listtabs > ul > li > a.nav-link:hover {
}

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

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: #cd0f13;
}

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

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 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: #cd0f13;
}

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

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{
/**/
}

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;
	}
}

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

@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;
    }
}

/**/

.ribbon{
    z-index: 70 !important;
}

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

body#page-main #main .featureCategory {
	background-color: #cd0f13;
}

/* report para alecop */

#column .menu .active .mdi {
}

#column .menu .active a,
#column .menu .active .mdi {
}

.menu li.active a:hover .mdi:before {	
}

/* Menú lateral iconos */
body #main_content #column {
}

#main .inicio .block.summary div.card a .card-body > .icon{
}

#detailsItinerary .card .card-body .infoLeft, #detailsItinerary .card .card-body .infoRight {
    float: left;
}

#detailsItinerary .card .card-body .infoLeft .card-text label, #detailsItinerary .card .card-body .infoRight .card-text label {
    width: initial;
}

.login_contenedor.lopd .logo {
}

.login_contenedor .login p input#remember_name{
    width: 55%;
    line-height: 42px;
    float: right;
    padding: 5px;
    margin-top: 5px;
}

.login_contenedor .login p .recover {
	background: #514349;	
	border: 0;
	color: #fff;
    
    word-break: break-word;
    width: 40%;
    min-height: 54px;
    padding: 5px;
    margin-top: 5px;
}