html { /*position: relative; min-height: 100%;*/ }
body { font-family: 'Roboto Condensed', sans-serif; color: #3d474d;}
.container-fluid { max-width: 1366px; }
body > .container-fluid { padding: 0; }
.footer > .container-fluid { padding-right: 0; padding-left: 0; }
a, a:hover { color: #3d484e; }


.glyphicon { font-family: 'edebe-font'; font-size: 24px; top:6px; margin-right: 6px; }
.navbar { background-color: #fff; border: none; margin-bottom: 10px; }
.navbar-brand {font-family: arial; font-size: 24px; font-weight: bold; color: #3b4850!important; }
#logo_edebeon { background: transparent url('../img/logo_edebeon.png') no-repeat 0 0; width: 142px; height: 27px; float: right; margin-top: 14px; }

#edebe_main_content { display: table; border-collapse: collapse; width: 100%; border-bottom:1pt solid rgba(0,0,0,0.2); font-size: 18px; /*background-color: #dedfe1;*/ min-height: 500px; height: 100%}

#edebe_menu1 { /*display: table-cell;*/ display: inline-block; height: 100%; background-color: #dedfe1; margin: 0; padding: 0; vertical-align: top; width: 256px; color: #77787c; }
#menu_open_close { display: table-cell; background-color: #dedfe1; margin: 0; padding-top: 20px; vertical-align: top; width: 75px; color: #77787c; text-align: center; }
#edebe_menu1 li a, #edebe_menu2 li a, #footer_links a, #menu_open_close a { color: #77787c; text-decoration: none; }
#edebe_content li a, #edebe_content ul a { color: #3d484e; text-decoration: none !important; }
#footer_links a:hover { color: #eb1c2d; }
#edebe_menu1 li.active a, #edebe_menu1 li a:hover, #menu_open_close a:hover { color: #eb1c2d; }
#edebe_menu2 { display: table-cell; margin: 0; padding: 0; vertical-align: top; min-width: 256px; background-color: #f1f1f3; }
#edebe_menu2 ul { margin-top: 76px; }
a.grey { color: #77787c; text-decoration: none; font-weight: 400; }
a.grey:hover { color: #eb1c2d; text-decoration: none; font-weight: 400; }
a.widget:hover { opacity: 0.6 !important; filter: alpha(opacity=60); }
/*SUBMENU PROFESOR*/
#sb_alumno a, #sb_recursos a, #sb_gestion a, #sb_evaluacion a { display: block; height: 0;  padding-bottom: 62.571428571429%; background-repeat: no-repeat; background-size: 100%; }
#sb_alumno a { background-image: url('../img/bg_alumno_off.png'); }
#sb_alumno a.active, #sb_alumno a:hover { background-image: url('../img/bg_alumno_on.png'); color: #6cbce9; } /*azul*/
#sb_recursos a { background-image: url('../img/bg_recursos_off.png'); }
#sb_recursos a.active, #sb_recursos a:hover { background-image: url('../img/bg_recursos_on.png'); color: #98c765; } /*verde*/
#sb_gestion a { background-image: url('../img/bg_gestion_off.png'); }
#sb_gestion.active a, #sb_gestion a:hover { background-image: url('../img/bg_gestion_on.png');  color: #fdb934; } /*amarillo*/
#sb_evaluacion a { background-image: url('../img/bg_evaluacion_off.png'); }
#sb_evaluacion a.active, #sb_evaluacion a:hover { background-image: url('../img/bg_evaluacion_on.png'); color: #dc8bbb; } /*rosa*/
#sb_alumno a.active, #sb_alumno a:hover { color: #6cbce9; }



/* SUBMENU ALUMNO */
#sb_tareas a, #sb_gestion_pupil a, #sb_evaluacion_pupil a { display: block; height: 0;  padding-bottom: 62.571428571429%; background-repeat: no-repeat; background-size: 100%; }
#sb_tareas a { background-image: url('../img/bg_tareas_off.png'); }
#sb_tareas a.active, #sb_tareas a:hover { background-image: url('../img/bg_tareas_on.png'); color: #98c765; } /*verde*/
#sb_evaluacion_pupil a { background-image: url('../img/bg_evaluacion_pupil_off.png'); }
#sb_evaluacion_pupil a.active, #sb_evaluacion_pupil a:hover { background-image: url('../img/bg_evaluacion_pupil_on.png'); color: #fdb934; } /*rosa*/

  /* COLORES CONTENIDO FICHAS ALUMNO */
#edebe_content.tareas .actions a .glyphicon, #edebe_content.tareas .actions a:hover { color: #98c765; }
#edebe_content.tareas { background-color: #98c765; }
#edebe_content.evaluacion_pupil .actions a .glyphicon, #edebe_content.evaluacion_pupil .actions a:hover { color: #fdb934; }
#edebe_content.evaluacion_pupil { background-color: #fdb934; }

  /* ARROWS SUBMENU */
#edebe_menu2 ul li#sb_tareas.active { background: transparent url('../img/flecha_tareas.png') no-repeat right; }
#edebe_menu2 ul li#sb_evaluacion_pupil.active { background: transparent url('../img/flecha_evaluacion_pupil.png') no-repeat right; }
/* END SUBMENU ALUMNO */


#edebe_menu2 ul li#sb_alumno.active { background: transparent url('../img/flecha_alumno.png') no-repeat right; }
#edebe_menu2 ul li#sb_recursos.active { background: transparent url('../img/flecha_recursos.png') no-repeat right; }
#edebe_menu2 ul li#sb_gestion.active { background: transparent url('../img/flecha_gestion.png') no-repeat right; }
#edebe_menu2 ul li#sb_evaluacion.active { background: transparent url('../img/flecha_evaluacion.png') no-repeat right; }

#edebe_content { display: table-cell; margin: 0; padding: 0; vertical-align: top; width: 100%; background-color: #FFFFFF; height: 100%}
#edebe_menu1 ul, #edebe_menu2 ul, #edebe_content ul { list-style-type: none; }

#edebe_menu1 ul { margin-left: -40px; margin-right: 0; }
#edebe_menu1 ul li a { display: block; border-bottom: 1pt solid rgba(0,0,0,0.2); padding: 10px 0px; margin-right: 20px; margin-left: 20px; }
#edebe_content ul li { padding-top: 15px; padding-bottom: 10px; margin-left: -20px; margin-right: 20px !important; }

/*CHANGE*/
#edebe_content ul.lesson-blocks-list {
  margin-bottom: 0 !important;
}
#edebe_content ul.lesson-blocks-list li { padding-top: 10px; padding-bottom: 0; margin-left: 0; margin-right: 20px !important; }

#edebe_menu2 ul li { padding-top: 10px; padding-bottom: 10px; margin-left: -20px; padding-right: 20px; }
#edebe_menu2 ul li a { border-bottom: 1pt solid rgba(0,0,0,0.2); }
#edebe_menu1 ul li ul li a { font-weight: 300; padding-left: 36px; }
#edebe_menu1 ul li#menu_user ul li a { font-weight: 400; padding-left: 0; }
#menu_user { width: 100%; margin-top: 100px; }
#edebe_menu1 ul li:last-child a, #edebe_menu2 ul li:last-child a, #edebe_content ul li:last-child, #edebe_menu1 ul li#ayuda a { border-bottom: none!important; }
#edebe_menu1 ul li#contenido_cover a { padding-top: 14px; }


#contenido_cover { background: #f1f1f3 url('../img/f_contenidomenu.png') repeat-x; padding-bottom: 20px; } 
#edebe_menu1 ul li#contenido_cover a { border: none; }
.contenido_cover { 
  width: 80%; 
  /*margin: 20px auto 40px auto;*/
  padding-top: 20px;
  padding-bottom: 40px;
  margin-left: auto;
  margin-right: auto

}

.contenido_cover img { /*width: 100%;*/ box-shadow: 10px 10px 10px rgba(0,0,0,0.1); -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.1); }

.navbar-toggle { float: none; }
#edebe_content .titulo_contenido { background-color: #3b4850; color: #fff; padding: 16px 30px; }
#edebe_content h1 { font-size: 24px; margin-top: 0; display: inline-block; float: left; padding-right: 110px; }
#edebe_content h1.full_tit, #edebe_content.alumno h1 { padding-right: 30px!important; }
#edebe_content h1.no-float { float: none; margin-bottom: 0; }

#edebe_content .actions { display: inline-block; float: right; margin-top: -5px; }
.btns_top { margin-right: 110px; }
.actions.btns_top a { margin-right: 12px; }

#edebe_content .titulo_contenido.tit_rojo { background-color: #eb1c2d; }


/*LISTADO CONTENIDOS HOME*/
#listado_contenidos_home { margin-left: 60px; }
#listado_contenidos_home .content { width: 170px; height: 320px; margin-right: 10px; margin-left: 10px;  float: left; text-align: center; position: relative; }
#listado_contenidos_home .cover, #listado_contenidos_home .add { height: 210px; position: relative; }
#listado_contenidos_home .cover img { box-shadow: 10px 10px 10px rgba(0,0,0,0.1); -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.1); 
  -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.1); max-width: 150px; margin-top: 10px; margin-left: 10px;} 
  #listado_contenidos_home .add img { }
#listado_contenidos_home a { color: #77787b; text-decoration: none; }
#listado_contenidos_home a:hover { color: #3c474e; }
#listado_contenidos_home .materia { display: block; line-height: 22px; }
#listado_contenidos_home .badge { background-color: #3c474e; position: absolute; font-size: 18px; padding: 3px 8px; left: 0; top: 0; z-index: 10; }
.img_budge { bottom: 0; position: absolute; margin-bottom: 20px; }


/*COLORES CONTENIDO FICHAS*/
#edebe_content.alumno .actions a .glyphicon, #edebe_content.alumno .actions a:hover { color: #6cbce9; }
#edebe_content.alumno { background-color: #6cbce9; }
#edebe_content.recursos .actions a .glyphicon, #edebe_content.recursos .actions a:hover { color: #98c765; }
#edebe_content.recursos { background-color: #98c765; }
#edebe_content.gestion .actions a .glyphicon, #edebe_content.gestion .actions a:hover { color: #fdb934; }
#edebe_content.gestion { background-color: #fdb934; }
#edebe_content.evaluacion .actions a .glyphicon, #edebe_content.evaluacion .actions a:hover { color: #dc8bbb; }
#edebe_content.evaluacion { background-color: #dc8bbb; }



ul.listado_contenidos_alumno { margin: 55px auto 55px 35px; }
#edebe_content li a:hover, #edebe_content .actions a { color: #fff; text-decoration: none; }
#edebe_content li a .glyphicon, #edebe_content ul a .glyphicon { 
  /*color: #fff !important;*/ 
  opacity: 0.5 !important; filter: alpha(opacity=50); }

#edebe_content li a:hover .glyphicon { color: #fff; opacity: 1; filter: alpha(opacity=100); }
#edebe_content ul.listado_contenidos_alumno ul { margin-top: 10px; -webkit-padding-start: 0px; }
#edebe_content ul.listado_contenidos_alumno ul li { border-top: 1pt solid rgba(0,0,0,0.2); border-bottom: none; margin-right: 0; -webkit-padding-start: 40px; }
#edebe_content ul.listado_contenidos_alumno ul ul li { -webkit-padding-start: 80px; }
.listado_contenidos_alumno li { border-top: 1pt solid rgba(0,0,0,0.2); border-bottom: none; margin-right: 0; }
.listado_contenidos_alumno li:first-child { border-top: none; }
.listado_contenidos_alumno li a:hover .glyphicon { color: #fff; }

#edebe_menu1 ul li#ayuda a, #edebe_menu1 ul li#menu_user { border-bottom: none!important; }
#edebe_menu1 .badge { background-color: #a9aaae; display: block; float: right; font-size: 18px; padding: 3px 8px;}
#edebe_menu2 .badge { background-color: #3d484e; display: block; float: right; font-size: 18px; padding: 3px 8px; }

.footer .container div { background-color: #f1f1f3; }
#footer_links { float: right; padding: 20px 0; margin-right: 20px; }
#footer_links li { display: inline-block; padding-left: 10px; }

#edebe_menu1 .banner { width: 81%; margin: 0 auto; }
#edebe_menu1 .banner img { width: 100%; margin: 10px auto; }
#edebe_menu1 .banner p { line-height: 22px; margin-bottom: 20px; }
#edebe_menu1 .banner a { margin: 0; }
#edebe_menu1 .banner p span { font-weight: 300; }
h2{margin: 40px 0 20px 0;}

/*LOGIN*/
#edebe_login { width: 350px; margin: 75px auto; text-align: center; }
#edebe_login h1 { color: #a8a6a8; font-size: 36px; margin: 0 auto 30px auto; font-weight: 300; }
#edebe_login h2 { font-size: 24px; margin: 25px 0; }
.form-signin { font-size: 18px; }

.form-control { padding: auto 40px; text-align: left; font-size: 18px; color: #3d474d; border-radius: 0; height: auto; }
.btn-primary { color: #fff; background-color: #3d474d; border-color: #3d474d; }
.btn-default { color: #fff; background-color: #c0c2c3; border-color: #a5a7a8; }
.btn-primary:hover { background-color: #eb1c2d; border-color: #d41929; }
.btn-default:hover { color: #fff; background-color: #a8a6a8; border-color: #8f8d8f; }
.btn { border-radius: 0; padding: 6px 12px; }
.form-signin p { margin: 20px auto 40px auto; }
.form-signin a { color: #a8a6a8; text-decoration: none; }
.form-signin a:hover { color: #eb1c2d; }

form#miperfil, .tit_margin { width: 90%; margin: 0 auto; }
.tit_margin h2 { font-size: 30px; color: #3d474d; margin-top: 40px; font-weight: 400; }
.form-horizontal .col-lg-9 { position: relative; }
.form-horizontal label { font-weight: 400; }
.asterisk { position: absolute; right: 0; top: 0; color: #eb1c2d; font-size: 24px; font-weight: 700; }
form h2 { font-size: 24px; font-weight: 400; margin: 40px 0; color: #eb1c2d; }
.help-inline { font-weight: 300; color: #eb1c2d; /*font-size: 14px;*/ }

.content_margin { margin: 50px 0px 50px 100px; max-width: 800px; }
.font300 { font-weight: 300; }
.font400 { font-weight: 400; }
.gris { color: #77787c; }
.margintop { margin-top: 5px; }
/* A = plus, B = substract*/
#edebe_content ul a.collapsed span:before { content: "\6c"; }
#edebe_content ul a span:before { content: "\66" }

.tab_0 {
    margin-left: 0px;
}

.tab_00 {
    margin-left: 5%;
}

.tab_000 {
    margin-left: 10%;
}

.tab_0000 {
    margin-left: 15%;
}

.tab_00000 {
    margin-left: 20%;
}

.tab_000000 {
    margin-left: 25%;
}

#edebe_content button.vertodo { margin-left: 55px; background: transparent url('../img/trans.png') repeat;}

.nuevo {
color: #fff;
display: block;
float: right;
margin-right: 10px;
margin-left: 10px;
}

#window_add form { padding: 50px 100px 100px 100px; text-align: center; }
#window_add form p {margin-bottom: 50px; }

/*          MOBILE MENU CSS             */
@media (max-width: 1000px){
  .hidden-xs-menu{
    -webkit-transition: width 1.3s ease;
    -moz-transition: width 1.3s ease;
    -o-transition: width 1.3s ease;
    transition: width 1.3s ease;    
    
    display: inline-block !important;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 30px;
    width: 0px !important;
  }  
}

.menu_open_close2 {
    background-color: #dedfe1; 
    margin: 0; 
    padding: 5px; 
    vertical-align: top; 
    color: #77787c; 
    text-align: center;

}

#menu_container{
  display: table-cell;
  min-height: 100%;
  background-color: #dedfe1;  
  
}

#edebe_menu1_mobile.in {
    width: 256px !important;        
}
#toggle_menu { color: #77787c;}
#toggle_menu span { padding: 15px; }
#toggle_menu:hover { color: #eb1c2d;}

#edebe_menu1_mobile { display: table-cell; background-color: #dedfe1; margin: 0; padding: 0; vertical-align: top; width: 256px; color: #77787c; }
#edebe_menu1_mobile li a, #menu_open_close a { color: #77787c; text-decoration: none; }

#edebe_menu1_mobile li.active a, #edebe_menu1_mobile li a:hover, #menu_open_close a:hover { color: #eb1c2d; }
#edebe_menu1_mobile ul { list-style-type: none; }
#edebe_menu1_mobile ul { margin-left: -40px; margin-right: 0; }
#edebe_menu1_mobile ul li a { display: block; border-bottom: 1pt solid rgba(0,0,0,0.2); padding: 10px 0px; margin-right: 20px; margin-left: 20px; }

#edebe_menu1_mobile ul li a.no-line {
  border-bottom: 0;
}

#edebe_menu1 ul li a.no-line {
  border-bottom: 0;
}

#edebe_menu1_mobile ul li ul li a { font-weight: 300; padding-left: 36px; }
#edebe_menu1_mobile ul li#menu_user ul li a { font-weight: 400; padding-left: 0; }
#edebe_menu1_mobile ul li:last-child, #edebe_menu1_mobile ul li#ayuda a { border-bottom: none!important; }
#edebe_menu1_mobile ul li#contenido_cover a { padding-top: 14px; }
#edebe_menu1_mobile ul li#contenido_cover a { border: none; }

/*          END MOBILE MENU CSS             */
#edebe_content button.descargarlibro { margin-left: 55px; background: transparent url('../img/trans.png') repeat; padding: 10px 20px 15px 20px; color: #3d484e; }
#edebe_content button.descargarlibro:hover, #edebe_content button.vertodo:hover { background-color: #3d484e; color: #fff; background-image: none; }
#icons_download { text-align: center; margin: 0 0 20px 0; }
#icons_download a { text-decoration:none !important; color:inherit !important; margin: 0 10px 5px 10px; display: inline-block; font-size: 12px; }

#icons_download a:hover { color: #eb1c2d !important; }

#icons_download a i { font-size: 30px; margin: 0 15px; }
.modal-title {font-size: 20px; font-weight: 700;}

#edebe_content li a:hover { color: #fff !important; }
#edebe_content ul ul li { font-weight: 300; }
/*          END MOBILE MENU CSS             */

#edebe_main_content .titulo_contenido { background-color: #3b4850; color: #fff; padding: 16px 30px 15px 30px; }
#edebe_main_content .titulo_contenido h1 { font-size: 24px; margin-top: 0; }
#edebe_main_content .titulo_contenido h1 span { font-weight: 300; }
.btn-center { text-align: center; margin: 20px auto; }


#edebe_main_content div form { padding-bottom: 30px; }
.btn-right { text-align: right; margin: 20px auto; }
.btn { padding-left: 40px; padding-right: 40px; }
#miperfil h2, #miperfil a, .form_margin h2 { color: #3d474d; font-weight: 400; }
#miperfil label {display: none; }
#miperfil label.checkbox {display: block; color: #7b7c7e; font-weight: 300;  }
#miperfil .form-control { text-align: left; color: #3d474d!important; }
.form-control:focus { border-color: #eb1c2d; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
#miperfil .form-group, .form_margin .form-group { margin: 0!important;}
#miperfil p.note, span.note { color: #7b7c7e; font-weight: 300; margin: 15px 0; }
th { background-color: #e5e5e6; font-weight: 400; }
.alignright { text-align: right; }
.btn-inverse { background-color: #77787b;  color: #fff; }
#miperfil .checkbox.right input[type=checkbox] { position: inherit; float: right; margin-left: 10px; margin-top: 7px;}
.checks {padding-left: 20px; }
/*input::-webkit-input-placeholder { color: #3c474e!important; }
input:-moz-placeholder { color: #3c474e!important; }
input::-moz-placeholder { color: #3c474e!important; }*/
.form-error { border: 2px solid #eb1c2d!important; }

#edebe_content button.descargarlibro { margin-left: 55px; background: transparent url('../img/trans.png') repeat; padding: 10px 20px 15px 20px; color: #3d484e; }
#edebe_content button.descargarlibro:hover, #edebe_content button.vertodo:hover { background-color: #3d484e; color: #fff; background-image: none; }
#edebe_content li a:hover { color: #fff; }
#edebe_content ul ul li { font-weight: 300; }


/*18/02/15*/
#pdata_button {cursor: pointer; text-decoration: none; }
#pdata_button:hover {color: #eb1c2d; }
.btn-inverse:hover { color: #fff; background-color: #a8a6a8; border-color: #8f8d8f; }
#school_list { width: 295px; }
#school_list { float: left;
height: 180px;
background-color: #fff;
margin: 0px 15px 0 0;
padding: 5px;
border: solid 1px #ccc;
overflow: auto; }
#school_list label, #subject_list label { display: inline-block; padding-left: 5px; }
#school_detail p { margin: 0; font-weight: 300; }
/*Corregir*/
.form-control, .table-condensed>thead>tr>th, .table-condensed>tbody>tr>td  { padding: 10px 12px; }
.btn { padding-top: 10px; padding-bottom: 10px; }
.footer { font-size: 18px; font-weight: 300; }


.loading {padding-top: 100px; }
.icon-spinner { color: #fff; font-size: 120px; }
.glyphicon-spinner-animate {
    -animation: spin .9s infinite linear;
    -ms-animation: spin .9s infinite linear;
    -webkit-animation: spinw .9s infinite linear;
    -moz-animation: spinm .9s infinite linear;
}
 
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
 
@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

#edebe_content th.actions, #edebe_content td.actions { display: table-cell; float: none; white-space: nowrap; }
#edebe_content td.actions { font-size: 25px; }
#edebe_content td.actions a { color: #3d474d; }
#edebe_content td.actions a:hover { color: #eb1c2d; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
       background-color: #fff;
       background-image: none;
       color: #3d474d;
       /*-webkit-box-shadow: 0 0 0 1000px #ffffff inset!important;*/
}
#edebe_login input#inputEmail, #edebe_login input#inputPassword { text-align: center; }
p.note { color: #7b7c7e; font-weight: 300; margin: 15px 0; }
#ppost p, #pstage p, #pcourse p, #psubject p { margin-top: 20px; }

.licencia_date { display: block; background-color: #a9aaae; font-size: 14px; color: #fff; font-weight: 300; padding: 5px; margin-top: 10px; }
.licencia_date span { font-weight: 400; }

#edebe_content .form_margin { margin: 50px auto; width: 90%; }
#edebe_content .form_margin a { color: #3d474d; text-decoration: none; }
#add_button, a.add_button { cursor: pointer; color:#eb1c2d; text-decoration: none;}
a.add_button { margin-right:30px;  white-space: nowrap; }
#edebe_content .form_margin a:hover { color: #eb1c2d; }
#edebe_content .form_margin a.btn { color: #fff; }
.pagination { margin-top: 0; }
.pagination i { font-size: 14px; font-weight: 300; margin-top: 0; }
.modal-body { padding-bottom: 70px; }
.modal-footer .btn { font-size: inherit;}
.control-label { padding-bottom: 7px; color: #77787c; }

label.checkbox { display: inline-block; color: #7b7c7e; font-weight: 300; }
input[type=file] { font-family: 'Roboto Condensed'!important; }
.icon-cursor-move-two { color: #77787c; font-size: 18px; }
.js-table-sortable td {font-weight: 300; }

div.description { #3d484e; font-weight: 300; margin: 35px auto 55px 35px; padding: 15px; border: 1px solid #fff; margin-right: 30px; }
div.description > a { color: #3d484e;  }
div.description > a:hover { color: #23527c;  }

.correct { border: 2px solid #008000 !important; padding: 4px 10px;}
.incorrect { border: 2px solid #ed1c2f !important; padding: 4px 10px;}
.incorrect-grey { border: 2px solid #77787c !important; padding: 4px 10px; }
div.description { color: #3d484e; font-weight: 300; margin: 35px auto 55px 35px; padding: 15px; border: 1px solid #fff; margin-right: 30px; }
div.restricted {color: #3d484e;font-weight: 300;margin: 35px auto 55px 35px;padding: 5px 15px 15px 15px;border: 1px solid #555;font-family: "Roboto Condensed", sans-serif;}

/*.lesson-block-element{
  margin-left: -55px !important;
  padding-left: 20px;
  padding-bottom: 0px !important;
  
}

.lesson-block-element a{
  border-bottom: 1pt solid rgba(0,0,0,0.2);
  display: block;
  padding-bottom: 10px;
  width: 80%;
  max-width: 256px;
  word-wrap: break-word;

}
*/



/* Sortable LessonBlock Menu styles */
/*#sortable {
    list-style-type: none;
}*/

#sortable li i.icon-ico-mover {

    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
#sortable li span.icon-ico-mover{
  cursor: pointer; 
  cursor: hand;
}

#sortable li span.icon-ico-cerrarventana{
  cursor: pointer; 
  cursor: hand;
}

/*#sortable li span {
    position: absolute !important;
    margin-left: -1.3em !important;
}*/

/*#sortable li.highlights {
    background: yellow;
}*/

/*#sortable i{
  color: #eb1c2d;
  font-size: 18px;

}
#sortable li a{
  display: block;
  padding-bottom: 10px;
  max-width: 256px;
  word-wrap: break-word;
  padding-top: 5px;

} 

#sortable li a:hover{
  color: #ed1c2f !important;
  
}

#sortable li:hover{
  background-color: #dedfe1 !important;
}*/

/*#sortable li{ 
  max-width: 256px;
  display:inline-block;*/
 /* *display:inline;*/ /*IE7*/
 /* *zoom:1; */ /*IE7*/
  /*background-color: #e7e7e7;
  margin-left: -55px !important;
  padding-left: 20px;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  border-bottom: 1px solid #a9aaae;
}*/


#sortable li:last-child{ 
  border-bottom: none !important;

}

#sortable{
  padding-left: 0px !important;
}

#edebe_content li.lesson-block-sortable:hover{
 /*background-color: #dedfe1;*/
}

#edebe_content li.lesson-block-sortable:hover{
color: #eb1c2d;
}

#edebe_content li.lesson-block-sortable a:hover{
color: #eb1c2d !important;
}

.lesson-block-sortable{
  padding-left: 10px;
  margin-right: 13px !important;

}

.border-sortable{
  /*order-bottom: 1pt solid rgba(0,0,0,0.2);*/
  /*margin-left: 20px;*/
  padding-bottom: 10px !important;
  word-wrap: break-word;
  /*width: 80%;*/
}

#edebe_content ul li.lesson-block-sortable{
  margin-right: 0px !important;
  padding-bottom: 0px !important;
}

/* End sortable LessonBlock Menu styles */

/* Group List Styles */

#group_table thead, #group_member_table thead {
  border-bottom: none;
}
#group_table thead th, #group_member_table thead th, th.groups {
  text-align: center;
  line-height: 50px;
  vertical-align: middle!important;
}
td.groups { font-weight: 300; }

#group_table [class="name"] a, #group_member_table [class="name"] a, #table-exercises [class="name"] a {
  color: #eb1c2d;
  font-weight: 500;
}
#group_table [class="members"] i, #group_member_table [class="members"] i{
  color: #a9aaae;
}
#group_table [class="reference"], #group_table [class="members"], td.created, #group_member_table [class="reference"], 
#table-exercises [class="get_type"], #table-exercises [class="family"], #table-exercises [class="language"], td.end_date, td.initial_date, table thead th  { 
  font-weight: 300; 
}

table thead>tr>th span {
  display: inline-block; padding: 5px 5px;
}

/* unvisited link */
#group_table thead a:link {
    color: #1d1d1b;
    text-decoration: none;
}

/* visited link */
#group_table thead a:visited {
    color: #1d1d1b;
}

/* mouse over link */
#group_table thead a:hover {
    color: #eb1c2d;
}

/* selected link */
#group_table thead a:active {
    color: #0000FF;
}

.create_group_btn {    
  margin-left: 50px;
  margin-top: 20px;
  margin-bottom: 50px; 
  text-align:left; 
}
.create_group_btn a{
  font-size: 18px;
}
.create_group_btn i{
  position: relative;
  top: 6px;
  font-size: 25px;
}

#grouptable
{
   border-collapse:collapse;
}
#grouptable tr
{
   border-bottom: 1px solid #000;
}
#grouptable tr:last-child
{
   border-bottom: none;
}
.activated{
  color:#eb1c2d;
}
.deactivated{
  color:#008000; 
}

.ignored-icon{
  color: #dedfe1; 
}


#group_table thead th, #table-exercises thead th { text-align: left!important; font-weight: 300; line-height: 24px!important; }
#group_table.table-condensed>thead>tr, #table-exercises.table-condensed>thead>tr { background-color:#e5e5e6; }
#group_table.table-condensed>thead>tr>th, #table-exercises.table-condensed>thead>tr>th { border-left: 5px solid #fff; border-bottom: none; }
#group_table.table-condensed>thead>tr>th span, #table-exercises.table-condensed>thead>tr>th span { display: inline-block; padding: 5px 5px;}
.create_group_btn .btn { padding-left: 15px; padding-right: 15px;}
.table-container .pagination { padding-left: 30px!important; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #a8a6a8; border-color: #8f8d8f; }

/* End group list styles */

.top20{
  margin-top:20px;
}

/* Group Member List Styles */

#group_member_table .actions a{
  vertical-align: middle;
  font-size: 25px;
}

/* unvisited link */
#group_member_table thead a:link {
    color: #1d1d1b;
    text-decoration: none;
}

/* visited link */
#group_member_table thead a:visited {
    color: #1d1d1b;
}

/* mouse over link */
#group_member_table thead a:hover {
    color: #eb1c2d;
}

/* selected link */
#group_member_table thead a:active {
    color: #0000FF;
}

.btn_group_member_list{    
  margin-top: 20px;
  text-align:left; 
}
.btn_group_member_list a{
  font-size: 20px;
}

/* End group member list styles*/

/* Lesson list styles */
.active_group{
  color: #eb1c2d !important;
}
#group_list{ 
  margin-top: 0px !important;
}
#group_list li, #lesson_table tr td{ 
  border-bottom: 1px solid #a9aaae; 
}
#group_list li:last-child, #lesson_table tbody tr:last-child td{ 
  border-bottom: none !important; 
}
#group_list a { 
  border-bottom: none !important;
} 
#lesson_table tbody .name a{ 
   color:#eb1c2d;
}
.btn-white{
  color: #333;
  background-color: #fff;
  border-color: #D4D4D5;
  font-size: 18px;
}
.btn-white i{
  font-size: 25px;
  vertical-align: middle;
}

.p_select_group {
text-align: left;
font-size: 24px;
font-weight: 300;
margin: 0 auto; 
padding-top: 40px; 
padding-left: 30px; 
 }

.red_a a{
  color: #eb1c2d !important;
 }
#lesson-tab { background-color: #f1f1f3; }
#lesson-tab li { background-color: #f1f1f3; }
/* End lesson list*/


.col2menu { padding-right: 0; }


 #edebe_menu_lb{
  display: table-cell;
  padding: 0;
  vertical-align: top;
  min-width: 256px;
  }

.right {
    float: right;
    margin-bottom: -1000px;
    position: relative;
   
  }
.right a {
  text-decoration: none !important;
  color: #FFF !important;
  text-align: center;
}


.image-on{
  background: #e7e7e7 url('../img/menu_select_arrow_on.png')no-repeat 0 0; 
  background-size: 100%;

}

.image-off{
  background: #e7e7e7 url('../img/menu_select_arrow_off.png')no-repeat 0 0 ; 
  background-size: 100%;


}
#edebe_content li a .glyphicon, #edebe_content ul li a .glyphicon {
  color: #3d484e;
  opacity: 1 !important;

}

#edebe_content li.lesson-block-element a:hover, 
#edebe_content li a:hover .glyphicon, #edebe_content ul li a:hover .glyphicon {
  color: #ed1c2f !important;

}

#edebe_content li.lesson-block-element span:hover{
  color: #ed1c2f !important;

}

#edebe_content li.lesson-block-element:hover{
 background-color: #dedfe1;
}

#edebe_content li.lesson-block-element:last-child a{
  border-bottom: none !important;
}


#edebe_content li.lesson-block-element.ui-sortable-handle:hover{
 background-color: transparent;
}

.fixed_viewer{
  margin-left: 40px;
}

.lesson-block-element{
  margin-left: -55px !important;
  padding-left: 20px;
  padding-bottom: 0px !important;
  
}

.lesson-block-element a{
  border-bottom: 1pt solid rgba(0,0,0,0.2);
  display: inline-block;
  padding-bottom: 10px;
  width: 80%;
  max-width: 256px;
  word-wrap: break-word;

}


.height_col{
  background: #e7e7e7 url('../img/menu_select_arrow_off.png') repeat 0 0 ;
  background-size: 100%;
 /* margin-bottom: -50px;*/
  max-width: 256px !important;
  min-width: 256px !important;
}

.height_col_2{
  background: #e7e7e7 url('../img/menu_select_arrow_off.png') repeat 0 0 ;
  background-size: 100%;
}

.width-menu{
  width: 18.74% !important;
}

.width-content{
  width: 80% !important;
}

.menu_background{
  background-color: #e7e7e7;
  padding-right: 0px;
}

.height_in{
  display: inline-table;
  margin-left: 15px;
}

.viewed-item{
  color: #b1b1b5 !important;
}

.selected-item{
  color: #ed1c2f !important;
}

.selected-item span{
  color: #ed1c2f !important;
}

.icon-selected{
  color: #b1b1b5 !important;
}

.arrow-position{
 color:#3d484e !important;
 font-size: 45px;
 /*position: absolute;
 top: 30%;
 transform: translateY(-30%);*/

}

.arrow-div-left{
    text-align: left;
    position: relative;
    padding-top: 30%;
}

.arrow-div-right{
    text-align: right;
    float: right;
    position: relative;
    padding-top: 30%;
}


/*Reference*/
input#reference { color: #ed1c2f; font-size: 30px; font-weight: 400;}


.select-option-left, select.incorrect,  select.correct  {
  background-color: #fff !important;
}

.select-option-left > a{
  color: #ed1c2f !important;

}

/*#pendant-tab, #active-tab, #pending-tab, #finished-tab{
  margin-left: 20px !important;
}*/

#pendant-tab :hover, #active-tab:hover, #pending-tab:hover, #finished-tab:hover{
  color:red !important;
}

.small-input{
  width: 400px;
}
#id_initial_date.small-input, #id_end_date.small-input{ width: 200px; }

.border-item{
  border-bottom: 1pt solid rgba(0,0,0,0.2);
  
}


.custom-icon{
  color:#ed1c2f !important; opacity:1 !important; font-size:18px; float: right;
}

#edebe_content ul li.custom-align{
  /*margin-right:-55px !important;*/
  margin-right:-15px !important;
}

#edebe_content ul li.custom-align-sortable{
  margin-right:-22px !important;
  font-size: 16px;
}

#edebe_content ul li.active a:hover{
  color: #3d474d !important;
}

/*Lesson Tabs*/
.col-md-12.lessontab { padding: 0; }
#edebe_content ul.nav-tabs li { padding-bottom: 0; }
#edebe_content .nav-tabs li a:hover { color : #77787c!important; }
.tab-pane .table>tbody>tr:first-child td {
border-top: none!important; }
.tab-pane .table { margin-top: 20px; }
.float-right { float: right; }

.nav-tabs { border: none; }
.nav-tabs>li>a:hover { border-bottom: 1px solid #fff!important; }
.nav-tabs>li.active>a { border-left: none!important;  border-right: none!important; border-top: none!important; border-bottom: 1px solid #fff!important; }
#edebe_content ul.nav-tabs li { padding-top: 0; }
#edebe_content .nav-tabs>li a { padding: 20px 30px; color: #77787c; }



/*Modal Edit group content*/
.content-cover{
  margin-right: 20px;
  padding-left: 0px;
  margin-bottom: 20px;
  word-wrap: break-word;
  font-size: 12px;
}

#content_modal .modal-dialog{
      /* new custom width */
    width: 750px;

}

/* Add page */

img.minipageimage {
        max-width: 100px;
        margin-top: 20px;
}

div.minipages {
    text-align: center;
}
.minipagenumber{ font-size: 14px; }

div.zoomedpage {
    text-align: center;
    max-width: 560px;
    max-height: 100%;
}
/*
img#zoomedpageimg {
    max-width: 80%;
    max-height: 80%;
}
*/
#edebe_menu2{
    height: 100%;
}
#scrollDiv{
    overflow-y: scroll;
    height: 100%;
}

.highlight-page{
  border: 3px solid #eb1c2d;
}

#edebe_content .zoomedpage{
  padding-bottom: 0px !important;
  padding: 0 0 0 0 !important;
}

.padding-l-off{
  padding-left: 0px !important;
}

.bottom50{
  padding-bottom: 50px
}

#new_exercise .col-md-4 a, #new_exercise .col-md-4 a:hover{
  text-decoration: none;  
  color: inherit;
}

#new_exercise p{
  margin-top: 3px;
  font-weight: 300;
  font-size: 17px;
}
#new_exercise .modal-body{
  padding-bottom: 0px !important;
}
#create_exercise_or, #create_exercise_title, #new_exercise_btn_container{
  text-align: center;
}
#create_exercise_title{
  font-weight: 700 !important;
}

td.position.pos_correct,
td.position.pos_incorrect { text-align: center!important; width: 100px; }
.pos_number { font-size: 24px; font-weight: 400!important; }
.pos_correct_msg { font-size: 14px; color: #77787b; }
.button_group a.btn { margin-bottom: 20px; }


.scroll {
 overflow:auto;
 overflow-x:hidden;
}

.back_button {
 padding: 18px 24px 19px 24px!important;
}

.back_button span {
 color:#FFF;
}

#bdeiframecontainer{
   height: 700px;
   max-width: 66%;
   padding-right: 0px;
}
  
#bdeiframe {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 92%;
}

td.error_class input{
  border: 1px solid #eb1c2d; 
}

.test-class ul{
  padding-left: 0px !important;
}
.test-class{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 10px;
  padding-left: 10px;
  background-color: white;
}

.inlineblock{
  display:inline-block;
}

.fixed-width{
  max-width: 300px;
  word-wrap: break-word;
}

.exercise_value {
  width: 100px;
}
.pending { font-weight: 400;  color: #eb1c2d; }

.exercise_textarea { width: 100%; }

.actions-display{
  min-width: 150px;
}

.scrollable-modal .scrollable-modal-body {
    max-height: 420px;
    overflow-y: auto;
}

/* Tables sorting headers */
.table thead th.orderable > a {
    padding-right: 10px;
    background: url(../img/arrow-inactive-up.png) right center no-repeat;
    
}
.table thead th.orderable.asc > a {
    background-image: url(../img/arrow-active-up.png);
    
}   
.table thead th.orderable.desc > a {
    background-image: url(../img/arrow-active-down.png);
    
}

.nav-tabs-exercises {
  height: 80px;
}
.nav-tabs-exercises, #lesson-tab {
  margin-left:  20px; 
}

.nav-tabs-exercises li a, #lesson-tab li a {
height: 80px; 
}

.right-button{
  float: right;
  margin-top: -65px;
  margin-right: 18px;
}

#edebe_main_content #group_form{
  padding-bottom: 0px;
}

#group_form select{
  background-color: #eb1c2d;
  padding: 0px;
  color: white;
  border: none !important;
  border-color: #eb1c2d;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  -webkit-appearance: none;
  background: url(../img/select_arrow.png) no-repeat right #eb1c2d;
  width: 100%;
}

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


/* Tabselect */
div#groups select {
    display: none;
}
div#groups label {
    margin-bottom: 10px;
}
div#groups span span {
  font-weight: normal;
  text-decoration: none;
  padding: 10px;
  margin-right: 6px;  
  cursor: hand;
  cursor: pointer;
  border: 0!important;
}
.widget_image_name{
  color:#77787c;
}
.widget_image_title{
  color:#77787c;
}

.widget_image_label{
  color:#77787c;
}

div#groups span.active {
  background: #eb1c2d;
  color: #fff;
  border: 1px #eb1c2d solid;
  display: inline-flex !important;
  margin: 5px;
}
div#groups span.active:hover {
  background: #eb1c2d;
  color: #fff;
  border: 1px #338800 solid;
  display: inline-flex !important;
  margin: 5px;
}

div#groups span.inactive {
  background: #ddd;
  color: #888;
  border: 1px #bbb solid;
  display: inline-flex !important;
  margin: 5px;
}
div#groups span.inactive:hover {
  background: #bbb;
  color: #fff;
  border: 1px #888 solid;
  display: inline-flex !important;
  margin: 5px;
}
div#groups label.control-label{ margin-bottom: 0;}

.icon-redbg{
  color: #fff !important;
  text-decoration: none !important;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: center;
}

.icon-redbg-mini{
  color: #eb1c2d !important;
  width: 23px;
  height: 23px;
  display: inline-block;
  text-align: center;
}

.center{
  margin-left: 30px;
  margin-top: 20px;
}

.actions{
  float: right;
}

.actions-lb{
  float: right;
  width: 20%;
  display: inline-flex !important;
}

ul.initial_exam_exercise li div a{
  display: inline-flex !important;
  width: 70%;
}

.form_margin_2{
  margin: 25px auto;
}

.form-margin-0{
  margin: 0 auto;
  width: 90%;
}

.question_title{
  background-color: #e7e7e7;
  padding: 10px 12px;
  margin-top: 20px; 
  width: 100%;
}


ul.btns_menu {
    border: 1px solid #ccc;
    width: 80%;
    padding-bottom: 25px;
}

ul.btns_menu li.lesson-option{
  font-weight: 100;
  padding-top: 0px !important; 
}

ul.btns_menu li.lesson-option a{
  color: #77787c !important;
}

ul.btns_menu li.light-color{
  padding-bottom: 25px !important;
}

.lesson-video iframe{
  width: 100%;
}

#edebe_content ul.btns_menu li a:hover{
  color: #eb1c2d !important;
}

.light-color {
  color:#77787c;
}

.light-bg-color {
  background-color: #f1f1f3 !important;
}

.dark-bg-color{
  background-color: #cbcbcb;
}

.active_group_exam{
  /*border: 3px solid #eb1c2d !important;*/ 
}

#edebe_content ul li.active_group_exam{
  /*border-bottom: 3px solid #eb1c2d !important; */
}

.initial_exam_exercise{
  padding-left: 5px;
  padding-right: 0px;
}

#edebe_content ul.initial_exam_exercise li{
  padding-right: 10px;
}

#edebe_content ul li.exercise-save-item{
  padding-right: 25px;
}

.align-exercise-save{
  padding-left: 5px;
  padding-right: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
}

.fix-width-item{
  width: 90%;
  padding-left: 10px;
  padding-right: 10px;
}

.bg-success{
  padding: 15px;
  margin-top: 25px;
}

.heigth-btn{
  height: 86px;
}

.widget_image_name a img{
  border: 1px solid #77787c;
  margin: 0px 10px 0px 10px;
}

div.img-size img{
  margin-top: 20px;
  margin-bottom: 20px
}


.tit-dark{
  color: #3b4850;
}

.relation_exercise {
}


.relation_exercise .relation_left {
}

.relation_exercise .relation_right {
  margin-right: -45px !important;
  
}

.relation-container{
  display:flex;
  margin-left: 15px !important;
}

.relation-input{
  width: 100%;
}


#edebe_content .col-md-6 .form-margin-0, #edebe_content .col-md-9 .form-margin-0 { width: 100%; margin: 0 0 0 10px; }
#edebe_content .col-md-6 .form-margin-0  .form-horizontal .form-group, #edebe_content .col-md-9 .form-margin-0  .form-horizontal .form-group { margin: 0; margin-left: 0; }

.correct-color{
  color: #008000;
}

.incorrect-color{
  color: red;
}

.paddingtop { padding-top: 7px; }

.question-help-right {
  float:right;
  font-size: 14px;
  color:#77787c;
  font-weight: 300;
  margin-right: 0px;
}

.question-help {
  font-size: 14px;
  color:#77787c;
  font-weight: 300;
  margin-left: 10px;
}

.relation-exercise-option{
  background-color: #e7e7e7;
  padding: 5px;
  border-bottom: 2px solid white;
  vertical-align: middle;
  word-wrap: break-word;
}

.relation-box-right{
  border: 1px solid #ccc;
  min-height: 35px;
  margin-bottom: 2px;
  margin-right: 12px;
}

.relation-option{
  border: 2px solid white;
  background-color: #f1f1f3 !important;
}

.relation-option-margin{
  margin-right: -3px; 
  margin-left: -9px;
}

/*.relation-exercise-option span {padding: 5px; }*/
.relation_exercise .col-xs-2 { padding-left: 0!important; margin-right: -15px; margin-left: -15px; }


.line-relation{
  background: url('../img/linea_relacion.png') repeat; text-align: right;
}

.exercise_textarea { font-weight: 300; color: #333; }

.image-on-red{
  background: #eb1c2d url('../img/menu_select_arrow_on.png')no-repeat 0 0; 
  background-size: 100%;

}

.image-off-red{
  background: #eb1c2d url('../img/menu_select_arrow_off.png')no-repeat 0 0 ; 
  background-size: 100%;
}


.exercise_textarea { font-weight: 300; color: #333; }

/* Questions Column*/
.exercise-save-item .border-sortable:after, .exercise-save-item .border-sortable:before { display: table; clear: both;  content: " ";}
.exercise-save-item a.exam_exercise_text { display: block; float: left; width: 75%; padding-left: 15px;}
.exercise-save-item .actions { display: block; float: left; width: 25%; padding-top: 7px; }

@media (max-width: 768px){
  th.groups #group_form select { width: 150px; }
  }  


.height-1line{
  min-height: 100% !important;
}


.height-2line{
  min-height: 100% !important;
  background: #e7e7e7 url('../img/menu_select_arrow_off.png') repeat 0 0;
  background-size: 100%;
}

.margin-l-r-0{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.pad-l-0{
  padding-left: 0px;
}
.pad-r-0{
  padding-right: 0px;
}

.right-score{
  /*float: right;
  margin-top: -45px;*/
  margin-right: 40px;

}

.right-score-exercise{
  float: right;
  margin-top: -45px;
  margin-right: 0px;

}

.form-padd{
  padding-left: 20px !important;
}

.padd-buttons{
  /*padding-left: 80px;*/
}

.red-text{
  color: #eb1c2d
}

.relation-img{
  vertical-align: top;
  border: 1px solid #ccc;
  margin: 5px 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;

}
.widget_image_name a img{
  margin-top: 10px
}

.pad-top{
  padding-top: 10px;
}

.success-question-modal{
  padding-bottom: 40px;
}

.droppable { padding: 0 15px; }
.droppable.ui-state-hover { background-color: #3b4850; }
.draggable { 
  position: relative;
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
 }

.relation_text_left{
  padding-left: 9px;
}

.back{
  padding:18.5px 24px !important;
}

#dashboard.row{
  margin-right: inherit !important;
}

#dashboard > .row{
  margin-right: inherit !important;
} 

#dashboard_table{
  max-width: 96%;
  margin-left: 20px;
}

#dashboard_table > thead > tr > th{
  background-color: #f1f1f3 !important;
  font-weight: 600;
}

#dashboard_table tbody > tr{
  border-top: none;
  background-color: #f1f1f3;
}
#dashboard_table tbody > tr:hover{
  border-top: none;
  background-color: #e7e7e7 !important;
}

.table-container{
  margin-left: 0px;
}

#dashboard_table tbody > tr > td > a{
  color: #77787c;
}

#dashboard_table tbody > tr > td > a:hover{
  color: #ed1c2f;
  text-decoration: none;
}

.home-content-title{
  margin-left: 20px;
  
}

/*@media screen and (max-width: 1024px){
  .home-content-title{
      padding-right: 30px;
  }
}*/



.home-content-title h4{
  margin-right: 45px;
  background-color: #f1f1f3;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 20px;
  padding-left: 15px;
  font-weight: 600;
}

.modal-body{
  font-size: 18px;
}

.modal-footer > .btn{
  font-size: 18px;
}

.epe-home-table > .table-container.list_items_table{
  overflow-x: auto !important;
  background-color: #f1f1f3;
  margin-left: 20px;
  margin-right: 25px;
  padding-bottom: 10px;
}

.legal h4{
  border-bottom: 1px solid #e4e3e3;
    color: #898989;
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 10px 0 3px 10px;
}

.legal h2{
  border-bottom: 1px solid #e4e3e3;
  color: #898989;
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 10px 0 3px 10px;
}

.legal p{
  color: #707070;
  font-size: 14px;
  line-height: 18px;
  padding: 0 20px 20px 10px
}

.legal li{
  color: #707070;
  font-size: 14px;
  line-height: 18px;
  padding: 0 20px 20px 10px
}

.legal{
  padding-left: 25px !important;
}

.fixed-width{
  width: 256px;
}

.epe-home-table > .table-container > .pagination{
  display: none;
}

.text-right{
  width: 100%;
  padding-right: 40px;
}

.line1{
  padding-bottom: 67px !important;
}


.line2{
  padding-bottom: 86px !important;
}

.line3{
  padding-bottom: 82px !important;
}

.exam-size{
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

#edebe_content.alumno ul li a:hover .glyphicon, 
#edebe_content.recursos ul li a:hover .glyphicon,
#edebe_content.gestion ul li a:hover .glyphicon, 
#edebe_content.evaluacion ul li a:hover .glyphicon, 
#edebe_content.tareas ul li a:hover .glyphicon {
 color: #fff !important;
}


.set-width-pages{
  min-width: 140px !important;
  background-color: #ffffff !important;
}

#edebe_content td.actions a {
  display: inline-block !important;
}

.col-sm-4.padd-buttons {padding: 0;}


span#group_buttons span{
  display: inline-block;
}

@media(min-width: 1024px) and (max-width: 1200px){
  
  .btn-ipad{
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: -5px
  }

  .btn-lg-ipad{
    font-size: 12pt !important;
  }
}

/* LESSON ADD */
.lesson_add_file, .lesson_add_link, .lesson_add_text, .lesson_add_image, .lesson_add_scorm, .lesson_add_video{
  margin-top: 0px !important;
}

.lesson_add_file h2, .lesson_add_link h2, .lesson_add_text h2, .lesson_add_image h2, .lesson_add_scorm h2, .lesson_add_video h2{
  font-size: 24px;
  color: #3d474d;
}

.scorm_item{
  padding-left: 10px;
  white-space: nowrap;
}

.idx-theme .scorm_item{
  color: #ed1c2f !important;
  font-size: 14px; 
}

.idx-theme .scorm_item:hover{
  opacity: 0.5;   
}

.idx-theme .scorm_item span{
  color: #ed1c2f !important;
  font-size: 18px;
  vertical-align: top;   
}

ul#scorm_items li  span.parent{
  text-transform: uppercase;
}

ul#scorm_items li ul.children span.children li span.parent{
  text-transform: inherit;
}

ul#scorm_items li ul.children span.children li{
  padding-top: inherit;
  padding-bottom: inherit;
}

ul#scorm_items li ul.children span.parent.top{
  margin-top: 20px;
  display: block;
  font-weight: 700;
}



#edebe_content li a.scorm_item:hover{
  color: #eb1c2d !important;
  cursor: pointer;
}

/* LESSON VIEW */

#header_lesson {
  height: 240px;
  padding: 0;
  position: relative;
  overflow-y: hidden;
}

#content_lesson {
  margin: 0px 0px 0px 0px;
}

.bg_trans {
  background-color: transparent;
  position: absolute;
  width: 100%;
}

img.bg_lesson {
  width: 100%;
  position: absolute;
}

.lesson_view_file h2, .lesson_view_link h2, .lesson_view_text h2, .lesson_view_image h2, .lesson_view_scorm h2, .lesson_view_video h2{
  font-size: 24px;
  color: #3d474d;
}

/* LESSON VIEW FILE */
.lesson_view_file a{
  color: #eb1c2d;
}

/* IFRAME LESSON VIEW */
.lesson-iframe-container {
  position: relative;
  overflow: auto;
  height: calc(100vh - 205px);
  -webkit-overflow-scrolling: touch;
}
#lesson-iframe {
  height: calc(100% - 10px);
}

  a#link{
    color: #eb1c2d;
  }
 .iframe-container {
    margin-top: 25px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* REDACTOR */

.redactor-box .redactor-toolbar li a{
  font-size: 20px;
}

/* SCORM VIEWER */
#scorm_content {
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
    background-color: #FFFFFF;
    height: 0px;
}

#scorm_title {
    background-color: #eb1c2d;
    color: #ffffff;
    display: block;
    font-size: 18px;
    height: 67px;
    padding: 16px 30px 15px 30px;
}

#scorm_title h1 {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 24px;
    height: 26px;
    margin: 0px 0px 10px 0px;
}

div.arrows {
    float: right !important;
}

div.arrows span {
    font-size: 45px;
    color: #ffffff;
    top: -8px !important;
}

#scorm_toc {
    padding-top: 10px;
    background-color: #e7e7e7;
    color: #77787c;
    overflow-y: auto;
}

#scorm_toc ul {
    list-style-type: none;
    padding-left: 20px;
}

#scorm_toc strong {
    color: #ed1c2f !important;
}

#scorm_iframe {
    float: left;
    width: 100%;
    border: 0px;
    padding-right: 10px;
}

#scorm_iframe_container {
    position: relative;
    overflow: auto;
    height: calc(100vh - 88px);
    -webkit-overflow-scrolling: touch;
}

#scorm_iframe_container .scroll-wrapper {
  height: 100%;
}

#scorm_iframe_container iframe {
    height: calc(100% - 14px);
}

/* SCORM PLAYER */

.edebe_main_content #scorm_content #scorm_title{
  background-color: #3b4850;
}

.edebe_main_content #scorm_content #scorm_title .logo{
  width: 400px;
  float: left;
  display: inline-block;
}

.edebe_main_content #scorm_content #scorm_title .menu{
  float: left;
  display: inline-block;
}

.edebe_main_content #scorm_content #scorm_title .menu a{
  font-size: 15pt;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}

.edebe_main_content #scorm_content #scorm_title .arrows a{
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  margin-left: 15px;
  font-size: 15pt;
}

#scorm_toc span#root{
  color: #3b4850;
  font-weight: 700;
  font-size: 19pt;
  text-transform: uppercase;
  letter-spacing: -0.5pt;
}

#scorm_toc .toc_list li{
  line-height: 25px;
  color: #3b4850;
  font-size: 13pt;
  letter-spacing: -0.3pt;
  text-decoration: none;
}

#scorm_toc .toc_list li a{
  font-size: 11pt;
  letter-spacing: -0.3pt;
  text-decoration: none;
  color: #3b4850;
}


/* New to lesson */

#header_lesson h2.lesson-title {
    text-align: center;
    font-size: 48px;
    color: #fff;
    font-weight: normal;
    margin-top: 60px;
}

#header_lesson .lesson-btn .btn {
    height: 60px;
}

#header_lesson .lesson-btn.left-p {
    padding: 20px;
}

#header_lesson .btn .glyphicon {
    top: 5px;
}

#header_lesson .lesson-btn.right-p {
    padding-top: 20px;
}

#header_lesson .lesson-btn .lesson-edit-btn {
    min-width: 226px;
    padding-top: 15px;
    padding-left: 10px;
}


#content_lesson .tab-content {
    padding-top: 50px;
}

#lesson-tab-detail, #content_lesson .tab-content {
    padding-left: 10%;
    padding-right: 10%;
}

#lesson-tab-detail, #lesson-tab-detail li {
    background-color: #f1f1f3;
}

#lesson-tab-detail, #content_lesson .tab-content {
    padding-left: 10%;
    padding-right: 10%;
}

#lesson-tab li, #lesson-tab-detail li {
    height: 60px!important;
}

ul#lesson-tab li.active a, ul#lesson-tab li a, ul#lesson-tab-detail li.active a, ul#lesson-tab-detail li a {
    color: #77787c;
    font-size: 18px;
}

#lesson-tab, #lesson-tab-detail {
    height: 66px!important;
    margin: 0!important;
}

a.btn.btn-primary.btn-lg.lesson-edit-btn {
    margin-bottom: 15px;
}

li.lesson-block-sortable {
    list-style-type: none;
    border: 1px solid #9c9c9c;
    height: 62px;
    margin-bottom: 10px;
    margin-top: -15px
}


#menu-lesson .border-sortable {
    padding-bottom: 0!important;
}

a, a.social {
    color: #68BBEB;
}

.lesson-block-sortable .border-sortable .media .media-left img.media-object {
  width: 60px;
  height: 60px;
}

.lesson-block-sortable {
    width: 100%;
    padding-left: 0px;
}

#edebe_content ul li.lesson-block-sortable {
    padding-top: 0px;
}

li.lesson-block-sortable h4.media-heading {
    color: #eb1c2d;
    margin-top: 10px;
}

li.lesson-block-sortable h4.media-heading a {
    color: #eb1c2d !important;
}

li.lesson-block-sortable .lesson-icon {
    color: #77787c;
}

.lesson-icon .glyphicon {
    top: 3px;
}

div.border-sortable span {
    font-size: 20px;
    top: 20px;
    position: relative;
}

#btn-addcontent .glyphicon, #btn-addcontent, .square-btn {
    margin: 0;
}

#btn-addcontent {
    float: right;
}

#btn-addcontent, .square-btn {
    height: 60px;
    width: 60px;
    /*margin-left: 20px;*/
    padding: 0 10px;
    text-align: center;
}

#btn-addcontent {
    float: right;
    height: 60px;
    width: 60px;
    /*margin-left: 20px;*/
    padding: 0 10px;
    text-align: center;
}

#items_buttons > button {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

#btn-addcontent-newstyle {
    float: right;
    height: 50px;
    width: 50px;
    margin-left: 4px;
    margin-top: 4px;
    padding: 0 10px;
    text-align: center;
}

#items_buttons {
    padding-right: 15px;
    padding-top: 15px;
}

#edebe_main_content .titulo_contenido h1 a:hover {
    color: #ffffff;
    text-decoration: none;
}

.margin-l-30 .form-group {
    margin-right: 0px;
    margin-left: 0px;
}


.lessontab ul li {
    margin-left: 0px !important;
}

#lesson-tab li a {
    height: 67px;
}

div#blocks_menu2 {
    padding-top: 16px;
}

div#blocks_menu2 ul li {
    border: none;
}

#modal-dialog-big {
    width: 980px;
}

#bdeiframecontainer-popup {
    height: 700px;
    padding-right: 0px;
}

#modal-resource-big {
    padding-bottom: 0px;
}

ul.sortable-inside-exercise {
    padding-top: 16px;
}

/*Create lesson button on lesson new style */
.padd {
    margin-top: 5px;
}


#lesson-tab-detail li:hover a, #lesson-tab-detail li.active a {
    border-bottom: 4px solid #eb1c2d!important;
}
.modal-backdrop .fade .in{height:1500px !important;}

.lesson-blocks-list{margin-bottom:0 !important;}


#edebe_login { width: 90%;}
.grid-login { padding: 20px;}
.btn-google { color: #fff; background-color: #DB4D39; border-color: #DB4D39; }
.btn-microsoft { color: #fff; background-color: #6164A8; border-color: #6164A8; margin-top: 5px; }
.btn.btn-google, .btn.btn-microsoft { padding-left: 0!important; padding-right: 0!important; }
.btn-google:hover, .btn-microsoft:hover { color: #fff; opacity: 0.7;}
.btn-google img, .btn-microsoft img {margin-right: 8px;}
.bg-light { background-color: #f1f1f3; }


.share-content { margin: 0 0 0 16px; float: right;}
.share-content a img { vertical-align: inherit; margin-left: 8px;}

.paper_cookie_banner{
  position: fixed;
  bottom: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  z-index: 99999999;
}

.cookieBanner-container{
  padding: 24px;
  display: flex;
  background: rgb(92 90 90);
}

.cookieBanner-actions{
  gap: 8px;
  display: flex;
  flex-direction: column; 
}

#cookieBanner .text{
  margin-right: 24px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  font-size: 18px;
  color: #fff;
}

#cookieConfig .panel-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#cookieConfig .btn-xs{
  padding: 1px 5px!important;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px!important;
}

#cookieConfig .btn.btn-xs.btn-default.active {
  background-color: #eb1c2d!important;
  color: #fff!important;
}
#cookieConfig .btn.btn-xs.btn-default.disabled  {
  color: #000;
}


/* Cookie Banner 
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;

*/