/* estilos para los botones de exportar y resetear */
h4.college_malla 
{
    font-size:11pt;
    margin:5px;
    color:#0053A1;
}
.sf-menu a.sf-with-ul 
{
    max-width: 200px !important;
    word-wrap: break-word;
    text-overflow: ellipsis;
}
.resetear_exportar
{
    background-color: #076acd;
    border-color: #076acd;
    color: #076acd;
}
.disabled-button 
{
    background-color:rgb(184, 209, 232);
    /*display:none !important; */
}
.disabled-button:hover 
{
    background-color:rgb(184, 209, 250) !important;
    color:#000 !important;
}
.contenedor-horario 
{
    margin-top:20px;
    min-height:500px !important;
    background-color:#F7F7F7;
    border:1px solid #ccc;
    display:flex;
}
.contenedor-horario > .contenedor-mensaje 
{
    width: 100%;
    font-size:20pt;
    padding-top:200px;
    text-align:center;
}

.contenedor_semestres
{
    flex:1;
    padding: 5px 0px 0px 0px;
}

#div_semestre
{
    width:130px;
    padding:1px !important;
    margin:1px !important;
}
  
#div_semestre:hover
{
    background-color:#E5E5E5;
}



/* *************************************************** ESTILOS MallaMajorMinors USANDO HTML ************* */
.boton_detalle 
{
    width:115px;
}
.boton_detalle_creditos 
{
    background-color: rgb(211, 70, 70) !important;
}

.boton_detalle_creditos_min 
{
    background-color: rgb(0, 215, 61) !important;
}

.boton_detalle_creditos + .contenedor_semestres  /*the div after creditos*/
{
    background-color: rgb(255, 236, 236); 
    border:1px dashed rgb(169, 35, 35);
}

.boton_detalle_creditos_min + .contenedor_semestres  /*the div after creditos*/
{
    background-color: rgb(255, 236, 236); 
    border:1px dashed rgb(169, 35, 35);
}
.boton_curso-ayuda 
{
    width:140px;
    padding:5px;
    color:#000;
    text-decoration:none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
    background: #f2f6f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.boton_curso-ayuda:hover 
{
    color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,e86c57+50,ea2803+51,ff6600+75,c72200+100;Red+Gloss */
    background: #f3c5bd; /* Old browsers */
    background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
}

.flecha_optativos_por_elegir 
{
    cursor:pointer;
}




/* ARTES Y HUMANIDADES */
.td_ayh_header
{
    background-color: #F34084;
    color: #ffffff !important;
    height: 25px;
    border-radius: 3px;
    padding: 3px 3px 0px 3px;
    text-align: center;
}
.td_ayh_curso
{
    border: 3px solid #c50d55;
    border-radius: 8px;
    background-color:#c50d55;
    color:#fff;
}

.td_ayh_major
{
    border: 3px solid #e3558f;
    border-radius: 8px;
    background-color:#e3558f;
    color:#fff;
}

.td_ayh_minor
{
    border: 3px solid #64146d;
    border-radius: 8px;
    background-color:#64146d;
    color:#fff;
}
    
.td_ayh_icon_curso
{
    border: 3px solid #c50d55;
    background: #c50d55;
    width: 10px;
    height: 10px;
    background-color:#c50d55;
    color:#fff;
}

.td_ayh_icon_major
{
    border: 3px solid #e3558f;
    background: #e3558f;
    width: 10px;
    height: 10px;
    background-color:#e3558f;
    color:#fff;
}

.td_ayh_icon_segundo_major
{
    border: 3px solid #3BAAEA;
    background: #3BAAEA;
    width: 10px;
    height: 10px;
    background-color:#3BAAEA;
    color:#fff;
}

.td_ayh_icon_minor
{
    border: 3px solid #64146D;
    background: #64146D;
    width: 10px;
    height: 10px;
    background-color:#64146D;
    color:#fff;
}

.td_ayh_icon_segundo_minor
{
    border: 3px solid #17A589;
    background: #17A589;
    width: 10px;
    height: 10px;
    background-color:#17A589;
    color:#fff;
}

.td_ayh_sb
{
    border: 3px solid Gray;
    border-radius: 8px;
    color: #fff;
    background-color: Gray;
}

.td_ayh_icon_sb
{
    border: 3px solid Gray;
    background: #17A589;
    width: 10px;
    height: 10px;
    background-color:Gray;
    color:#fff;
}

.td_icon_titulo 
{
    border: 3px solid #5F04B4;
    color:#fff;
    background: #5F04B4;
    width: 10px;
    height: 10px;
}

/* CIENCIAS NATURALES Y MATEMATICAS */
.td_cnym_header
{
    background-color: #06B4FD;
    color: #ffffff !important;
    height: 25px;
    border-radius: 3px;
    padding: 3px 3px 0px 3px;
    text-align: center;
    background-color:#06B4FD;
    color:#fff;
}

.td_cnym_curso
{
    border: 3px solid #63a3be;
    border-radius: 8px;
    color: #63a3be;
    background-color:#63a3be;
    color:#fff;
}

.td_cnym_minor
{
    border: 3px solid #0f2b7d;  
    border-radius: 8px;
    background-color:#0f2b7d;
    color:#fff;
}

.td_cnym_major
{
    border: 3px solid #2389d6;    
    border-radius: 8px;
    background-color:#2389d6;
    color:#fff;
}

.td_cnym_titulo,.td_ayh_titulo,.td_cs_titulo
{
    border: 3px solid #5F04B4;    
    border-radius: 8px;
    background-color:#5F04B4;
    color:#fff;
}

/* Todos los PFG tienen el mismo estilo */
.td_cnym_fg,.td_ayh_fg,.td_cs_fg
{
    border: 3px solid #3b9322 !important;
    border-radius: 8px;
    background-color:#3b9322 !important;
    color:#fff !important;
}


.td_cnym_icon_curso
{
    border: 3px solid #63a3be;
    background: #63a3be;
    width: 10px;
    height: 10px;
    background-color:#63a3be;
    color:#fff;
}

.td_cnym_icon_major
{
    border: 3px solid #2389d6;
    background: #2389d6;
    width: 10px;
    height: 10px;
    background-color:#2389d6;
    color:#fff;
}

.td_cnym_icon_segundo_major
{
    border: 3px solid #3F5E61;
    background: #3F5E61;
    width: 10px;
    height: 10px;
    background-color:#3F5E61;
    color:#fff;
}

.td_cnym_icon_minor
{
    border: 3px solid #0f2b7d;
    background: #0f2b7d;
    width: 10px;
    height: 10px;
    background-color:#0f2b7d;
    color:#fff;
}

.td_cnym_icon_segundo_minor
{
    border: 3px solid #17A589;
    background: #17A589;
    width: 10px;
    height: 10px;
    background-color:#17A589;
    color:#fff;
}

.td_cnym_sb
{
    border: 3px solid Gray;
    border-radius: 8px;
    color: #fff;
    background-color: Gray;
}

.td_cnym_icon_sb
{
    border: 3px solid Gray;
    background: #17A589;
    width: 10px;
    height: 10px;
    background-color:Gray;
    color:#fff;
}

/* CIENCIAS SOCIALES */
.td_cs_header
{
    background-color: #FFA812;
    color: #ffffff !important;
    height: 25px;
    border-radius: 3px;
    padding: 3px 3px 0px 3px;
    text-align: center;
    background-color:#FFA812;
    color:#fff;
}
.td_cs_curso
{
    border: 3px solid #ebaa0d;
    border-radius: 8px;
    color: #fff;
    background-color:#ebaa0d;
}

.td_cs_minor
{
    border: 3px solid #e43804;
    border-radius: 8px;
    background-color:#e43804;
    color: #fff;
}
.td_cs_major
{
    border: 3px solid #ef891d;
    border-radius: 8px;
    color: #fff;
    background-color:#ef891d;
}

.td_cs_icon_curso
{
    border: 3px solid #ebaa0d;
    background-color: #ebaa0d;
    color:#fff;
    width: 10px;
    height: 10px;
}

.td_cs_icon_major
{
    border: 3px solid #ef891d;
    background: #ef891d;
    color:#fff;
    width: 10px;
    height: 10px;
}

.td_cs_icon_segundo_major
{
    border: 3px solid #4BAAEA;
    background: #4BAAEA;
    width: 10px;
    height: 10px;
	background-color:#4BAAEA;
    color:#fff
}

.td_cs_icon_minor
{
    border: 3px solid #e43804;
    background: #e43804;
    color:#fff;
    width: 10px;
    height: 10px;
}

.td_cs_icon_segundo_minor
{
	border: 3px solid #17A589;
    background: #17A589;
    width: 10px;
    height: 10px;
    background-color:#17A589;
    color:#fff;
}

.td_cs_sb
{
    border: 3px solid Gray;
    border-radius: 8px;
    color: #fff;
    background-color: Gray;
}

.td_cs_icon_sb
{
    border: 3px solid Gray;
    background: #17A589;
    width: 10px;
    height: 10px;
    background-color:Gray;
    color:#fff;
}


/* OPTATIVO*/

.td_optativo
{
    border: 3px solid #3b9322;
    min-width: 80px;
    height: 70px;
    border-radius: 8px;
    color: #3b9322;
}

.td_icon_optativo
{
    border: 3px solid #3b9322;
    background: #3b9322;
    width: 10px;
    height: 10px;
}




/*CORRECCIONES JAVIER*/
.boton_curso
{
    font-size:1em;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    margin:.25em auto;
    overflow: hidden;
    width:110px;
    text-align:left;
}

.boton_curso_malla {
    width:123px !important;
}

.boton_detalle_malla {
    width: 120px !important;
}

.curso-content
{
    clear:both;
    background-color: #F7F7F7 !important;
    color:#000;
    height: 45px !important;
    overflow-x:hidden;
    overflow-y: auto;
    box-sizing: border-box;
    line-height: normal;
    white-space: normal;
}

.curso-header
{
    height: 12px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
}
.curso-header .curso-nombre
{
    font-size: 7.1pt;
    padding-left: 4px;
    letter-spacing: 0.9px;
    width:80%;
    float:left;
    text-align:left;
    white-space: nowrap;
}
.curso-nombre
{
    float: left !important;
    width: 75% !important;
}

.curso-icons {
    float: right !important;
    width: 20% !important;
}

.curso-header .curso-icons
{
    float:right;
    height: 12px !important;
    text-align:right;
    font-size:9pt;
    color:#000;
}
.curso-header .curso-icons img
{
    z-index:2;
    height:11px;
}
.creditos
{
    display: block;
    width: 100%;
    height: 14px;
    padding-left: 4px;
    box-sizing: border-box;
    font-size: 8pt;
}
.optMalla 
{
    border-color:#fff;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

.boton_curso .overbox {
  background-color: rgba(0,0,255,0.15);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 1;
  width: 360px;
  height: 80px;
  padding: 20px 0px;
  color:#fff !important;
}

.boton_curso:hover .overbox { opacity: 0;visibility:hidden; }

.boton_curso .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.boton_curso .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 1;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.boton_curso:hover .title,
.boton_curso:focus .title {
  opacity: 0;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.boton_curso .tagline {
  font-size: 0.8em;
  opacity: 1;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.boton_curso:hover .tagline,
.boton_curso:focus .tagline {
  opacity: 0;
  transform: translateX(40px);
  -webkit-transform: translateX(40px);
}

.qtip-content table thead th 
{
    background-color: #383737 !important;
}

.realizado, .reprobado 
{
    cursor:default;
}
.alumno-data 
{
    margin-top:5px;
    padding:10px;
    border:1px solid #ccc;
    
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.alumno-data a 
{
    display:block;
    padding:5px;
}
.alumno-data table 
{
    border:1px solid #ccc;
}
.alumno-data td.key 
{
width: 150px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}

#menu-planificacion #major1 ul, #menu-planificacion #major2  ul, #menu-planificacion #minor1 ul, #menu-planificacion #minor2 ul
{
    max-height:300px;
    overflow-y:auto;
}


/*MAJOR DOBLE*/
.MajorDoble 
{
    border-color: #4baaea;
}
.MajorDoble .curso-header, .MajorDoble .creditos 
{
    background-color: #4baaea;
}
.MajorDoble .curso-content 
{
    background-color: #d1e8ff;
}

.td_cnym_curso.MajorDoble, .td_cnym_major.MajorDoble 
{
    border-color: #3F5E61;
}
.td_cnym_curso.MajorDoble .curso-header, .td_cnym_curso.MajorDoble .creditos , .td_cnym_major.MajorDoble .curso-header, .td_cnym_major.MajorDoble .creditos 
{
    background-color: #3F5E61;
}
.td_cnym_curso.MajorDoble .curso-content, .td_cnym_major.MajorDoble .curso-content 
{
    background-color: #EBFAFF;
}

.td_cnym_fg.MajorDoble .curso-header, .td_ayh_fg.MajorDoble .curso-header, .td_cs_fg.MajorDoble .curso-header,
.td_cnym_fg.MajorDoble .creditos, .td_ayh_fg.MajorDoble .creditos, .td_cs_fg.MajorDoble .creditos
{
    background-color:#3b9322 !important;
}

/*MINOR DOBLE*/
.MinorDoble 
{
    border-color: #17A589; 
}
.MinorDoble .curso-header, .MinorDoble .creditos 
{
    background-color: #17A589 !important;
}
.MinorDoble .curso-content 
{
    background-color: #d1e8ff;
}
.td_cnym_curso.MinorDoble, .td_cnym_major.MinorDoble 
{
    border-color: #3F5E61;
}
.td_cnym_curso.MinorDoble .curso-header, .td_cnym_curso.MinorDoble .creditos , .td_cnym_major.MinorDoble .curso-header, .td_cnym_major.MinorDoble .creditos 
{
    background-color: #3F5E61;
}
.td_cnym_curso.MinorDoble .curso-content, .td_cnym_major.MinorDoble .curso-content 
{
    background-color: #EBFAFF;
}

.td_cnym_fg.MinorDoble .curso-header, .td_ayh_fg.MinorDoble .curso-header, .td_cs_fg.MinorDoble .curso-header,
.td_cnym_fg.MinorDoble .creditos, .td_ayh_fg.MinorDoble .creditos, .td_cs_fg.MinorDoble .creditos
{
    background-color:#3b9322 !important;
}

.CursoExtra {border-color:#704E47;}
.CursoExtra .curso-header,.CursoExtra .creditos {background-color:#704E47;}

.menuBotonesLaterales {
    color: #505abc;
    padding-bottom: 3px;
}

.centered {
    text-align: center;
    margin:auto;
}

.innerCentered {
    display:inline-table;
    padding:0px;
    height:0px;
    width:0px;
    margin:0px;
 }      
 
.botonDobleMajorClass {
     background-color : #17A589 !important;
     border: 3px solid #17A589;
} 

.botonDobleMinorClass {
     background-color : #17A589 !important;
     border: 3px solid #17A589;
} 

.botonCursoNoAsignadoClass {
     background-color : grey !important;
     border: 3px solid grey;
} 

.celda_texto_negro
{
    text-align: center !important;
}

.text-align-left
{
    text-align: left !important;
}