@font-face {
    font-family: alba;
    src: url("../fonts/albas.TTF");
}
@font-face {
    font-family: fontUno;
    src: url("../fonts/Actor.ttf");
}
body {
    width:100%;
    height:100%;
    margin:0;
    font-family: fontUno;
}

.layout-fill {
    margin: 0;
    width: 100%;
    min-height: 96% !important;
    height: 96% !important;
}


.sombras{
    background: #607d8b2b;width: 100%;height: 100vh;top: 0;position: absolute;display: none;
}


#selectHijos{
    display: none;
}
#selectHijosE{
    display: none;
}
#loader{
    display: none;
    position: fixed;
    width: 100%;
    height: 30%;
    background-color: rgb(255, 255, 255);
    text-align: center;
    z-index: 999;
    top: 30%;
}

.my-cursor {
    cursor: url("../img/alumno/cursor.png");
}

.container {
    height: 100%;
    /*background:url("../img/bg2.jpg")center center;*/
    background:url("../img/portadaN.png")center center;
    background-size:100% 100%;
    background-repeat: no-repeat;
}
.container2 {
    height: calc(100vh);
    background:url("../img/bgnn.jpg");
    background-size:100% 100%;
}
.title {
    font-family: alba;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 1.3em;
    position: fixed;

}
.title2 {
    font-family: alba;
    margin: 0 auto;
    color: white;
    width:100%;
    text-align:center;
    font-size: 1.3em;
    position: absolute;
}
.ma-fondo {
    color:white;
    background: url('../img/bg4.jpg')center center; 
    background-size:cover; 
    height: 100vh; 
}
.ma-fondo2 {
    background-color:white;
}
.ad-fondo {
    color:white;
    background: url('../img/bgweb1.jpg')center center; 
    background-size:cover; 
    height: 100vh; 
}
.al-fondo{
    color:white;
    background: url('../img/alumno/abg4.jpg')center center; 
    background-size:cover; 
    height: 100vh; 
}
@media screen and (max-width: 500px){
    .main {
            width: 100% !important;
            margin: 0 auto !important;
            position: relative !important;
            top: 50% !important;
            padding-left: 0 !important;
            
        }
    .leyenda{
        display: none;
    }


}
@media screen and (max-height: 550px){

    .main {
       width: 100% !important;
        margin: 0 auto !important;
        position: relative !important;
        top: 50% !important;
        padding-left: 0 !important;
        
    };
     .leyenda{
        display: none;
    }
}

.splash {
  display: none;
}

[ng-cloak].splash {
  background-color: #428bca;
  width: 100%;
  text-align: center;
  color: white;
  display: block !important;
}


  .selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }
  .selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; }
  .selectdemoSelectHeader md-content._md {
    max-height: 240px; }


.clasificacion label{
     color: grey;
}
.clasificacion {
  direction: rtl;
  unicode-bidi: bidi-override;
  font-size: 25px !important;
}
.clasificacion input[type="radio"]{
    display: none;
}

.clasificacion label:hover,
label:hover ~ label {
  color: orange;
  cursor: pointer;
}

/*
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    background-color: #104057 !important;
    color: rgba(255,255,255,0.87) !important;
}

*/

.md-card-image{
    height:  50% !important;
}
.white{
    background-color: white;
}

.newToolbarH{
    min-height: 45px;
    bottom: 0;
    z-index: 999999;
    height: 0%;
    top: 0;
    background:rgb(10, 29, 37) !important;
}

.newToolbar{
    min-height: 45px;
    bottom: 0;
    z-index: 999999;
    height: 0%;
    top: 0;
    background: #104057 !important;
}

::-webkit-scrollbar {
      width: 10px;
}
::-webkit-scrollbar-track {
      background-color: #dfdfe0;
} 

::-webkit-scrollbar-thumb {
      background-color: rgb(169, 166, 179);
      border-radius: 5px;
} 

::-webkit-scrollbar-button {
      background-color: #e1e1e2;
}

.custom-cursor {
 /* cursor: url("../img/alumno/cursor2__.png"),
    pointer;
    */
}

.md-button {

   /* cursor: url(../img/alumno/cursor2__.png), pointer !important;*/
}