/* ******* CONTENIDO GENERAL :: Matriculas ******* */
.pleft {
    padding-left: 24px;
    margin-bottom: 0px !important;
}

.pbottom {
    margin-bottom: 0px !important;
}

.box--contenido {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.box--contenido aside section {
    margin-bottom: 12px;
}

.box--contenido h5 {
    border-bottom: 1px solid #E2e2e2;
    padding: 0px 0px 8px 0px;
}

.box--contenido h6 {
    margin: 8px 0px 8px 8px;
    display: block;
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 14px;
}

.box--contenido h6 i {
    border: 1px solid #E2e2e2;
    padding: 4px;
    border-radius: 4px;
    margin-right: 8px;
}

.box--flex {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 0px;
}

.box--campos {
    margin: 8px 0px;
    display: flex;
    flex-direction: row;
}


.login .box--campos {
    margin: 16px auto !important;
}

.login .box--campos input {
    height: 45px;
    font-size: 22px;
}



.box--flex .form-floating>label {
    position: absolute;
    top: -13px;
    left: 12px;
    z-index: 2;
    height: 100%;
    padding: 1.20rem .75rem 1.3rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
}

.profesoredicion .box--flex .form-floating>label {
    top: -11px;
}

.box--campos .form-check-label {
    margin: 5px 0px 5px 8px;
}

.form-floating>.form-control:-webkit-autofill~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    top: -13px;
}


/* ******* Registro Estudiante ******* */
.registro input {
    font-size: 12px;
}

#form-registro-estudiante {
    border: 1px solid #ece9e9;
    border-radius: 6px;
    padding: 16px 8px;
    margin: 0 auto;
    margin-bottom: 24px;
}

#form-registro-estudiante .terminos {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

#form-registro-estudiante h6 {
    height: 20px;
}

p.nota {
    font-size: 11px;
    font-style: italic;
}

p.subir {
    position: absolute;
    top: 29px;
    right: 40px;
    font-size: 12px;
    border: 1px solid #212529;
    padding: 4px 8px 4px 8px;
    border-radius: 4px;
    color: #212529;
    background-color: #e2e2e2;
    margin-right: 7px;
    padding: 4px 5px !important;
}

#tipo-sexo option,
#tipo-sexo,
#contenedor-ayudas,
#contenedor-ayudas option,
#contenedor-becas,
#contenedor-becas option {
    text-transform: capitalize;
}

/* ******* Box Usuario (profesor, etc..) ******* */
.box--user {
    padding: 8px;
    border: 0px !important;
}

.box--user img {
    border-radius: 50%;
    height: 125px;
    width: 125px;
    border: 16px solid #F0F0F0;
    margin: 0 auto;
    display: block;
}

.box--user h6 {
    font-weight: bold;
    font-size: 24px;
    margin: 12px auto;
    text-align: center;
}

.box--user .btn-primary {
    font-size: 10px;
}

.buttons {
    display: flex;
    margin: 24px auto;
    flex-direction: row;
    justify-content: center;
}

.buttons .btn {
    display: inline-block;
    width: auto;
    margin: 0px 8px;
}

.box--campos button {
    margin-right: 12px;
}

.btn--options {
    margin: 0px 0px 16px 12px;
}

.btn--options .ico {
    padding: 4px !important;
}

.btn--options .ico i,
.btn--options .ico:hover i {
    margin-right: 4px;
    margin-left: 4px;
    padding-right: 0px !important;
}

.btn--options .pspace {
    margin-bottom: 8px;
    display: block;
    width: 100%;
}

.box--campos table {
    background-color: #fff;
    border-radius: 6px;
    padding: 10px;
    font-family: 'RobotoRegular';
    font-size: 14px;
    border: 1px solid #E9E9E9;
}

.box--campos table thead tr th {
    font-weight: bold;
    font-size: 10px;
}

.box--campos table tbody tr td {
    font-size: 10px;
    padding: 0px 0px 0px 8px;
    color: #B2ADAD;
}

.box--campos table tbody tr th {
    padding: 0px 8px;
    width: 5%;
}

.btn--table {
    margin-top: 8px;
}

.textarea {
    width: 100%;
}

.textarea .form-control {
    height: 100px !important;
}


.box--reuniones table thead tr th,
.box--reuniones table tbody tr td {
    text-align: center;
    font-size: 12px;
}


.btn--borrar {
    margin-top: 0px;
    margin-bottom: 6px;
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 2.5em !important;
    margin-bottom: .125rem;
}

.user--small a.off img {
    width: 32px;
    margin-top: 3px;
}


/* GENERAL */
.general {
    background-color: #03738B !important;
    width: 99%;
    margin: 0 auto;
}

.general h2 {
    color: #fff;
    font-size: 18px;
    margin: 0px 0px 12px 12px;
}

.general .box--contenido {
    background-color: #fff;

}



.copiar {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    margin: 16px 4%;
}

.copiar i {
    margin: 3px 6px 0px 6px !important;
    color: #4A90E2;
    font-size: 24px;
}

#direccion-copiada {
    margin-left: 0px;
}

.copiar div {
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    padding: 6px 8px;
    display: flex;
    position: relative;
}

.copiar small {
    position: absolute;
    display: block;
    top: 56px;
    font-size: 9px;
    padding: 6px 3px;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
}

.copiar label {
    margin-top: 5px;
    margin-left: 4px;
}

.background-copiar {
    border-radius: 12px;
}


/* SUBHEADER */
.subheader {
    display: flex;
    background-color: #03738B;
    font-family: 'RobotoMedium';
    font-size: 16px;
    text-align: left;
    padding: 12px 8px 8px 18px;
    border-radius: 8px;
    list-style: none;
    flex-direction: column;
    color: #fff;
    margin-left: -12px;
    margin-top: -48px;
    position: relative;
}

.subheader h2 {
    font-size: 18px;
    margin-top: 0px;
}

.subheader h2 span {
    width: 80%;
    height: 1px;
    display: inline-block;
    background-color: #fff;
    margin-top: 0px;
    margin-left: 12px;
}

.subheader .box--flex {
    color: #000;
    margin-top: 6px;
}

.cabeza {
    position: relative;
}

.cabeza h5 {
    font-weight: normal;
    font-size: 14px;
    margin: 12px 0px 0px 0px !important;
    display: block;
    float: left;
    width: 50%;
}


.cabeza div {
    display: block;
    width: 50%;
    position: absolute !important;
    right: 10px;
    top: 30px;
    overflow-y: auto !important;
}

.cabeza div h5 {
    width: auto;
    margin-right: 16px;
    background-color: #fff;
    color: #333;
    padding: 5px 6px 3px 8px;
    border-radius: 6px;
    margin-right: 8px !important;
}

.cabeza div span {
    margin-top: 16px;
    display: block;
    font-size: 12px !important;
    width: 100% !important;
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
}

.edicion-item button,
button.eliminar-edicion,
button.eliminar-ayuda,
button.eliminar-beca,
button.sumar {
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    color: red;
    padding: 5px 7px 2px 6px;
    opacity: 0.8;
}

.edicion-item button:hover,
button.eliminar-edicion:hover,
button.eliminar-ayuda:hover,
button.eliminar-beca:hover,
button.sumar:hover {
    opacity: 1;
}


.ayuda-item .form-floating>label::after {
    position: absolute;
    top: -7px;
}


/* Contenido texto informativo */
.contenedor-txt {
    margin: 8px 0px;
    display: flex;
    color: #03738B;
    font-size: 14px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.contenedor-txt p {
    width: 60%;
}

.box--contenido {
    display: flex;
    background-color: #E9E9E9;
    font-family: 'RobotoMedium';
    padding: 24px 12px 24px 12px;
    border-radius: 8px;
    margin-bottom: 24px;
    list-style: none;
    flex-direction: column;
    z-index: 2;
    margin-top: -14px;
    position: relative;
}

#filtros {
    display: block;
    width: 200px;
    padding: 6px 12px;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: 36px;
    margin-right: 16px;
}

/* Steps */

.basesteps {
    display: flex;
    text-align: center;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.steps__connector {
    width: 80%;
    height: 3px;
    background-color: #03738B;
    position: absolute;
    left: 10%;
    top: 32%;
}


.steps__contenedor {
    display: flex;
    text-align: center;
    flex-direction: column;
    float: left;
    margin: 0 auto;
    flex-wrap: nowrap;
}

.steps {
    display: flex;
    flex-direction: row;
    background-color: #E9E9E9;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 2px solid #03738B;
    margin: 0 auto;
    z-index: 2;
}

.steps__name {
    display: block;
    color: #03738B;
    font-size: 14px;
    margin-top: 12px;

}

/* step selected */

.selected .steps {
    background-color: #03738B;
    border: 2px solid #C6C6C6;
}

.selected .steps__name {
    font-weight: bold;
}

.selected i {
    color: #fff;
    margin: 4px auto;
}

/* Listado de cursos */

.contenedor {
    display: block;
    width: 100%;
    max-height: 600px;
    overflow-y: auto;
}

.listado__cursos {
    display: flex;
    flex-direction: row;
    position: relative;
    gap: 26px;
    justify-content: center;
    margin-top: 24px;
    flex-wrap: wrap;
}

.box__curso {
    background-color: #fff;
    border-radius: 4px;
    padding: 16px;
}

.box__curso h4 {
    color: #002355;
    margin: 8px 0px 16px 0px;
    display: flex;
    flex-direction: row;
}

.box__curso b {
    margin-top: 6px;
}

.box__curso h4 {
    font-size: 16px;
    position: relative;
}

.box__curso h4 div {
    color: #0d6efd;
    position: absolute;
    top: 26px;
    left: 6px;
    font-size: 9px;
}

.box__curso h4 span {
    color: #ffffff;
    background-color: #0079FF;
    width: 55px;
    height: 25px;
    border-radius: 6px !important;
    padding: 7px 6px 3px 5px;
    font-size: 12px;
    margin-right: 8px;
    text-align: center;
}


.box__curso p {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    text-align: left;
    color: #002355;
    margin: 8px 0px;
}

.box__curso p strong {
    font-size: 14px;
    margin-bottom: 16px;
    background-color: #C6C6C6;
    padding: 6px 12px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
}

.box__curso span.sep {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #E9EBF2;
    margin: 16px 0px;
}

.box__curso .seleccion {
    display: block;
    float: left;
}

.box__curso .seleccion p {
    font-size: 10px !important;
}

.box__curso button {
    display: block;
    float: right;
}

.box__curso button.btn-primary {
    background-color: #4A90E2;
    font-family: 'RobotoMedium';
    font-size: 12px;
    padding: 4px 8px !important;
    border-color: #4A90E2;
    text-transform: uppercase;
    border-radius: 4px;
    margin-top: 6px;
    opacity: 0.85;
}

.box__curso button.btn-primary:hover {
    opacity: 1;
}



#pagination {
    margin: 32px 0 16px 0;
    padding: 0;
    text-align: center;

}

#pagination li {
    display: inline
}

#pagination li a {
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    color: #000
}

#pagination li a {
    border-radius: 5px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}

#pagination li a.active {
    background-color: #0079FF;
    color: #fff;
}

#pagination li a:hover:not(.active) {
    background-color: #ddd;
}

.sin-cursos {
    height: 46px;
    border-radius: 5px;
    align-content: center;
    color: gray;
}

/* Datos del Estudiante */

.dates-estudiante .box--contenido {
    padding: 24px !important;
}

.box--contenido__dates {
    background-color: #fff;
    border-radius: 8px;
}

.box--contenido__dates aside {
    border: 0px solid #E9E9E9 !important;
}

.dates-estudiante .box--contenido h5 {
    border-bottom: 0px solid #E2e2e2;
    padding: 16px 0px 8px 0px;
    font-size: 16px;
    font-family: 'RobotoBold';
    border-bottom: 1px solid #E2E2E2;
}

.box--contenido__dates aside section.title {
    margin-bottom: 24px !important;
    margin-top: 12px;
}

.box--contenido__dates aside section {
    margin-bottom: 24px !important;
}

.dates-estudiante .box--contenido h6 {
    display: flex;
    border-bottom: 0px solid #E2e2e2;
    padding: 16px 0px 8px 0px;
    font-size: 16px;
    font-family: 'RobotoBold';
    position: relative;
    flex-direction: row;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
}

.profesoredicion h2 span {
    width: 75%;
    height: 1px;
    display: inline-block;
    background-color: #fff;
    margin-top: 0px;
    margin-left: 12px;
}

.separador {
    display: block;
    float: right;
    width: 80%;
    border-bottom: 1px solid #E2E2E2;
    margin-top: -12px;
    margin-left: 12px;
}

.terminos {
    color: #A7A6A6;
    font-size: 11px;
    line-height: 1.5;
    font-style: italic;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    margin-top: 24px;
}

.terminos strong {
    display: block;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 8px;
    font-size: 12px;
}

.terminos .form-check-input[type=checkbox] {
    border-radius: .25em;
    margin-right: 12px;
}

/* Preinscripción */
.table--documentacion {
    display: block;
    width: 100%;
}

.table--documentacion thead {
    border-bottom: 1px solid #E2E2E2;
    width: 100%;
}

.table--documentacion thead th {
    font-weight: bold;
    font-size: 12px;
    padding-right: 32px;
    width: 33% !important;
    text-align: center;
}

.table--documentacion .doc {
    text-align: center;
}

.table--documentacion .doc span {
    margin: 0px 32px;
    font-size: 12px;
}

.table--documentacion .doc span i {
    font-size: 18px;
}

.table--documentacion .doc button {
    float: inline-end;
    margin: 0px 32px;
    margin-top: -8px;
}

.table--documentacion .type {
    background-color: #FFAF0B;
    border-radius: 4px;
    padding: 8px 8px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    min-width: 40%;
    margin: 14px 32px 14px 14px;
    display: block;
}

.table--documentacion tbody tr td {
    text-align: center;
}

#tabla-preinscripcion textarea {
    min-height: 65px;
}

#tabla-preinscripcion input {
    background-color: #4A90E2;
    color: #fff;
    padding: 7px;
}

#tabla-preinscripcion .textarea {
    width: 200px;
}

/* Fornalizar Inscripción */

.resumen ul {
    list-style: none;

}

.resumen ul li {
    display: flex;
    border: 1px solid #C6C6C6;
    border-radius: 6px;
    padding: 8px;
    color: #03738B;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 8px 0px;
    width: fit-content;
    min-width: 32%;
}

.resumen ul li p {
    margin-left: 32px;
    color: #BBB2B2;
    text-align: left;
}

/* Profesor :: Alta del Curso */

.profesor .nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.profesor .nav-tabs .nav-item.show .nav-link,
.profesor .nav-tabs .nav-link.active {
    color: #d63384;
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: transparent;
}

.profesor .nav-tabs {
    border: 0px;
}

.profesor .nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-radius: 8px;
    border: 1px solid #fff;
}

.profesor .subheader {
    position: relative;
    margin-left: -12px;
}

.profesoredicion {
    margin-left: -12px;
}

.gestor {
    padding-bottom: 16px;
}


h2.editar {
    margin-bottom: 12px;
    margin-top: 0px;
}



.profesor .subheader i.bi-people-fill {
    position: absolute;
    bottom: 0px;
    font-size: 80px;
    right: 8px;
}

/* Profesor : datos generales */
.profesor .resumen ul li {
    border: 0px solid #C6C6C6;
    border-radius: 6px;
    padding: 8px;
    color: #03738B;
    flex-direction: row;
    justify-content: flex-start;
    margin: 8px 0px;
    width: fit-content;
    min-width: 50%;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
}

.profesor .resumen ul li label {
    margin: 5px 0px 0px 6px;
}

.profesor .resumen ul li p {
    margin-left: 32px;
    color: #BBB2B2;
    text-align: left;
    width: 60%;
}

.profesor .resumen ul li span {
    text-align: left;
    width: 40%;
}

.profesor .resumen ul li .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 3.5em !important;
    margin-bottom: .125rem;
}

.profesor .lead {
    display: block;
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 24px;
}

.profesor .box--contenido__dates .select2-container--default .select2-selection--single,
.select2-results__option {
    font-size: 10px !important;
}

/* Profesor : Listado de Cursos */
.header-profesor .title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;

    align-items: center;
}

.header-profesor .title h5 {
    font-size: 18px;
    margin: 0px 0px 16px 0px;
    padding: 0px;
    text-transform: capitalize;
    border-bottom: 0px;
}

.header-profesor .title .separador {
    border-bottom: 1px solid #c6c6c6;
    width: 60% !important;
}

.header-profesor .title .form-floating {
    margin: 0px 0px 12px 24px;
}

.header-profesor .listado__mis-cursos {
    padding: 24px !important;
    background-color: #fff;
    border-radius: 6px;
    max-height: 500px;
    overflow-y: auto;
    min-height: 300px;
}

.header-profesor .listado__mis-cursos thead {
    position: sticky;
    top: -24px;
    background-color: #fff;
    z-index: 20;
    box-shadow: 0 2px 0 #c6c6c6;
}


/* css selección Profesor */

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding: 2px 0px 2px 5px !important;
    text-overflow: ellipsis;
    white-space: normal !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
    height: 12px;
    font-size: 11px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    width: 10%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {

    padding: 6px 8px !important;
    font-size: 10px;
}


/* Listado Tabla */

.contenedor-listado {
    padding: 24px !important;
    background-color: #fff;
    border-radius: 6px;
    max-height: 500px;
    overflow-y: auto;
    min-height: 300px;
}

.contenedor-listado thead {
    position: sticky;
    top: -24px;
    background-color: #fff;
    z-index: 20;
    box-shadow: 0 2px 0 #c6c6c6;
}

.listado thead tr th {
    font-size: 14px;
    text-align: center;
    min-width: 100px;
}

.listado tbody tr {
    border-bottom: 1px solid #e7e4e4;
}

.listado tbody tr.box__mi-curso {
    cursor: pointer;
}

.listado tbody tr.box__mi-curso td span {
    border-radius: 50%;
    padding: 6px 9px;
}

.listado tbody tr.box__mi-curso td:nth-child(2) {
    /* font-weight: bold; */
    font-size: 14px;
    padding: 24px 24px;
    min-width: 300px;
}

.listado tbody tr.box__mi-curso td:nth-child(3),
.listado tbody tr.box__mi-curso td:nth-child(4) {
    min-width: 85px;
}

.listado tbody tr.box__mi-curso td:nth-child(9),
.listado tbody tr.box__mi-curso td:nth-child(10),
.listado tbody tr.box__mi-curso td:nth-child(11),
.listado tbody tr.box__mi-curso td:nth-child(12),
.listado tbody tr.box__mi-curso td:nth-child(13),
.listado tbody tr.box__mi-curso td:nth-child(14) {
    min-width: 100px;
}

.listado tbody tr.box__mi-curso td:nth-child(15),
.listado tbody tr.box__mi-curso td:nth-child(16) {
    min-width: 150px;
}

.listado tbody tr.box__mi-curso td div {
    margin: 0px 12px;
}

button.actas {
    background-color: #4A90E2;
    font-family: 'RobotoMedium';
    font-size: 12px;
    padding: 6px 12px 4px !important;
    border-color: #4A90E2;
    text-transform: uppercase;
    border-radius: 4px;
    color: #fff;
    box-shadow: none;
    margin-left: 8px;
    min-width: 150px;
    line-height: 16px;
}

button.actas:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0b5ed7;
}



.listado tbody tr td,
.listado tbody tr th {
    padding: 16px 6px;
    font-size: 14px;
    font-weight: normal;
    color: #919191;
    text-align: center;
}

.listado td div {
    border-radius: 6px;
    padding: 4px 12px;
    text-align: center;
    color: #fff;
    background-color: #f6a21b;
    font-size: 10px;
    border-color: #f6a21b;
    width: auto;
}

.listado td span {
    border-radius: 8px 0px 8px 0px;
    padding: 6px 24px 3px !important;
    text-align: center;
    color: #f6a21b;
    font-size: 12px;
    border: 1px solid #f6a21b;
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
    color: #fff !important;
    letter-spacing: 1px;
}

#datosgenerales,
#pre-inscripcion,
#ayudas,
#becas {
    overflow-y: auto;
    max-height: 600px;
    overflow-x: hidden;
}


#datosgenerales .form-check label,
#pre-inscripcion .form-check label,
#ayudas .form-check label,
#becas .form-check label {
    font-size: 12px !important;
    margin-top: 6px;
}

/* LISTADO ESTUDIANTES MATRI. EN UN CURSO */
.subheader h5 {
    font-weight: normal;
    font-size: 14px;
    margin: 24px 0px;
}

.checks {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

.checks .form-check label {
    font-size: 11px !important;
    margin-top: 8px;
}

.matriculados td span {
    padding: 6px 10px !important;
    background: #fff;
}

.matriculados td a {
    text-decoration: none;
}

/* AYUDAS Y BECAS - SOLICITAR  */
.ayb {
    position: relative;
}

.ayb span {
    position: absolute;
    bottom: -12px;
    left: -3px;
    font-size: 120px;
    opacity: 0.05;
    font-weight: normal !important;
}

.ayb h5 {
    font-weight: bold;
    margin-bottom: 16px;
}

.ayb .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem !important;
    margin-bottom: .125rem;
    padding-right: 1.5rem;
}

.ayb .form-check label {
    font-size: 12px !important;
    margin-top: 5px;
}

.caja-ayb {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-evenly;
}

.boxayd,
.boxayd-2 {
    background-color: #E9E9E9;
    border-radius: 6px;
    padding: 24px;
}

.boxayd {
    position: relative;
}

.sepa {
    background-color: #E9E9E9;
    width: 51%;
    height: 20px;
    position: absolute;
    top: 40%;
    right: -48%;
}

.big {
    font-size: 5rem;
}

.boxayd h4,
.boxayd-2 h4 {
    font-size: 14px;
    margin-bottom: 16px;
}

.boxayd-2 {
    z-index: 99;
    position: relative;
}

.bi-floppy {
    position: absolute;
    top: -76px;
    right: -75px;
    font-size: 120px;
    color: #e9e9e9;
    z-index: 99;
    transform: rotate(338deg);
}

.boxayd-2 li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 11px;
    background-color: #fff;
    border-radius: 6px;
    padding: 16px 16px 12px 16px;
    position: relative;
    margin-bottom: 24px;
    z-index: 999;

}

.boxayd-2 li i,
.boxayd-2 li div {
    margin-right: 8px;
}

.boxayd-2 li i {
    color: #03738B;
    font-size: 20px;
}

.boxayd-2 li div.marca {
    font-size: 20px;
    border-radius: 4px;
    padding: 4px 12px;
    text-align: center;
    color: #fff;
    background-color: #f6a21b;
    font-size: 10px;
    border-color: #f6a21b;
    position: absolute;
    top: -8px;
    left: 8px;
}

.boxayd-2 li a.eliminar {
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 8px;
    top: -12px;
    padding: 6px;
    opacity: 0.7;
    border: 1px solid #C6C6C6;
}

.boxayd-2 li i.bi-trash3 {
    color: #03738B;
    font-size: 12px;
    margin-right: 0px;
    background-color: #fff;
}

.boxayd-2 li a.eliminar:hover {
    opacity: 1;
}

.boxayd-2 li .form-group {

    width: 100%;

}

.boxayd-2 li textarea {
    font-size: 10px;
    color: #C6C6C6;
    min-width: 250px;
}

.btn-ayuda {
    margin-top: 24px;
}

.background-ayudas {
    right: 2% !important;
    font-size: 141px !important;
}

#documentacion-ayuda p,
#documentacion-beca p {
    font-style: italic;
}

#documentacion-ayuda input,
#documentacion-beca input {
    background-color: #4A90E2;
    color: #fff;
    padding: 7px;
}

/* AYUDAS Y BECAS - ADMISIÓN LISTADO */
.ayb-admision .separador {
    margin-top: -12px;
}

.ayb-admision table tr th:first-child {
    text-align: left;
    padding-left: 8px;
}

.ayb-admision table tr th:first-child input {
    margin: 0px 6px;
}

.ayb-admision table tr td div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: max-content;
    margin: 0 auto;
}

/* Generación de Actas */
.generacionactas p.form-check {
    margin: 0 auto;
    display: flex;
    min-height: 1.5rem;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: max-content;
    min-width: 150px;
    padding-left: 0px !important;
}

.generacionactas .form-switch .form-check-input {
    width: 3em;
    margin: 0 auto;
}

.generacionactas td span {
    border-radius: 50%;
    padding: 6px 10px;
    text-align: center;
    color: #f6a21b;
    font-size: 12px;
    border: 1px solid #f6a21b;
}

.actas h2 span {
    width: 75%;
    height: 1px;
    display: inline-block;
    background-color: #fff;
    margin-top: 6px;
    margin-right: 8px;
}

.actas h2 {
    font-size: 24px;
    margin-top: 8px;
    font-family: 'RobotoRegular';
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}

.actas h5 {
    font-weight: normal;
    font-size: 14px;
    margin: 24px 0px;
    padding-left: 24px;
}

.generacionactas .calificacion-texto {
    color: red;
    -webkit-transition: color 1s ease-out;
    -moz-transition: color 1s ease-out;
    -o-transition: color 1s ease-out;
    transition: color 1s ease-out;
    font-size: 16px;
    color: #4A90E2;
}

.generacionactas tbody th {
    font-weight: bold;
}

.nota-input {
    border-radius: 8px;
    width: 65px;
    text-align: center;
    padding: 6px 0px;
    height: 25px;
    border: 1px solid #4A90E2;
    font-size: 12px;
}

/* ESTUDIANTES .- MIS CURSOS */
.miscursos .title {
    display: flex;
    font-family: 'RobotoMedium';
    font-size: 16px;
    text-align: left;
    padding: 12px 12px 12px 24px;
    border-radius: 8px;
    list-style: none;
    flex-direction: column;
    margin-left: -12px;
    margin-top: -24px;
}

.miscursos .title h5 {
    font-size: 24px;
    margin-top: 16px;
    font-family: 'RobotoRegular';
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.contenedor-integrado #texto-mutante {
    font-size: 16px;
    padding-left: 2%;
}

select#filtro-estado {
    font-size: 12px;
}

select#filtro-estado option {
    border: 1px solid #000;
    border-radius: 6px;
}

.miscursos .title h5 .separador {
    width: 80%;
    margin-top: 12px;
    float: left;
}


.contenedor-miscursos .btn-success,
.contenedor-miscursos .btn-secondary,
.contenedor-miscursos .btn-primary,
.contenedor-miscursos .btn-light {
    padding: 4px 12px;
    font-size: 9px;
    display: flex;
}

.contenedor-miscursos .btn-success i {
    margin-right: 6px;
}

.contenedor-miscursos .master {
    padding: 4px 12px;
    font-size: 12px;
    border: 1px solid #e2e2e2;
}

.contenedor-miscursos .master i {
    margin-right: 6px;
    font-size: 12px;
}

.contenedor-miscursos {
    background-color: #fff;
    border-radius: 6px;
    margin-left: 0px;
}

.contenedor-miscursos h5 {
    margin-bottom: 16px;
    padding-top: 5px;
}

.contenedor-miscursos .buble {
    padding: 6px 10px;
    background-color: #f6a21b;
    color: #fff;
}


.btn-noadmitido {
    background-color: #666;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
}

.btn-noadmitido:hover {
    background-color: #333;
    font-size: 12px;
    color: #fff;
}

.contenedor-miscursos .input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 4px 0px 0px 4px;
    border-right: 0px;
}

.contenedor-miscursos .contenedor-listado {
    padding: 24px 12px;
    background-color: #fff;
    border-radius: 6px;
    max-height: 500px;
    overflow-y: auto;
    min-height: 300px;
}

.buscador-miscursos {
    border: 1px solid #ddd;
    margin: 8px 0px;
    padding: 24px 24px 0px 24px !important;
    min-height: 50px !important;
    background-color: #03738B !important;
    color: #fff;
}

.buscador-miscursos h5 {
    padding-top: 0px !important;
}

.cont-filtros {
    display: flex;
}

.cont-filtros .input-group {
    align-items: stretch;
    width: 100%;
    margin-right: 8px;
}

.contenedor-miscursos .col-cancelar {
    min-width: 200px !important;
    padding: 0px;
}

#ayudas-becas {
    min-height: 200px;
}

#ayudas-becas .title label {
    font-size: 15px !important;
}

#ayudas-becas .title .form-check {
    border: 1px dotted #abced4;
    border-radius: 8px;
    padding: 1px 18px 3px 18px;
}



/* Redsys */

.redsys .box--flex {
    text-align: center;
}

.cardSI {
    background: #fff;
    border-radius: 2px;
    text-transform: uppercase;
    color: #03738B;
    display: flex;
    height: 200px;
    margin: 1rem auto;
    position: relative;
    width: 450px;
    justify-content: space-around;
    font-size: 24px;
    line-height: 32px;
    background-color: #fff;
    background-size: 100% 1.2em;
    background-image: -webkit-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), -webkit-linear-gradient(#eee .05em, transparent .05em);
    background-image: -moz-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), -moz-linear-gradient(#eee .05em, transparent .05em);
    background-image: -ms-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), -ms-linear-gradient(#eee .05em, transparent .05em);
    background-image: -o-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), -o-linear-gradient(#eee .05em, transparent .05em);
    background-image: linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), linear-gradient(#eee .05em, transparent .05em);
}

.card-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.cardNO {
    background: #fff;
    border-radius: 2px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    height: 200px;
    margin: 1rem auto;
    position: relative;
    width: 450px;
    justify-content: space-around;
    font-size: 24px;
    line-height: 32px;
    background-size: 50px 50px;
    background-color: #c16;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    align-content: space-around;
    align-items: center;
}


/* ADMISIÓN */
.admision select {
    font-size: 12px;
    color: #6c757d;
    min-width: 120px;
}

.admision .abrir-documento {
    cursor: pointer;
}

.admision .contenido-texto {
    max-width: 130px;
    width: 130px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px 12px;
}

.admision .ayuda {
    font-weight: bold;
    font-size: 14px;
}

.admision .listado td span {
    border-radius: 8px;
    padding: 6px !important;
    text-align: center;
    color: #f6a21b;
    font-size: 11px;
    border: 1px solid #f6a21b;
    min-width: 150px;
    display: block;
}

.admision #upload-form .box--campos {
    border-radius: 6px;
    padding: 4px 12px;
    text-align: center;
    color: #fff;
    background-color: transparent;
    font-size: 10px;
    border-color: transparent;
}

.admision #upload-form .box--campos input {
    padding-top: 7px;
}

.header-estudiante {
    margin-top: -60px;
    margin-bottom: 24px !important;
}

.header-estudiante .info-solicitante div.dates {
    margin-bottom: 8px;
}

/* MIS CURSOS: ADMISIÓN */

.box-curso {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.box-curso div {
    margin: 8px 8px 8px 16px !important;
}

.info-solicitante h5 {
    margin-top: 4px;
    background-color: #fff;
    color: #333;
    padding: 6px 12px;
    border-radius: 8px;
    margin-bottom: 12px !important;
    font-size: 16px;
}

.info-solicitante span {
    margin-left: 16px;
    padding-bottom: 0px;
    height: 20px;
    margin-top: 8px;
}

.edicion-profesor {
    margin-bottom: 24px !important;
    margin-top: -60px !important;
}

.cabeza {
    padding-bottom: 20px;
}

.white {
    background-color: #fff;
    color: #333;
    padding: 3px 7px;
    border-radius: 8px;
    font-size: 15px;
    margin-left: 8px;
}

.master.preinscrito {
    background-color: #fff3cd !important;
    color: #856404 !important;
    border: 1px solid #ffeeba !important;
}

.master.admitido {
    background-color: #d4edda !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
}

.master.no-admitido {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
    width: max-content;
}

.master.matriculado {
    background-color: #cce5ff !important;
    color: #004085 !important;
    border: 1px solid #b8daff !important;
}

.master.anulado {
    background-color: #e2e3e5 !important;
    color: #383d41 !important;
    border: 1px solid #d6d8db !important;
}

.master.finalizado {
    background-color: #d1ecf1 !important;
    color: #0c5460 !important;
    border: 1px solid #bee5eb !important;
}

.master.pendiente {
    background-color: #fffbe6 !important;
    color: #856404 !important;
    border: 1px solid #ffeeba !important;
    min-width: 125px;
}

.master.lista-espera {
    background-color: #f0e6ff !important;
    color: #5f259f !important;
    border: 1px solid #d6c2f7 !important;
}

.master.confirmada {
    background-color: #e6ffed !important;
    color: #1e7e34 !important;
    border: 1px solid #b7f7cc !important;
}

.master.desconocido {
    background-color: #f5f5f5 !important;
    color: #6c757d !important;
    border: 1px solid #d6d8db !important;
}

span.select2-selection__clear {
    display: none !important;
}

.apto-noapto {
    min-width: 150px !important;
}

.apto-noapto span {
    border-radius: 50%;
    padding: 6px 9px !important;
}

.pagar {
    min-width: 80px;
    background-color: #198754 !important;
    border: 1px solid #c3e6cb !important;
    height: 32px !important;
    opacity: 0.8;
}

.pagar:hover {
    opacity: 1;
}

.margin-top {
    margin-top: 124px;
}

.margin-top>div>label {
    font-size: 13px !important;
}

.ayb-aviso-por-defecto {
    color: #818080;
    font-weight: 400;
    margin-top: 12px;
}


.box-title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    align-items: center;
    margin-bottom: 24px;
}

.box-title h4 {
    margin-right: 16px;
}

.box-title span {
    font-size: 14px;
    color: #03738B;
}

.box-title strong {
    font-size: 13px;
    color: #03738B;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-right: 8px;
    margin-left: 16px;
    padding: 3px 6px;
}

h5.name_curso {
    font-size: 16px;
    color: #03738B;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-right: 8px;
    margin-left: 16px;
    padding: 3px 6px;
}

.bi-person-circle {
    font-size: 24px;
    position: relative;
    top: 0px;
}

.admision {
    margin-bottom: 24px !important;
}

.tit_ayudastable {
    background: #f8f9fa;
    border-top: 2px solid #dee2e6;
    text-align: center;
    font-size: 16px !important;
    color: #333 !important;
}

.adjunto {
    padding: 1px !important;
}

#aceptar-terminos,
#consentimiento-comercial {
    margin-top: 0px;
}

.subir {
    padding: 0px !important;
}

/* ******* EDITAR CURSO EDICION :: Requisitos ******* */
.requisitos-container {
    border: 1px solid #E2e2e2;
    border-radius: 4px;
    padding: 12px;
    margin-top: 8px;
    background: #fff;
}

.requisitos-item {
    margin-bottom: 16px;
}

.requisitos-item-header {
    margin-bottom: 8px;
}

.requisitos-item-title {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #03738B;
}

.requisitos-item-icon {
    border: 1px solid #E2e2e2;
    padding: 4px;
    border-radius: 4px;
    margin-right: 8px;
}

.requisitos-list-container {
    margin-left: 20px;
    margin-top: 12px;
}

.requisitos-list-title {
    margin: 10px 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #03738B;
    display: inline-block;
    float: left;
    background-color: #e9e9e9;
    width: 10%;
    padding: 6px 8px;
    border-radius: 6px;
}

.requisitos-beca {
    display: inline-block;
    float: left;
    width: 90%;
}

.requisitos-table {
    font-size: 13px;
}

.requisitos-table thead {
    background-color: #f8f9fa;
}

.requisitos-table th {
    color: #03738B;
    font-weight: 600;
}

.requisitos-no-items {
    margin-left: 20px;
    font-size: 13px;
}

.requisitos-badge-bordered {
    border: 1px solid #E2e2e2;
}

.preinscripcion-table thead {
    background-color: #03738B;
    color: white;
}

.preinscripcion-table-number {
    color: #03738B;
    font-weight: 600;
}

.fila-estudiante td {
    cursor: pointer;
}

.box_terminos {
    display: block;
    float: left;
    margin: 8px 0px 24px 24px;
    border: 1px solid #fcf1d3 !important;
    border-radius: 8px;
    padding: 16px 16px 8px 8px;
    width: auto;
    background-color: #fcf1d3;
}

.box_terminos a {
    text-decoration: none !important;
}

.box_terminos a:hover {
    text-decoration: underline !important;
}

.box-decoration {
    border: 1px solid #E9E9E9;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 16px;
    margin-top: 8px;
}

.requisito-item .col-md-3 {
    width: 9% !important;
}

.requisito-item {
    padding: 8px 0px;
}

.requisitos-item-title {
    background-color: #f0dfa9;
    padding: 12px 8px 8px 8px;
    /* color: #fff; */
    border-radius: 8px;
    width: 98%;
}

.requisitos-item-title .badge {
    padding: 8px;
}

.responsable {
    margin-top: -4px !important;
    margin-left: 0px !important;
}

.responsable .form-select~label {
    top: -13px !important;
}

.responsable .box-title span {
    font-size: 14px;
    color: #03738B;
    border-radius: 8px 0px 0px 8px !important;
}

.responsable .box-title span.bg-white {
    border-radius: 0px 8px 8px 0px !important;
    margin-left: -8px;
    padding: 6px;
}

.responsable .box-title a.bg-white {
    border-radius: 0px 8px 8px 0px !important;
    padding: 7px 8px 8px 7px;
    margin-left: -8px;
}

.profesoredicion .box--flex .form-floating>label {
    top: -15px !important;
}

.col-calificacion {
    min-width: 200px;
}

.aviso {
    padding: 16px !important;
    font-size: 18px !important;
}

/* ******* Password Tooltip ******* */
.password-field-wrapper {
    position: relative;
}

.password-tooltip {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 8px;
    padding: 12px 16px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 8px;
    color: #000000;
    font-size: 13px;
    line-height: 1.5;
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(34, 34, 34, 0.15);
    animation: fadeIn 0.2s ease-in;
}

.password-tooltip i {
    margin-right: 6px;
    font-size: 14px;
    color: #03738B;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}