body{
    background-color: #ebf3f9;
}
@charset "UTF-8";
header{
    padding: 10px;
    background-color: #fff;
}
.btn-login{
    margin-bottom: 2px;
    border-radius: 5px;
}
span.glyphicon.glyphicon-remove{
    cursor: pointer;
    font-size: 20px;
}
li.dropdown{
    margin: 0 auto;
    list-style:none;
    color:#fff;
}
ul.dropdown-menu{
background-color: #589fd2;
}
li.dropdown a {

}

.arrow-up{
    /*width: 40px;
    height: 40px;
    background: grey url('../img/arrow-up.png') no-repeat center;
    position: absolute;
    right: 50px;
    bottom: 10px;
    cursor: pointer;*/
}

.nav>li>a{
    padding: 0px;

}
.nav-tabs>li>a:hover{
    border-color: transparent;
}

.nav>li>a:focus, .nav>li>a:hover,.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: transparent;
    border:0px;
}
#index-tabs .btn-header{
    background-color: #589fd2;
    color: #fff;
    padding: 8px;
    height: 40px;
    margin: 4px 1px;
    width:16%;
}
#index-tabs .btn-header:hover{
    background-color: #8cbee2;
}
.submenu .btn-header{
    background-color: #279e8e;
    color: #fff;
    padding: 10px;
}
.submenu .btn-header:hover{
    background-color: #85e2d4;
}
.well-profesor{
    padding: 10px 28px;
    border-radius: 6px;
    display: flex;
    cursor: pointer;
    border:none;
    background-color: #279e8e;
    webkit-box-shadow: none;
    box-shadow: none;
}
.well-profesor .box{
    padding: 10px 28px;
    border-radius: 6px;
    color:white;
}

.btn-nuevo-grupo{
   
    background: url('../img/grupo_24.png') no-repeat left;
    background-position: 3%;
}
.btn-nuevo-grupo span{
    padding-left: 20px;
}
.btn-nuevo-grupo:hover{
    background: url('../img/grupo_blanco_24.png') no-repeat left;
    background-position: 3%;
}
.well-profesor .box:hover,.well-profesor .box.active, .btn-nuevo-grupo:hover{
    background-color: #279e8e;
    color:#fff;    
    border: 1px solid #279e8e;
}

/*.well-profesor span{*/
    /*font-size: 17px;*/
    /*padding: 8px;   */
    /*min-width: 160px;*/
/*}*/
.btn-header a{
    color:#fff;
}

input#username, input#password {
    padding: 10px;
    height: 38px;
}

.container{
    padding: 5px;
}

.input-group-addon{
    background-color: #fff;
}
.modal-header{
    background-color: #fff;
    color:#589fd2;
    text-align: center;
}
.modal-footer{
    text-align: center !important;
}

nav{
    background-color: #fff;
}

.content-reservas{
    padding: 0 20px 20px;
}

.content-calendar{
    font-family: 'Roboto', sans-serif;
}

a{
    cursor: pointer;
}

.table>thead>tr>th{
    border: none;
}

.tcalendar{
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
}

.tcalendar thead{
    text-align: center;
}

.tcalendar th{
    border: none;
    color: #589fd2;
    font-weight: normal;
    text-align:  center;
}

.tcalendar .calendar-header th{
    text-align: left;
    border: none;
}


.table.tcalendar > tbody > tr > td.day{
    border: 1px solid #589fd2!important;
    text-align: right;
    vertical-align: top;
    background: #ececec;
    color: #404040;	
    padding: 0 5px;
    width: 18.9%;
} 


.table.tcalendar > tbody > tr > td .cell-day{
    padding: 5px;
}

.table.tcalendar > tbody > tr > td .cell-day:focus {
    outline: 0 !important;
    -webkit-appearance: none !important;
}

.table.tcalendar > tbody > tr > td .cell-day.open-form{
    border: 1px solid #2686c3;
}

.table.tcalendar > tbody > tr > td:last-child{
    border-right: 1px solid #c9c9c9;
}

.tcalendar tr:last-child td{
    border-bottom: 1px solid #c9c9c9;
}

.table.tcalendar > tbody > tr > td.today{
    /*color: #0045FF;*/
}

.table.tcalendar > tbody > tr > td.not-available {
    background: #eeeeee;
}

.table.tcalendar > tbody > tr > td.other-month {
    color: #C3C2C2;
    background: #ececec!important;
}

.table.tcalendar > tbody > tr > td.no-lectivo{
    background: #279e8e;
}

/*ANCLA        85e2d4       */

.tcalendar .calendar-header th .calendar-tools {
    width: 250px;
    margin: 0 auto; 
    text-align: center;
    font-size: 1.2em;
    font-weight: normal;
    color: #404040;
}

.tcalendar .calendar-header th .calendar-tools a{
    font-size: 1.2em;
    margin: 0 5px;
    color: #404040;
    text-decoration: none;
    cursor: pointer;
}

.sessions {
    text-align: left;
    padding: 0;
}

.table.tcalendar > tbody > tr > td.no-lectivo .sessions{
    display: none;
}

.sessions .item-session {
    padding: 3px;
    background: #ebf3f9;
    border: 1px solid #b0d7b2;
    margin: 1px 0;
    cursor: pointer;
    text-align:  center;
    position: relative;
}

.sessions .item-session:hover{
    background-color: #85e2d4;
    border-color: #3cb871;
    color:black;
}

.sessions .item-session.not-available:hover{
    background-color: #E6E6E6;
    border-color:  #b0d7b2;
}

.no-reservas-nogrupales .sessions .item-session.nodisponible:hover, 
.no-reservas-grupales .sessions .item-session.nodisponible:hover, 
.sessions .item-session.nodisponible:hover {
    background-color: #ebf3f9;
}

.sessions .item-session.nodisponible .hora-clase#texto-ver-reserva{
    color: #7d7d7d;
}

.table.tcalendar > tbody > tr > td.not-available .sessions .item-session, 
.table.tcalendar > tbody > tr > td.other-month .sessions .item-session{
    background: #e6e6e6;
    border: 1px solid #d2d2d2;
    color: #aaaaaa;
    height: 24px;
}



.no-reservas-nogrupales .sessions .item-session.nogrupal, 
.no-reservas-grupales .sessions .item-session.grupal{
    color: #7D7C7C;
}

.sessions .item-session .hora-clase{
    margin-right: 5px;
    padding: 2px 0;
    font-size: 0.8em;
}

.sessions .item-session .hora-clase#texto-ver-reserva{
    color: #FFFFFF;
}

.sessions .item-session.grupal .hora-clase {
    background-image: url('../img/grupo_24.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.sessions .item-session.grupal:hover .hora-clase{
    background-image: url('../img/grupo_blanco_24.png');
    background-repeat: no-repeat;
    background-position: right center;
} 

.sessions .item-session.grupal:hover .hora-clase .num-reservas{
    color: #FFFFFF;
}


.sessions .item-session.grupal .hora-clase .texto-hora-clase{
    display: inline-block;
    width: 70%;
    text-align: left;
    padding-left: 10px;
}

.sessions .item-session.grupal .hora-clase .num-reservas{
    display: inline-block;
    width: 30%;
    text-align: right;
    padding-right: 30px;
    color: #279e8e;
}



.sessions .item-session.reserved,
.table.tcalendar > tbody > tr > td.no-reservas-nogrupales .sessions .item-session.reserved,
.table.tcalendar > tbody > tr > td.no-reservas-grupales .sessions .item-session.reserved {
    background-color: rgb(247, 163, 92);
    color: #FFFFFF;
}

.sessions .item-session.reserved.realizada{
    background-color:  rgb(67, 67, 72) !important;
}


.sessions .item-session.reserved.noPresentada{
    background-color: rgb(124, 181, 236) !important;
}



.no-reservas-nogrupales .sessions .item-session.completa, 
.no-reservas-grupales .sessions .item-session.completa,
.sessions .item-session.completa {
    background-color: #279e8e;
    color: #FFFFFF;
}

.sessions .item-session.grupal.reserved .hora-clase, 
.table.tcalendar > tbody > tr > td.no-reservas-nogrupales .sessions .item-session.grupal.reserved .hora-clase,
.table.tcalendar > tbody > tr > td.no-reservas-grupales .sessions .item-session.grupal.reserved .hora-clase,
.sessions .item-session.grupal.completa .hora-clase{    
    background-image: url('../img/grupo_blanco_24.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.sessions .item-session.grupal.reserved .hora-clase .num-reservas{
    color: #FFFFFF;
}

.sessions .item-session.grupal.completa .hora-clase .num-reservas{
    color: #FFFFFF;
}

.sessions .item-session.reserved:hover {
    background-color: #42a5f6;
    color: #FFFFFF;
    border-color: #b0d7b2;
}

.sessions .item-session.completa:hover {
    background-color: #279e8e;
    color: #FFFFFF;
    border-color: #b0d7b2;
}

.item-session.not-available {
     background: #E6E6E6;
    cursor: default;
    color: #aaaaaa;
}

.table.tcalendar > body > tr > td .sessions .item-session.notavailable{
    background: #E6E6E6;
    cursor: default;
    color: #aaaaaa;
}

.btn-today{
    position: absolute;
    top: 5px;
    right: 25px;
}

.estado-form{
    margin-top: 10px;
}

select{
    padding: 10px;
    width: 100%;
    margin: 5px 0;
    border-radius: 5px;
}

select.disabled {
    color: #c9c9c9;
}

.tcalendar .titulo-ud{
    text-align: center;
    color: #FFFFFF;
    background: #ececec;
    font-size: 0.9em;
    position: relative;
    width: 65px;
}

.tcalendar .titulo-ud p{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    top: 50%;
    position: absolute;
    left: 50%;
    margin-top: -15px;
    font-size: 1.2em;
    line-height: 1.2em;
    max-height: 70px;
}

.div-login {
    width: 100%;
    border: 1px solid #c9c9c9;
    padding: 20px;
    background: #fafafa;
}

.tooltip.bottom .tooltip-arrow{
    display: none;
}

.tooltip-inner{
    background-color: #383d43;
}

.tooltip{
    margin-left: 20px;
}

.info-reserva .titulo-reserva{
    color: #274A36;
    margin: 20px 0;
    font-size: 1.2em;
    padding: 0 10px;
}

.info-reserva .titulo-reserva div{
    text-align: center;
    margin: 0 20px;
    padding: 5px 0;
}

.info-reserva .titulo-reserva div div{
    border: 1px solid #274A36;
}

.info-reserva .titulo-reserva div.right{
    float: right;
}

.info-reserva .info-profesor .nombre-profesor, .info-reserva .info-alumno .nombre-alumno{
    font-size: 1.2em;
    margin: 2px 0;
}

.info-reserva .info-reserva-descripcion{
    border-top: 1px solid #274A36;
    padding: 5px;
}

.info-reserva .titulo-reservas-profesores {
    font-size: 1.3em;
}

.info-reserva .info-alumno{
    border-bottom: 1px solid #c9c9c9;
    padding: 0 0 15px 5px;
    margin: 0 5px;
}

h2{
    color:#589fd2;
}
.container-info h3,.container-info u {
    color:#589fd2;
}
.btn-today{
    display: none;
}

.export_excel{
    text-align: right;
}
/* The Modal (background) */

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-contenido {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    margin:0 auto;
}

/* The Close Button */
.cerrar {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.cerrar:hover,
.cerrar:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#table-cambio-profesor td{
    cursor:pointer;
}

#index-tabs {
    background: #17398b;
    padding-left: 30px;
}

.row { margin: 10px; }
.container-info .administracion {
    float: left;
    margin: 0 5px 5px 0;
    width: auto;
}
#container_display_prof #display_prof {
    max-width: 540px;
    margin: 0 auto;
}
#container_display_prof #display_prof .container_name_new_teacher input,
#container_display_prof #display_prof .container_dni_new_teacher input,
#container_display_prof #display_prof .container_email_new_teacher input {
    float: right;
    height: 30px;
    width: 70%;
    border-radius: 5px;
}
#container_display_prof #display_prof .container_name_new_teacher,
#container_display_prof #display_prof .container_dni_new_teacher,
#container_display_prof #display_prof .container_email_new_teacher
{
    width: 100%;
    text-align: right;
    line-height: 2em;
    height: 32px;
}
.container_kind_new_teacher select {
    width: 70%;
    float: right;
}
.container_kind_new_teacher {
    width: 100%;
    height: 50px;
    line-height: 3em;
    text-align: right;
}
#platform_new_teacher {
    text-align: left;
    line-height: 2.5em;
}
#platform_new_teacher input {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
}
#platform_new_teacher div {
    width: 45%;
    float: left;
}
.main_container_platform {
    background: #f1f1f0;
    overflow: auto;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.main_container_platform h4 {
    background: #cecece;
    padding: 5px 0;
}

#assign_teacher_platform {
    text-align: left;
    line-height: 2.5em;
}
#assign_teacher_platform input {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
}
#assign_teacher_platform div {
    width: 45%;
    float: left;
}

.container_dia_no_lectivo{
    max-width: 540px;
    margin: 0 auto;
}

.fecha_dia_no_lectivo input,
.descripcion_dia_no_lectivo input{
    float: right;
    height: 30px;
    width: 70%;
    border-radius: 5px;
}

.fecha_dia_no_lectivo,
.descripcion_dia_no_lectivo
{
    width: 100%;
    text-align: right;
    line-height: 2em;
    height: 32px;
}

.container_name_new_platform input{
    float: right;
    height: 30px;
    width: 70%;
    border-radius: 5px;
}

.container_name_new_platform
{
    width: 100%;
    text-align: right;
    line-height: 2em;
    height: 32px;
}

.container_display_plataformas{
    width:90%;
    display:inline-flex;
    margin:0 auto;
}
.custom-select{
    width:100%;
}
.botonera_gestionar_plataforma{
    display:inline-flex;
    margin:0 auto;
    padding:5px;
}

.botonera_gestionar_plataforma div{
    margin-right:10px;
    margin-left:10px;
}

.botonera_gestionar_plataforma div button{
    width:150px;
}

.container_display_plataformas_cursos{
    max-width: 540px;
    margin: 0 auto;
}
.submenu {
    background-color: #fff;
    padding: 10px 10px 5px 10px;
    text-align: center;
}
#myTabs {
    background-color: #fff;
    padding:2px 5px;
    text-align: center;
}
.tab-pane h3 {
    background: aliceblue;
    color: #82bdf1;
    line-height: 1.5em;
    font-size: 1.5em;
}
.ct1, .ct3 {
    width: 49%;
    float: left;
    height: 30px;
}
.ct5, .ct6, .ct7, .ct8, .ct9 {
    width: 70%;
    margin-left: 127px;
    float: left;
}
.ct1 .etiqueta,
.ct1 .valor,
.ct2 .etiqueta,
.ct2 .valor,
.ct7 .etiqueta,
.ct8 .etiqueta,
.ct5 .etiqueta,
.ct6 .etiqueta,
.ct9 .etiqueta
{
    color: #aba9a9;
}
.ct3, .ct4 {
    background: cadetblue;
    color: #c8f1f3;
    padding: 4px 0 0 7px;
    margin-bottom: 20px;
}
.ct4 {
    width: 49%;
    float: right;
    height: 30px;
}
.ct3 .etiqueta, .ct4 .etiqueta {
    font-weight:normal;
}
.ct3 .valor, .ct4 .valor {
    font-size: 1.2em;
    font-weight: bold;
}
.ct6 .valor {
    font-weight: bold;
    background: khaki;
    padding: 0 25px;
}
.ct2 .etiqueta {
    padding-left: 13px;
}
#removableCambioProfesor {
    max-width: 700px;
    min-height: 340px;
}
#removableCambioProfesor .cerrar {
    margin-top:-10px;
}
#removableRegistroReservas {
    max-width: 700px;
    min-height:270px;
}
#removableRegistroReservas .cerrar {
    margin-top:-10px;
}
.etiqueta {
    font-weight: bold;
    float: left;
}
.valor {
    float: right;
    margin-right: 100px;
    max-width: 60%;
}
#selectModalDisponibles {
    margin: 20px 0;
}
#removableCambioProfesor .btn {
    margin-right:5px;
}
.info-alumno .col-md-10 {
    padding: 30px;
}

/* Información */
.info_reservas_activas {
    width: 49%;
    float: left;
    background: #f0f0f0;
    padding: 10px;
    min-width: 375px;
    margin: 32px 0px;
}
.reservas_activas, #total_cursos_activos, .totalProfesores {
    background: cadetblue;
    color: white;
    height: 30px;
    font-size: 1.5em;
    text-align: left;
    padding: 0 10px;
}
.texto_reservas_activas, .cursosTotalesActivos, .totalProfesorseTitulo {
    width: 75%;
    float: left;
}
.reservas_activas_plataforma {
    height: 32px;
    text-align: left;
    border-bottom: 1px solid silver;
    line-height: 2em;
}
.texto_reservas_activas_plataforma {
    width: 75%;
    float: left;
}
.info_grafico_reservas {
     width: 51%;
     float: right;
     min-width: 375px;
 }

.info_grafico_reservas_dias {
    width: 49%;
    float: left;
    min-width: 375px;
}
.info_acordeon_cursos_activos {
    width: 49%;
    background: #f0f0f0;
    float: right;
    margin-top: 32px;
    padding: 10px;
    min-width: 375px;
}
.info_reservas_profesores {
    width: 100%;
    float: left;
    margin-top: 32px;
}
.boton-curso-activo {
    width: 100%;
    border: 1px solid silver;
    border-radius: 5px;
    text-align: left;
}
.numeroCursosActivosPlataforma {
    width: 30%;
    float: right;
    font-weight: bold;
}
.codigo_curso {
    width: 23%;
    float: left;
}
.curso_curso {
    float: left;
    width: 75%;
}
.curso_codigo_activo {
    background: white;
    overflow: auto;
    color: #999999;
    text-align: left;
    padding: 2px 10px;
    border-bottom: 1px dashed #999999;
}
#table_info_reservas_profesores thead {
    background: #dddddd;
}
.contenedorLogin{
    margin:0 auto;
    position: absolute;
    top:25%;
    left:34%;
display:flex;
}
.contentLogin{
    background-color:white;
    width:450px;
    border-radius:3px;
    text-align:center;
    margin:0 auto;
}
.descripcionLogin{
    font-size: 19px;
    color:#ababab;
    padding-left:60px;
    padding-right:60px;
    padding-bottom:30px;
    line-height:28px;
}

.usernamePasswordLogin{
    padding-bottom:25px;
    font-size: 19px;
    color:#ababab;
    margin:8px;
}

.bodyLogin{
    background-image:url('../img/background.jpg');
    background-repeat:no-repeat;
    background-size: 100% 100%;
    font-family:lato;
}

.cajaTextoUsername,.cajaTextoPassword{
    padding:15px;
    width:350px;
    padding-left:50px;
    background-color:#e5e5e5;
    border:0px solid transparent;
    border-radius:3px;
    color:#4b4b4b;
}

::placeholder {
    color:#ababab;
}

.cajaTextoUsername{
    background-image:url('../img/usuario.png');
    background-repeat:no-repeat;
    background-size:auto;
    background-position:15px;
    margin-bottom:16px;
}
.cajaTextoPassword{
    background-image:url('../img/contrasena.png');
    background-repeat:no-repeat;
    background-size:auto;
    background-position:15px;
}

.boton_login{
    background-color:#589fd2;
    color:#fff;
    border-radius:3px;
    font-size:19px;
    width:350px;
    padding:15px;
    margin-bottom:40px;
    border:0px solid transparent;
}

.boton_login:hover{
    background-color:#1793ec;
}

.texto_error_logeo{
    color:#e53935;
    font-size:13px;
    margin-bottom:10px;

}
#formulario_login{
    margin:0 auto;
    text-align:center;
}

.logoCabecera{
    width:350px;
    margin-top:70px;
    margin-bottom:30px;
    left:10%;
    position:relative;
}

.error_logeo{
    border:2px solid #e53935;
}

.opciones_gestor_cursos{
    max-width:540px;
    margin: 0 auto;
    height:50px;
    margin-bottom:20px;
}

#div_gestion_plataforma_curso_profesor_profesor input {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
}

#div_gestion_plataforma_curso_profesor_profesor div {
    width: 45%;
    float: left;
}

.div_select_gestion_curso select{
    width: 70%;
    float: right;
}

.div_select_gestion_curso{
    width: 100%;
    height: 50px;
    line-height: 3em;
    text-align: right;
}

.tooltipDNI{
   margin-right:4px;
}


.tooltipDNItext {
    visibility: hidden;
    max-width: 190px;
    background-color: #279e8e;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    border:1px solid black;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 57%;
    right: 62%;
}

.display_plataformas_existentes select, .container_course_add_new_course input{
    width: 70%;
    float: right;
}

.display_plataformas_existentes, .container_course_add_new_course{
    width: 100%;
    height: 50px;
    line-height: 3em;
    text-align: right;
}

#plataformas_existentes{
    width:100%;
}

.container_gestion_horario{
    max-width: 540px;
    margin: 0 auto;
}

.container_horas_horario input
{
    float: right;
    height: 30px;
    width: 70%;
    border-radius: 5px;
}
.container_horas_horario
{
    width: 100%;
    height: 50px;
    line-height: 3em;
    text-align: right;
}

.container_dias_horario {
    background: #f1f1f0;
    width:100%;
    margin-top:40px;
    overflow: auto;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.container_dias_horario h4 {
    background: #cecece;
    padding: 5px 0;
}

.container_dias_horario input{
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
}

.diasHorario{
    width: 45%;
    float: left;
}

.inputModalGrupal input{
    border-radius:5px;
    width:100%;
    text-align:center;
}
.inputModalGrupal{
    float:right;
}

#name_modify_teacher,
#dni_modify_teacher,
#email_modify_teacher{
    padding-left:5px;
}

.profesor_dia_no_lectivo select {
    width: 70%;
    float: right;
    height:40px;
}
.profesor_dia_no_lectivo {
    width: 100%;
    height: 60px;
    line-height: 3em;
    text-align: right;
}

.opciones_gestor_cursos select{
    width: 70%;
}

.content_opciones_gestor_cursos{
    text-align:right;
    float:right;
    width:100%
}

#platform_display_teachers{
    width: 70%;
    float: right;
}

.gestorCursosProfesor{
    width: 45%;
    float: left;
    padding-right:10px;
    margin-right:25px;
    margin-bottom:10px;
}

.gestorCursosProfesor input{
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
}

#calendar-content, .Calendar-mis-reservas{
    overflow: scroll;
    height: 550px;
}

.mis_reservas_tutor{
    float: left;
    padding: 10px 28px;
    background-color: #279e8e;
    margin: 5px 10px;
    color: #fff;
    border-radius: 10px;
}

.mis_reservas_tutor:hover{
    background-color:#85e2d4;
}

.mis_reservas_tutor.active{
    background-color:#85e2d4
}

.nombre_mis_reservas_tutor:hover{
    text-decoration:none;
}

.mis-reservas-row{
    margin-top: 5px;
    width: 70%;
    margin-left: 125px;
    float: left;
}

.mis-reservas-row-top{
    margin-top: 20px;
    width: 70%;
    margin-left: 125px;
    float: left;
}

.mis-reservas-row-bottom{
    margin-top: 5px;
    margin-bottom: 20px;
    width: 70%;
    margin-left: 125px;
    float: left;
}

.mis-reservas-row .etiqueta,
.mis-reservas-row-top .etiqueta,
.mis-reservas-row-bottom .etiqueta{
    color: #aba9a9;
}

div.dt-buttons {
    position: relative;
    float: none;
    top: 65px;
    width: 645px;
    z-index:4;
}

.dataTables_filter{
    padding: 50px 0px;
    position: relative;
    float: right;
    top: 18px;
    text-align: right;
}
.dataTables_wrapper .dataTables_length {
    float: left;
    z-index:9;
    position:relative;
}

.dataTables_wrapper .dataTables_length select{
    cursor:pointer;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    margin-right: 112px;
    border: 1px solid silver;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 25px;

}
.dataTables_wrapper .dataTables_info {
    clear: both;
    float: right;
}
.contenedor-registro-de-reservas{
    position: relative;
    top: -55px;
}

.dataTable {
    text-align:left;
    line-height:14px;
    font-size:12px;
}

.sessions .item-session.reserved.pendiente{
background-color: rgb(247, 163, 92)!important;
}

@media (max-width: 999px){
.container{
display:inline;
padding:15px;
}

.info_grafico_reservas_dias{
width:45%;
}

}
.container_options_manage_course{
    visibility:hidden
}
.container_configurador_cursos{
    margin:0 auto;
    max-width:540px;
}

.select_configurador_cursos{
    width:70%;
}

.container_configurador_cursos div{
    width:100%;
    text-align: end;
}

.container_configurador_cursos div.button_save_manage_course{
    text-align: center;
    margin-top: 2%;
    margin-bottom: 0%;
}

.option_manage_course input[type="text"]::placeholder{
    font-size:11px;
}

.change_password_form{
    margin:0 auto;
    width:30%;
    padding:15px;
    border:2px solid black;
    border-radius:10px;
    -webkit-box-shadow: 5px 5px 2px 0px rgba(168,158,168,1);
    -moz-box-shadow: 5px 5px 2px 0px rgba(168,158,168,1);
    box-shadow: 5px 5px 2px 0px rgba(168,158,168,1);
    top: 5%;
    left:33%;
    position:absolute;
}

.main-container-gestion-alumnos{
    margin: 0 auto;
    max-width: 540px;
}

.new-property-alumn{
    float: right;
    height: 30px;
    width: 70%;
    border-radius: 5px;
}

.container_new_alumn_property{
    width: 100%;
    text-align: right;
    line-height: 2em;
    height: 32px;
}
#checkbox_all_courses{
    float: revert;
    margin: 0 auto;
    padding: 0;
}