/*

Hoja principal de estilo de:
 _____   __   _   _____   _____        ___  ___
/  _  \ |  \ | | /  ___/ |  _  \      /   |/   |
| | | | |   \| | | |___  | |_| |     / /|   /| |
| | | | | |\   | \___  \ |  _  /    / / |__/ | |
| |_| | | | \  |  ___| | | | \ \   / /       | |
\_____/ |_|  \_| /_____/ |_|  \_\ /_/        |_|

Tema "DEFAULT"

*/

/**********************************************************/
/******************** GENERALES ****************************/
/***********************************************************/

@import url("../../../styles/fonts/materialdesignicons.css");
@import url("../../../styles/fonts/font-opensans.css");
@import url("../../../styles/fonts/font-robotocondensed.css");
@import url("../../../styles/fonts/icomoon.css");
@import url("ie.css");

html {
        height: 100%;
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	font: normal 13px/22px 'Open Sans', Arial, sans-serif;
	background: url('../img/int_fnd.jpg') no-repeat fixed 0 0;
	background-size: cover;
    height: 100%;
}

input, textarea, select {
	font-family: 'Open Sans', Arial, sans-serif;
	color: #000;
}

input[type=button]:hover, input[type=submit]:hover, button:hover {
	cursor: pointer;
	cursor: hand;
}

p, form, ul {
	margin: 0;
	padding: 0;
}

.clear {
  display: block;
  height: 0px;
  line-height: 0px; /* IE */
  clear: both;
  content: ""; /* Chrome */
}

/* Cursores */

.cursor-alias {
cursor: alias;
}

.cursor-all-scroll {
cursor: all-scroll;
}

.cursor-auto {
cursor: auto;
}

.cursor-cell {
cursor: cell;
}

.cursor-context-menu {
cursor: context-menu;
}

.cursor-col-resize {
cursor: col-resize;
}

.cursor-copy {
cursor: copy;
}

.cursor-crosshair {
cursor: crosshair;
}

.cursor-default {
cursor: default;
}

.cursor-e-resize {
cursor: e-resize;
}

.cursor-ew-resize {
cursor: ew-resize;
}

.cursor-grab {
cursor: -webkit-grab;
cursor: grab;
}

.cursor-grabbing {
cursor: -webkit-grabbing;
cursor: grabbing;
}

.cursor-help {
cursor: help;
}

.cursor-move {
cursor: move;
}

.cursor-n-resize {
cursor: n-resize;
}

.cursor-ne-resize {
cursor: ne-resize;
}

.cursor-nesw-resize {
cursor: nesw-resize;
}

.cursor-ns-resize {
cursor: ns-resize;
}

.cursor-nw-resize {
cursor: nw-resize;
}

.cursor-nwse-resize {
cursor: nwse-resize;
}

.cursor-no-drop {
cursor: no-drop;
}

.cursor-none {
cursor: none;
}

.cursor-not-allowed {
cursor: not-allowed;
}

.cursor-pointer {
cursor: pointer;
}

.cursor-progress {
cursor: progress;
}

.cursor-row-resize {
cursor: row-resize;
}

.cursor-s-resize {
cursor: s-resize;
}

.cursor-se-resize {
cursor: se-resize;
}

.cursor-sw-resize {
cursor: sw-resize;
}

.cursor-text {
cursor: text;
}

.cursor-w-resize {
cursor: w-resize;
}

.cursor-wait {
cursor: wait;
}

.cursor-zoom-in {
cursor: zoom-in;
}

.cursor-zoom-out {
cursor: zoom-out;
}

img {
	border: 0;
}

img.user{
	border-radius: 100px;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
}

a:link,
a:active,
a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #3c7ab9;
	text-decoration: underline;
}

.table-layout-fixed{
    table-layout: fixed;
}

#procesando {
	padding: 20px;
	text-align:center;
	font: bold 14px 'Open Sans', Arial, sans-serif;
	color: #000;
	background: white;
	position: fixed;
	width: 300px;
	height: 70px;
	top:0%;
	left:50%;
	margin-left:-150px;
	margin-top:220px;
	filter: alpha(opacity=70);
	opacity: .9;
	display: none;
	border: 1px solid #B7B7B7;
}

/* Botones */

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

.btn-primary:hover {
  background-color: #558bc2;
  border-color: #558bc2;
  color: #fff;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 92, 139, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #719ecc;
  border-color: #719ecc;
}

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

.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(45, 92, 139, 0.5);
}

/**/

.btn-secondary {
  background-color: #47b08e;
  border-color: #47b08e;
}

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

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(71, 176, 142, 0.5);
}

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

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

.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(71, 176, 142, 0.5);
}

/* Modal */

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

.modal-body p {
    clear: both;
}

.modal-body p label{
    float: left;
    margin: 3px 10px 15px 20px;
    text-align: right;
    width: 15%;
    padding: 0;
    line-height: 17px;
}

/* Tooltips */

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

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

/* Iconos */

/* ESTADOS ICONOS */

.mdi.disabled{
	opacity: 0.4;
    filter: alpha(opacity=40);
}

/* TAMAÑO MDI DEFAULT */

.mdi{
	font-size: 18px;
}

/* COLORES */

i.green {
	color: #6dbe89;
}

i.red {
	color: #e16778;
}

.mdi.light-blue {
	color: #b0def4 !important;
}

.mdi.blue {
	color: #68bde5 !important;
}

.mdi.dark-blue {
	color: #408fcb !important;
}

.mdi.light-green {
	color: #abe760 !important;
}

.mdi.green {
	color: #6dbe89 !important;
}

.mdi.dark-green {
	color: #3a9359 !important;
}

.mdi.light-yellow {
	color: #f1e9a7 !important;
}

.mdi.yellow {
	color: #e6d761 !important;
}

.mdi.dark-yellow {
	color: #cfbe3b !important;
}

.mdi.light-orange {
	color: #ecba8e !important;
}

.mdi.orange {
	color: #eaa05e !important;
}

.mdi.dark-orange {
	color: #d5853d !important;
}

.mdi.light-red {
	color: #ef8795 !important;
}

.mdi.red {
	color: #e16778 !important;
}

.mdi.dark-red {
	color: #c24355 !important;
}

.mdi.light-brown {
	color: #d1bfaa !important;
}

.mdi.brown {
	color: #b19572 !important;
}

.mdi.dark-brown {
	color: #8e6e45 !important;
}

.mdi.light-pink {
	color: #ed9edb !important;
}

.mdi.pink {
	color: #dc6dc3 !important;
}

.mdi.dark-pink {
	color: #ae3292 !important;
}

.mdi.light-purple {
	color: #ae9dcf !important;
}

.mdi.purple {
	color: #846db4 !important;
}

.mdi.dark-purple {
	color: #5b3b9c !important;
}

.mdi.light-grey {
	color: #dadada !important;
}

.mdi.grey {
	color: #c0c0c0 !important;
}

.mdi.dark-grey {
	color: #7c7c7c !important
}

.mdi.white {
	color: #ffffff !important;
	text-shadow: 0px 0px 2px #767676, 0px 0px 2px #767676, 0px 0px 1px #767676;
}

.mdi.black {
	color: #000 !important;
}
.chart .mdi {
	font-size: 2em;
}

/* INFO */

.info .mdi {
	font-size: 24px;
	float: left;
	color: #364d65;
}

.info .mdi:hover{
	color: #67d0ae;
}

.info .user.mdi {
	font-size: 65px;
	color: #364d65;
}

.info .user.mdi:hover {
	color: #364d65;
}

/***********************************************************/
/************************** LOGIN  *************************/
/***********************************************************/

.no {
	/**background: url('../img/login_fnd.jpg') no-repeat fixed 0% 50%; **/
	background: none;
	/**background-size: cover;	**/
	overflow-x: hidden;
}

.popup {
	padding: 15px;
}

.login_contenedor,
.login_contenedor.top {
	background: rgba(255,255,255,0.5);
    padding: 2.5% 2%;
	text-align: center;
    float: right;
	width: 30rem;
    min-height: 100%;
}

.login_contenedor:not(.top){
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.login_contenedor .logo {
	margin: 0 0 40px 0;
	float: right;
}

.login_contenedor .login {
	background: rgba(255,255,255,0.5);
	width: auto;
	box-sizing: content-box;
    margin-top: 0px;
    box-shadow: none;
    background: none;
}

.login_contenedor .login .sublogos {
	margin: 0 0 0px -20px;
	float: left;
}

.login_contenedor .login .sublogos img {
	margin: 0 0px 20px 20px;
}

.login_contenedor .login p {
	margin: 0px 5px 0 5px;
	padding: 0 0 5px 0;
}

.login_contenedor .login p label {
	float: left;
	width: 456px;
	margin: 5px 0 0 0;
	font-weight: bold;
	color: #393939;
	vertical-align: top;
}

.login_contenedor .login p label span {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

.login_contenedor .login p input#username,
.login_contenedor .login p input#password,
.login_contenedor .login p input#password_repeat,
.login_contenedor .login p input#remember_name,
.login_contenedor .login p input#mfa_code {
	width: 100%;
	border: 1px solid #c7c7c7;
	padding: 10px;
	margin: 0 15px 5px 0;
	text-align: center;
	font-size: 15px;
	box-sizing: border-box;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: all 0.25s ease-in-out;
}

.login_contenedor .login p input#username:hover,
.login_contenedor .login p input#password:hover,
.login_contenedor .login p input#remember_name:hover {
	border: 1px solid #aaa;
}

.login_contenedor .login p input#password+i[class*='mdi-eye'][class*='toggle-password'],
.login_contenedor .login p input#password_repeat+i[class*='mdi-eye'][class*='toggle-password'],
.login_contenedor .login p input#password_old+i[class*='mdi-eye'][class*='toggle-password']{
    float: right;
    margin-top: -40px;
    right: 10px;
    position: relative;
    z-index: 2;
}

.login_contenedor .login p input#remember_name {
	width: 65%;
	margin: 0 5px 0 0;
}

.login_contenedor .login p .enter {
	width: 100%;
	font-size: 15px;
	text-transform: uppercase;
	padding: 10px;
	background: rgba(52, 192, 147, 1);
	border: 1px solid #34c093;
	color: #fff;
}

.login_contenedor .login p .enter:hover {
	text-decoration: none;
	background: rgba(52, 192, 147, 0.8);
}

.login_contenedor .login p .loginsso {
    margin-top: 15px;
	width: 100%;
	font-size: 15px;
	text-transform: uppercase;
	padding: 10px;
    background-color: #1f3953;
    border: 1px solid rgba(0, 0, 0, 0.2);
	color: #fff;
}

.login_contenedor .login p .loginsso:hover {
    color: #1f3953;
    border-color: #1f3953;
    background-color: transparent;
}

.login_contenedor .login p .recover {
	font-size: 15px;
	text-transform: uppercase;
	padding: 10px;
	background: rgba(129, 216, 188, 1);
	border: 1px solid #67d0ae;
	color: #ffffff;
        float: left;
}

.login_contenedor .login p .recover:hover {
	text-decoration: none;
	background: rgba(129, 216, 188, 0.8);
}

.login_contenedor .login p.error {
	color: red;
	font-size: 15px;
	margin: 10px 0 -10px 5px;
}

.login_contenedor .login .separa {
	border-bottom: 1px dashed #797877;
	clear: both;
	height: 20px;
	margin: 0 0 20px 0;
	width: 100%;
}

.login_contenedor .login .forget {
	font-size: 14px;
	color: #3d3d3d;
	margin-bottom: 10px;
	text-align: left;
}

.login_contenedor .login .forget em {
	margin: 0 5px 0 0;
	float: left;
	clear: both;
}

.login_contenedor .login .forget strong {
	font-size: 13px;
	display: flex;
}

.login_contenedor .login br.separa {
	line-height: 15px;
}

.login_contenedor .login .nota {
	margin: 0 0 10px 5px;
}

.login_contenedor .notyet {
	margin: 15px 0 0 0;
	padding: 30px 20px;
	background: rgba(255,255,255,0.5);
}

.login_contenedor .notyet .register {
	font-size: 14px;
	text-transform: uppercase;
	padding: 15px 20px;
	background: rgba(60, 122, 185, 1);
	border: 1px solid #3c7ab9;
	color: #fff;
	float: right;
	margin-top: 5%;
}

.login_contenedor .notyet .register:hover {
	text-decoration: none;
	background: rgba(60, 122, 185, 0.8);
}

.login_contenedor .notyet .txt1 {
	font-size: 20px;
	text-align: center;
	padding: 0 0 30px 0;
	color: #3c7ab9;
}

.login_contenedor .notyet .txt2 {
	float: left;
	width: 35%;
	margin: 5% 0 20px 0;
	font-size: 13px;
}

.login_contenedor .login .separa2 {
    border-bottom: 1px dashed #797877;
    clear: both;
    height: 15px;
    margin: 0 0 25px 0;
    width: 100%;
}

.login_contenedor .g-signin2 .abcRioButton{
    width: calc(100% - 10px) !important;
    margin: 0 5px 0 5px;
}

/* LOPD */

.login_contenedor.lopd {
	padding: 1% 5%;
}

.login_contenedor.lopd .message {
	background: rgba(255,255,255,.5);
	color: #000;
	padding: 5%;
	margin-bottom: 5%;
	box-shadow: 1px 4px 18px -5px rgba(0,0,0,0.41);
}

.login_contenedor.lopd .message a {
	text-decoration: underline;
}

.login_contenedor.lopd h3 {
	color: #2d5c8b;
	font-size: 20px;
	padding-bottom: 5%;
}

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

.login_contenedor.lopd .btn {
	border-radius: 10px !important;
	padding: 7px 12px;
	text-transform: capitalize;
}

/* LOPD MODAL */

#lopdModal .modal-dialog.modal-lg {
	height: 100%;
	max-width: 1200px;
}

#lopdModal .modal-content {
	border-radius: 0;
	height: calc(100vh - 15%);
}

#lopdModal .modal-header {
	background: #2d5c8b;
	border-radius: 0;
}

#lopdModal .modal-header .close {
	color: #fff;
}

#lopdModal .modal-header h4 {
	color: #fff;
	font-family: 'Noir Pro Medium', sans-serif;
}

#lopdModal .modal-body {
	background: #fff;
	color: #fff;
	width: auto;
	padding: 3rem 4.5rem;
}

#lopdModal .modal-body p {
	line-height: 2rem;
	background: #81d8bc;
	padding: 8%;
	margin-top: 5%;
	border-radius: 15px;
	box-shadow: 1px 4px 18px -5px rgba(0,0,0,0.41);
	font-size: 1.1rem;
}

/**/

.login_mini {
	color: #666;
	position:absolute;
	top:50%;
	left:50%;
	width: 450px;
	height: 340px;
	margin-left:-225px; /* width / 2 */
	margin-top:-160px; /* height / 2 */
}

.login_mini form {
	float: left;
	background: #fff;
	box-shadow: 0px 0px 8px 2px #d1d1d1;
	overflow: hidden;
	width: 450px;
	height: 365px;
}

.login_mini p.nota {
	margin: 20px 25px 10px 30px;
}

.login_mini .izquierda {
	margin: 0 0 0 30px;
}

.login_mini .izquierda p label {
	float: left;
	width: 456px;
	margin: 5px 0 0 0;
	font-weight: bold;
	color: #393939;
	vertical-align: top;
}

.login_mini .izquierda p label span {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

.login_mini .izquierda p input[type=text],
.login_mini .izquierda p input[type=password] {
	width: 265px;
	border: 1px solid #c7c7c7;
	padding: 5px;
	margin: 0 15px 0 0;
}


.login_mini .botones {
	margin: 0 0 0 28px;
}

.registro {
	color: #666;
	width: 722px;
	margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.registro h1 .izquierda {
	float: left;
	margin: 0 0 0 -40px;
}

.registro h1 .izquierda img {
	margin: 0 20px 0 0;
}

.registro h1 .izquierda {
       float: left;
       margin: 0 0 0 -40px;
}

.registro h1 .izquierda img {
       margin: 0 20px 0 0;
}

.registro .header {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 7%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(7%,#f7f7f7), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 7%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 7%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 7%,#ececec 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f7f7f7 7%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}

.registro .header h2 {
	margin: 0 0 20px 0;
	padding: 10px 0 10px 20px;
	color: #424242;
}

.registro form {
	background-color:rgba(255,255,255,0.95);
	overflow: hidden;
	width: 722px;
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;
	border: 2px solid #E7E7E7;
}

.registro .logo {
    margin: 20px auto;
    margin-right: 0;
}

.registro  p {
	font-size: 12px;
	float: left;
	margin: 0 0 10px 0;
	clear: both;
	width: 100%;
}

.registro p label {
	width: 220px;
	display: block;
	float: left;
	text-align: right;
	margin: 0 10px 0 0;
}

.registro p input {
	float: left;
	border: 1px solid #c7c7c7;
	padding: 3px;
	margin: 0 15px 0 0;
}

.registro p select {
	width: 208px;
	float: left;
	border: 1px solid #c7c7c7;
	color: #000;
	margin: 0 15px 0 0;
	padding: 3px;
	font-size: 12px;
}

.registro p input.tam1 {
	width: 400px;
}

.registro p input.tam2 {
	width: 200px;
}

.registro p input.tam3 {
	width: 100px;
}

.registro p input.error,
.registro p select.error {
	color: #db0909 !important;
	border: 1px solid #db0909;
}

.registro input[type=checkbox].error {
	outline-color: #db0909;
	outline-style: solid;
	outline-width: thin;
}

.registro p textarea {
	width: 400px;
	height: 100px;
	border: 1px solid #c7c7c7;
	font-size: 13px;
	padding: 4px;
}

.registro p.texto {
	padding: 0 30px 0 30px;
	margin: -20px 0 20px 0;
	width: 90%;
}

.registro h3 {
	font-size: 14px;
	margin: 0 0 30px 30px;
	color: #34c093;
	clear: both;
	width: 90%;
	border-bottom: 1px solid #34c093;
	padding: 0 0 5px 0;
}

.registro .botones {
	margin: 20px 0 0 195px;
}

.registro .botones2 { /* P?gina de respuesta del formulario */
	margin: 20px 0 0 240px;
}

.registro .btn {
	width: 150px;
	padding: 5px 0 5px 0;
	font-weight: bold;
	font-size: 15px;
	float: left;
	margin: 0 20px 0 0;
}

.registro .mini1 {
	font-size: 11px;
	margin: 0 0 0 230px;
	font-style: italic;
}

.registro .mini2 {
	font-size: 11px;
	margin: 0 0 0 80px;
	font-style: italic;
}

.registro .aviso {
	padding: 0 30px 0 30px;
	margin: -10px 0 0 0;
}

/***********************************************************/
/******************* ESTRUCTURA GENERAL  *******************/
/***********************************************************/

#page {
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

/* Cabecera */

#header {
    background: #ffffff;
	height: auto; /*90 px*/
	margin: 0;
	padding: 0 40px 0 25px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.10);
}

#header .left {
	display: none;
	font-size: 24px;
	margin: 33px 10px 0 -6px;
	float: left;
	cursor: pointer;
	color: #364d65;
}

#header h1 {
	display: none;
}

#header .logo {
    line-height: 85px;
    height: 85px;
    border: 1px solid transparent;
    vertical-align: middle;
}

#header .logo img {
    vertical-align: middle;
    max-height: 80px;
}

#header .logo img.user{
	border-radius: 0;
	margin-left: 25px;
}

#header .info {
	float: right;
	margin: 17px 0px 0 0;
}

#header .info .user.mdi {
	font-size: 50px;
	margin-top: 15px;
}

#header .info img {
	padding: 3px;
	float: left;
	border-radius: 50%;
}

#header .info .icons {
	float: right;
	margin: 0 0 0 10px;
	color: #364d65;
	text-align: left;
}

#header .info .icons p {
	margin: 0;
	line-height: 22px;
}

#header .info .icons > p:first-child .name {
	font-weight: bold;
	float: left;
}

#header .info .icons i.mdi-link:before{
    content: "\F337";
}

#header .info .icons i.mdi-link:hover:before{
    content: "\F338";
}

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

#header .info .icons i.mdi-link {
	font-size: 18px;
	float: left;
	margin: 0 5px;
        /* Hack alineación loginas */
        line-height: 12px;
        position: relative;
        top: 5px;
}

#header .info .icons.logged > p .login_asname {
	font-style: italic;
}

#header .info .icons.logged > div{ float: left; display: flex; }

#header .info .icons > #infoicons { display: flex; }

#header .info .icons.logged > #infoicons form p:nth-child(2n){ margin-top: 0; }

#header .info .icons.logged > div select {
	margin: 0 5px 0 0;
}

#header .info .icons a {
	font-weight: normal;
	color: #364d65;
	text-decoration: none;
}

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

#header .info .icons.logged p {
	line-height: 22px;
	margin: 0;
}

#header .info .icons.logged p:nth-child(2n) {
    margin-top: 2px;
    display: flex;
}

#header .info .icons.logged .options{
        margin: 0;
}

#header .info select {
	background: #fff;
	color: #364d65;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 10px 0 0;
	float: left;
}

#header .info .options {
        margin: 0;
}

#header .info .options a {
	float: left;
	margin: 0 5px 0 0;
}

#header .info .options .icon-moodle {
        font-family: 'icomoon';
        font-size: 30px;
        font-style: normal;
        line-height: 24px;
}

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

#header .info .options .containerNotif a#notificaciones {
    position: relative;
}

#header .info .options .containerNotif a#notificaciones.alertNotifi: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 #notificaciones-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 #notificaciones-caja.open{
    height: 80px;
}

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

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

#header .info .options .containerNotif #notificaciones-caja > span a{
	color: #000;
}

#header .info .options .containerNotif #notificaciones-caja > span a:hover{
	color: #719ecc;
}

/*busqueda de cursos*/

#header .searchCoursesDiv{
    float: right;
    margin: 32px 15px 0 0;
}

#header .searchCoursesDiv .input-group .searchInputDiv{
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: -webkit-inline-box;
}

#header .searchCoursesDiv .input-group .searchInputDiv.open{
    width: 200px;
}

#header .searchCoursesDiv .input-group .searchInputDiv .input-group-text{
    background: transparent;
    border: 0;
}

#header .searchCoursesDiv .input-group .searchInputDiv .input-group-text i{
    font-size: 22px !important;
    cursor: pointer;
}

#header .searchCoursesDiv .input-group .searchInputDiv #courseSearchMain{
    height: 26px;
    margin-top: 3px;
    color: #495057;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    padding: .375rem 0.35rem;
}

/* Pie */

#footer {
}

/* Elementos generales */

#main_content {
	padding: 0;
	height: calc(100% - 85px);
	display: table;
	width: 100%;
	padding: 0; /*0 20px*/
	box-sizing: border-box;
	position: relative;
}

#navbar {
    margin: 0 0 5px 20px;
    padding-top: 10px;
    display: table;
}

#navbar .left{
    font-size: 25px;
    color: #ffffff;
    margin: -2px 0 0 0;
    cursor: pointer;
    display: none;
	float: left;
}

#navbar ul{
	float: left;
}

#navbar ul li{
	float: left;
	list-style: none;
	color: #364d65;
}

#navbar ul li:last-child {
	font-weight: bold;
}

#navbar ul li a {
	color: #364d65;
}

#navbar ul li.flecha:before {
  	font: 22px "Material Design Icons";
	content:"\f35f";
}

#column {
	display: table-cell;
	vertical-align: top;
	width: 300px;
	margin-top: 0 !important;
	top: 0 !important;
    position: relative;
    background-color: #1f3953;
    box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.10);
    padding-bottom: 50px;
}

#container {
	display: table;
	width: 100%;
    height: 100%;
}

#main {
	padding: 0 0 10px 0;
	min-height: 565px;
	height: auto;
	position: relative;
	display: table;
	width: calc(100% - 40px);
	margin: 0 0 0 20px;
	box-sizing: border-box;
}

/* Menú */

.menu {
	width: 300px;
	margin: 0;
	border: 0;
	background: #1f3953;
	padding: 5px 5px;
	display: table-cell;
	height: 100%;
    padding: 0;
}

.menu ul{
	padding: 0 5px 0 5px;
}

.menu li {
	margin: 0;
	list-style: none;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

.menu li a {
	font-size: 16px;
    padding: 12px 20px;
	font-weight: bold;
	color: #ffffff;
	display: table;
	text-decoration: none;
	outline: 0;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
}

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

.menu li:last-child {
	border-bottom: 0;
}

.menu li a:hover {
	background: #7b8a9a; /* Old browsers */
	color: #fff;
}

.menu ul {
	margin: 0 0 5px 0;
	padding: 0;
	display: none;
}

.menu > li.active > a:first-child {
    /*border-bottom: 5px solid #3d4043;
    background: transparent;
    color: #393b3a;*/
    background: #364d65;
    color: #fff;
    font-weight: bold;
}

.menu > li.active > a:hover:first-child {
    color: #fff;
}

.menu li.active {
    background: #364d65;
}

.menu li.active > a {
	font-weight: bold;
    color: #34c093;
    border-bottom: 0;
}

.menu ul li {
	position: relative;
	border-bottom: 1px dotted #d9d9d9;
	width: 95%;
	margin: 0 auto;
	padding:5px;
}

.menu ul li .open {
	border-bottom: 0;
}

.menu ul li a {
	font-size: 13px;
	font-weight: normal;
	outline:0;
	color: #fff;
	text-transform: none;
	padding: 15px 20 5px 30px;
	clear: both;
	width: auto;
}

.menu ul li a:hover {
	background:none;
	color:#81d8bc;
	text-decoration: underline;
}


.menu li a span{
	float: right;
	font-size: 11px;
	color:#fff;
}

.menu .icono {
	float:right;
	margin: -30px 10px 0 0;
	padding-left: 0;
}

.menu .icono img {
	margin: 0 4px 0 0;
}

.menu .action_new {
	position: absolute;
	right: 0;
	top: 10px;
	margin-right: 0 !important;
}

.menu .action_new a {
	padding: 0;
}

#srm_version{
	bottom: 0;
	right: 0;
	position: absolute;
	padding: 0 15px 5px 0;
	color: #bfbfbf;
}

#srm_version > span{
	display: block;
}

#column .menu .mdi{
	color: #ffffff;
	font-size: 18px;
	margin: 0 10px 0 0;
	float: left;
}

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

#column .menu .action_new .mdi {
	color: #fff;
    position: absolute;
    right: 0;
	top: 5px;
    font-size: 14px;
}

#column .menu .action_new .mdi:hover {
	color: #81d8bc;
}

#column .menu .mdi.arrowSwitch{
    margin: 0 -10px;
    font-size: 20px;
	color: #fff;
	position: absolute;
}

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

#overlay {
	width: 100%;
    height: 100%;
    position: fixed;
    z-index: 50;
    background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	display: none;
}

body.contract_menu #main_content #column {
	position: absolute;
	left: -255px;
	top: 90px;
	height: 100%;
	background: #fff;
	z-index: 668;
	-webkit-box-shadow: 5px 2px 20px -14px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 2px 20px -14px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 2px 20px -14px rgba(0, 0, 0, 0.5);
	display: none;
}

body.contract_menu #navbar .left {
	display: inline-block;
	margin-right: 10px;
}

body.contract_menu #header .left {
	display: inline-block !important;
}

/* Fin Menú */

.descripcion_error /* Aparece en el registro y en las interiores */ {
	width: 95%;
	margin: 15px auto 15px auto;
	color: #a22525;
	display: none;
}

.descripcion_error p {
	margin: 0 0 0 27px !important;
}

.descripcion_error p:last-child {
	margin: 0 0 10px 27px !important; /* No va dando el margin al div principal */
}

/***********************************************************/
/***************** ELEMENTOS INTERIORES  *******************/
/***********************************************************/

#main .block {
	margin: 0;
	float: left;
	/*width: 100%;*/
	background: #fff;
	box-sizing: content-box;
}

#main > .block,
#main > form > .block,
#main > form > .block > .block {
    width: 100%;
}

#main #bloque0 .header {
	width: auto;
	background: #34c093;
    margin: 0 0 5px 0px;
	box-sizing: border-box;
	border: 0;
}

#main #bloque0 .block_content {
	margin-bottom: 10px;
}

body #main div[id^='bloque'] .header{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

body #main div[id^='bloque'] .header h2{
    display: flex;
    padding-right: 10px;
}

body #main div[id^='bloque'] .header input[type="button"],
body #main div[id^='bloque'] .header select{
    align-self: self-start;
}

body #main div[id^='bloque'] .header h3{
    display: flex;
    padding-right: 10px;
}

body #main div[id^='bloque'] .header h2 + input[type="button"],
body #main div[id^='bloque'] .header h2 + select,
body #main div[id^='bloque'] .header h3 + input[type="button"],
body #main div[id^='bloque'] .header h3 + select{
    margin-left: auto;
}

/* Quito el path de #bloque1, #bloque2, etc... para que pueda haber x */

#main .header {
	width: auto;
	margin: 0 auto;
}

#main .header.h2 {
    position: relative;
	background: transparent;
}

#main .header h2 {
	width: auto;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0;
	text-indent: 10px;
	margin: 0;
	display: inline-block;
        cursor: pointer;
}

#main .header.h2 input[type=button],
#main .header.h2 i.mdi,
#main .header.h2 a.btn{
	float: right;
	margin: 6px 10px 0 0;
	background: #fff;
	border: 0;
	padding: 8px 27px;
	color: #666;
	font-size: 13px;
}

#main .header.h2 i.mdi{
     padding: 6px 16px;
     font-size: 18px;
     display: none;
}

#main .header.h2 input[type=button]:hover,
#main .header.h2 i.mdi:hover,
#main .header.h2 a.btn:hover{
	background: #f6f6f6;
        cursor: pointer;
}

#main .header.h2 select {
	float: right;
	margin: 7px 10px 0 0;
	background: #fff;
	border: 1px solid #ddd;
	padding: 4px 10px;
	font-size: 12px;
}

#main .header h2.abierto:before{
	font: 20px "Material Design Icons";
	content: "\f140";
	padding: 0 5px 0 0;
}

#main .header h2.cerrado:before {
	font: 20px "Material Design Icons";
	content: "\f142";
	padding: 0 5px 0 0;
}

#main .header.h3 {
	background: #67d0ae;
	color: #fff;
	text-indent: 10px;
	margin: 5px 0;
	box-sizing: border-box;
}

#main .header h3 {
    width: auto;
    color: #fff;
    font-size: 15px;
    padding: 8px 0 6px 0px;
    text-indent: 0;
    margin: 0 0 0px 0;
    display: inline-block;
    cursor: pointer;
    width: auto;
	font-weight: bold;
    position: relative;
    top: 0;
}

#main .header.h3 input[type=button] {
    float: right;
    margin: 6px 10px 0 0;
    background: #fff;
    border: 0;
    padding: 4px 10px;
    color: #666;
	font-size: 13px;
}

#main .header.h3 input[type=button]:hover {
    background: #f6f6f6;
}

#main .header.h3 select {
    float: right;
    margin: 6px 10px 0 0;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 12px;
}

#main .header h3:before{
	font: 20px "Material Design Icons";
	padding: 0 5px 0 10px;
	margin: -1px 0 0 0;
}

#main .header h3.abierto:before{
	content: "\f140";
}

#main .header h3.cerrado:before {
	content: "\f142";
}

#main .block_content {
    width: 100%;
    padding: 0;
}

#main .block_content .texto {
    margin: 15px 25px 15px 25px;
}

#main .block_content .texto ul {
	margin: 10px 0;
	padding: 0 0 0 35px;
}

#main .block_content .texto ul li {
    list-style: none;
	padding: 10px;
}

#main .block_content .texto ul li:before {
  	font: 10px "Material Design Icons";
	content:"\f12e";
	margin-right: 10px;
}

#main .block_content span.rojo {
    color: red;
}

#main .block_content p,
#main .block_content .formulario > div{
    clear: both;
}

#main .block_content p label{
	float: left;
	margin: 3px 10px 15px 20px; /* La separaci?n entre <p> mejor en el <label>, queda mejor para <label> multil?nea */
	text-align: right;	        /* Para los <textareas> he metido 15px por abajo                                    */
	width: 30%;
	padding: 0;
	line-height: 17px;
}

#main .block_content p input,
#main .block_content p select {
	padding: 2px 0 3px 5px;
	border: 1px solid #c7c7c7;
	font-size: 13px;
	margin: 0 0 0 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: all 0.25s ease-in-out;
    margin-bottom: 10px;
}

#main .block_content p .cke_inner{
    margin-bottom: 10px;
}

#main .block_content p input[type=file],
#main .block_content p .datepicker{
    float:left;
}

#main .block_content p input:focus,
#main .block_content p select:focus,
#main .block_content textarea:focus {
	border-color: #cadbec;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

#main .block_content p input[readonly] {
	padding-left: 0;
}

#main .block_content p input[type="radio"] {
	vertical-align: middle;
	height: auto;
}

#main .block_content p input[type="file"] {
	box-shadow: none;
}

#main .block_content input.file {
	height: auto;
	border: 0;
}

#main .block_content input[readonly],
#main .block_content select[readonly],
#main .block_content textarea[readonly] {
	border: 0;
	border-bottom: 1px dotted #ccc;
	background: inherit;
	box-shadow: none;
	transition: none;
	border-color: #ccc;
}

#main .block_content textarea[readonly] {
	border: 1px dotted #ccc;
}

#main .block_content p input[readonly]:focus,
#main .block_content p select[readonly]:focus,
#main .block_content textarea[readonly]:focus {
	box-shadow: none;
	transition: none;
	border-color: #ccc;
}

#main .block_content input[readonly].datepicker,
#main .block_content input[readonly].datepickerto,
#main .block_content input[readonly].datepickerfrom,
#main .block_content input[readonly][class*="datepickerfrom"],
#main .block_content input[readonly][class*="datepickerto"] {
	border: 1px solid #c7c7c7;
	padding: 3px 0 3px 5px;

}

#main .block_content input[type="checkbox"]{
	margin: 0 5px 0 0;
	vertical-align: middle;
}

#main .block_content p input.tam1 {
	width: 400px;
}

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

#main .block_content p input.tam3 {
	width: 120px;
}

#main .block_content p select.tam1 {
	width: 400px;
}

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

#main .block_content p select.tam3 {
	width: 127px;
}

#main .block_content textarea {
	width: 400px;
	height: 150px;
	font-size: 13px;
	padding: 4px;
	margin-bottom: 15px;
	border: 1px solid #c7c7c7;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

#main .block_content select {
	color: #666;
    height: 28px;
	padding: 3px 0 3px 5px;
	border: 1px solid #c7c7c7;
}

#main .block_content select[multiple="multiple"]+div.simplemultiselect > button{
    height: 29px;
    border: 1px solid #c7c7c7;
    color: #444;
    border-radius: 0;
}

#main .block_content select[multiple="multiple"]+div.simplemultiselect > button:focus{
    outline: 0;
}

#main .block_content select[multiple="multiple"]+div.simplemultiselect > div > ul{
    width: 100%;
    margin-top: 0;
}

#main .block_content select[multiple="multiple"]+div.simplemultiselect > div > ul li:before{
    content: "";
}

#main .block_content select[multiple="multiple"]+div.simplemultiselect > div > ul li{
    margin-left: 0;
    margin-bottom: 0;
}

#main .block_content select[multiple="multiple"]+div.simplemultiselect > div > ul li input[type="checkbox"]{
    left: 0;
    top: 5px;
}

#main .block_content .texto_label {
	margin: 0 3% 0 23%;
	display: block;
}

#main .block_content .texto_label ul li {
	list-style: none;
	text-indent: 10px;
}

#main .block_content h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	width: 95%;
	float: left;
    padding-bottom: 5px;
    border-bottom: 1px solid #cacaca;
}

#main .block_content .titulo2 {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	text-align: right;
	vertical-align: bottom;
	float: left;
	width: 100%;
	text-align:left;
}

#main .block_content .titulo3 {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	text-align: right;
	vertical-align: bottom;
	float: right;
	margin: 5px 30px 15px 0;
	width: 74%;
	float: right;
	text-align:left;
	border-bottom: 1px solid #ccc;
}

#main .block_content .mini1 {
    font-size: 10px;
    line-height: 15px;
    width: 310px !important;
    display: table-cell;
	padding: 5px 0px 5px 5px;
}

#main .block_content span.mini1 {
    margin: 30px 0px 5px -276px;
    float: left;
}

#main .block_content p.mini1 {
    margin: 10px 0 10px 32%;
}

#main .block_content table {
	width: 100%;
	border-collapse: collapse;
	font-size: inherit;
	margin: 10px auto;
}

#main .block_content table.tabledatatables{
	width: 100% !important;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: none !important;
}

#main .block_content table.no-border td {
    border-bottom: 0;
}

#main .block_content table tr.yes-border > td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top: 1px dotted #ddd;

}

#main .block_content table td.centro.nowrap a{
        display: -webkit-inline-box;
	border-radius: 2px;
	background: transparent;
	padding: 4px 4px 1px 4px;
	margin: 0 5px 0 0;
	font-size: 18px;
	color: #8e8e8e;
}

#main .block_content table td.centro.nowrap a:hover{
	text-decoration: none;
	background: transparent;
	color: #000;
}

#main .block_content table td.centro .icon-moodle {
	font-family: 'icomoon';
	font-size: 30px;
	font-style: normal;
}

#main .block_content table th {
	background: #f2f2f2;
	color: #364d65;
	padding: 5px 10px;
	text-align: left;
}

#main .block_content table th.tam_check {
	width: 20px;
}

#main .block_content table th.tam_check input {
	margin: 0;
}

#main .block_content table td input[type="checkbox"]{
	margin: 0;
}

#main .block_content table th a {
	color: #364d65;
	font-size: 14px;
}

#main .block_content table th img {
	vertical-align: middle;
	margin: 0 0 0 5px;
}

#main .block_content table td img.off {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

#main .block_content table td {
	border-bottom: 1px solid #eee;
	padding: 9px 10px 9px 10px;
}

#main .block_content table td.break {
	word-break: break-all; /* Para que salte de línea un TD en concreto y rompa la tabla. */
	word-wrap: break-word; /* Por ejemplo: 005_IT_CSCOMPH1_05/06/2014_CNV_IT_CSCOMPH1_CESS */
}

#main .block_content table td a {
	line-height: 17px;
}

#main .block_content table td .info {
	font-size: 11px;
	font-style: italic;
	line-height: 12px;
}

#main .block_content table td .rojo { /* Colores para los estados de la tabla: en espera, aceptado, cancelado... */
	color: red;
}

#main .block_content table td .verde {
	color: green;
}

#main .block_content table td .marron {
	color: #7f7027;
}

#main .block_content table td input.btn {
	padding: 0.45em 0.65em;
        font-size: 0.85em;
}

#main .block_content table td ul.list {
    list-style: none;
}

#main .block_content table td ul.list li {
    padding-left: 10px;
}

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

#main .block_content table th .btn.btn-primary:hover {
	background: #f6f6f6;
}

/* Para el CKEditor y Chrome */

.cke_chrome  {
	display: contents !important;
}

.cke_inner {
	display: flow-root !important;
	border: 1px solid #d1d1d1 !important;
}

/**/

#main .block_content table td.centro,
#main .block_content table th.centro {
	text-align: center;
	width: 50px;
	font-size: 14px;
}

#main .block_content table td.centro img,
#main .block_content table th.centro img {
	margin: 0 2.5px 0 2.5px;
}

#main .block_content table tr:nth-child(even),
#main .block_content table tr.par {
	background: #fff;
}

/*
#main .block_content table tr:nth-child(odd),
#main .block_content table tr.impar {
	background: #fcfcfc;
}
*/

#main .block_content table tr.disabled td ,#main .block_content table tr.disabled td a{
    color:#a3a3a3;
}

#main .block_content table tr:hover {
	background: #e6f7f2;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#main .block_content table tr.active {
	background: #ccefe4;
	color: #fff;
}

#main .block_content table tr.marca {
	background: #ccc;
}

#main .block_content table td.nowrap {
	white-space: nowrap;
}

#main .block_content table td input {
	font-size: 13px;
	margin: 0 0 0 0;
}

#main .block_content table td input[type="text"] {
	border: 1px solid #c7c7c7 !important;
}


#main .block_content table td input[type="text"][readonly] {
	border: 0 !important;
}

#main .block_content table td input.tam2[readonly] {
	border-bottom: 0;
	border: 0px;
}

#main .block_content table td input.tam2{
	width: 150px;
	border: 0;
}

#main .block_content table td input.tam3[readonly] {
	border-bottom: 0;
	border: 0px;
}

#main .block_content table td input.tam3{
	width: 90px;
	border: 0;
}

#main .block_content table td input.tam3.datepicker{
        width: 120px;
}

#main .block_content table td input.tam4[readonly] {
	border-bottom: 0;
	border: 0px;
}

#main .block_content table td input.tam4{
	width: 45px;
	border: 0;
}

#main .block_content table td .borrar {
	color: #666;
	font-size: 11px;
}
#main .block_content table .chzn-select { /* Los select "Chosen" dentro de tablas un poquito m?s peque?os */
	width: 250px;
}

#main .block_content table .chzn-select.tam25 {
	width: 200px;
}

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

#main .block_content .inferior_tabla  .registros {
	float: left;
	margin: 15px 0 0 10px;
}

#main .block_content .buscador_contenedor1,
#main .block_content .buscador_contenedor2 {
	width: 95%;
	margin: 30px auto;
	background: #eee;
	border: 1px solid #ddd;
	display: none;
}

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

#main .block_content .buscador_contenedor1 .cerrar1,
#main .block_content .buscador_contenedor2 .cerrar2 {
	float: right;
	margin: 5px 5px 0 0;
	cursor: pointer;
}

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

#main .block_content .buscador_contenedor1 .cerrar1 .mdi,
#main .block_content .buscador_contenedor2 .cerrar2 .mdi{
	border: 1px solid #cecece;
	border-radius: 2px;
	background: #fff;
	padding: 0px 2px 0px 2px;
	margin: 0 5px 0 0;
	font-size: 14px;
}

#main .block_content .buscador_contenedor1 .cerrar1 .mdi:hover,
#main .block_content .buscador_contenedor2 .cerrar2 .mdi:hover{
	background:#f6f6f6;
}

#main .block_content .buscador1,
#main .block_content .buscador2 {
	width: 80%;
	padding: 20px;
	margin: 0 auto;
}

#main .block_content div[class^='buscador_contenedor'] > div[class^='buscador'].max{
        width: 100%;
}

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

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

#main .block_content .buscador1 a {
	text-decoration: underline;
}

#main .block_content .buscador1 input {
	padding: 3px;
	line-height: 18px;
	border: 1px solid #c7c7c7;
	font-size: 13px;
	float: left;
	margin: 0 10px 0 0;
}

#main .block_content .buscador2 > input { /* > para que no afecte a .chosen-container */
	padding: 3px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #c7c7c7;
	font-size: 13px;
	margin: 3px 0 0 0;
	float: left;
}

#main .block_content .buscador2 .chosen-container {
	text-align: left;
}

#main .block_content .buscador2 select {
	padding: 3px;
	border: 1px solid #c7c7c7;
	color: #474747;
	font-size: 13px;
	margin: 3px 10px 0 0;
	float: left;
}

#main .block_content .buscador2 p {
	margin: 0 0 5px 0;
	float: left;
	width: 100%;
}

#main .block_content .buscador1 label {
	width: 30%;
	float: left;
	text-align: right;
	margin: 4px 10px 0 0;
	line-height: auto !important;
}

#main .block_content .buscador2 label {
	width: 30%;
	float: left;
	text-align: right;
	margin: 6px 10px 0 0;
	line-height: auto !important;
}

#main .block_content .acciones_contenedor {
	width: 95%;
	margin: 0 auto 20px auto;
	background: #eee;
	border: 1px solid #ddd;
	display: block;
	padding: 0 0 5px 0;
}

#main .block_content .acciones {
	width: 600px;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
}

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

#main .block_content .acciones input {
	padding: 3px;
	line-height: 20px;
	border: 1px solid #c7c7c7;
	font-size: 13px;
	margin: 0 0 0 0;
	float: left; /* Con esto no se ve el select enriquecido */
}

#main .block_content .acciones input[type="button"] {
    float: none;
}

#main .block_content .acciones select {
	padding: 3px;
	border: 1px solid #c7c7c7;
	color: #666;
	font-size: 13px;
	margin: 0px 5px 0px 0px !important;
	float: left;
}

#main .block_content .acciones select {
	margin: 0 0 5px 0;
	float: left;
}

#main .block_content .acciones p {
	margin: 0 0 5px 0;
	float: left;
}

#main .block_content .acciones label {
	width: 180px;
	float: left;
	text-align: right;
	margin: 6px 10px 0 0;
	line-height: auto !important;
}

#main .block_content .acciones textarea {
	padding: 3px;
	border: 1px solid #c7c7c7;
	color: #666;
	font-size: 13px;
	margin: 0px 5px 0px 0px !important;
	float: left;
	width: 250px;
}

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

#main .block_content .card .card-header input[type=button] {
	float: right;
    background: #fff;
    border: 0;
    color: #666;
    font-size: 13px;
}

#main .container{
	background: #fff;
	padding-bottom: 10px;
}

/*
Aviso1: Error (Se usa genérico y en el registro)
Aviso2: OK
Aviso3: Alerta
*/

#main .aviso1,
#main .aviso2,
#main .aviso3,
.registro .aviso1,
.registro .aviso3 {
	text-align: left;
	padding: 6px 0 4px 0;
	margin: 0 auto;
	height: 22px;
	display: none;
    position: relative;
    z-index: 100;
	box-sizing: content-box;
}

#main .aviso1 p,
#main .aviso2 p,
#main .aviso3 p,
.registro .aviso1 p,
.registro .aviso3 p {
	float: left;
	margin: 0 30px 2px 10px;
}

#main .aviso1 p:before,
#main .aviso2 p:before,
#main .aviso3 p:before,
.registro .aviso1 p:before,
.registro .aviso3 p:before {
	margin: -2px 5px 0 0;
	float: left;
}

#main .aviso1 a,
#main .aviso2 a,
#main .aviso3 a,
.registro .aviso1 a,
.registro .aviso3 a {
	float: right;
	padding: 0 10px 0 0;
}

#main .aviso1 a:hover,
#main .aviso2 a:hover,
#main .aviso3 a:hover,
.registro .aviso1 a:hover,
.registro .aviso3 a:hover {
	text-decoration: none;
}

#main .aviso1,
.registro .aviso1 {
	background: #fdd3c7;
	color: #a22525;
	border: 1px solid #efb6a7;
}

#main .aviso1 a,
.registro .aviso1 a {
	color: #a22525;
}

#main .aviso1 p:before,
.registro .aviso1 p:before {
	font: 22px "Material Design Icons";
	content: "\f028";
}

#main .aviso2 {
	background: #e0f2cb;
	color: #4b6d21;
	border: 1px solid #ccebac;
}

#main .aviso2 a {
	color: #4b6d21;
}

#main .aviso2 p:before,
.registro .aviso2 p:before {
	font: 22px "Material Design Icons";
	content: "\f133";
}

#main .aviso3,
.registro .aviso3 {
	background: #fffccc;
	color: #4d4b42;
	border: 1px solid #f8e3ac;
}

#main .aviso3 a,
.registro .aviso3 a {
	color: #4d4b42;
}

#main .aviso3 p:before,
.registro .aviso3 p:before {
	font: 22px "Material Design Icons";
	content: "\f02a";
}

#main .aviso1 p input[type="button"],
#main .aviso2 p input[type="button"],
#main .aviso3 p input[type="button"]{
	border: 0;
	background: inherit;
	font-weight: bold;
}

#main .aviso1 input,
#main .aviso2 input,
#main .aviso3 input {
	box-shadow: none !important;
}

/* Estilos scrolldesc generales */

    body#page-main #main .card{ border: 0 }
    body#page-main #main .card .scrolldesc{
        display: none;
        position: relative;
        margin-top: 0;
        padding: 10px;
    }


    body#page-main #main .mycourses .card .iconsCourse,
    body#page-main #main .recomendadosslider .card .iconsCourse,
    body#page-main #main .listcourses .card .iconsCourse{
        display: none;
    }

    body#page-main #main .card .iconsCourse i.mdi.share,
    body#page-main #main .card .iconsCourse i.mdi.resources,
    body#page-main #main .card .iconsCourse i.mdi.certificate,
    body#page-main #main .card .iconsCourse i.mdi-calendar-check{
        position: relative;
        background-color: transparent;
        font-size: 1.5rem;
        padding: 0;
        width: auto;
        height: auto;
        border-radius: initial;
    }

     body#page-main:not(.mobile) #main .card .iconsCourse .mdi:hover {
        background: transparent;
    }

    /*
    body#page-main:not(.mobile) #main > div:not(.listcourses) .card:hover .content .scrolldesc,
    body#page-main.mobile #main .card .content.active .scrolldesc,
    body#page-main:not(.mobile) #main > div:not(.listcourses) .card:hover .content .iconsCourse,
    body#page-main.mobile #main .card .content.active .iconsCourse{
        display: block;
    }
    */

    body#page-main #main .mycourses .card .iconsCourse .containerfav,
    body#page-main #main .recomendadosslider .card .iconsCourse .containerfav{
        right: 0;
    }

    body#page-main #main .card .iconsCourse .containerfav > label{
        font-size: 1.5rem;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .iconsCourse,
    body#page-main.mobile #main .listcourses .card .course.active .content .iconsCourse {
        display: flex;
        flex-flow: row wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        position: absolute;
        bottom: 15px;
        width: calc(100% - 40px);
    }

    body#page-main:not(.mobile) #main > div:not(.listcourses) .card:hover .content .scrolldesc.scrolled:before,
    body#page-main.mobile #main .card .course.active .content .scrolldesc.scrolled:before,
    body#page-main #main .listcourses .card .scrolldesc.scrolled:before{
        font-family: "Material Design Icons";
        font-size: 20px;
        position: absolute;
        right: 5px;
        content: '\f360';
        top: 16px;
    }

    body#page-main:not(.mobile) #main > div:not(.listcourses) .card:hover .content .scrolldesc.scrolled:after,
    body#page-main.mobile #main .card .course.active .content .scrolldesc.scrolled:after,
    body#page-main #main .listcourses .card .scrolldesc.scrolled:after{
        font-family: "Material Design Icons";
        font-size: 20px;
        position: absolute;
        right: 5px;
        content: '\f35d';
        bottom: 25px;
    }

/* Student main page */

body#page-main #page #main_content #container form[name='data_form']{
    background-color: #ffffff;
    height: 100%;
    display: table-cell;
}

body#page-main #main {
	margin: 0;
	padding: 0;
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

body#page-main #main > *:not(.modal):not(.featureCategory):not(.headerCategory){
    flex-grow: 1;
    -webkit-flex-grow: 1;
    padding: 3rem;
}

body#page-main #main > *:not(.modal):not(.featureCategory):not(.headerCategory) h2.cabecera{
    margin: 0 0 3rem;
}

body#page-main #main .featureCategory {
    min-height: 150px;
    height: 150px;
    padding: 15px 30px;
    background-size: cover;
    background-position: 0 0;
    position: relative;
}

body#page-main #main .featureCategory .row{
    height: 100%;
}

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

body#page-main #main .featureCategory .col > *:not(:last-child){
    margin-bottom: 1.5rem;
}

body#page-main #main .featureCategory .col-2{
    margin-top: 0;
}
body#page-main #main .featureCategory h2 {
    color: #fff;
    font-size: 2.5rem;
    font-family: 'roboto_condensedregular';
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

body#page-main #main .featureCategory h6{
    color: #fff;
	font-family: 'Noir Pro Medium', sans-serif;
    font-weight: bold;
    margin-bottom: 0;
}

body#page-main #main .featureCategory i.mdi-play-circle-outline {
    color: #fff;
}

body#page-main #main .headerCategory.opacityBanner:before,
body#page-main #main .featureCategory.opacityBanner:before,
body#page-main #main .categoryImg.opacityBanner:before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.4) !important;
    height: auto;
    max-height: 150px;
}

body#page-main #main .featureCategory button {
	border: 0;
	margin-top: 0.5rem;
	color: #fff;
	padding: 0.5rem 1rem;
	font-weight: bold;
}

body#page-main #main .featureCategory p {
	color: #fff;
	font-size: 0.9rem;
	border-left: 5px solid #fff;
	padding: 0 3%;
	margin: 0 3%;
}

body#page-main #main .featureCategory .showcourses {
	background: #fff;
	font-weight: bold;
	font-family: 'robotolight';
	font-size: 14px;
	color: #364d65;
	border: 0;
	text-transform: uppercase;
	margin-top: 0.3rem;
    border-radius: 20px;
}

body#page-main #main .featureCategory .showcourses:hover {
	background: #eee;
}

/* Simplecard - CUANDO SEA DEFINITIVO PASAR A CORE COLORES / FUENTES */

body#page-main #main .simpleCard {
	margin: 2rem auto;
	text-align: center;
}

body#page-main #main .simpleCard h3 {
	color: #7b8a9a;	/* Cambia en CSS secundario */
	font-size: 25px;
	padding: 0 0 1.5rem;
}

body#page-main #main .simpleCard img {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	margin-top: -50px;
	border: 5px solid #fff;
	object-fit: cover;
	background: #fff;
}

body#page-main #main .simplecard .simpleCardImage {
	width: 100%;
	height: 35px;
	display: block;
}

body#page-main #main .simpleCard .mdi {
}

body#page-main #main .simpleCard .mdi:before {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 0px;
	border-radius: 50%;
	margin-top: -50px;
	border: 5px solid #fff;
	background: #58748e;
	color: #fff;
	font-size: 65px; /* esto */
	padding: 31px 0;
}

body#page-main #main .simpleCard .card {
	min-height: 250px !important;
}

body#page-main #main .simpleCard .sCard {
	display: inline-flex;
	margin-right: 1%;
}

body#page-main #main .simpleCard .card {
	width: 20rem !important;
	margin: 5rem 0 0;
	display: inline-flex;
	margin-right: 1%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
}

body#page-main #main .simpleCard .card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

body#page-main #main .simpleCard h4 {
	color: #3d596e; /* Cambia en CSS secundario */
	font-size: 17px;
}

body#page-main #main .simpleCard .card p {
	font-size: 13px;
	line-height: 15px;
}

body#page-main #main .simpleCard button {
	background: #58748e;  /* Cambia en CSS secundario */
	border-radius: 5px;
	color: #fff;
	border: 0;
	font-size: 12px;
	padding: 5px 11px 2px 24px;
}

body#page-main #main .simpleCard button:hover {
	background: #2c4354; /* Cambia en CSS secundario */
}

body#page-main #main .simpleCard button:before {
	font: 20px "Material Design Icons";
	content: "\f40a";
	position: absolute;
	left: 3px;
	top: 5px;
}

body#page-main #main .simpleCard .featuredCourse {
	top: -40px;
	position: Relative;
	display: block;
}

body#page-main #main .simpleCard .featuredCourse .card {
	width: 26rem !important;
}

body#page-main #main .simpleCard .featuredCourse img {
	border-radius: 0;
	width: 100%;
	margin-top: 0;
}

body#page-main #main .simpleCard .courseCTa {
	position: relative;
	top: -12px;
}

body#page-main #main .simpleCard .courseCTa  .card{
	border-top-left: 1px solid #ddd;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	margin-top: 0;
}

body#page-main #main .simpleCard .courseCTa .card .card-footer {
	background: #eee;
	border-bottom-left-radius: 31px;
	border-bottom-right-radius: 31px;
	border-bottom-color: #ddd;
}

body#page-main #main .simpleCard .courseCTa .card-body {
	min-height: auto !important;
}

body#page-main #main .simpleCard .courseCTa .simpleCardImage img {
	visibility: hidden;
	height: auto;
}

body#page-main #main .simpleCard .courseCTa .card-footer {
	background: #fff;
	border-top: 1px dotted #ccc;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

body#page-main #main .simpleCard .courseCTa h4 {
	font-family: 'Noir Pro Light';
}

/*
body#page-main #main div:not(.valoration) img{
    width: 100%;
    display: block;
}
*/

body#page-main #main .userinfo .avatar{
    width: 20%;
    margin-left: 7%;
    float: left;
    margin-bottom: 10px;
}

body#page-main #main .userinfo .gamification{
    width: 18%;
    margin-right: 3%;
    float: left;
}

body#page-main #main .userinfo .courseMandatory{
    width: 50%;
    padding-top: 12px;
    float: left;
}

body#page-main #main .userinfo .valoration{
    margin-left: 35px;
}

body#page-main #main .categories{
}

body#page-main #main .categories .categoriesnoenrol .card img{
    border-radius: 0;
}

body#page-main #main .categories .cabecera{
}

/**/

body#page-main #main .categories .categoriesenrol h2 {
	font-size: 1.9rem;
	font-family: 'roboto_condensedregular';
	color: #1171a3;
	text-align: center;
	font-weight: 300;
	margin: 2rem 0;
}

body#page-main #main .categories .categoriesenrol .card{
    overflow: hidden;
    margin-bottom: 2rem;
    background-size: cover;
    width: 30rem;
}

body#page-main #main .categories .categoriesenrol .card img{
    height: 300px;
    visibility: hidden;
}

body#page-main #main .categories .categoriesenrol .category:nth-last-child(-n+2){
    margin-bottom: 0;
}

body#page-main #main .categories .categoriesenrol .category:nth-child(2n) {
    margin-right: 10px;
}

body#page-main #main .categories .categoriesenrol .card .content{
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
	background-color:rgba(0,91,36,0.8);
    transition: all 0.2s ease-in;
    height: 100%;
    max-height: 15%;
}

body#page-main #main .categories .categoriesenrol .card .content .description {
    float: none;
    margin: 0;
    overflow: auto;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    color: #fff !important;
    padding: 0 5% 0 0;
    height: inherit;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

body#page-main #main .categories .categoriesenrol .card .content .description::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

body#page-main #main .categories .categoriesenrol .card .content .description p {
	font-size: 1rem;
	padding: 2% 5%;
}

body#page-main #main .categories .categoriesenrol .card:hover .content {
    max-height: 100%;
    transition: all 0.2s ease-out;
}

body#page-main.mobile #main .categories .categoriesenrol .card:hover .content {
    max-height: 15%;
    transition: none;
}

body#page-main #main .categories .categoriesenrol .card .content h3{
    font-size: 1.2rem;
	font-family: 'roboto_condensedregular';
	font-weight: 300;
	padding: 0.5rem 1rem 0rem;
}

body#page-main.mobile #main .categories .categoriesenrol .card .content h3 .mdi.mdi-minus-circle {
	display: none;
}

body#page-main #main .categories .categoriesenrol .card .content h3 a {
	color: #fff;
        max-width: calc(100% - 30px);
        display: inline-block;
}

body#page-main:not(.mobile) #main .categories .categoriesenrol .card:not(:hover) .content h3,
body#page-main.mobile #main .categories .categoriesenrol .card .content:not(.active) h3 a{
        overflow: hidden;
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
}

body#page-main #main .categories .categoriesenrol .card .content h3 .mdi {
	float: right;
	font-size: 1.3rem;
	margin-top: -0.2rem;
}


/* Scrolldesc categories */
body#page-main #main .categories .categoriesenrol .card .content .scrolldesc {
        height: calc(100% - 35px);
        color: #fff;
        display: none;
}

body#page-main #main .categories .categoriesenrol .card:hover .content .scrolldesc {
        display: block;
}

body#page-main.mobile #main .categories .categoriesenrol .card .content .scrolldesc {
        height: calc(100% - 35px);
}

/**/

body#page-main #main .categories .categoriesnoenrol h2,
body#page-main #main .categories .categoriesnoenrol h3{
	font-family: 'roboto_condensedregular';
	color: #1171a3;
	text-align: center;
	font-weight: 300;
	margin: 2rem 0;
}

body#page-main #main .categories .categoriesnoenrol h3 {
	font-size: 1.6rem;
}

body#page-main #main .categories .categoriesnoenrol .card {
    width: 18rem;
	max-width: 22rem;
	border: 0;
}

body#page-main #main .categories .categoriesnoenrol .card img {
	object-fit: cover;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	height: 175px;
	width: 175px;
	margin: 0 auto 1rem;
        display: block;
}

body#page-main #main .categories .categoriesnoenrol .card a{
        display: block;
}

body#page-main #main .categories .categoriesnoenrol .card h4{
        font-size: 1.4rem;
	font-family: 'roboto_condensedregular';
	text-align: center;
	margin-bottom: 0;
}

/* Cursos recomendados slider footer */

body#page-main #main .recomendadosslider{
    background-color: #d4d4d4;
    padding-bottom: 2rem;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

body#page-main:not(.mobile) #main .recomendadosslider{
        padding: 2rem;
}

body#page-main #main .recomendadosslider > h2 {
	font-family: 'roboto_condensedregular';
	font-weight: 300;
	color: #3e3d39;
        text-align: center;
}

body#page-main.mobile #main .recomendadosslider > h2 {
    padding: 2rem 2rem 0 2rem;
}

body#page-main:not(.mobile) #main .recomendadosslider .carousel{
    display: flex;
    flex-wrap: wrap;
}

body#page-main #main .recomendadosslider .carousel .carousel-inner{
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}

body#page-main.mobile #main .recomendadosslider .carousel .carousel-inner{
    width: 100%;
}

body#page-main #main .recomendadosslider .carousel .carousel-inner .carousel-item{
    padding: 30px 2rem 0;
}

body#page-main.mobile #main .recomendadosslider .carousel .carousel-inner .carousel-item .col-auto,
body#page-main.mobile #main .recomendadosslider .carousel .carousel-inner .carousel-item .col-auto .card{
    width: 100%;
}

body#page-main #main .recomendadosslider .carousel .carousel-control-next,
body#page-main #main .recomendadosslider .carousel .carousel-control-prev{
    width: 5%;
    position: absolute;
    z-index: 5;
    cursor: pointer;
}

body#page-main.mobile #main .recomendadosslider .carousel .carousel-control-next,
body#page-main.mobile #main .recomendadosslider .carousel .carousel-control-prev{
    position: absolute;
    width: 7%;
}

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: #3c7ab9;
    background-size: 20px;
    padding: 17px;
    border-radius: 50%;
}

body#page-main.mobile #main .recomendadosslider .carousel .carousel-control-next span[class^='carousel-control'],
body#page-main.mobile #main .recomendadosslider .carousel .carousel-control-prev span[class^='carousel-control']{
    background-size: 15px;
    padding: 12px;
}

body#page-main #main .recomendadosslider .carousel .carousel-control-prev span[class^='carousel-control']{
    background-position-x: 5px;
}

body#page-main.mobile #main .recomendadosslider .carousel .carousel-control-prev span[class^='carousel-control']{
    background-position-x: 3px;
}

body#page-main #main .recomendadosslider .carousel .carousel-control-next:hover span[class^='carousel-control'],
body#page-main #main .recomendadosslider .carousel .carousel-control-prev:hover span[class^='carousel-control']{
    opacity: 1;
}

body#page-main #main .recomendadosslider .carousel .carousel-control-next:focus:not(:hover) span[class^='carousel-control'],
body#page-main #main .recomendadosslider .carousel .carousel-control-prev:focus:not(:hover) span[class^='carousel-control']{
    opacity: .5;
}

body#page-main #main .recomendadosslider .carousel .carousel-indicators{
    margin-bottom: 0;
    width: 100%;
}

body#page-main #main .recomendadosslider .carousel .carousel-indicators li{
    background-color: #3c7ab9;
}
/* Sub categorías */

body#page-main #main .headerCategory {
    min-height: 150px;
    height: auto;
    padding: 15px 30px;
    background-size: cover;
    background-position: center;
}

body#page-main #main .headerCategory h2 {
    color: #fff;
    font-size: 300%;
    font-family: 'roboto_condensedregular';
    font-weight: bold;
    margin-bottom: 2%;
    margin-top: 2%;
	position: relative;
}

body#page-main #main .mycourses {
    position: relative;
    overflow: hidden;
}

body#page-main #main .mycourses:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/int_fnd.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

body#page-main #main .mycourses.fullheight{
    min-height: 100vh;
}

.remarkcourse{
    text-align: left;
    padding: 16px 16px 0px 16px;
    font-family: 'Noir Pro Medium', sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 15px;
}

.tabletitle{
    text-align: center;
	margin: 4%;
}

.tabletitle h4{
    font-family: 'Noir Pro Medium', sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
}

.tabletitle button{
    line-height: 30px;
    border: 0;
    border-radius: 5px;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding-left: 20px;
    padding-right: 19px;
    padding-top: 0;
    text-transform: uppercase;
}

body#page-main #main .coursescard .alert.alert-dismissible > button.close{
	position: absolute;
}

body#page-main #main .coursescard label{ margin-bottom: 0;}

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

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

/*body#page-main #main .mycourses > .tabs > h2:after {
    content: '|';
    margin: 0 10px;
    font-weight: 100;
    color: #ccc;
}*/

body#page-main #main .mycourses > .tabs > div.listtabs > ul > li{
    margin: 9px 5px;
    list-style: none;
}

body#page-main #main .mycourses > .tabs > div.listtabs > ul > li:hover{
    cursor: pointer
}

body#page-main #main .mycourses > .tabs > div.listtabs > ul > li > a.nav-link{
    padding: 3px 15px;
    padding-left: 10px;
    color: #fff;
    background-color: #47b08e;
}

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

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

body#page-main #main .mycourses > .tabs > div.listtabs > ul > li > a.nav-link[href$="featuredTab"].active{
	background-color: #e3010f;
}

body#page-main #main .mycourses > .tabs > div.listtabs > ul > li > a.nav-link i.mdi{
    margin-right: 10px;
    font-size: 13px;
}

body#page-main #main .coursescard .nocourses{
    font-size: 16px;
    margin-top: 3rem;
}

body#page-main #main .coursescard .nocourses i.mdi{
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 30px;
}

/* My Courses content */

body#page-main #main .coursescard *,
body#page-main #main .listcourses .card .course .courseimg *{
    z-index: 3;
    position: relative;
}

body#page-main.mobile #main .coursescard .tab-content{
    width: 100%;
}

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



body#page-main #main .card i.mdi.share,
body#page-main #main .card i.mdi.resources,
body#page-main #main .card i.mdi-certificate,
body#page-main #main .card i.mdi-calendar-check{
    position: absolute;
    z-index: 5;
    cursor: pointer;
    margin: 5px;
    padding: 2px 4px;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 1.7rem;
    color: #9c9c9c;
}

body#page-main #main .card i.mdi.share,
body#page-main #main .card i.mdi-calendar-check,
body#page-main #main .card i.mdi.resources{ left: 0; }

body#page-main #main .card i.mdi.share:hover,
body#page-main #main .card i.mdi.resources:hover,
body#page-main #main .card i.mdi-calendar-check:hover{
}

body#page-main #main .card .containerfav {
    cursor: pointer;
    padding: 5px;
    margin: 0;
    height: 30px;
}

body#page-main #main .card .containerfav input[id^='toggle-heart'] {
    position: absolute;
    left: -100vw;
}

body#page-main #main .card .containerfav > label{
    cursor: pointer;
    margin-bottom: 0;
    font-size: 1.7rem;
}

body#page-main #main .card .containerfav > label > i.mdi.fav{
    color: inherit;
    font-size: inherit;
}

body#page-main #main .card .containerfav input[class*='toggle-heart'].checked + label > i.mdi.fav{
    color: #eb3532 !important;
}

body#page-main #main > .newscard{
	background-color: #f5f5f5;
	position: relative;
	overflow: hidden;
    padding: 3rem 0 !important;
}

body#page-main #main .newscard > h2{
	font-family: 'roboto_condensedregular';
	color: #1171a3;
	text-align: center;
	font-weight: 300;
    margin: 0 0 3rem;
}

.newscard .carousel-inner{
    padding: 0 0 4rem;
    margin: 0 5%;
    width: 90%;
}

.newscard .carousel-control-next,
.newscard .carousel-control-prev{
	width: 5%;
    height: calc(100% - 4rem);
}


.newscard .carousel-control-next .carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}
.newscard .carousel-control-prev .carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

body #page #main_content #main form .formulario .details_news_content ol,
body #page #main_content #main form .formulario .details_news_content ul{
	padding-left: 20px;
}

body#page-main #main .coursescard .card{
	width: 22rem;
	margin-top: 3rem;
}

body#page-main #main .coursescard .card .course{
    height: 350px;
    position: relative;
}

body#page-main #main .newscard .card{
    max-height: 17em;
    border: 1px solid #e5e5e5;
    width: 100%;
    margin-bottom: 0;
}

body#page-main #main .newscard .card .card-img-cover{
    background-position: center;
    background-size: cover;
    height: 100%;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

body#page-main #main .newscard .card .card-body{
    padding: 1.25rem 1rem;
}

body#page-main #main .newscard .card .card-body p{
    font-size: 12px;
}

body#page-main #main .newscard .card .card-footer{
    text-align: left;
    background-color: #fff;
    border: 0;
    padding: 1.25rem 1rem;
}
body#page-main #main .newscard .card .card-footer button{
	border: 0;
	background-color: transparent;
    font-size: 10px;
    padding: 0;
}

.newscard .carousel-indicators{
    margin-bottom: 0;
}

.newscard .carousel-indicators li{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #000;
    margin-right: 5px;
    margin-left: 5px;
}

.newscard .carousel-indicators li.active{
    background-color: #79c5d6;
}

/* Badges de la card referentes al tipo de curso */

body#page-main #main .card .course .badge{
	float: right;
    font-size: 13px;
    text-transform: uppercase;
	font-family: 'roboto_condensedregular';
	font-weight: 100;
    margin: 0;
    padding: .25em 1em;
    border-radius: 0;
}

body#page-main #main .listcourses .card .course .badge{
        margin: 10px 20px;
        font-weight: 500;
}

/* Badges de la card referentes a la categoría y conocimiento DIFERENTES A LAS ANTERIORES */

body#page-main #main .coursescard .card .course .badges,
body#page-main #main .listcourses .card .course .badges{
	position: absolute;
    bottom: 0px;
    width: calc(100% - 10px);
    margin: 0 5px;
    height: auto;
    max-height: 100%;
    overflow: hidden;
}

body#page-main #main .coursescard .card .course .badges .badge,
body#page-main #main .listcourses .card .course .badges .badge{
    text-align: left;
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'roboto_condensedregular';
    font-weight: 100;
    margin: 5px;
    white-space: normal;
}

body#page-main #main .card .course .badges .badge.bg-primary {
	background-color: #719ecc; /* Este color cambia por subproyecto */
}

body#page-main #main .card .course .badges .badge.bg-secondary {
	background-color: #fff;
	color: #000;
}

body#page-main #main .card .course .content .badges{
    display: none;
}

/**/

body#page-main #main .coursescard .card .course .courseimg,
body#page-main #main .listcourses .card .course .courseimg{
	position: relative;
    height: 200px;
    background-size: cover;
    background-position: center;
}

body#page-main #main .coursescard .card .course .courseimg:after,
body#page-main #main .listcourses .card .course .courseimg:after{
    content: "";
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: .8;
    width: 100%;
    height: 100%;
    background-position: center;
}

body#page-main #main .coursescard #finalizados .card .course .courseimg::after{
    opacity: .5;
}

body#page-main #main .coursescard .card .course .courseimg img{
    width: 100%;
}

body #main span.valoracioncurso i.mdi-star{
    color: #dadada;
    font-size: 14px;
}

body #main span.valoracioncurso i.mdi-star.active{
    color: #eb3532;
}

body#page-main #main .coursescard .card .course .courseimg span.valoracioncurso i.mdi-star,
body#page-main #main .listcourses .card .course .courseimg span.valoracioncurso i.mdi-star{
    color: #fff;
    text-shadow: 1px 2px #0000006e;
}

body#page-main #main .coursescard .card .course .courseimg span.valoracioncurso i.mdi-star.active,
body#page-main #main .listcourses .card .course .courseimg span.valoracioncurso i.mdi-star.active{
    color: #eb3532;
}

body#page-main #main .coursescard .card .course .content{
    padding: 10px 20px;
    background-color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
}

body#page-main:not(.mobile) #main .coursescard .card:hover .course .content{
    max-height: 100%;
}

body#page-main #main .coursescard .card .course .content > p{
    display: none;
}

body#page-main:not(.mobile) #main .coursescard .card:hover .course .content > p{
    display: block;
}

body#page-main #main .card .content h2 i[class^='mdi'][class$='circle'] {
	float: right;
	font-size: 1.5rem;
	margin-top: -0.1rem;
}

body#page-main #main .card .content h2 .mdi.mdi-minus-circle {
	display: none;
}

body#page-main #main .card .course .content span.valoracioncurso,
body#page-main #main .card .course .content .badge{ display: none}


body#page-main #main .coursescard .card .course .content .nameCourse,
body#page-main #main .listcourses .card .course .content .nameCourse{
    padding-bottom: 0;
    margin-bottom: 20px;
}

body#page-main #main .coursescard .card .course .content .nameCourse h2 {
    font-family: 'roboto_condensedregular';
    font-size: 20px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
}

body#page-main:not(.mobile) #main .card .course .content .nameCourse h2 .mdi.mdi-minus-circle,
body#page-main:not(.mobile) #main .card .course .content .nameCourse h2 .mdi.mdi-plus-circle {
    display: none;
}

/*
body#page-main #main .coursescard .card .course .content h2 a{
    color: #fff;
}
*/

body#page-main #main .coursescard .card .course .content .nameCourse h3 {
    text-transform: uppercase;
    font-family: 'roboto_condensedregular';
    font-size: 13px;
    margin-bottom: 7px;
    color: #8d8d8d;
}

body#page-main #main .coursescard .card .course .content .infoCourse,
body#page-main #main .coursescard .card .course .content .buttonsactionCourse{
    display: none;
}

body#page-main #main .coursescard .card .course .content .shortinfoCourse,
body#page-main #main .listcourses .card .course .content .shortinfoCourse{
    text-transform: uppercase;
    display: flex;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-family: 'roboto_condensedregular';
    width: 100%;
}

body#page-main #main .coursescard .card .course .content .shortinfoCourse > *:first-child:last-child,
body#page-main #main .listcourses .card .course .content .shortinfoCourse > *:first-child:last-child{
    margin: 0 auto;
}

body#page-main #main .listcourses .card .course .content .shortinfoCourse{
    width: calc(100% - 40px);
}

body#page-main #main .coursescard .card .course .content .shortinfoCourse i.mdi,
body#page-main #main .coursescard .card .course .content .shortinfoCourse .progressCourse .progressSpan,
body#page-main #main .listcourses .card .course .content .shortinfoCourse i.mdi,
body#page-main #main .listcourses .card .course .content .shortinfoCourse .progressCourse .progressSpan{
    position: relative;
    background-color: transparent;
    color: #8d8d8d;
    font-size: 1.2rem;
    padding: 0;
    width: auto;
    height: auto;
    border-radius: initial;
    display: block;
    text-align: center;
}

body#page-main #main .listcourses .card .course .content .buttonsactionCourse{
    display: none;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: 60px;
    width: calc(100% - 40px);
}

/*Hover y Mobile Active*/
/*
body#page-main:not(.mobile) #main .coursescard .card:hover .course .content,
body#page-main.mobile #main .coursescard .card .course .content.active{
    color: #000 !important;
    background-color: #fff;
}

body#page-main:not(.mobile) #main .coursescard .card:hover .course .content:before,
body#page-main.mobile #main .coursescard .card .course .content.active:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 1px;
    width: 100%;
}
*/
/*
body#page-main:not(.mobile) #main .coursescard .card:hover .course .content h2 a,
body#page-main.mobile #main .coursescard .card .course .content.active h2 a{
    color: #3c7ab9;
}
*/

body#page-main #main .card .course .content .scrolldesc .hours p,
body#page-main #main .card .course .content .scrolldesc .Escuela p{
    font-weight: 600;
}

body#page-main #main .card .course .content .scrolldesc .hours p label,
body#page-main #main .card .course .content .scrolldesc .Escuela p label{
    font-weight: initial;
}

/* List courses */

body#page-main #main .listcourses{
    margin: 2rem;
}

body#page-main #main .listcourses > .tabs,
body#page-main #main .listcourses > .notabs{
    margin-bottom: 2%;
    display: flow-root;
}

body#page-main #main .listcourses > .tabs > *,
body#page-main #main .listcourses > .tabs > div.listtabs > ul > li,
body#page-main #main .listcourses > .notabs > *{
    float: left;
}

body#page-main #main .listcourses > .tabs > div.listtabs > ul > li{
    margin: 7px 5px;
    padding: 3px 20px;
    color: #fff;
    list-style: none;
    background-color: #9c9c9c;
}

body#page-main #main .listcourses > .tabs > div.listtabs > ul > li.active{
    background-color: #3c7ab9;
}

body#page-main #main .listcourses > .tabs > div.listtabs > ul > li:hover{
    cursor: pointer
}

body#page-main #main .listcourses h2{
    font-family: 'roboto_condensedregular';
    margin-right: 1%;
}

body#page-main #main .listcourses h3,
body#page-main #main .listcourses h4 {
    position: relative;
    font-family: 'roboto_condensedregular';
    margin-bottom: 2rem;
    clear: Both;
    font-size: 1.5rem;
}

body#page-main #main .listcourses h4 { font-size: 1.3rem; }

body#page-main #main .listcourses h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 1px;
    width: 3rem;
    border-bottom: 3px solid #58748e;
}

body#page-main #main .listcourses > .tabs > h2:after {
    content: '|';
    margin: 0 10px;
    font-weight: 100;
    color: #ccc;
}

body#page-main #main .listcourses .catalogueHeaderCategory,
body#page-main #main .listcourses .catalogueHeaderProgram{
    width: 100%;
    padding: 15px;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}

body#page-main #main .listcourses .catalogueHeaderCategory:before,
body#page-main #main .listcourses .catalogueHeaderProgram:before{
    font: 20px "Material Design Icons";
    content: "\f140";
    padding: 0 5px 0 0;
    position: absolute;
    left: 5px;
}

body#page-main #main .listcourses .catalogueHeaderCategory:before{ top: 20px }
body#page-main #main .listcourses .catalogueHeaderProgram:before{ top: 17px }

body#page-main #main .listcourses .catalogueHeaderCategory.collapsed:before,
body#page-main #main .listcourses .catalogueHeaderProgram.collapsed:before{
    content: "\f142";
}

body#page-main #main .listcourses .catalogueHeaderCategory h3,
body#page-main #main .listcourses .catalogueHeaderProgram h4{
    margin: 0;
    text-transform: uppercase;
}

body#page-main #main .listcourses .catalogueHeaderProgram h4{
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 10px;
}

body#page-main #main .listcourses .catalogueHeaderCategory h3 .badge,
body#page-main #main .listcourses .catalogueHeaderProgram h4 .badge{
    font-size: 65%;
    font-weight: 500;
    position: relative;
    top: -4px;
    text-transform: initial;
}

body#page-main #main .listcourses .containerprogram{
    width: 100%;
}

body#page-main #main .listcourses .row[id^='category'],
body#page-main #main .listcourses .row[id^='program']{
    margin: 0;
    margin-left: 20px;
}

body#page-main #main .listcourses .row[id^='program'] [class^=col-]{
    padding: 0;
    margin-right: 15px;
    margin-bottom: 2rem !important;
    background-color: #f2f2f2;
    border: 1px solid #cccccc;
}

body#page-main #main .listcourses .card{
    width: 20rem;
}

body#page-main #main .listcourses .card .course{
    display: flow-root;
    height: 280px;
}

body#page-main #main .listcourses .card .course .courseimg{
    overflow: hidden;
    height: 110px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: inherit;
}

body#page-main #main .listcourses .card .course .courseimg img {
    width: 400px;
    bottom: 15px;
}

body#page-main #main .listcourses .card .course .content{
    height: 170px;
    padding: 10px 20px;
    position: relative;
}

body#page-main #main .listcourses .card .course .content h2 {
    font-size: 18px;
    width: 100%;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

body#page-main.mobile #main .listcourses .card .course .content h2{
    display: flow-root;
}

body#page-main.mobile #main .listcourses .card .course .content h2 span{
    width: calc(100% - 25px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    float: left;
}

body#page-main #main .listcourses .card .course .containerstarsinfo{
    position: absolute;
    top: 10px;
    left: 20px;
}

body#page-main #main .listcourses .card .course span.valoracioncurso{
    position: relative;
    top: 0;
    left: 0;
}

body#page-main:not(.mobile) #main .listcourses .card:hover .course .content span.valoracioncurso,
body#page-main.mobile #main .listcourses .card .course.active .content span.valoracioncurso,
body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .badge,
body#page-main.mobile #main .listcourses .card .course.active .content .badge {
    top: 0;
}

body#page-main #main .card .course span.valoracioncurso {
    position: absolute;
    top: 0;
    right: 0;
}

body#page-main #main .listcourses .card .course div.courseimg > span.valoracioncurso {
    display: none;
}

body#page-main #main .mycourses .card .course span.valoracioncurso,
body#page-main #main .recomendadosslider .card .course span.valoracioncurso {
    right: initial;
    top: 15px;
    left: 20px;
}

body#page-main #main .mycourses .card .course .containerstarsinfo span.valoracioncurso,
body#page-main #main .recomendadosslider .card .course .containerstarsinfo span.valoracioncurso{
    display: none;
}

body#page-main #main .card .course span.valoracioncurso:not(.noEnroll) i.mdi-star{
    cursor: pointer;
}

body#page-main #main .mycourses .card .course span.valoracioncurso i.mdi-star,
body#page-main #main .recomendadosslider .card .course span.valoracioncurso i.mdi-star{
    font-size: 18px;
}

body#page-main #main .listcourses .card .course .content h3 {
    font-size: 1rem;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
    width: 75%;
    display: none;
}

body#page-main#main .listcourses .card .course .content h3:before {
    border-bottom: none;
}

body#page-main #main .listcourses .card .course .content p {
    font-size: 0.8rem;
}

body#page-main #main .listcourses .card .course .content .infoCourse label{
    margin-bottom: 0;
}

body#page-main #main .listcourses .card .course .content .shortinfoCourse{
    position: absolute;
    bottom: 5px;
}

body#page-main #main .listcourses .card .course .content .shortinfoCourse .date{
    display: inline-block;
}

body#page-main #main .listcourses .card .course .content .desc{ display: none }

body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .badge,
body#page-main.mobile #main .listcourses .card .course.active .content .badge{
    margin: 0 0 8px 0;
}

body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .nameCourse,
body#page-main.mobile #main .listcourses .card .course.active .content .nameCourse{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

body#page-main #main .listcourses .card .course input[type='button']{
    clear: right;
    border: 0;
    background-color: #3c7ab9;
    color: #fff;
    padding: 7px 10px;
    border-radius: 0;
    height: 40px;
}

/* Scrolldesc listcourses */

    body#page-main #main .listcourses .card .scrolldesc{
        display: block;
    }

    body#page-main #main .listcourses .card .content .scrolldesc {
        height: calc(100% - 65px);
        padding-right: 20px;
        border: 0;
        padding-top: 0;
        margin-top: 0;
    }

    body#page-main #main .listcourses .card .content .scrolldesc label{
        margin-bottom: 0;
    }

    body#page-main.mobile #main .listcourses .card .content .scrolldesc{
        padding: 0;
    }

    body#page-main #main .listcourses .card .scrolldesc.scrolled:after{
        top: 25px;
    }

    body#page-main #main .listcourses .card .course .content .cecoyorden p{
        display: inline;
    }
    body#page-main #main .coursescard .card .progress{
        border-radius: 0;
        background-color: #b8b8b8;
        height: 1.3rem;
    }

    body#page-main #main .coursescard .card .progress .bg-success{
        background-color: #329a32 !important;
        color: #fff;
        position: initial;
    }

    body#page-main #main .coursescard .card .progress .progress-bar .progress-bar-percent{
        position: absolute;
        right: 0;
        font-weight: 800;
        margin-right: 10px;
        font-size: 14px;
    }

    body#page-main:not(.mobile) #main .card:hover .course .content span.valoracioncurso,
    body#page-main.mobile #main .card .course.active .content span.valoracioncurso,
    body#page-main:not(.mobile) #main .card:hover .course .content .badge,
    body#page-main.mobile #main .card .course.active .content .badge{
        display: initial;
        position: relative;
        left: 0;
        top: -5px;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .badge,
    body#page-main.mobile #main .coursescard .card .course.active .content .badge{
        left: initial;
        float: right;
        margin: 0;
        right: -10px;
        position: absolute;
        top: 20px;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .courseimg,
    body#page-main.mobile #main .coursescard .card .course.active .courseimg{
        height: 100%;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .courseimg > *,
    body#page-main.mobile #main .coursescard .card .course.active .courseimg > *{
        display: none;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content,
    body#page-main.mobile #main .coursescard .card .course.active .content{
        z-index: 10;
        height: 100%;
        background-color: rgba(54,77,101,0.85);
        padding: 20px;
    }

    body#page-main:not(.mobile) #main .card:hover .course .content *:not(.mdi-star):not(.mdi-heart):not(.badge),
    body#page-main.mobile #main .card .course.active .content *:not(.mdi-star):not(.mdi-heart):not(.badge){
        color: #fff;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .nameCourse,
    body#page-main.mobile #main .coursescard .card .course.active .content .nameCourse{
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

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

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .shortinfoCourse,
    body#page-main.mobile #main .coursescard .card .course.active .content .shortinfoCourse{
        display: none;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .infoCourse,
    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .buttonsactionCourse,
    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .scrolldesc,
    body#page-main.mobile #main .coursescard .card .course.active .content .infoCourse,
    body#page-main.mobile #main .coursescard .card .course.active .content .buttonsactionCourse,
    body#page-main.mobile #main .coursescard .card .course.active .content .scrolldesc{
        display: block;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .buttonsactionCourse,
    body#page-main.mobile #main .coursescard .card .course.active .content .buttonsactionCourse{
        display: flex;
        flex-flow: row wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        position: absolute;
        bottom: 70px;
        width: calc(100% - 40px);
    }

    body#page-main #main .coursescard .card .course .content .buttonsactionCourse > *:first-child:last-child,
    body#page-main #main .listcourses .card .course .content .buttonsactionCourse > *:first-child:last-child{
        margin: 0 auto;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .buttonsactionCourse a,
    body#page-main.mobile #main .coursescard .card .course.active .content .buttonsactionCourse a{
        background: none;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 2px;
        padding: 5px 10px;
        width: 7rem;
        text-decoration: none;
        text-align: center;
    }

    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{
        background-color: rgba(77,200,161,0.80);
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .iconsCourse,
    body#page-main.mobile #main .coursescard .card .course.active .content .iconsCourse{
        display: flex;
        flex-flow: row wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        position: absolute;
        bottom: 15px;
        width: calc(100% - 40px);
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .iconsCourse i.mdi,
    body#page-main.mobile #main .coursescard .card .course.active .content .iconsCourse i.mdi{
		width: 35px;
		height: 35px;
		display: block;
		background: rgba(252,255,255,.0);
		border-radius: 50%;
		padding-top: 6px;
		text-align: center;
        color: #fff;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .iconsCourse i.mdi:hover,
    body#page-main.mobile #main .coursescard .card .course.active .content .iconsCourse i.mdi:hover{
		background: rgba(252,255,255,.25);
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .iconsCourse .containerfav input[class*='toggle-heart']:not(.checked) + label i:before,
    body#page-main.mobile #main .coursescard .card .course.active .content .iconsCourse .containerfav input[class*='toggle-heart']:not(.checked) + label i:before{
        content: "\F2D5";
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .iconsCourse .containerfav input[class*='toggle-heart'].checked + label i,
    body#page-main.mobile #main .coursescard .card .course.active .content .iconsCourse .containerfav input[class*='toggle-heart'].checked + label i{
        color: inherit;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .nameCourse h2,
    body#page-main.mobile #main .coursescard .card .course.active .content .nameCourse h2{
        line-height: 1.2em;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .nameCourse h2 span,
    body#page-main.mobile #main .coursescard .card .course.active .content .nameCourse h2 span{
        overflow: hidden;
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        display: inline-block;
    }

    body#page-main.mobile #main .coursescard .card .course .content .nameCourse h2 span,
    body#page-main.mobile #main .coursescard .card .course.active .content .nameCourse h2 span{
        width: calc(100% - 30px);
        display: inline-block;
        overflow: hidden;
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* Scrolldesc mycourses */

    body#page-main:not(.mobile) #main .card:hover .course .content .ellipactive,
    body#page-main.mobile #main .card .course.active .content .ellipactive{
        height: 20%;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .ellipactive,
    body#page-main.mobile #main .listcourses .card .course.active .content .ellipactive{
        height: 18%;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .containerellipsed,
    body#page-main.mobile #main .coursescard .card .course.active .content .containerellipsed,
    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .containerellipsed,
    body#page-main.mobile #main .listcourses .card .course.active .content .containerellipsed{
        height: auto;
        max-height: 100%;
        color: #fff;
        padding: 0;
        padding-right: 15px;
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        text-align: justify;
        border: 0;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .ellipactive .containerellipsed:before,
    body#page-main.mobile #main .coursescard .card .course.active .content .ellipactive .containerellipsed:before,
    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .ellipactive .containerellipsed:before,
    body#page-main.mobile #main .listcourses .card .course.active .content .ellipactive .containerellipsed:before{
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0;
    }

    body#page-main:not(.mobile) #main .coursescard .card:hover .course .content .ellipactive .containerellipsed:after,
    body#page-main.mobile #main .coursescard .card .course.active .content .ellipactive .containerellipsed:after,
    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .ellipactive .containerellipsed:after,
    body#page-main.mobile #main .listcourses .card .course.active .content .ellipactive .containerellipsed:after{
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        background: rgba(31,57,83,1);
    }

    body#page-main:not(.mobile) #main .card:hover .course .content div:not(.ellipactive) .containerellipsed:before,
    body#page-main.mobile #main .card .course .content div:not(.ellipactive) .containerellipsed:before,
    body#page-main:not(.mobile) #main .card:hover .course .content div:not(.ellipactive) .containerellipsed:after,
    body#page-main.mobile #main .card .course .content div:not(.ellipactive) .containerellipsed:after{
        display: none;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course,
    body#page-main.mobile #main .listcourses .card .course.active,
    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .desc,
    body#page-main.mobile #main .listcourses .card .course.active .content .desc,
    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .buttonsactionCourse,
    body#page-main.mobile #main .listcourses .card .course.active .content .buttonsactionCourse{
        display: block;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .buttonsactionCourse,
    body#page-main.mobile #main .listcourses .card .course.active .content .buttonsactionCourse,
    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .iconsCourse,
    body#page-main.mobile #main .listcourses .card .course.active .content .iconsCourse{
        display: flex;
        float: left;
        position: absolute;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .buttonsactionCourse a,
    body#page-main.mobile #main .listcourses .card .course.active .content .buttonsactionCourse a {
        border: 1px solid #fff;
        border-radius: 2px;
        padding: 3px 5px;
        width: 6rem;
        text-align: center;
        text-decoration: none;
    }

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

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .infoCourse,
    body#page-main.mobile #main .listcourses .card .course.active .content .infoCourse,
    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .shortinfoCourse,
    body#page-main.mobile #main .listcourses .card .course.active .content .shortinfoCourse{
        display: none;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .courseimg,
    body#page-main.mobile #main .listcourses .card .course.active .courseimg,
    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content,
    body#page-main.mobile #main .listcourses .card .course.active .content{
        width: 100%;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .courseimg,
    body#page-main.mobile #main .listcourses .card .course.active .courseimg{
        position: absolute;
        height: 100%;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .courseimg > *,
    body#page-main.mobile #main .listcourses .card .course.active .courseimg > *{
        display: none;
    }

	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 {
        width: 100%;
        height: 100%;
        background-color: rgba(31,57,83,0.85);
        z-index: 10;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .nameCourse h2,
    body#page-main.mobile #main .listcourses .card .course.active .content .nameCourse h2{
        margin-bottom: 5px;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .nameCourse h2 span,
    body#page-main.mobile #main .listcourses .card .course.active .content .nameCourse h2 span{
        overflow: hidden;
        position: relative;
        padding-right: 15px;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        display: inline-block;
    }

    body#page-main.mobile #main .listcourses .card .course.active .content .nameCourse h2 span{
        width: calc(100% - 30px);
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .iconsCourse i.mdi,
    body#page-main.mobile #main .listcourses .card .course.active .content .iconsCourse i.mdi{
		width: 35px;
		height: 35px;
		display: block;
		background: rgba(252,255,255,.0);
		border-radius: 50%;
		padding-top: 6px;
		text-align: center;
        color: #fff;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .iconsCourse i.mdi:hover,
    body#page-main.mobile #main .listcourses .card .course.active .content .iconsCourse i.mdi:hover {
    background: rgba(252,255,255,.25);
}

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .iconsCourse .containerfav input[class*='toggle-heart'].checked + label i,
    body#page-main.mobile #main .listcourses .card .course.active .content .iconsCourse .containerfav input[class*='toggle-heart'].checked + label i{
        color: inherit;
    }

    body#page-main:not(.mobile) #main .listcourses .card:hover .course .content .iconsCourse .containerfav input[class*='toggle-heart']:not(.checked) + label i:before,
    body#page-main.mobile #main .listcourses .card .course.active .content .iconsCourse .containerfav input[class*='toggle-heart']:not(.checked) + label i:before{
        content: "\F2D5";
    }

/* Insignias / Designaciones */

body#page-main #main_content #main .mybadges > .tabs{
    margin-bottom: 1.5rem;
    display: block;
}

body#page-main #main_content #main .mybadges > .tabs > h1{
    font-family: 'Raleway';
    font-weight: 600;
    padding: 0rem 1rem;
    border-right: 0;
    text-align: left;
}

body#page-main #main_content #main .mybadges > .tabs:not(.title) > h1:before{
    content: ' ';
    background-color: #303030;
    position: absolute;
    width: 5px;
    height: 50px;
    border-radius: 4px;
    left: 0;
}

body#page-main #main_content #main .mybadges > .tabs.title > h1{
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 400;
    padding: 0;
    text-align: left;
    width: 60%;
    margin-left: 0;
}

@media (max-width: 768px) {
    body#page-main #main_content #main .mybadges > .tabs.title > h1{
        width: 80%;
    }
}

body#page-main #main_content #main .mybadges > .tabs.title > h1:before{
    display: none;
}

body#page-main #main_content #main .mybadges > .tabs > h2{
    border-right: 0;
    text-align: left;
}

body#page-main #main_content #main .mybadges > .row > [class*='col-']{
    padding: 20px;
}

body#page-main #main_content #main .mybadges > .row > [class*='col-']:nth-of-type(n+5){
    margin-top: 5rem;
}

@media (max-width: 1200px){
    body#page-main #main_content #main .mybadges > .row > [class*='col-']:nth-of-type(n+5){
        margin-top: 0;
    }

    body#page-main #main_content #main .mybadges > .row > [class*='col-']:nth-of-type(n+3){
        margin-top: 5rem;
    }
}

body#page-main #main_content #main .mybadges .card{
    border: 0;
}

body#page-main #main_content #main .mybadges .card:hover{
    cursor: pointer;
}

body#page-main #main_content #main .mybadges .card .badgeimg{
    border: 0;
    margin-bottom: 1rem;
    height: 330px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

body#page-main #main_content #main .mybadges .card h5{
    display: initial;
    text-align: center;
    margin: 0 auto;
    background-color: #303030;
	color: #fff;
    opacity: .5;
    border-radius: 22px;
    padding: 5px 10px;
    min-height: 34px;
    width: 70%;
}

body#page-main #badgeModal{
	padding-left: 0!important;
}

body #badgeModal .modal-dialog{
    max-width: 600px;
    margin: 0 auto;
    height: 100%;
}

body #badgeModal .modal-dialog .modal-content{
    background-color: transparent;
    border: 0;
    height: 100%;
}

body #badgeModal .modal-dialog .modal-content .modal-body{
    padding: 0;
	display: flex;
    flex-direction: column;
	margin: 4rem 2rem;
}

@media (max-width: 768px) {
    body #badgeModal .modal-dialog .modal-content .modal-body{
		margin: 2rem;
    }
}

body #badgeModal .modal-dialog .modal-content .modal-body .insignia{
    margin-bottom: 2rem;
}

body #badgeModal .modal-dialog .modal-content .modal-body .insignia > .bg-disabled{
    border: 0;
    margin-bottom: 1rem;
    height: 330px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

body #badgeModal .modal-dialog .modal-content .modal-body .insignia #scene-container canvas{
    margin: 0 auto;
	height: 100% !important;
    max-height: 400px;
    width: 100% !important;
    max-width: 500px;
}

@media (max-width: 768px) {
	body #badgeModal .modal-dialog .modal-content .modal-body .insignia #scene-container canvas{
		max-height: 280px;
		max-width: 380px;
    }
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido{
    background-color: #ffffff;
    color: #303030;
    border: 6px solid #37ffff;
    border-radius: 32px;
    padding: 1rem 2rem 2rem 2rem;
    max-height: calc(52.5vh - 4rem);
	display: flex;
	flex-direction: column;
}

@media (max-width: 768px) {
	body #badgeModal .modal-dialog .modal-content .modal-body .contenido{
		max-height: calc(52.5vh - 2rem);
    }
}

.card-body #badgeModal .modal-dialog .modal-content .modal-body .contenido .contenido-header{
    height: 20px;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido .contenido-header .close{
    color: #303030;
    opacity: 1;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido .contenido-header .close:hover{
    opacity: .5;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body{
    max-height: 400px;
    overflow-y: auto;
	width: 100%;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body > *{
    margin-bottom: 1.5rem;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body .progress-indic svg{
    width: 85px;
    height: 85px;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body .progress-indic text{
    font-size: 10px;
    font-weight: 400;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body h2{
    word-break: break-word;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body .message-container{
    background-color: #dee2e6;
    margin: 1rem 0;
    border-radius: 24px;
    padding: 1rem .5rem;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body .message-container .message{
    margin-bottom: 1rem;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body .message-container .requisites{
    display: flex;
    flex-direction: column;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body .message-container .requisites > span:not(:first-child){
    margin-top: 1rem;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body .message-container .requisites input.checkbox_requisite{
    display: none;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body .message-container .requisites input.checkbox_requisite+span{
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 2rem;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body .message-container .requisites input.checkbox_requisite+span:before{
    content: "\F12F";
	font: normal normal normal 18px/1 "Material Design Icons";
    display: block;
    position: absolute;
    left: 0;
    height: 18px;
    width: 18px;
}

body #badgeModal .modal-dialog .modal-content .modal-body .contenido-body .message-container .requisites input.checkbox_requisite:checked+span:before{
    content: "\F133";
}

/* .progress-indic */

body#page-main #main_content #main .mygrades .card .course .content > .gradeCourse .progress-indic,
body#page-main #main_content #main .mygrades .averageGradeCourses .progress-indic,
body#page-main #badgeModal .progress-indic{
    display: flex;
    flex-direction: column;
    align-items: center;
}

body#page-main #main_content #main .mygrades .card .course .content > .gradeCourse .progress-indic[data-numcomplete="0"] svg .partial,
body#page-main #main_content #main .mygrades .averageGradeCourses .progress-indic[data-numcomplete="0"] svg .partial,
body#page-main #badgeModal .progress-indic[data-numcomplete="0"] svg .partial{
    display: none;
}

body#page-main #main_content #main .mygrades .card .course .content > .gradeCourse .progress-indic svg circle,
body#page-main #main_content #main .mygrades .averageGradeCourses .progress-indic svg circle,
body#page-main #badgeModal .progress-indic svg circle{
    stroke-width: 1;
}

body#page-main #main_content #main .mygrades .card .course .content > .gradeCourse .progress-indic svg circle.whole,
body#page-main #main_content #main .mygrades .averageGradeCourses .progress-indic svg circle.whole,
body#page-main #badgeModal .progress-indic svg circle.whole{
    stroke: #e9ecef;
}

body#page-main #main_content #main .mygrades .card .course .content > .gradeCourse .progress-indic svg circle.partial,
body#page-main #main_content #main .mygrades .averageGradeCourses .progress-indic svg circle.partial,
body#page-main #badgeModal .progress-indic svg circle.partial{
    stroke: #007bff;
    stroke-linecap: round;
    filter: drop-shadow(0 0 1px #007bff);
}

body#page-main #main_content #main .mygrades .card .course .content > .gradeCourse .progress-indic[data-numcomplete="0"] svg circle.partial,
body#page-main #main_content #main .mygrades .averageGradeCourses .progress-indic[data-numcomplete="0"] svg circle.partial,
body#page-main #badgeModal .progress-indic[data-numcomplete="0"] svg circle.partial{
    display: none;
}

body#page-main #main_content #main .mygrades .card .course .content > .gradeCourse .progress-indic svg text,
body#page-main #main_content #main .mygrades .averageGradeCourses .progress-indic svg text,
body#page-main #badgeModal .progress-indic svg text{
    fill: #303030;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

body#page-main #main_content #main .mygrades .card .course .content > .gradeCourse .progress-indic svg + span,
body#page-main #main_content #main .mygrades .averageGradeCourses .progress-indic svg + span,
body#page-main #badgeModal .progress-indic svg + span{
    margin-top: .5rem;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Página INICIAL para Administrador, Gestor y Tutor */

#main .inicio .block {
	background: #fff;
	border: 1px solid #dfdfdf;
	position: relative;
	padding: 5px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

#main .inicio .row {
	margin-right: 0;
	margin-left: 0;
}

/*#main .inicio .row .block:first-child {
	margin-right:10px;
}*/

#main .inicio .block.summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#main .inicio .block.summary > h2{
    width: 100%;
    display: inline-block;
}

#main .inicio .block.summary p > span.container_icon{
    text-align: center;
    display: inline-table;
    width: 200px;
}

#main .inicio .block.summary p > span.container_icon .icon{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    width: 200px;
    margin: 0 auto 10px;
    color: #fff;
    background-color: #364d65;
    border-radius: 100%;
    width: 60px;
    height: 60px;
}

#main .inicio .block.summary p > span.container_icon .icon i.mdi{
    font-size: 2rem;
    margin: 0;
}

#main .inicio .block.summary p > span.container_icon strong{
    display: block;
    font-size: 1.7rem;
    margin: 0;
    margin-bottom: 10px;
}
#main .inicio .block.summary p > span.container_icon a,
#main .inicio .block.summary p > span.container_icon > span:last-child{
    font-size: .8rem;
    display: block;
    line-height: 20px;
    text-transform: uppercase;
}

#main .inicio .block h2 {
	font-size: 18px;
	text-transform: uppercase;
	background: #67d0ae;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	margin:0;
}

#main .inicio .block h2 a {
	color: #fff;
}

#main .inicio .block  p {
	padding: 10px;
}

#main .inicio .block  p {
	padding: 10px;
}

#main .inicio .block  p strong{
	margin: 0 5px 0 0;
	font-size: 13px;
	color:#000;
}

#main .inicio .block  p.no{
	border-bottom: none;
	background: inherit;
}

#main .inicio .block p span {
	color: #999;
	font-size: 13px;
}

#main .inicio .block p span i {
	margin-right: 10px;
	float: left;
}


/* Listas con iconos en alumnos */


#main .inicio .block.arrow p:before {
	color: #666666;
	content:"\f142";
    font: 15px "Material Design Icons";
}

#main .inicio .block input.btn{
	font-weight: bold;
	padding: 6px 10px;
	float: right;
	width: 150px;
	font-size: 12px;
}

#main .inicio.alumno .block input,
#main .inicio.alumno .block input {
	font-weight: bold;
	padding: 6px 10px;
	float: right;
	margin: -5px 0 0 0;
	width: 170px;
}

#main .inicio .separa {
	width: 1%;
	float: left;
}

#main .inicio .separa2:before {
	height: 0;
	line-height: 0;
}

#main .inicio .block span.container_icon{
	width: auto;
	height: 22px; /* Es 18px pero le pongo más para que el alto sea = a la caja izquierda */
	display: inline-block;
	margin: 0 -5px 0 0;
}

#main .inicio.alumno .block strong.uno,
#main .inicio.alumno .block strong.dos,
#main .inicio.alumno .block strong.tres,
#main .inicio.alumno .block strong.cuatro {
	width: 16px;
	height: 18px;
	display: inline-block;
	padding: 0 0 0 30px;
	margin: 0 -5px 0 0;
	background-repeat: no-repeat;
	background-position: 2px 1px;
}

/* Botones */

#main .inicio .block .btn {
	margin: 0 0 0 10px;
}

#main .inicio .alumno .block .btn {
	margin: 0 0 0 10px;
}

#main .inicio .block .btn.todos {
	float: left;
	clear: both;
	width: auto;
	margin: 10px 0 0 40px;
}

/* Listas en los bloques */

#main .inicio .block ul {
	float: left;
	margin: 15px 0 0 0;
	width: 50%;
}

#main .inicio .block ul li {
	list-style: none;
	margin: 0 0 10px 15px;
}

#main .inicio .block ul li span {
	color: #999;
	font-size: 11px;
}

#main .inicio .block ul li:before {
  	font: 15px "Material Design Icons";
	content:"\f142";
	color: #666;
	position: relative;
	top: 3px;
}

#main .inicio .block ul li.vertodo {
	background: none;
	margin: 0 0 0 -15px;
}

#main .inicio .block ul li.vertodo::before {
	content: '';
}

/* Calendario */
#main .inicio .block .calendario {
	float:right;
	padding:20px;
}

#main .inicio .block .calendario input.btn{
	width: 200px;
	margin:5px 13px 0 0;
}

#main .inicio .block .calendario .hasDatepicker {
	background: none;
}

#main .inicio .block #datepicker {
	padding: 0 0 10px 5px;
}

.hasDatepicker {
        background: #fff;
}

.datepicker_icon{
    margin: 5px 5px -5px -22px;
    color: #949494;
    pointer-events: none;
    position: relative;
    top: 5px;
}

@-moz-document url-prefix() {
    .datepicker_icon{
        top: 3px;
    }
}

.registro p .datepicker_icon{
    margin-left: -35px;
    position: relative;
    top: 3px;
}

@-moz-document url-prefix() {
    .registro p .datepicker_icon{
        top: 3px;
    }
}

input[readonly="readonly"]+.datepicker_icon{
    margin: 5px 5px -5px -17px;
}

/* Tablas en los bloques */

#main .inicio .block  table.inicio{
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin: 0;
	border-spacing: 0;
	color: #000;
}

#main .inicio .block table.inicio caption {
	background: #eeeeee;
	text-align: left;
	border-bottom: 0;
	font-size: 14px;
	padding: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#main .inicio .block table.inicio th {
	text-align: left;
	border-bottom: 1px solid #dfdfdf;
	font-size: 13px;
	padding: 10px;
	background: #fff;
}

#main .inicio .block table.inicio  th.derecha {
	padding: 0 30px 0 0;
	text-align: right;
	width: auto;
}

#main .inicio .block table.inicio td {
	padding: 10px;
	border:none;
}

#main .inicio .block table.inicio  td.derecha {
	padding: 0 20px 0 0;
	text-align: right;
}

#main .inicio .block table.inicio  td.float_right {
	float: right;
}

#main .inicio.alumno .block table.inicio td {
	border-bottom: 1px solid #d2d2d2;
}

#main .inicio.alumno table.inicio tr:last-child td {
	border-bottom: 0;
}

#main .inicio .block table.inicio tr {
	border-bottom: 1px solid #eee;
}

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

#main .inicio .block table.inicio tr:last-child {
	border-bottom: 0;
}

#main .inicio .block table.inicio td:first-child:before {
  	font: 15px "Material Design Icons";
	content:"\f142";
	color: #666;
	position: relative;
	top: 3px;
}

#main .inicio .block table.inicio td.separa {
	background: none;
	line-height: 10px;
	background-color: #fff !important;
	width: 100%;
	float: none !important;
}

#main .inicio .block table.inicio td.separa2 {
	line-height: 10px;
	border-top: 1px solid #eee;
	padding: 10px 0 10px 15px;
	background-image: none !important;
	background-color: #fff;
	width: 100%;
	font-size: 11px;
}

#main .inicio .block table.inicio td.separa2:before {
	content: '';
}

#main .inicio .block table.inicio td a {
	color: #3c7ab9;
	text-decoration: none;
}

#main .inicio .block table.inicio td a:hover {
	text-decoration: underline;
}

#main .inicio .block table.inicio td img{
	vertical-align: middle;	/* Por si hay iconos en los td */
}

#main .inicio table.inicio .btn {
	padding: 1px 10px;
	width :auto;
	font-weight: bold;
}

#main .inicio table.inicio tr.header td /* Para cuando además del título principal hay que remarcar las cabeceras de la tabla */{
	font-weight: bold;
	background: #e6e6e6;
}

#main .inicio.alumno .block .inicio span {
	color: #999;
	font-size: 11px;
	width: 25px;
	text-align: right;
	margin-top: 3px;
	float: left;
}

#main .inicio.alumno table.inicio td a,
#main .inicio.alumno table.inicio2 td a  {
	color: #719ecc;
}

#main .block_content table th a .mdi{
	font-size: 17px;
}

#main .block_content table td.centro .mdi {
    font-size: 18px;
}

#main .inferior_tabla .paginador a .mdi.mdi-play.prev{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}

table i.status{
        font-size: 24px;
}

/* Upcoming courses */

#main .inicio .upcoming .inferior_tabla {
	border-top: 1px dashed #ddd;
	padding: 10px 0 0 0;
	float: left;
	width: 100%;
	margin: 0 0 0 15px;
}

#main .inicio .upcoming .inferior_tabla .numero {
	float: left;
	margin: 7px 16px 0 10px;
}

#main .inicio .upcoming .inferior_tabla .mdi {
	margin: 10px 5px 0 0;
	float: left;
}

#main .inicio .upcoming {
	float: left;
	width: 60%;
}

#main .inicio .upcoming ul {
	width: auto;
}

/* paginador */
#main .inicio .paginador,
#main .block_content .paginador {
	float: right;
	margin: 10px 0px 0 0;
}

#main .inicio .paginador img,
#main .block_content .paginador img{
	margin: 5px 5px 0 0;
	float: left;
}

#main .inicio .paginador .numero,
#main .block_content .paginador .numero {
	float: left;
	margin: 3px 16px 0 10px;
}

#main .inicio .paginador a,
#main .block_content .paginador a{
	border: 1px solid #cecece;
	border-radius: 2px;
	background: #fff;
	padding: 2px;
	float: left;
	margin: 0 5px 0 0;
	font-size: 20px;
}

#main .inicio .paginador a:hover,
#main .block_content .paginador a:hover{
	background:#f6f6f6;
}

#main .inicio .paginador{
	margin-bottom: 10px;
}

/* Páginas internas */

#main .block_content .formulario {
	padding: 15px 20px;
}

#main .block_content .formulario.formflex{
    display: flex;
}

#main .block_content .formulario.formflex.perfil_edicion{
    display: initial;
}

#main .block_content .formulario.formflex .izquierda{
    flex: 0 0 60%;
}

#main .block_content .formulario.formflex .derecha{
    flex: 0 0 25%;
    display: grid;
}

#main .block_content .formulario.formflex .derecha img#perfilImagen{
    float: initial;
    clip-path: circle();
    margin: 0 auto 20px;
    max-width: 100%;
    display: -webkit-box;
}

#main .block_content .formulario.formflex .derecha i.user.mdi-image{
    display: block;
    margin: 0 auto 20px;
    text-align: center;
    width: 100%;
}

#main .block_content .formulario.formflex.perfil_edicion .derecha i.user.mdi-image{
    width: auto;
}


#main.editing_page .block_content .formulario.formflex fieldset .row .col-sm-12 .col-sm-12{
    display: flex;
}

#main .block_content .formulario .mdi.mdi-menu-right{
    font-size: 22px;
}

/* GESTIÓN */

/* Página de detalles */

#main .block_content .formulario > .block{
    width: 100%;
}

#main .block_content .formulario p{
}

#main .block_content .formulario textarea{
    resize: vertical;
}

#main .block_content .formulario.flex .izquierda,
#main .block_content .formulario.flex .derecha{
    flex-wrap: no-wrap;
    -webkit-flex-wrap: no-wrap;
    width: 50%;
    float: left;
    margin: 10px 0;
}

#main .block_content .formulario.flex .izquierda p,
#main .block_content .formulario.flex .derecha p{
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: no-wrap;
    -webkit-flex-wrap: no-wrap;
    width: 100%;
    min-height: 26px;
    float: left;
    margin: 10px 0;
    clear: inherit;
}

#main .block_content .formulario.flex .full{
    flex-wrap: no-wrap;
    -webkit-flex-wrap: no-wrap;
    width: 100%;
    float: left;
    margin: 10px 0;
}

#main .block_content .formulario.flex .cambiar{
    width: 25px;
}

#main .block_content .formulario.flex .full label{
	float: left;
	margin: 3px 10px 15px 15px;
	text-align: right;
	width: 17%;
	padding: 0;
	line-height: 17px;
}

#main .block_content .formulario.flex .full textarea{
	width: 75%;
}


#main .block_content .formulario p>input:not([type='checkbox']):not(.datepicker):not([type='radio']){
    float: left;
}


/* Foto y nota formularios */

#main .block_content .formulario .contenedor_foto .user.mdi {
}

#main .block_content .formulario .contenedor_foto .nota {
    font-size: 10px;
    line-height: 15px;
    width: 310px !important;
    display: table-cell;
    padding: 5px 0px 5px 5px;
    float: left;
    margin: 0;
}

/* Página de perfil de usuario */

#main .block_content .formulario.perfil .tam1 {
	width: 310px;
}

#main .block_content .formulario.perfil .tam2 {
	width: 210px;
}

#main .block_content .formulario.perfil .infoUsuario{
    min-height: 160px;
	position: relative;
}

#main .block_content .formulario .contenedor_foto .user.mdi.mdi-account-circle {
}

#main .block_content .formulario.perfil_edicion .contenedor_foto .user.mdi.mdi-account-circle{
    font-size: 53px;
}

#main .block_content .formulario.perfil select[readonly] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

#main .block_content .formulario.perfil .derecha #perfilImagen,
#main .block_content .formulario.perfil .user {
    float: initial;
    clip-path: circle();
    margin: 0 0 20px;
    max-width: 200px;
}

/*
#main .block_content .formulario.perfil .derecha *:not(.ui-widget-content) > ul:not(.list) {
	width: 150px;
	margin: 20px 0 0 45px;
}

#main .block_content .formulario.perfil .derecha *:not(.ui-widget-content) > ul:not(.list) li {
	list-style: none;
	float: left;
}
*/

#main .block_content .formulario.perfil .derecha ul a:focus {
    -moz-outline-style: none;
    -moz-focus-inner-border: 0;
    outline: none;
    outline-style: none;
}

#main .block_content .formulario.perfil .roles {
	color: #666;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 3px 0px;
}

#main .block_content .formulario.perfil_edicion .roles {
	color: #666;
	padding: 0 0 3px 0;
}

#main .block_content .formulario.perfil_edicion .borrar {
    padding: 0 0 0 20px;
    line-height: 20px;
    display: inline-block;
    text-decoration: underline;
    margin: 3px 0 3px 15px;
    vertical-align: top;
    padding: 3px 0 3px 0;
}

#main .block_content .formulario.perfil_edicion .pass {
    display: none;
    padding: 0;
    margin: 0;
}

#main .block_content .formulario.perfil_edicion .contenedor_foto {
    width: 100%;
}

#main .block_content .formulario .contenedor_foto .filePerfilPicture{
	margin: 0 auto;
	display: flex;
    flex-direction: column;
}

#main .block_content .formulario.perfil_edicion .contenedor_foto .nota {
    font-size: 10px;
    line-height: 15px;
    width: 310px !important;
    display: block;
    float: none;
    margin: 0;
    padding: 5px 0px 5px 5px;
}

#main .block_content .formulario.perfil_edicion .contenedor_foto p.nota {
	margin: 10px 0 10px 32%;
}

#main .block_content .formulario.perfil_edicion .contenedor_foto .file { /* El input type file */
	margin: 3px 0 3px 0;
	vertical-align: top;
}

#main .block_content .formulario.perfil_edicion .contenedor_foto i.mdi{
        min-height: 125px;
}

#main .block_content .formulario.perfil_edicion .contenedor_foto .foto {
	float: left;
	margin: 5px 15px 5px 0;
        max-width: 150px;
        max-height: 150px;
}

#main .block_content .formulario.perfil_edicion .contenedor_foto #perfilImagen {
	max-width: 80px;
	max-height: 80px;
}

#main .block_content .formulario .contenedor_foto .foto_cortada {
	display: flex;
}

#main .block_content .formulario.perfil_edicion .contenedor_foto .foto_cortada { /* Para la empresa */
	max-width: 150px;
	max-height: 150px;
	overflow: hidden;
	float: left;
	margin: 5px 15px 5px 0;
        position: relative;
}

/* Página de categoria */

#main .block_content .formulario.categoria .derecha{
    position: relative;
}

#main .block_content .formulario.categoria .foto_cortada img#perfilImagen{
    float: initial;
    clip-path: circle();
    max-width: 100%;
    padding: 0;
    font-size: 140px;
}

/* Configuraci?n General */

#main .block_content .formulario.config label { /* En la configuraci?n los LABEL tienen que ser un poco m?s grandes */
	width: 60%;
}

#main .block_content .formulario.config p input[type="radio"] {
	margin: -3px 3px 0 0;
}

/* OFERTA FORMATIVA */

#main .block_content .formulario.oferta_formativa .archivos {
	margin-left: 21%;
}

/* ALUMNOS/AS */
/* ANUNCIOS */

/* SOPORTE */

#main .block_content .formulario.incidencia .foto {
	position: absolute;
	left: 100%;
	margin: -15px 0 0 -210px;
	padding: 5px;
}

#main .block_content .formulario.incidencia .foto img {
	width: 115px;
}

#main .block_content .formulario.incidencia .resuelta {
	color: green;
	font-weight: bold;
}

#main .block_content .formulario.incidencia .caja_principal {
	background: #f1f1f1;
	border: 1px solid #ddd;
	padding: 15px;
	margin: 40px 25px 25px 25px;
}

#main .block_content .formulario.incidencia .caja_interaccion:after {
   content: ".";
   display:block;
   height:10px;
   clear:both;
   visibility:hidden;
}

#main .block_content .formulario.incidencia .caja_principal p{
    float: none;
}

#main .block_content .formulario.incidencia .caja_interaccion1 {
}

#main .block_content .formulario.incidencia .caja_interaccion1 img {
	float: left;
	margin: 0 0 5px 15px;
}

#main .block_content .formulario.incidencia .caja_interaccion1 p {
	font-size: 10px;
	width: 80px;
	text-align: center;
}

#main .block_content .formulario.incidencia .caja_interaccion1 .mdi {
	font-size: 80px;
	float: left;
	margin: 0 25px 0 0;
	color: #8e8e8e;
}

#main .block_content .formulario.incidencia .caja_interaccion2 {
	border: 1px solid #ddd;
	padding: 15px;
	width: auto;
	margin: 0 25px 0 105px;
}

#main .block_content .formulario.incidencia .caja_interaccion2 .inferior {
	border-top: 1px solid #ddd;
	font-size: 10px;
	width: 100%;
	margin: 0 0 15px 0;
}

#main .block_content .formulario.incidencia .caja_interaccion2 .inferior .izquierda {
	float: left;
        width: 45%;
}

#main .block_content .formulario.incidencia .caja_interaccion2 .inferior .derecha {
	float: right;
        text-align: right;
        width: 45%;
}

#main .block_content .formulario.incidencia .caja_interaccion2.color1 {
	background: #fff;
}

#main .block_content .formulario.incidencia .caja_interaccion2.color2 {
	background: #f1f1f1;
}

#main .block_content .formulario.incidencia .caja_interaccion2 p {
	clear: none;
}

#main .block_content .formulario.incidencia .caja_respuesta {
	background: #f1f1f1;
	border: 1px solid #ddd;
	padding: 15px 15px 0 15px;
	margin: 0 25px 10px 25px;
}

#main .block_content .formulario.incidencia .caja_respuesta p{
    float: none;
}

#main .block_content .formulario.incidencia .caja_respuesta label {
	width: 55px;
}

#main .block_content .formulario.incidencia .caja_respuesta textarea {
	width: 99%;
	margin: 0 0 10px 0;
	font-size: 13px;
	padding: 4px;
}

#main .block_content .formulario.incidencia .caja_respuesta input {
	background: #ddd;
	border: 1px solid #cecece;
	font-weight: bold;
	padding: 4px 10px;
}

#main .block_content .formulario.incidencia .caja_respuesta input[type="button"] {
	float: right;
	margin: -40px 0 0 0;
}

#main .block_content .formulario.incidencia .caja_respuesta #cke_contents {
	padding: 0;
}

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

#main .block_content .formulario.incidencia .usuarios {
	list-style: none;
	margin: 0 0 0 15px;
	margin-left: 20%;
	display: table;
}

#main .block_content .formulario.incidencia .usuarios li {
	list-style: none;
	color: #555;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 10px 0;
}

#main .block_content .formulario.incidencia .aviso {
	font-style: italic;
	margin: 0 0 0 8%;
	width: 80%;
}

/* MENSAJER?A */

#main .block_content .formulario.mensajeria .izquierda {
	float: left;
	width: 70%;
	margin-right: 200px;
}

#main .block_content .formulario.mensajeria .izquierda textarea {
	width: 65%;
}

#main .block_content .formulario.mensajeria .derecha {
	float: right;
	width: 225px;
	margin: 0 0 0 -230px;
}

#main .block_content .formulario.mensajeria .derecha ul li {
	list-style: none;
	font-size: 11px;
	margin: 0 0 10px 20px;
	padding: 0 0 0 10px;
	line-height: 15px;
}

#main .block_content .formulario.mensajeria .derecha .msg_body {
	display: none;
}

#main .block_content .formulario.mensajeria .derecha .msg_body .msg_head {
	font-size: 11px;
	background-image: none;
	margin-left: 10px;
}

#main .block_content .formulario.mensajeria .derecha .msg_body .msg_head {
	font-style: italic;
}

#main .block_content .formulario.mensajeria .derecha .msg_list {
}

#main .block_content .formulario.mensajeria .derecha .msg_head {
	cursor: pointer;
	margin: 0 0 5px 20px;
	padding-left: 10px;
	font-weight:bold;
}

#main .block_content .formulario.mensajeria .sombra {
	width: 11px;
	height: 316px;
	position: absolute;
	top: 40px;
	left: 100%;
	margin: 0 0 0 -230px;
}

#main .block_content .formulario.mensajeria #to {
	margin: -9px 0 0 0;
}

#main .block_content .formulario.mensajeria #to img {
	width: 9px;
	height: 9px;
	margin-right: 5px;
}

#main .block_content .formulario.mensajeria #to p {
	margin: 0 0 0 22%;
}

#main .block_content .formulario.mensajeria .aviso {
	font-style: italic;
}

#main .block_content .formulario .mdi:not(.datepicker_icon):not(.mdi-star):not(.mdi-close){
	font-size: 18px;
    float: left;
}

#main .block_content .formulario div > label > .faqs > .help > i.mdi:not(.datepicker_icon):not(.mdi-star):not(.mdi-close){
	float: none;
	line-height: 8px;
}

#main .block_content .formulario .cambiar .mdi{
    margin-top: 3px;
    margin-left: 4px;
}

#main .block_content .formulario label .mdi:not(.datepicker_icon){
    float: initial;
}

#main .block_content .formulario .mdi.datepicker_icon{
        margin-top: 0;
        float: left;
}

#main .block_content .formulario .mdi.flujo{
    float: initial;
}

#main .block_content .formulario.perfil_edicion .contenedor_foto .foto_cortada .borrar .mdi{
    position: absolute;
    top: 0;
    right: 0;
}

/* NOTIFICACIONES */

#container #main .inicio .bordes p span .mdi{
	position: relative;
    font-size: 18px;
    top: 2px;
    left: 1px;
    float: left;
    padding: 0 15px 0 0px;
	color:#76c4e8;
}

/* PERFIl_EDICION */

#main .block_content .formulario i.mdi.user{
	color: #8e8e8e;
        float: left;
}

#main .block_content .formulario i.mdi.user::before {
	font-size: 90px;
	margin: 0 0 10px 0;
	padding: 30px 0;
}

#main .block_content .formulario .tutor_list .user {
    float: none;
}

#main .block_content perfil .derecha .user{
	font-size: 160px !important;
}

/* REDES SOCIALES */

i.box{
	color: #fff;
	padding: 5px 5px 4px 5px;
}

.mdi.mdi-google-plus{
	background: #dd4b3c;
}

.mdi.mdi-facebook{
	background: #1171a3;
}

.mdi.mdi-twitter{
	background: #52b9e9;
}

.mdi.mdi-linkedin{
	background: #0077b5;
}

.mdi.mdi-youtube{
	background: #cf3427;
}

.mdi.mdi-format-quote-open{
	background: #f58f38;
}

.mdi.mdi-earth{
	background: #3277bc;
}

/* Estados usuarios */

.mdi.mdi-account.state-pending{
	color: #a4a4a4;
}

.mdi.mdi-account.state-read{
	color: #efcc3f;
}

.mdi.mdi-account.state-accept{
	color: #69ea57;
}

.mdi.mdi-account.state-reject{
	color: #ff7676;
}

/* Metabase */

#main .inicio .block .metabase_download {
	border: 1px solid #f0f0f0;
	border-radius: 3px;
	padding: 25px 22px 35px;
	margin: 0 0 10px 0;
}

#main .inicio .block .metabase_download h4 {
	color: #4c545b;
	font-size: 1.5em;
	font-weight: 700;
	font-family: "Lato", sans-serif;
	margin: 0 0 20px;
}

#main .inicio .block .metabase_download ul {
	list-style: none;
	width: auto;
}

#main .inicio .block .metabase_download ul li {
	display: inline;
	color: #959596;
	border-radius: 5px;
	padding: 10px !important;
	list-style: none;
	border: 2px solid rgb(223, 224, 225);
	padding: 0.25em 1em 0.25em 1em;
	position: relative;
}

#main .inicio .block .metabase_download ul li .mdi {
	margin: 5px;
	position: absolute;
	left: 4px;
	top: 6px;
}

#main .inicio .block .metabase_download ul li a {
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Lato", sans-serif;
	margin: 0 10px 0 22px;
	color: #959596;
}

#main .inicio .block .metabase_download ul li:before {
	content: "";
}

.listcourses h4,.listcourses h5{
	width: 100%;
}

/* Course details */

body #main.coursedetails{
    margin-left: 0;
    width: 100%;
    margin-top: -15px !important;
}

body #main.coursedetails .categoryImg{
    min-height: 150px;
    height: 150px;
    padding: 15px 30px;
    background-size: cover;
    background-position: 0 0;
    position: relative;
}

body #main.coursedetails .categoryImg .infocourse{
    position: relative;
}

body #main.coursedetails .categoryImg h1{
    color: #fff;
    font-size: 300%;
    font-family: 'roboto_condensedregular';
    margin-top: 14px;
    margin-left: 39px;
}

body #main.coursedetails .categoryImg h6{
    color: #fff;
    font-family: 'roboto_condensedregular';
    text-transform: uppercase;
    margin-left: 39px;
}

body #main.coursedetails .categoryImg #navbar2 {
    margin: 10px 0 5px 0;
	display: table;
}

body #main.coursedetails .categoryImg #navbar2 .left{
    font-size: 25px;
    color: #858585;
    margin: -2px 0 0 0;
    cursor: pointer;
    display: none;
	float: left;
}

body #main.coursedetails .categoryImg #navbar2 ul{
	float: left;
}

body #main.coursedetails .categoryImg #navbar2 ul li{
	float: left;
	list-style: none;
	color: #000;
}

body #main.coursedetails .categoryImg #navbar2 ul li:last-child {
	font-weight: bold;
}

body #main.coursedetails .categoryImg #navbar2 ul li a {
	color: #000;
}

body #main.coursedetails .categoryImg #navbar2 ul li.flecha:before {
  	font: 22px "Material Design Icons";
	content:"\f35f";
}

body #main.coursedetails .categoryImg #navbar2 ul li,
body #main.coursedetails .categoryImg #navbar2 ul li a{
    color: #fff;
}

body #main.coursedetails .block{
    padding: 20px 70px 0 70px;
    width: calc(100% - 140px);
}

body #main.coursedetails #bloque0 .header{
    /*background: transparent;*/
}

body #main.coursedetails #bloque0 .header. h2{
    font-family: 'roboto_condensedregular';
    color: #34c093;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: initial;
    line-height: 45px;
    width: 100%;
	background: #fff;
}

body #main.coursedetails #bloque0 .header.h2 {
	background: #fff;
}

body #main.coursedetails #bloque0 .header h2 {
	 flex: 0 0 70%;
}

body #main.coursedetails #bloque0 .header h2 span{
    word-break: break-word;
	margin-top: 10px;
    color: #2d5c8b;
}

body #main.coursedetails #bloque0 .header h2 .stars{
    display: -webkit-inline-box;
    text-indent: 3px;
    margin-left: 15px;
    position: relative;
    top: 8px;
}

body #main.coursedetails #bloque0 .header h2 .stars:before{
    content: "|";
}

body #main.coursedetails #bloque0 .header h2 .stars i.mdi-star{
    display: inline-grid;
    padding: 0;
    margin: 0;
    font-size: 18px;
    float: initial;
    text-indent: -2px;
}

body #main.coursedetails #bloque0 .header h2 .stars i.mdi-star:not(.active){
    color: #dadada;
}

body #main.coursedetails #bloque0 .header h2 .stars i.mdi-star:hover{
    background: transparent;
    cursor: initial;
}

body #main.coursedetails #bloque0 .header h2:before{
    font: 1.5rem "Material Design Icons";
    content: "\F0BA";
    position: relative;
    top: 0;
    height: 44px;
    padding: 8px 10px;
    padding-left: 0px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #2d5c8b;
    color: #fff;
}

body #main.coursedetails #bloque0 .header input[type=button]{
    background: #2d5c8b;
    color: #fff;
    margin-top: 6px;
}

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

body #main.coursedetails div[id^=bloque] .block_content fieldset{
    margin-left: 40px;
}

body #main.coursedetails div[id^=bloque] .block_content fieldset .row{
    margin: 0;
}

body #main.coursedetails #bloque0 .block_content fieldset legend{
    margin: 20px 0;
    font-weight: 600;
    color: #3c7ab9;
    font-size: 14px;
}

body #main.coursedetails div[id^=bloque] .block_content [class*='col-']{
    padding: 0;
    margin-bottom: 10px;
}

body #main.coursedetails div[id^=bloque] .block_content [class*='col-'] label{
    text-align: left;
    padding-right: 20px;
    opacity: 0.8;
    font-size: 12px;
    vertical-align: top;
}

body #main.coursedetails #bloque0 .block_content .formulario .izquierda{
    flex: 0 0 65%;
}

body #main.coursedetails #bloque0 .block_content .formulario .izquierda input:not([readonly]){
    border: 1px solid #c7c7c7;
    padding: 0 8px 0 8px;
}

body #main.coursedetails:not(.badgedetails) #bloque0 .block_content .formulario .izquierda div.chosen-container{
    width: 100% !important;
}

body #main.coursedetails:not(.badgedetails) #bloque0 .block_content .formulario .izquierda input[readonly]{
    cursor: initial;
    outline: none;
    width: 100%;
}

body #main.coursedetails #bloque0 .block_content .formulario .izquierda .disabled a{
    border-bottom: 1px dotted #ccc;
    width: 100%;
    display: block;
}

body #main.coursedetails #bloque0 .block_content .formulario p label{
    margin-left: 50px;
    text-align: left;
}

body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p input[readonly],
body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p select[readonly],
body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p select[disabled],
body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p div.chosen-container .chosen-single,
body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p textarea[readonly]{
    border: 0;
    box-shadow: none;
    color: #000;
    background: none;
}

body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p div.chosen-container.chosen-disabled{
    opacity: 1 !important;
    margin-bottom: 10px;
}

body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p div.chosen-container .chosen-single > div{
    display: none;
}

body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p select[disabled]{
    -webkit-appearance: none;
}

body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p select[disabled]::ms-expand{
    display: none;
}

body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p textarea[readonly],
body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p #cke_content .cke_contents{
    border: 0;
    padding: 0;
    resize: none;
    height: auto !important;
}

body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p #cke_content .cke_inner{
    border: 0 !important;
    width: 60%;
    position: relative;
    left: -20px;
}

body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p #cke_content .cke_top,
body #main.coursedetails #bloque0 .block_content .formulario:not(.edicion) p #cke_content .cke_bottom{
    display: none;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha{
    flex: 0 0 35%;
    display: block;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .contenedor_foto{
    padding-left: 20px;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha img#courseImagen{
    display: block;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    height: 300px;
	max-height: 100%;
    width: 300px;
	max-width: 100%;
    margin: 0 auto 1rem;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons{
    display: flex;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 0 auto 1rem;
    width: 400px;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons > div{
    text-align: center;
    font-size: 12px;
    margin: 0 auto .5rem;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons > div:not(:last-child){
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons > div .icondiv{
    min-height: 35px;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons > div .icondiv i{
    float: none;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons > div.assess .icondiv span{
    display: flex;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons > div .icondiv i.mdi-star{
    margin: 0;
    cursor: pointer;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons > div .icondiv .noenroll i.mdi-star{
    margin: 0;
    color: #9c9c9c;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons label.labelicons {
    text-align: right;
    width: 40%;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons i.mdi:not(.mdi-star){
    position: relative;
    background-color: transparent;
    color: #9c9c9c;
    font-size: 1.5rem;
    padding: 0;
    width: auto;
    height: auto;
    border-radius: initial;
    cursor: pointer;
}

body:not(.mobile) #main.coursedetails #bloque0 .block_content .formulario .derecha .icons #shareEventeListener.mdi,
body:not(.mobile) #main.coursedetails #bloque0 .block_content .formulario .derecha .icons .containerfav  .mdi,
body:not(.mobile) #main.coursedetails #bloque0 .block_content .formulario .derecha .icons #calendarEventeListener.mdi { /* Las estrellas se quedan fuera */
	width: 35px;
	height: 35px;
	display: block;
	background: rgba(252,255,255,.0);
	border-radius: 50%;
	padding-top: 6px;
	text-align: center;
}

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{
	background: rgba(195,195,195,.25);
    color: #3c7ab9;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons .containerfav{
    cursor: pointer;
    height: 30px;
    display: block;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons .containerfav input[id^='toggle-heart']{
    position: absolute;
    left: -100vw;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons .containerfav input[class*='toggle-heart']:not(.defaultfav).checked + label {
    will-change: font-size;
    animation: heart .6s cubic-bezier(.17, .89, .32, 1.49);
}

@keyframes heart {
    0%, 15% { font-size: 0; }
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons .containerfav input[class*='toggle-heart'].checked + label{
    color: #eb3532;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons .containerfav > label{
    cursor: pointer;
    margin-bottom: 0;
    color: #9c9c9c;
    font-size: 1.5rem;
    width: 100%;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons .containerfav > label > i.mdi.fav{
    color: inherit;
    font-size: inherit;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons label.labelicons .valoracioncurso i.mdi-star{
    padding: 1px;
    margin: 0;
    color: #9c9c9c;
    font-size: 16px;
    cursor: pointer;
    text-shadow: none;
}

body #main.coursedetails #bloque0 .block_content .formulario .derecha .icons label.labelicons .valoracioncurso i.mdi-star.active{
    color: #eb3532;
}

body #main.coursedetails #bloque3{
    padding: 20px 70px;
    width: calc(100% - 140px);
}

body #main.coursedetails #bloque3 #convocatorias h4.convocatoriastitulo{
    font-family: 'roboto_condensedregular';
    color: #3c7ab9;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase;
    cursor: initial;
    display: flex;
}

body #main.coursedetails #bloque3 #convocatorias h4.convocatoriastitulo:before{
    font: 30px "Material Design Icons";
    content: "\F0ED";
    padding: 10px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #3c7ab9;
    color: #fff;
    position: relative;
    top: -5px;
    height: 50px;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent{
    border: 1px solid #cdcdcd;
    margin-left: 50px;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tabletitle{
    padding: 5px;
    background-color: #e4e4e4;
    border-bottom: 1px solid #cdcdcd;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tabletitle .title{
    font-weight: bold;
    font-size: 15px;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv{
    padding: 10px;
    background-color: #fff;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias{
    width: 100%;
    border: 1px solid #cdcdcd;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias tr,
body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias th,
body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias td{ border: 0; font-size: 13px; }

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias th,
body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias td{
    padding: 3px;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias tbody tr,
body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias tbody tr:first-child {
    border-bottom: 1px solid #cdcdcd;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias thead tr{
    background-color: #efecec;
    border-bottom: 1px solid #cdcdcd;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias thead:not(:first-child) tr{
    border-top: 5px solid #cdcdcd;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias thead tr th{
    font-weight: 600;
    font-size: 14px;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias tbody tr td {
    font-weight: 200;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias tbody tr.starttr:not(:first-child){
    border-top: 3px solid #cdcdcd;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias thead button{
    border: 0;
    line-height: 20px;
    background-color: #3c7ab9;
    color: #ffffff;
    padding: 0px 10px;
    border-radius: 0;
    height: 24px;
    font-size: 11px;
    margin: 0 auto;
    display: -webkit-box;
}

body #main.coursedetails #bloque3 #convocatorias .convocatoriascontent .tablediv table#tableConvocatorias thead button:hover{
    background-color: #3c7ab9;
}

body #main.coursedetails #bloque0 .block_content .formulario.edicion .right img#perfilImagen{
    max-width: 55%;
}

body #main.coursedetails #bloque0 .block_content .formulario.edicion .right .contenedor_foto .filePerfilPicture label{
    width: 18%;
}

body #main.coursedetails #bloque0 .block_content .formulario.edicion .right .contenedor_foto .filePerfilPicture span.nota{
    position: initial;
    margin: 0;
}

body #main.coursedetails .categoryImg .infocourse .navegationcourse{
        margin: 0 0 0 2.5rem;
        min-width: 100px;
}

body #main.coursedetails .categoryImg .infocourse .navegationcourse a{
        color: #fff;
}

body #main.coursedetails .categoryImg .infocourse .titlecourse {
        margin: 1rem 0 1rem 2.5rem;

}

body #main.coursedetails .categoryImg .infocourse .titlecourse h1{
        color: #fff;
        font-size: 2.5em;
        font-weight: 600;
        font-family: 'roboto_condensedregular';
        margin-top: 14px;
        margin-left: 39px;
}

body #main.coursedetails .categoryImg .infocourse .titlecourse h6{
        color: #fff;
        font-family: 'roboto_condensedregular';
        text-transform: uppercase;
        margin-left: 39px;
}

body #main.coursedetails .categoryImg .infocourse .navegationcourse input[type="button"]{
        background: #005b24;
        color: #fff;
        border: 0;
        padding: 8px 15px;
        font-size: 13px;
        align-self: self-start;
        width: 100%;
        white-space: normal;
}

body #main.coursedetails .categoryImg .infocourse .navegationcourse input[type="button"]:hover{
        background: #349a34;
}

body #main.coursedetails #bloque0 .header a{
        color: #fff;
        display: block;
        width: 100%;
}

body #main.coursedetails #bloque0 .header a:hover{
        color: #349a34;
}

body #main.coursedetails #bloque0 .header a div[class^="col-"]{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
}

body #main.coursedetails div[id^=bloque] .block_content [class*='col-'] span.grades{
        text-transform: uppercase;
        font-size: 16px;
        margin-right: 10px;
}

body #main.coursedetails div[id^=bloque] .block_content [class*='col-'] span.grades+i.certificate{
        font-size: 24px !important;
        color: #9c9c9c;
        cursor: pointer;
}

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

.treeStart {
	margin: 0 0 0 30%;
	padding: 30px;
}

.treeStart .mdi {
	color: #0077b5;
	font-size: 12px;
}

.files input {
    outline: 1px dotted #ccc;
    outline-offset: -10px;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 33px 0px 73px 4%;
    text-align: center !important;
    width: auto;
    min-width: 400px;
}
.files input:focus{     outline: 2px dashed #ddd;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #ccc;
 }

.files {
	position:relative
}

.files:after {
	pointer-events: none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 30px;
    right: 8%;
    height: 36px;
    content: "";
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

.color input {
	background-color: #fff;
}

.files:before {
    position: absolute;
    bottom: -19px;
    left: 25%;  pointer-events: none;
    width: auto;
    height: 57px;
    /*content: " Arrastrar Imagen. ";*/
    display: block;
    margin: 0 auto;
    color: #666;
	font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}

/* image_crop */

.image_crop_container{
    position: absolute;
    top: 25%;
    right: 5%;
    padding: 20px;
    background-color: #ffffff;
    color: #3d3d3d;
}

.image_crop_container input[type=button], .image_crop_container input[type=submit], .image_crop_container button[type=button]{
    background: #005b24;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
}

.image_crop_container input[type=button]:hover, .image_crop_container input[type=submit]:hover, .image_crop_container button[type=button]:hover{
    background: #008742;
}

/* Main Alumno srmdemo */

#main_content.firstLvl, #main_content.secondLvl{
    padding-left: 0;
    padding-right: 0;
}

#main_content.firstLvl #container #column, #main_content.secondLvl #container #column{
    top: 0 !important;
}

#main_content.firstLvl #container #column .menu, #main_content.secondLvl #container #column .menu{
    border: 0;
    padding: 0;
}

.badge.color{
    font-size:inherit;
    font-weight: inherit;
}

/* New detail courses structure */

body #main.coursedetails div[id^=bloque] .block_content [class*='col-'] input[type="checkbox"]{
    margin-bottom: 10px;
    margin-right: 10px;
}

#navbar.navbar-with-help{
	margin: 0 10px 5px 20px;
	display: block;
}

body#page-main #main_content #main .coursescard #navbar.navbar-with-help,
body#page-main #main_content #main .listcourses #navbar.navbar-with-help {
    margin: 0;
    padding: 0;
    display: inline-block;
    min-height: 28px;
}

body#page-main #main_content #main .coursescard #navbar.navbar-with-help ul,
body#page-main #main_content #main .listcourses #navbar.navbar-with-help ul {
    padding: 0;
    margin: 0;
}
.faq-content-with-help{
	width: auto;
        float: right;
}
.faq-right{
	float: right;
}
.faq-left{
	float: left;
}
body#page-main #main .mycourses > .tabs.faq-content-with-help > #faqs,
.faq-content-with-help #faqs,
#navbar #faqs{
	float: right;
}
body#page-main #main .coursescard .faq-content-with-help.modal-open {
	z-index: 10050;
}
body#page-main #main .coursescard .faq-content-with-help > #faqs > .modal{
	position: fixed;
}
.faq-content-with-help #faqs #faqs-help,
#navbar #faqs #faqs-help{
	cursor: pointer;
}
.faq-content-with-help #faqs #faqs-help i.mdi.mdi-help-circle,
#navbar #faqs #faqs-help i.mdi.mdi-help-circle{
	font-size: 24px;
}
.modal-faqs .faq:not(:last-child){
	margin-bottom: 15px;
}
.modal-faqs .faq .faq_name{
	color: #333;
}

/* Help screen */

body#page-main #main > *:not(.modal):not(.featureCategory):not(.headerCategory).coursescard.helppage{
	padding: 0;
}

body#page-main #main > .coursescard.helppage{
    padding: 3rem;
	background: url('../img/int_fnd.jpg') no-repeat fixed 0 0;
	background-size: cover;
	height: 100%;
}

body#page-main #main > .coursescard.helppage > div{
	background-color: rgba(255, 255, 255, 0.6);
    height: 100%;
}

body#page-main #main > .coursescard.helppage > div > *{
    position: initial;
	padding: 0 3rem;
}

body#page-main #main .coursescard.helppage > div > .tabs.title{
    display: flex;
    color: #fff;
    min-height: 150px;
    flex-direction: column;
    justify-content: space-around;
    margin-bottom: 2rem;
}

body#page-main #main .coursescard.helppage > div > .tabs.title > div[id^="navbar"].navbar-with-help{
    position: relative;
    z-index: 5;
}

body#page-main #main .coursescard.helppage > div > .tabs.title > div[id^="navbar"].navbar-with-help ul li,
body#page-main #main .coursescard.helppage > div > .tabs.title > div[id^="navbar"].navbar-with-help ul li a{
	color: #fff;
}

body#page-main #main .coursescard.helppage > div > .tabs.title > h1,
body#page-main #main .listcourses.helppage > div > .tabs.title > h1{
	text-transform: uppercase;
    font-size: 50px;
    font-weight: 400;
    padding: 0;
    text-align: left;
    width: 60%;
    margin-left: 0;
}

body#page-main #main .coursescard.helppage > div > .tabs > h1,
body#page-main #main .listcourses.helppage > div > .tabs > h1{
    font-weight: 600;
    border-right: 0;
    text-align: left;
}

body#page-main #main .coursescard.helppage > div > .help-tab{
    margin-bottom: 4rem;
}

body#page-main #main .coursescard.helppage > div > .tabs{
    position: relative;
}

body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs{
    position: relative;
    overflow-x: hidden;
    flex-wrap: nowrap;
    border-bottom: 0;
    height: 40px;
	max-width: calc(100vw - (6rem + 300px));
    margin: 40px 0 30px 0;
}

body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-bar{
    content: "";
    position: absolute!important;
    bottom: 0;
    height: 8px;
    background-color: #bfbfbf;
    border-radius: 25px;
    width: 100%;
}

body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item{
    margin: 0 40px 0 0;
    text-transform: uppercase;
}

body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item ~ li.nav-item{
    margin: 0 40px 0 40px;
}

body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item ~ li.nav-item:last-child{
    margin: 0 0 0 40px;
}

body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item:after{
}

body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item a.nav-link{
    position: relative;
    top: 10px;
    white-space: nowrap;
    line-height: 14px;
    padding: 0px 10px;
    border: 0;
    z-index: 1;
    color: #7693a3;
}

body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item a.nav-link:hover{
    color: #bfbfbf;
}

body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item a.nav-link.active{
    color: #1f3953;
    background-color: transparent;
}

body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item a.nav-link.active:after{
    content: "";
    display: block;
    width: calc(100% + 20px);
    margin-left: -10px;
    height: 8px;
    margin-top: 8px;
    background-color: #1f3953;
    border-radius: 25px;
}

body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs.dragscroll:active,
body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs.dragscroll:active a {
    cursor: -webkit-grabbing;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content{
    margin: 40px 0 30px 0;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content>.tab-pane{
    position: relative;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content>.tab-pane.active{
    display: block;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question{
    position: relative;
    padding: 1rem 3rem 1rem 1rem;
    border-bottom: 3px solid #bfbfbf;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question:first-child{
    border-top: 3px solid #bfbfbf;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question a.btn.plus,
body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question a.btn.text{
    font-size: inherit;
    padding: 0;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question a.btn.plus{
    position: absolute;
    right: 20px;
    top: 12px;
    height: 28px;
    width: 30px;
    line-height: 28px;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question a.btn:hover{
    color: #bfbfbf;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question a.btn[aria-expanded="true"].text > span{
    font-weight: 700;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question a.btn i.mdi{
    font-size: 22px;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question a.btn[aria-expanded="true"] i.mdi{
    color: #1f3953;
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question a.btn[aria-expanded="true"] i.mdi:before{
    content: "\F376"
}

body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question .answer > span{
    display: block;
    padding: 1.25rem 0 .25rem 0;
}

body#page-main #main .coursescard.helppage > div > .help-supportemail > span{
    font-weight: 700;
}

@media (max-width: 1200px){
    body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs{
		max-width: calc(100vw - 6rem);
	}
}

@media (max-width: 767px){
    body#page-main #main .coursescard.helppage{
        padding: 2rem;
    }

    body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs{
        height: 32px;
    }

    body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-bar{
        height: 4px;
    }

    body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item{
        margin: 0 20px 0 0;
    }

    body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item ~ li.nav-item{
        margin: 0 20px 0 20px;
    }

    body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item ~ li.nav-item:last-child{
        margin: 0 0 0 20px;
    }

    body#page-main #main .coursescard.helppage > div > .help-tab ul.nav-tabs li.nav-item a.nav-link.active:after{
        height: 4px;
        margin-top: 4px;
    }

    body#page-main #main .coursescard.helppage > div > .help-tab .tab-content .question{
        padding-right: 4.5rem;
    }
}

/**/


/* --- PORTAL --- */
body.portal{
	background: url('../img/int_fnd.jpg') no-repeat fixed 0 0;
}

body.portal .container{
	padding-left: 0;
	padding-right: 0;
}

body.portal input.btn-large{
	display: block;
	width: 150px;
	border-radius: 20px !important;
	padding: 7px;
}

body.portal .input-group.ico-container {
    position: relative;
}

body.portal .input-group.ico-container:not(:focus) input.form-control-plaintext {
    text-indent: 1.75em  !important;
}

body.portal .input-group.ico-container:not(:focus) input.form-control {
	text-indent: 1.5em;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

body.portal .input-group.ico-container .form-control-plaintext + .mdi::before,
body.portal .input-group.ico-container > .mdi::before {
    position: absolute;
	color: #bbb;
	z-index: 100;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.25em;
}

body.portal .input-group.ico-container .form-control-plaintext + .mdi::before {
	left: 0;
}

body.portal .input-group.ico-container > .mdi::before {
	left: 5px;
	pointer-events: none;
}

body.portal #header .info{
	margin: 32px 0 0 0;
}

body.portal .btn{
	border-radius: 4px !important;
	min-width: 75px;
}

body.portal .page-header{
	min-height: 300px;
	height: 300px;
	padding: 15px 30px;
	background-size: cover;
	background-position: 0 0;
	position: relative;
	background-image:  url('https://srmdemo.isyc.com/srm/img/category_default.jpg');
	color: #fff;
}
body.portal .page-header .container > div{
	height: 100%;
	justify-content: center;
	flex-direction: column;
}

body.portal .featureCategory{
	min-height: 150px;
	height: 150px;
	padding: 15px 30px;
	background-size: cover;
	background-position: 0 0;
	position: relative;
	background-image:  url('https://srmdemo.isyc.com/srm/img/category_default.jpg');
	color: #fff;
}

body.portal .featureCategory .main-menu{
	height: 100%;
}
/*body.portal .featureCategory .row.main-menu .portal-menu:before{
	content: '';
	position: absolute;
	width: 15px;
	height: 2px;
	background-color: #fff;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
}*/
body.portal .featureCategory .main-menu .portal-menu{
	position: relative;
	list-style: none;
	margin-bottom: 2rem;
}
body.portal .featureCategory .main-menu .portal-menu a{
	color: #fff;
	font-size: 14px;
}
body.portal .featureCategory .main-menu h2{
	color: #fff;
	font-size: 2.5rem;
	font-family: 'roboto_condensedregular';
	margin-bottom: 0;
	margin-top: 0;
}

body.portal .featureCategory .main-menu button{
	background: #fff;
	font-weight: bold;
	font-family: 'robotolight';
	font-size: 14px;
	color: #364d65;
	border: 0;
	text-transform: uppercase;
	margin-top: 0.3rem;
    border-radius: 20px;
	padding: 0.5rem 1rem;
}
body.portal .featureCategory .main-menu button:hover{
	background: #eee;
}
body.portal #cart-my-account > div{
	display: inline-block;
	position: relative;
}
body.portal #cart-my-account > div > a{
	color: #3E3E3E;
	font-size: 16px;
	padding: 5px 10px;
	position: relative;
}

body.portal #cart-my-account #cart #cart-list{
	padding: 0px 10px 10px;
}

body.portal #cart-my-account #cart #cart-list > p{
	padding-top: 10px;
}

body.portal #cart-my-account #my-account #access-form,
body.portal #cart-my-account #cart #cart-list{
	display: none;
	position: absolute;
	background-color: #fff;
	border: 1px solid #e7e3e2;
	width: 250px;
	right: 0;
	z-index: 999;
}
body.portal #cart-my-account #my-account:hover #access-form,
body.portal #cart-my-account #cart:hover #cart-list{
	display: block;
}
body.portal #cart-my-account #cart #cart-list .cart-list-buttons .cart-button-checkout input.btn{
    width: 100%;
}
body.portal #cart-my-account #cart #cart-list .cart-list-item{
	position: relative;
}

body.portal #cart-my-account #cart #cart-list .cart-list-item:nth-child(even){
	background-color: #f6f6f6;
}
body.portal #cart-my-account #cart #cart-list .cart-list-item a{
	padding: 10px 0 10px;
	display: block;
	position: relative;
}
body.portal #cart-my-account #cart #cart-list .cart-list-item a .remove-cart-item{
	position: absolute;
	right: 0;
	top: 10px;
	padding: 0;
}
body.portal #cart-my-account #cart #cart-list .cart-list-item a .remove-cart-item > i{
	line-height: 18px;
}
body.portal #cart-my-account #cart #cart-list .cart-list-item a p{
	width: calc(100% - 30px);
}
body.portal #cart-my-account #cart > a > .cart_count{
	color: #9c9c9c;
	background-color: #fff;
	border: 1px solid #9c9c9c;
	border-radius: 4em;
	position: absolute;
	top: 0;
	height: 24px;
	width: 24px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	line-height: 10px;
	margin-left: 4px;
}
body.portal #cart-my-account #my-account #access-form form{
	padding: 10px;
}
body.portal #cart-my-account #my-account #access-form form *{
	display: block;
	width: 100%;
}
body.portal #cart-my-account #my-account #access-form form input:not([type="submit"]){
	margin-bottom: 10px;
	border: 1px solid #e8e4e3;
	padding: 3px 5px;
}

body.portal .cart-content{
	padding: 30px 0;
}

body.portal .cart-content .cart-billing input,
body.portal .cart-content .cart-billing a.btn{
	display: block;
	width: 250px;
	margin-bottom: 10px;
}
body.portal .cart-content .cart-billing .access-form p{
	margin-bottom: 15px;
	font-weight: bold;
}
body.portal .cart-content .cart-billing .access-form form *{

}

body.portal .cart-content .cart-billing #modalCreateUser .form-row .form-group input{
	width: 100%;
}

body.portal .cart-content .your-cart{
	padding: 2rem;
	background-color: #f3f3f3;
}

body.portal .cart-content .your-cart form > *{
	display: inline-block;
	width: 100%;
}

body.portal .cart-content .your-cart .cart-summary table{
	margin: 0;
}

body.portal .cart-content .your-cart .cart-summary .remove-cart-item,
body.portal .cart-content .your-cart .cart-summary .remove-user-item{
	cursor: pointer;
}
body.portal .cart-content .your-cart .cart-summary .vertical-bottom{
	vertical-align: bottom;
}
body.portal .cart-content .your-cart .cart-summary .cart-summary-item-dropdown{
	position: relative;
	cursor: pointer;
}
body.portal .cart-content .your-cart .cart-summary .cart-summary-item-dropdown > i{
	position: absolute;
	right: 10px;
	bottom: 5px;
	z-index: 9;
}
body.portal .remove-cart-item{
	min-width: initial;
	padding: 0;
	color: #212529;
	height: 25px;
}
body.portal .remove-cart-file{
	min-width: initial;
    padding: 0;
    color: #212529;
    height: 30px;
    margin-left: 5px;
}
body.portal .cart-content .your-cart .cart-summary .dropdown{
	display: none;
	margin: 0;
}
body.portal .cart-content .your-cart .cart-summary .dropdown > div[class*="selectUsers"] > * {
	display: block;
	width: 100%;
	height: 28px;
	padding: 5px 0;
	margin-bottom: .5rem;
}
body.portal .cart-content .your-cart .cart-summary .dropdown > div[class*="selectUsers"] > button {
	min-width: initial;
	padding: 0;
	color: #212529;
}
body.portal .cart-content .your-cart .cart-summary .dropdown select:not(:last-of-type){
	margin-bottom: 5px;
}

body.portal .cart-content .your-cart .cart-summary .dropdown .cart-item-select-user{
	display: inline-block;
	width: calc(100% - 32px);
}
body.portal .cart-content .your-cart .cart-summary .dropdown .cart-item-select-user + button{
	display: inline-block;
	height: 28px;
	width: 28px;
	padding: 3.5px 8px;
	vertical-align: top;
}

body.portal .cart-content .your-cart .cart-payment h3{
	border-bottom: 0 !important;
}

body.portal .cart-content .your-cart .cart-payment .payment-method{
	padding: 10px;
}
body.portal .cart-content .your-cart .cart-payment .payment-method:first-of-type{
	margin-top: 10px;
}
body.portal .cart-content .your-cart .cart-payment .payment-method:last-of-type{
	margin-bottom: 10px;
}
body.portal .cart-content .your-cart .cart-payment .payment-method:nth-child(even){
	background-color: #fff;
}
body.portal .cart-content .your-cart .cart-payment .payment-method:nth-child(odd){
	background-color: #f2f2f2;
}
body.portal .cart-content .your-cart .cart-payment .payment-method label input{
	margin-right: 10px;
}

body.portal #page >.container{
	margin: 0 auto;
	box-shadow: none;
	padding: 0;
}

body.portal #main:not(.container){
	background: url('../img/int_fnd.jpg') no-repeat fixed;
	margin: 0;
	width: 100%;
}

body.portal .listado-cursos {
	padding: 30px;
}
body.portal .listado-cursos > .row{
	margin-bottom: 35px;
}
body.portal .listado-cursos > .row.cursos{
	margin-bottom: 16px;
}
body.portal .listado-cursos h2{
	font-family: 'roboto_condensedregular';
	font-weight: 300;
	color: #3e3d39;
	margin-bottom: 0;
}
body.portal .listado-cursos .block_content .cursos .card{
	width: auto;
	margin-bottom: 2rem;
	margin-top: 3rem;
}

body.portal .listado-cursos .block_content .cursos .curso .content .courseimage > img {
	display: block;
	width: 100%;
}
body.portal #main.container .block_content .cursos .card .course{
	height: 350px;
	position: relative;
}
body.portal #main.container .block_content .cursos .card .course .courseimg{
	position: relative;
	height: 235px;
	background-size: cover;
	background-position: center;
}
body.portal #main.container .block_content .cursos .card:hover .course .courseimg{
	height: 100%;
}
body.portal #main.container .block_content .cursos .card .course .courseimg:after{
	content: "";
	background-size: cover;
	position: absolute;
	z-index: 1;
	opacity: .8;
	width: 100%;
	height: 100%;
	background-position: center;
}
body.portal #main.container .block_content .cursos .card .course .content{
	padding: 10px 20px;
	background-color: #fff;
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 3;
}
body.portal #main.container .block_content .cursos .card:hover .course .content{
	width: 100%;
	height: 100%;
	background-color: rgba(31,57,83,0.85);
	z-index: 10;
}
body.portal #main.container .block_content .cursos .card .course .content .nameCourse{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 5px;
}
body.portal #main.container .block_content .cursos .card .course .content .nameCourse h2{
	font-family: 'roboto_condensedregular';
	font-size: 20px;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
}
body.portal #main.container .block_content .cursos .card .course .content .nameCourse h3{
	text-transform: uppercase;
	font-family: 'roboto_condensedregular';
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 2px;
	color: #8d8d8d;
	border-bottom: 0;
}
body.portal:not(.mobile) .card:hover .course .content *:not(.mdi-star):not(.mdi-heart):not(.badge){
	color: #fff;
}
body.portal #main.container .block_content .cursos .card .course .content .shortinfoCourse{
	text-transform: uppercase;
	display: flex;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	font-family: 'roboto_condensedregular';
	width: 100%;
}
body.portal #main.container .block_content .cursos .card .course .content .shortinfoCourse i{
	position: relative;
	background-color: transparent;
	color: #8d8d8d;
	font-size: 1.2rem;
	padding: 0;
	width: auto;
	height: auto;
	border-radius: initial;
	display: block;
	text-align: center;
}

body.portal #main.container .block_content .cursos .card .course .content .iconsCourse{
	display: flex;
	flex-flow: row wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	position: absolute;
	bottom: 15px;
	width: calc(100% - 40px);
}
body.portal #main.container .block_content .cursos .card .course .content .iconsCourse i{
	width: 35px;
	height: 35px;
	display: block;
	background: rgba(252,255,255,.0);
	border-radius: 50%;
	padding-top: 6px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
body.portal #main.container .block_content .cursos .card:hover .course .content .shortinfoCourse i{
	color: #ffffff;
}
body.portal #main.container .block_content .cursos .card:hover .course .content .iconsCourse i:hover{
	background: rgba(252,255,255,.25);
}
body.portal #main.container .block_content .cursos .card:not(:hover) .course .content .infoCourse,
body.portal #main.container .block_content .cursos .card:not(:hover) .course .content .iconsCourse,
body.portal #main.container .block_content .cursos .card:not(:hover) .course .content .desc,
body.portal #main.container .block_content .cursos .card:not(:hover) .course .content .buttonsactionCourse{
	display: none;
}
body.portal #main.container .block_content .cursos .card .course .content .buttonsactionCourse{
	text-align: center;
	bottom: 70px;
	position: absolute;
	display: flex;
	width: calc(100% - 40px);
}
body.portal #main.container .block_content .cursos .card .course .content .buttonsactionCourse a{
	border: 1px solid;
	margin: 0 auto;
}
body.portal #main.container .block_content .cursos .card .course .content .buttonsactionCourse a:hover{
	background-color: #558bc2;
}
body.portal .buscador_contenedor1 .buscador1 > p{
	display: flex;
}
body.portal .pagination .inferior_tabla{
	background-color: #fff;
	padding: 5px 15px 15px 15px;
}
body.portal #main .block_content .pagination .inferior_tabla{
	margin: 0;
	margin-left: auto;
}
body.portal.portal-course .courseFirstSection{
	background-color: #fff;
	padding: 3rem 0;
}

body.portal.portal-course .courseFirstSection .name{
	color: #000;
	font-family: Open Sans,Arial,Helvetica,sans-serif;
	font-size: 1.625rem;
	font-weight: 700;
	margin-bottom: 20px;
}
body.portal.portal-course .courseFirstSection .category_name{

}
body.portal.portal-course .courseFirstSection .subtitle{
	color: #4a4a4a;
	line-height: 1.6rem;
	font-size: 14px;
	font-weight: 400;
	font-family: Open Sans,Arial,Helvetica,sans-serif;
}
body.portal.portal-course .courseFirstSection img{
	border-radius: 1rem;
}
body.portal.portal-course a.btn{
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 20px;
	background: rgba(60, 122, 185, 1);
	border: 1px solid #3c7ab9;
	color: #fff;
	margin-top: 5%;
}
body.portal.portal-course #main{
	padding-bottom: 0;
}
body.portal.portal-course #main > .block_content{
	background: transparent;
	padding-bottom: 0;
}

body.portal.portal-course #main > .block_content > .course{
	background-color: #fff;
	padding: 3rem;
	margin: 50px 0;
}
body.portal.portal-course #main > .block_content > .course h3{
	width: 100%;
	margin-top: 15px;
}
body.portal.portal-course #main > .block_content .tutores > h2{
	margin-bottom: 15px;
}
body.portal.portal-course #main > .block_content .tutor-card .col-4{
	text-align: center;
}
body.portal.portal-course #main > .block_content .tutor-card img.foto{
	width: 55px;
}
body.portal.portal-course #main > .block_content .tutor-card i.user{
	font-size: 65px;
	line-height: 50px;
}
body.portal .cart-notices{
	width: 100%;
	display: block;
	padding: 25px;
	margin-bottom: 25px;
}
body.portal .cart-notices.error{
	background-color: rgba(255, 0, 0, 0.15);
}
body.portal .cart-notices.warning{
	background-color: rgba(255, 255, 0, 0.15);
}
body.portal .cart-notices.success{
	background-color: rgba(0, 255, 0, 0.15);
}
body.portal .cart-notices a{
	color: #2d5c8b;
	font-weight: bold;
}
body.portal.portal-cart #add_search_users,
body.portal.portal-cart #add_search_users label,
body.portal.portal-cart #add_search_users .buttons,
body.portal.portal-cart #add_search_users .buttons form{
	display: block;
}
body.portal.portal-cart #add_search_users #searchUserBdText,
body.portal.portal-cart #add_search_users #checkIcon,
body.portal.portal-cart #add_search_users .buttons button{
	display: inline-block;
}
body.portal.portal-cart #add_search_users #checkIcon{
	font-size: 20px;
	vertical-align: middle;
	padding-left: 5px;
}
body.portal.portal-cart #uploadError{
	font-weight: bold;
	font-size: 120%;
}
body.portal.portal-cart #uploadError.error{
	color: red;
}
body.portal.portal-cart #uploadError.success{
	color: green;
}
body.portal #thankYouTable{
	background-color: #fff;
}
body.portal .wire-transfer-info{
	background-color: #fff;
	padding: 15px 0;
}
body.portal .wire-transfer-info p{
	margin-bottom: 15px;
}
body.portal .wire-transfer-info ul{
	list-style: none;
}
body.portal #modalFiles #modalFilesMessages{
	float: right;
}
body.portal #modalFiles table tr td i.mdi-account-check-outline{
	margin-left: 5px;
}
/* --- PORTAL --- */
.tabla_core_report_content{
	display: table;
	table-layout: fixed;
	width: 100%;
}

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

#main .block_content .tabla_core_report_content table#mi-tabla{
	margin-top: 0;
}

.tabla_core_report_content .tabla_core_report_wrapper thead{
	position: sticky;
    top: 0;
    z-index: 10;
}

#main .block_content .tabla_core_report_content table#mi-tabla thead th{
	padding: 9px 10px 9px 10px;
}

.tabla_core_report_content .tabla_core_report_wrapper thead th{
	font-size: 11px;
}

#main .block_content .tabla_core_report_content table#mi-tabla thead th,
#main .block_content .tabla_core_report_content table#mi-tabla tbody td{
	min-width: 150px;
}

.student-header-description #faqs #faqs-help{
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
}

.student-header-description #faqs #faqs-help > i{
	display: block;
	color: #fff;
	cursor: pointer;
	font-size: 22px;
}

body#page-main #main .featureCategory .student-header-description #faqs button {
	border: initial;
	margin: -1rem -1rem -1rem auto;
	color: #fff;
	padding: 1rem 1rem;
	font-weight: initial;
}

body#page-main #main .featureCategory .student-header-description #faqs p {
	color: initial;
	font-size: initial;
	border-left: initial;
	padding: initial;
	margin: initial;
}

body .modal-backdrop{
	z-index: 9999;
}
body .modal{
	z-index: 99999;
}

.clear-ajax-button{
	position: absolute;
	padding: 3px 7px;
	cursor: pointer;
}

/*********************************************/
/* Medium devices (tablets, less than 992px) */
/*********************************************/

@media (max-width: 991px) {
	body.portal #header .info{
		margin: 17px 0 17px 0;
	}
}

/*Badges*/
@media (min-width:768px) and (max-width:1199px) {
	body #main.coursedetails #bloque0 .block_content .formulario .derecha img#courseImagen{
		height: 150px;
		width: 150px;
	}
}

body.portal.portal-course #main > .block_content > .course ul {
    margin-left: 3rem;
}

body.portal.portal-course #main > .block_content > .course ul > li {
    padding-left: .25rem;
}

/*datatables*/
.datatable-row-yellow {
	background-color: #ffff0085 !important;
}

/* style all elements with a required attribute */
:required + label {
  background: red;
}