/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(mdl_icons/iconfont/MaterialIcons-Regular.eot); 
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(mdl_icons/iconfont/mdl_icons.woff2) format('woff2'),
    url(mdl_icons/iconfont/MaterialIcons-Regular.woff) format('woff'),
    url(mdl_icons/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; 
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;


  -webkit-font-smoothing: antialiased;

  text-rendering: optimizeLegibility;


  -moz-osx-font-smoothing: grayscale;


  font-feature-settings: 'liga';
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto/Roboto-Regular.ttf');

    font-weight: normal;
    font-style: normal;

}



html, body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}
.demo-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.demo-layout .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}
.demo-drawer {
  border: none;
}
/* iOS Safari specific workaround */
.demo-drawer .mdl-menu__container {
  z-index: -1;
}
.demo-drawer .demo-navigation {
  z-index: -2;
}
/* END iOS Safari specific workaround */
.demo-drawer .mdl-menu .mdl-menu__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.demo-drawer-header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px;
  height: 151px;
}
.demo-avatar-dropdown {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.demo-navigation {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.demo-layout .demo-navigation .mdl-navigation__link {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(255, 255, 255, 0.56);
  font-weight: 500;
}
.demo-layout .demo-navigation .mdl-navigation__link:hover {
  background-color: #00BCD4;
  color: #37474F;
}
.demo-navigation .mdl-navigation__link .material-icons {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.56);
  margin-right: 22px;
}

.demo-content {
  max-width: 1080px;
}

.demo-charts {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.demo-chart:nth-child(1) {
  color: #ACEC00;
}
.demo-chart:nth-child(2) {
  color: #00BBD6;
}
.demo-chart:nth-child(3) {
  color: #BA65C9;
}
.demo-chart:nth-child(4) {
  color: #EF3C79;
}
.demo-graphs {
  padding: 16px 32px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
/* TODO: Find a proper solution to have the graphs
 * not float around outside their container in IE10/11.
 * Using a browserhacks.com solution for now.
 */
_:-ms-input-placeholder, :root .demo-graphs {
  min-height: 664px;
}
_:-ms-input-placeholder, :root .demo-graph {
  max-height: 300px;
}
/* TODO end */
.demo-graph:nth-child(1) {
  color: #00b9d8;
}
.demo-graph:nth-child(2) {
  color: #d9006e;
}

.demo-cards {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}
.demo-cards .demo-separator {
  height: 32px;
}
.demo-cards .mdl-card__title.mdl-card__title {
  color: white;
  font-size: 24px;
  font-weight: 400;
}
.demo-cards ul {
  padding: 0;
}
.demo-cards h3 {
  font-size: 1em;
}
.demo-updates .mdl-card__title {
  min-height: 200px;
  background-image: url('images/dog.png');
  background-position: 90% 100%;
  background-repeat: no-repeat;
}
.demo-cards .mdl-card__actions a {
  color: #00BCD4;
  text-decoration: none;
}

.demo-options h3 {
  margin: 0;
}
.demo-options .mdl-checkbox__box-outline {
  border-color: rgba(255, 255, 255, 0.89);
}
.demo-options ul {
  margin: 0;
  list-style-type: none;
}
.demo-options li {
  margin: 4px 0;
}
.demo-options .material-icons {
  color: rgba(255, 255, 255, 0.89);
}
.demo-options .mdl-card__actions {
  height: 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/*Menu de Opciones */
.dropbtn {
  /*background-color: #4CAF50;*/
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
 background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

}

.mdl-layout__header-row .dropdown a{
color:black !important;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;

}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #00BCD4;}

/*Quitar subrayado a enlaces del menu*/

.accordion a, a.mdl-navigation__link{

  text-decoration:none; 
}



a.mdl-navigation__link.dropbtn{
     /*color: #263238 !important;*/
     color: #022344 !important;
    font-weight: 700 !important;
}


.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {

  padding-left: 20px;
}

 .mdl-navigation ul{
  padding-left: 15px;
}

 .mdl-navigation ul li{

 list-style: none;
}

 .mdl-navigation ul li i {

 font-size: 20px !important;
  margin-right: 20px !important;
}


.mdl-layout__drawer{

  width: 250px;
}

img.imageneamo{

  width: 320px;
}

div.mdl-menu__container.is-upgraded{

    top: 40px !important;
    width: 240px !important;

}

div.mdl-menu__container.is-upgraded > div.mdl-menu__outline.mdl-menu--bottom-right{

   width: 240px !important;

}

div.mdl-menu__container.is-upgraded ul>li{

 
    padding-right: 5px !important;
}


ul.mdl-menu > li.mdl-menu__item{

  font-size: 13px !important;
  cursor: default;
}

div.mdl-menu__container ul.mdl-menu.mdl-menu--bottom-right {
    left: 0;
    
}


/* ***********************************/
/*Cambios cuando se reduce la pantalla */
/* *********************************** */
@media only screen and (max-width: 575px) {

  div.mdl-navigation > div.inisali.dropdown{

  display: none;

  }

  img.imageneamo {
      width: 300px;
  }

}


#form_container{

  width: 100%;
}

main  img#top, img#bottom{

  display: none;
}

main  div#form_container>h1{

margin-top: 0px;

}

main .form_description h2 {

    font-size: 30px; 

}


main form h3 {

    font-size: 24px; 

}


main a:link{

      text-decoration: none;
}

.form_description p, form[name="f1"], form[name="f1"] > table td{
    font-size: 14px;

    margin: 0px;
    padding: 20px;
}



li.btnindex1{

  margin-right: 2px !important;
  margin-bottom: 2px !important;
  width: 225px;
  text-align: center;

}

table.datosindex1{

  display: none;
}



.appnitro .mdl-cell.mdl-cell--10-col > table > tbody >tr>td.nombrealum{
   
    font-size: 1.5rem;
    height: 50px;
    font-family: 'Roboto';


}


form#form_99023_3.appnitro{

    margin: 0px 0px 0;
    padding: 0 0 0px;
}
main > div.page-content >  div > div#form_container > h1, main >  div.page-content > div#form_container > h1{
  
  font-size: 0px;
  background: none;
  margin:0px;
}



/*Botones de la Base de Datos*/

li.buttons{

  text-align: center;
}


input.button_text.large{

width: auto;
}




.mdl-button--raised.mdl-button--colored {
   /* background: #37474f;*/
   background: #022344;
    color: #fff;
}

.buttons input {
    font-size: 100%;
    margin-right: 5px;
}


input[value='Login'].mdl-button--raised.mdl-button--colored
{

  background: #004489 ;
  color: #fff;

}

input[value='Guardar'].mdl-button--raised.mdl-button--colored, 
input[value='Crear usuario'].mdl-button--raised.mdl-button--colored, 
input[value='Continuar'].mdl-button--raised.mdl-button--colored,
input[value='Confirmar'].mdl-button--raised.mdl-button--colored,
input[value='Consultar otro alumno'].mdl-button--raised.mdl-button--colored,
input[value='Consultar datos otra materia'].mdl-button--raised.mdl-button--colored,
input[value='Enviar'].mdl-button--raised.mdl-button--colored,
input[value='Enviar datos'].mdl-button--raised.mdl-button--colored,
input[value='Generar PDF'].mdl-button--raised.mdl-button--colored,
input[value='Generar informe'].mdl-button--raised.mdl-button--colored,
input[value='Consultar datos'].mdl-button--raised.mdl-button--colored,
input[value='Responder'].mdl-button--raised.mdl-button--colored,
input[value='Ver matrícula'].mdl-button--raised.mdl-button--colored,
input[value='Aceptar'].mdl-button--raised.mdl-button--colored,
input[value='Confirmar'].mdl-button--raised.mdl-button--colored,
input[value='Enviar mensaje'].mdl-button--raised.mdl-button--colored
{

  background: #00a35e;
  color: #fff;
 
}


input[value='Generar DOC'].mdl-button--raised.mdl-button--colored, input[value='Ver ficha alumno'].modifi.mdl-button--raised.mdl-button--colored{

  background: #9c27b0;
  color: #fff;
 
}

input[value='Guardar'].mdl-button--raised.mdl-button--colored{

   width: 85px;
}

input[value='Cancelar'].mdl-button--raised.mdl-button--colored,
input[value='Salir'].mdl-button--raised.mdl-button--colored{

  background: #df5040;
  color: #fff;
  width: 85px;
}

input[type="file"].mdl-button.mdl-js-button{

height: 45px;
font-size: 12px;

}

input[value='Eliminar usuario'].mdl-button--raised.mdl-button--colored,
input[value='Eliminar archivo'].mdl-button--raised.mdl-button--colored,
input[value='X Eliminar'].mdl-button--raised.mdl-button--colored
{

  background: #df5040 ;
  color: #fff;

}


input[value='< Volver'].mdl-button--raised.mdl-button--colored,
input[value='Volver al foro'].mdl-button--raised.mdl-button--colored,
input[value='< Atrás'].mdl-button--raised.mdl-button--colored,
input[value='Volver a la lista'].mdl-button--raised.mdl-button--colored
{

  background: #607d8b ;
  color: #fff;

}

input.modifi.mdl-button--raised.mdl-button--colored, input.modifiRE.mdl-button--raised.mdl-button--colored, .orange.mdl-button--raised.mdl-button--colored, input[value='Editar datos acta'].mdl-button--raised.mdl-button--colored{

  background: #ff5722 ;
  color: #fff;

}




input.buscar.mdl-button--raised.mdl-button--colored{

  background: #3f51b5 ;
  color: #fff;

}


input[value='Eliminar registro'].mdl-button--raised.mdl-button--colored,
input[value='Eliminar proyecto'].mdl-button--raised.mdl-button--colored{

  background: #df5040 ;
  color: #fff;

}

input[value='+ Añadir'].mdl-button--raised.mdl-button--colored, input[value='Estancias'].mdl-button--raised.mdl-button--colored{

  background: #3f51b5 ;
  color: #fff;

}

input.agreganuevo.mdl-button--raised.mdl-button--colored, input.blue.mdl-button--raised.mdl-button--colored, input.modifiCON.mdl-button--raised.mdl-button--colored
{

  background: #2196f3 ;
  color: #fff;

}

input.modifi.mdl-button--raised.mdl-button--colored:disabled, 
input.modifi1.mdl-button--raised.mdl-button--colored:disabled, 
input.modifiRE.mdl-button--raised.mdl-button--colored:disabled,
input.modifiCON.mdl-button--raised.mdl-button--colored:disabled,
input.nickcontrol.mdl-button--raised.mdl-button--colored:disabled
{

  background: #dcdcdc ;
  color: #a3a3a3;



}

input[value="Eliminar archivo"].mdl-button--raised.mdl-button--colored:disabled
{

  background: #dcdcdc ;
  color: #a3a3a3;

}





input.mdl-button--raised.mdl-button--colored:hover{

    background: #dfdfdf;
    color: #000;

}
legend > font{

  color: #263238 !important;
  font-style: normal !important;
}

form#form_99023_2 td{

  padding: 15px;
}

p > a[href="../index1.php"]{

      margin: 50px;
      background: #cccccc;
      padding: 10px;
      border-radius: 25px;
}

label.description {

  font-size: 100%;
  }

  form li span label {
font-size: 12px;

  }

  input[readonly="readonly"]{

   background: #f5f5f5;
  }


form#form_99023_2 table table td {
     padding-left: 0px;
}


small{

font-size: 12px !important;
}

select.large{
    width: 100%;
}

select[multiple="multiple"]{
    width: 100% ;
}

li.buttons.confir{

  text-align: right;

}



li.buttons.cancel{

  text-align: left;
  padding-bottom: 10px;
}

#alumnos_chosen{

  width: 600px !important;
}


td.posicionbtncance{

  position: relative
}

td.posicionbtncance > form {

  position: absolute;
  bottom:20px;
}

td.posicionbtncance > ul.arriba{
  position: absolute;
  top:0px;
}


table.btndoct input[type="submit"], input.eliminarusuario.elimisize{

  width: 200px;
}


td.cancelabso{

position: relative;

}

td.cancelabso ul {

  position: absolute;
  bottom: 20px;
}


/*Input para las fechas*/
input[size="2"]{

  width: 30px !important;
  text-align: center;
}


ul.caliexpbtn input{

  width: 290px !important;
}

ul.actabtn input{
  width: 180px !important;

}




/*Pagina de Login*/

body.loginbody{

 background: linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ), url('../img/iniciobd.jpg') center / cover;
 width: 100%;
 background-repeat:no-repeat;
background-attachment: fixed;
/*background: #fff;*/

}


body.loginbody div#form_container{

  background: transparent;

}


.formlogin{

background: #fff;
border-radius: 25px;
}


.loginimg{

  margin: 15px;
  width:90%;
}


.formlogin table{


    min-height: 300px;
}

.formlogin table td{



}


 

.loginbody main h2{
   font-family: 'Roboto';
   color: #fff;
  font-size: 35px;
}


.loginbody main .form_description p{

   color: #fff;
   font-size: 20px;
}

 .loginbody main .form_description em{

   color: #fff;
   font-size: 16px;
}

.loginbody main a.loginmaster{
  font-size: 22px;
  color: #ff9800;
}

.loginbody main a {

font-weight: bold;
  color: #ff9800;
}


p.cambiologin{

  color: #9ACD32 !important;

}
form.loginpresent{

font-family: 'Roboto';

}

input.loginbtn{

  width: 100px !important;
}



@media only screen and (max-width: 575px) {


.loginbody main .form_description em{

  font-size: 10px;
}


.loginbody main a.loginmaster{
  font-size: 16px;
}

.loginbody main h2{

  font-size: 27px;
}

.loginbody main .form_description p{

  
   font-size: 14px;
}

main > div.page-content > div#form_container > h1{

  display: none;
}

}




.icologin{

  vertical-align: bottom;
  color:  #df5040 !important;
}

.iconformu{
  vertical-align: middle;
}


.loginmensaje{

  font-size: 18px;
   text-align: center;
}


.loginmensaje font{

  color: #df5040 !important;

}

.logincampos td{

    text-align: center;
}


td.logintit{
    display: none;

}

.tablebuttons{

 text-align: center;
 padding-bottom: 10px;
}


.mdl-color--blue-grey-900{

  background-color: #022344 !important;
}



.mdl-color--blue-grey-800{

  background-color: #013263 !important;
}


.mdl-color--blue-grey-700{

  background-color: #013b75 !important;
}

.mdl-color--blue-grey-600{

  background-color: #01488e !important;
}

p.consultotro{

  font-size: 16px;
  text-align: center;
}


p.consultotro > a{

  background: #DCDCDC;
  padding: 10px;
}

.adverten{

  display:none ;
}

div.modifcon{

  margin-left: 0px;
  padding-left: 0px;
}

img[src="../css/calendar.gif"].ui-datepicker-trigger{

  cursor: pointer;
}

 form.detalleMateAlum table tr td, form.resumForo table tr td, form.leftpadtable table tr td {

  padding-left: 20px;
 }

 form.detalleMateAlum ul li{

  padding-left: 0px;
 }



/*Index 1*/
 a.eamomte{

  font-size: 20px;



 }

 a.eamomte, a.eamoadmi{

  color: #fc673a;

 }


form > div.formindex1{

    padding-bottom: 10px;
}

tr.resutable > td {

  border-top: none;
}

.paddresutable{

  margin-top: 30px;
}

div.resucalifidatos{


}

.appnitro {

  font-size: 14px;
}

.ulbottom{

  margin-bottom: 20px;
}


.btnmarginr{

  margin-right: 18px;
}

.btnpaddl{

  margin-left:20px;
}

input[value="Eliminar archivo"]{

    width: 120px;
    font-size: 10px;
    margin-left: 15px;
}



.direccCorreos{
margin-top: 20px;
width: 145px;

}


.direccCorreos:hover{
  background: #dfdfdf !important;
    color: #000 !important;
}


.swal2-content ul{

    margin-left: auto;
    margin-right: auto;
    text-align: left;
  list-style: none;
}


.swal2-content ul>h5{

  text-align: center;
  color: rgb(221, 51, 51);
}

.swal2-content h5{

margin-top: 0px;
}

a.direccCorreos.isDisabled{
color:#a3a3a3 !important;
pointer-events: none;
}

/*Para que funciones el data picker de las fechas*/
/*******************************************/
/*.mdl-layout__content {

    z-index: 0;

}*/

/*.mdl-layout__container{

  position:absolute !important;
}


#main_body {

  position:relative !important;
}
*/


.calendar{
z-index:2;

  
}
/*******************************/