.colorPrimary {
    color: #58167d;
}

.colorPrimaryBg {
    background: #58167d;
}

.buttonColorAccent {
    color:#fff !important; 
    background-color:#009bdb !important; 
    border-color:#204d74 !important;
}

.colorAccent {
    color: #009bdb;
}

.colorAccentBg {
    background: #009bdb;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #f2eb46 !important; 
    background-color: rgba(0, 0, 0, 0.0) !important;
}

a.acordeon{
    color: #fff;
}


.main-header {
    position: relative;
    max-height: 520px;
    /* z-index: 1030; */
    z-index: 200;
    padding-top: 15px;
    padding-left: 8%;
    padding-right: 8%;
}

@media (max-width: 767px){
	.main-header{
    position: relative;
    width: 100%;
	}

}

 
.logoutsize{
    
    padding-top: 2% !important;
    text-align: center !important;
}

 @media (max-width: 767px){
    .logoutsize{
    
    padding-top: 2% !important;
    text-align: center !important;
    padding-bottom: 10% !important;
    }

}

 @media (max-width: 767px){
	.logo{
        width: 80%;
	}
}

link {
color:#ccc;
} 

.fonttextwhite {
   
    color: #ffffff;
    font-weight: 700;
    font-size: 10pt;
}

.main-header .logo {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: left;
  
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    /* width: 459px; */
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    /* padding: 0 15px; */
    font-weight: 300;
    overflow: hidden;
}

.img-size {
    vertical-align: middle;
    width: 100%;
}
input.form {
    height: 36px;
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 6px;
    border: none;
    width: 100%;
    color: #000;
}
.fonthome {
    color: #fff;
    font-size: 12pt;

}
.buttonsesion{
    background-color: #f6f6f6; 
    border-color: #58167d; 
    color: #58167d; 
    font-weight: bold; 
    font-size: 10pt; 
    border-radius: 12px; 
    padding: 9px 10px;
    width: 100%;
    border: 1px; 
}

.buttonsesion:hover{color:#fff;background-color:#009bdb;border-color:#204d74}

.buttonsesion:active{background: #fff;}

.main-footer {
    background: #fff;
    padding: 15px;
    color: #3d479c;
    border-top: 1px solid #d2d6de;
    font-weight: 700px;
}

.row2 {
  margin-left: 29%;
}


 @media (max-width: 767px){
    .rowresponsive{
    
    margin-left: 20%;
    }

}

@media (max-width: 767px){
    .buttonsesion{
    background-color: #f6f6f6; 
    border-color: #58167d; 
    color: #58167d; 
    font-weight: bold; 
    font-size: 10pt; 
    border-radius: 12px; 
    padding: 9px 10px;
    width: 100px;
    border: 1px; 
    }
} 

.row3{
    margin: 0px;
}

/*@media (max-width: 767px){
    .rowresp2{
    margin: 0 -18px 0 -28px;
    }
   } */

@media (max-width: 767px){
    .colresp{
       padding-left: 11%;
       width: 75%;
    }
 }
    
.footerclass{
    text-align: center;
    color: #3b4696;
    font-weight: 700;
    padding-top: 2%;
}

.input-group.input-group-lg {
    width: 100%;
}

.fontregistro{
   color: #fff;
    font-size: 11pt; 
    text-align: right;
} 

.fontbienvenido
{
    padding: 0 0 0 3%;
    color: #58167d;
    font-weight: 700;
    font-size: 11pt;
}   

.userimg
{
    padding-right: 8%;
}

.fontlogout{
    /* width: 100%; */
    color: #58167d;
    font-weight: 700;
    font-size: 11pt;
}

.fontlogoutWhite{
	width: 100%;
	color: #ffffff;
	font-weight: 700;
	font-size: 11pt;
}

.fontErrorValidate{
    color: #ed1f24;
    font-weight: 600;
    font-size: 10pt;
}

.editar{
        color: #939598;
        font-size: 11pt;
         font-weight: 700;
   
}
.editar:hover{
        color: #939598;
        font-size: 11pt;
         font-weight: 700;
   
}
.editar:focus{
        color: #939598;
        font-size: 11pt;
         font-weight: 700;
   
}

.buttonquimestre{
    background-color: #eee;
    border-color: #58167d;
    color: #8997c9;
    font-weight: bold;
    font-size: 10pt;
    border-radius: 12px 0px 0px 12px;
    padding: 9px 10px;
    width: 100%;
    border: 1px;
}

.quimestrepadd{
    padding-right: 0px !important;
}

@media (max-width: 767px){
    .quimestrepadd{
    padding-left: 15px !important; 
    padding-right: 15px !important;
    }
} 


.buttonquimestre:active{
    background-color: #58167d;
    border-color: #58167d;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
    border-radius: 12px 0px 0px 12px;
    padding: 9px 10px;
    width: 100%;
    border: 1px;
}

.buttonquimestre-active{
    background-color: #58167d;
    border-color: #58167d;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
    border-radius: 12px 0px 0px 12px;
    padding: 9px 10px;
    width: 100%;
    border: 1px;
}



@media (max-width: 767px){
    .buttonquimestre{
    background-color: #f6f6f6; 
    border-color: #58167d; 
    color: #58167d; 
    font-weight: bold; 
    font-size: 10pt; 
    border-radius: 12px; 
    padding: 9px 10px;
  
    border: 1px; 
    }
} 


.comportamientopadd{
    padding-left: 0px !important; 
    padding-right: 0px !important;
}

@media (max-width: 767px){
    .comportamientopadd{
    padding-left: 15px !important; 
    padding-right: 15px !important;
    }
} 

.buttoncomportamiento{
    background-color: #eee;
    border-color: #58167d;
    color: #8997c9;
    font-weight: bold;
    font-size: 10pt;
    padding: 9px 10px;
    width: 100%;
    border: 1px;
}

.buttoncomportamiento:active{
    background-color: #58167d;
    border-color: #58167d;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
    
    padding: 9px 10px;
    width: 100%;
    border: 1px;
}
.buttoncomportamiento-active{
    background-color: #58167d;
    border-color: #58167d;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
    
    padding: 9px 10px;
    width: 100%;
    border: 1px;
}

@media (max-width: 767px){
    .buttoncomportamiento{
    background-color: #f6f6f6; 
    border-color: #58167d; 
    color: #58167d; 
    font-weight: bold; 
    font-size: 10pt; 
    border-radius: 12px; 
    padding: 9px 10px;
    border: 1px; 
    }
} 

.reportepadd{
    
    padding-bottom: 15px !important;
    padding-left: 0px !important;
}

@media (max-width: 767px){
    .reportepadd{
    padding-left: 15px !important; 
    padding-right: 15px !important;
    }
} 



.buttonreporte{
    background-color: #eee;
    border-color: #58167d;
    color: #8997c9;
    font-weight: bold;
    font-size: 10pt;
    border-radius: 0px 12px 12px 0;
    padding: 9px 10px;
    width: 100%;
    border: 1px;
}

.buttonreporte:active{
    background-color: #58167d;
    border-color: #58167d;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
    border-radius: 0px 12px 12px 0;
    padding: 9px 10px;
    width: 100%;
    border: 1px;
}
.buttonreporte-active{
    background-color: #58167d;
    border-color: #58167d;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
    border-radius: 0px 12px 12px 0;
    padding: 9px 10px;
    width: 100%;
    border: 1px;
}
@media (max-width: 767px){
    .buttonreporte{
    background-color: #f6f6f6; 
    border-color: #58167d; 
    color: #58167d; 
    font-weight: bold; 
    font-size: 10pt; 
    border-radius: 12px; 
    padding: 9px 10px;
    
    border: 1px; 
    }
}

.menucursos{
        padding-top: 3% !important;
} 

@media (max-width: 767px){
.menucursos{
        padding-top: 15% !important;
} 
}

.fontbtninsumo{
    color: #58167d !important;
    font-weight: 700 !important;
    font-size: 11pt !important;
    background: #eeeeee !important;
}


fieldset.scheduler-border {
    border: 1px solid #58167d !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #58167d;
            box-shadow:  0px 0px 0px 0px #58167d;
         
}

legend.scheduler-border {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
    color: #58167d !important;
    font-weight: 700 !important;
    font-size: 11pt !important;   
}





fieldset.estimulo-academico {
    border: 1px solid #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #ddd;
            box-shadow:  0px 0px 0px 0px #ddd;
         
}

legend.estimulo-academico {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
    color: #58167d !important;
    font-weight: 700 !important;
    font-size: 11pt !important;   
}

.fontfield{
    width: 100%;
    color: #58167d;
    font-weight: 700;
    font-size: 11pt;
}

.fonttagsubinsumo{
    padding-bottom: 15px;
    width: 100%;
    color: #7d858c;
    font-weight: 700;
    font-size: 11pt;
}

.unavailable{
  
    width: 100%;
    color: #b1b4b6;
    font-weight: 700;
    font-size: 11pt;
    

}

.unavailable2{
  
    width: 100%;
    color: #b1b4b6;
    font-weight: 700;
    font-size: 10pt;
    

}

.actas{
    border-top: 1px #eee solid !important;
    background: #ffffff !important;
}

.actas-active{
    border-top: 1px #eee solid !important;
    background: #f8eb32 !important;
}

.actas-hover-font{
    color: #fff;
}

.actas-hover-icon{
    color: #f2eb46;
}

.actas-no-bold{
    color: #58167d;
    font-size: 10pt;
    font-weight: lighter;

}
.procesado{
        color: #46b649;
        font-size: 10pt;
         font-weight: 700;
  }
.noprocesado{
        color: #ed1f24 !important;
        font-size: 10pt !important;
         font-weight: 700 !important;
  }

  .font-white-bold{
    color: #fff;
    font-size: 11pt;
    font-weight: 700;
  }

  .font-iforme-grey{
    color: #e8e8e8;
    font-weight: 500;
  }

  .input-normal{
    width: 100%;
    
    border: 1px #dddddd solid;
  }

  .icontutoria{
        font-size: 9pt !important;
        color: #dddddd !important;
  }

  .icontutoria:hover{
        font-size: 9pt !important;
        color: #58167d !important;
  }
.font {
    width: 100%;
    color: #5d5e5e;
    font-weight: 600;
    font-size: 10.5pt;
    text-align: justify;
}
.font-header-tutoria {
    width: 100%;
    color: #58167d;
    font-weight: 600;
    font-size: 11pt;
}

.iconlapiz {
    font-size: 9pt !important;
    color: #ccc !important;
}

.fontbtnobservacion{
    color: #58167d !important;
    font-weight: 700 !important;
    font-size: 11pt !important;
    background: #fff !important;
    border: 1px #ddd solid !important;
}

.input-normal{
   /* height: 33px;*/
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 6px;
    border: 1px #ccc solid;
    width: 100%;
    color: #000;
}

.dropdown-menu>li>a {
    display: block !important;
    padding: 3px 20px !important;
    clear: both !important;
    font-weight: 700 !important;
    line-height: 1.42857143 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    background: #58167d !important;
}

.dropdown-menu>li>a:hover {
    display: block !important;
    padding: 3px 20px !important;
    clear: both !important;
    font-weight: 700 !important;
    line-height: 1.42857143 !important;
    color: #58167d !important;
    white-space: nowrap !important;
    background: #eeeeee !important;
}



.buzonlateral {
    width: 100%;
    color: #e8e8e8;
    font-weight: 700;
    font-size: 10.5pt;
}


#WindowLoad
  {
      position:fixed;
      top:0px;
      left:0px;
      z-index:3200;
      filter:alpha(opacity=65);
     -moz-opacity:65;
      opacity:0.65;
      background:#999;
  }
    

    /************************************************** ESTILOS TABLAS **********************************************/
    .tablaheader{
        background: #58167d;
        color: #fff;
        font-size: 11pt;
    }
    
    .recepcion{
        background: #f4f4f4;
        color: #7b86bf;
         font-weight: 600;
    }
    
    .noborder{
        border: none;
    }
    
    .fonttabla{
    
        width: 100%;
        color: #58167d;
        font-weight: 600;
        font-size: 11pt;
    
    }
    
    
    .tablageneral{
    
        border: 1px #eee solid;
    }
    
    .box{
        border: 1px #e8e8e8 solid;
    }
    
    
    .box-header{
        background-color: #58167d;
        padding-top: 20px;
        padding-bottom: 10px;
        width: 100%;
        color: #fff;
        font-weight: 700;
        font-size: 11pt;
    }
    
    .box-body {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        padding: 10px;
    }
    .font-purple-light{
    color: #7b86bf;
    font-weight: 600;
    }
    
    
    .btn-file {
        position: relative;
        overflow: hidden;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }
    
    .date-picker{
        border: 1px #cccccc solid;
        background: #f9f9f9;
    }
    
    .buttonsave{
        
        background-color: #58167d;
        border-color: #58167d;
        color: #FFF;
        font-weight: bold;
        font-size: 10pt;
        border-radius: 12px;
        padding: 9px 10px;
        width: 100%;
        border: 1px;
    
    }
    
    .buttonsave:active{
        
        background-color: #555e9c;
        border-color: #58167d;
        color: #FFF;
        font-weight: bold;
        font-size: 10pt;
        border-radius: 12px;
        padding: 9px 10px;
        width: 100%;
        border: 1px;
    
    }
    
    
    .button-jc-estimulo{
        
        background-color: #fff;
        border-color: #58167d;
        color: #58167d;
        font-weight: bold;
        font-size: 10pt;
        border-radius: 12px;
        padding: 4px 2px;
        width: 100%;
        border: 1px #dddddd solid;
    
    }
    
    .button-jc-estimulo:active{
        
        background-color: #fff;
        border-color: #58167d;
        color: #555e9c;
        font-weight: bold;
        font-size: 10pt;
        border-radius: 12px;
        padding: 4px 2px;
        width: 100%;
        border: 1px;
    
    }
    
    .buttonpublicar{
        
        background-color: #46b649;
        border-color: #58167d;
        color: #FFF;
        font-weight: bold;
        font-size: 10pt;
        border-radius: 12px;
        padding: 9px 10px;
        width: 100%;
        border: 1px;
    
    }
    
    .buttonpublicar:active{
        
        background-color: #6cd36c;
        border-color: #58167d;
        color: #FFF;
        font-weight: bold;
        font-size: 10pt;
        border-radius: 12px;
        padding: 9px 10px;
        width: 100%;
        border: 1px;
    
    }
    
    
    .buttoneliminar{
        
        background-color: #ed1f24;
        border-color: #58167d;
        color: #FFF;
        font-weight: bold;
        font-size: 10pt;
        border-radius: 12px;
        padding: 9px 10px;
        width: 100%;
        border: 1px;
    
    }
    .buttoneliminar:active{
        
        background-color: #e46064;
        border-color: #58167d;
        color: #FFF;
        font-weight: bold;
        font-size: 10pt;
        border-radius: 12px;
        padding: 9px 10px;
        width: 100%;
        border: 1px;
    
    }
    
    .trheader{
        background: #3f7dc1;
        color: #fff;
        font-size: 9.5pt;
    }
    
    .fontlista-header{
            width: 100%;
        color: #87898b;
        font-weight: 700;
        font-size: 11pt;
    }
    
    .fontlista{
            width: 100%;
        color: #5d5e5e;
        font-weight: 700;
        font-size: 10pt;
    }
    .fontlista-tablas {
        width: 100%;
        color: #5d5e5e;
        font-weight: 700;
        font-size: 9.3pt;
    }
    .fontlista-tablas2 {
        color: #5d5e5e;
        font-weight: 700;
        font-size: 9.3pt;
    }
    
    .inputinsumo{
        width: 43px;
        text-align: center;
        border: 1px #dddddd solid;
    }
    
    .input_recuperacion_det{
    
       background: yellow; 
    }
    
    
    .inputinsumo2 {
        width: 100%;
        text-align: center;
        border: 1px #dddddd solid;
    }
    
    .trheader-actas{
        background: #58167d;
        color: #fff;
        font-size: 9pt;
    }
    
    
    
    
    .trheader-jcurso{
        background: #e8e8e8;
        color: #58167d;
        font-size: 10pt;
    }
    
    
    
    .hrefclass{
        color:#fff !important;
    }
    
    .fontresumenparcial{
            width: 100%;
        color: #58167d;
        font-weight: 600;
        font-size: 10pt;
    }
    
    
    /**styles tablas padres**/
    
    .header-agenda-purple{
        background: #58167d !important;
        padding-bottom: 24px !important;
        padding-top: 16px !important;
        text-align: center;
    }
    
    .header-agenda-yellow{
        background: #009bdb !important;
        padding-bottom: 8px !important;
        padding-top: 12px !important;
        text-align: center;
        color: #ffffff !important;
        font-size: 11pt !important;
        font-weight: 700 !important;
    }
    
    .detalle-agenda-grey{
        
        background: #e8e8e8 !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        text-align: center;
        color: #58167d !important;
         font-size: 10pt !important;
        font-weight: 600 !important;
    }
    .fontdescargar {
        width: 100% !important;
        color: #58167d !important;
        font-weight: 700 !important;
        font-size: 10pt !important;
    }
    .circular-fpublicacion{
        background: #009bdb;
        color: #ffffff;
        text-align: center;
    }
    
    .circular-grid{
        border-top: none;
        background: #f3f3f3;
        color: #58167d;
    }
    .circular-date{
        background: #58167d;
        color: #fff;
        text-align: center;
    }
    .horario-bloque{
        border: none;
        background: #f2eca7;
        color: #58167d !important;
        font-weight: 700 !important;
        font-size: 10pt;
    }
    
    .table-bordered-n>tbody>tr>td, .table-bordered-n>tbody>tr>th, .table-bordered-n>tfoot>tr>td, .table-bordered-n>tfoot>tr>th, .table-bordered-n>thead>tr>td, .table-bordered-n>thead>tr>th {
        border: 1px solid #939598;
        border-left: 1px solid #fff;
    }
    
    .horario-header-table{
        background: #58167d;
        color: #ffffff;
        font-size: 11pt;
        text-align: center;
        font-weight: 700;
    }
    
    .asistencias-check{
        border-top: none; 
        text-align:center; 
        color: #58167d;
    }
    
    .fontdescargarHorario {
        width: 100% !important;
        color: #58167d !important;
        font-weight: 700 !important;
        font-size: 10pt !important;
    }


    /************************************************** ESTILOS MENU **********************************************/
    .navbar-portal{
        width: 100%;
          color: #58167d !important;
          font-weight: 700;
          font-size: 11pt;
      
          background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
          background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
          background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
          background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
          filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
          background-repeat: repeat-x;
          border-radius: 4px;
          -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
      
          background-color: #f8f8f8;
          border-color: #e7e7e7;
      }
      
      .menutareas{
          
          font-size: 1.1em;
          z-index: 500;
      
      }
          a{  
             text-decoration: none;
          }
        li.menu{
            display: block;
        }
      
      /**estilos de menu de padres**/
      
      /**estilos agenda**/
      
      .aagenda{
          color: #58167d;
          background: url(../img/icons-portalpad/edukar-icon-agenda-normal.png) 0 0 no-repeat;
          
           }
      
      .aagenda-active {
          background: url(../img/icons-portalpad/edukar-icon-agenda-hover.png) 0 0 no-repeat;
        
          color: white;
           }
      
      
       .aagenda-active:hover {
          background: url(../img/icons-portalpad/edukar-icon-agenda-hover.png) 0 0 no-repeat;
        
          color: white;
           }
      
      
      @media (max-width: 767px){
           .aagenda-active {
            background: #58167d;
          color: #f8eb32;
           }
      } 
      
      /**estilos circular**/
      
      .acircular{
          color: #58167d;
          background: url(../img/icons-portalpad/edukar-icon-circulares.png) 0 0 no-repeat;
          
           }
      
      
      .acircular-active{
          
          background: url(../img/icons-portalpad/edukar-icon-circulares-hover.png) 0 0 no-repeat;
          color: white;
           }
      .acircular-active:hover {
          background: url(../img/icons-portalpad/edukar-icon-circulares-hover.png) 0 0 no-repeat;
        
          color: white;
           }	 
      @media (max-width: 767px){
           .acircular-active {
            background: #58167d;
          color: #f8eb32;
           }
      }
      
      
      /**estilos horarios**/
      
      
      .ahorarios{
          color: #58167d;
          background: url(../img/icons-portalpad/edukar-icon-horarios.png) 0 0 no-repeat;
           }
      .ahorarios-active{
          
          background: url(../img/icons-portalpad/edukar-icon-horarios-hover.png) 0 0 no-repeat;
          color: white;
           }
      .ahorarios-active:hover{
          background: url(../img/icons-portalpad/edukar-icon-horarios-hover.png) 0 0 no-repeat;
          color:white;
           }
      @media (max-width: 767px){
           .ahorarios-active {
            background: #58167d;
          color: #f8eb32;
           }
      }
      
      /**estilos asistencias**/
      
      
      .asistencias{
          color: #58167d;
          background: url(../img/icons-portalpad/edukar-icon-asistencias.png) 0 0 no-repeat;
           }	 
      .asistencias-active{
          
          background: url(../img/icons-portalpad/edukar-icon-asistencias-hover.png) 0 0 no-repeat;
          color: white;
           }
      .asistencias-active:hover{
          background: url(../img/icons-portalpad/edukar-icon-asistencias-hover.png) 0 0 no-repeat;
          color:white;
           }
      @media (max-width: 767px){
           .asistencias-active {
            background: #58167d;
          color: #f8eb32;
           }
      }	
      
      /**estilos libreta**/
      
      
      .alibreta{
          color: #58167d;
          background: url(../img/icons-portalpad/edukar-icon-libreta.png) 0 0 no-repeat;
           }	
      .alibreta-active{
          
          background: url(../img/icons-portalpad/edukar-icon-libreta-hover.png) 0 0 no-repeat;
          color: white;
           }	
      .alibreta-active:hover{
          background: url(../img/icons-portalpad/edukar-icon-libreta-hover.png) 0 0 no-repeat;
          color:white;
           }	
      @media (max-width: 767px){
           .alibreta-active {
            background: #58167d;
          color: #f8eb32;
           }
      }		 	  
      
      /**estilos estado**/
      
      
      .aestado{
          color: #58167d;
          background: url(../img/icons-portalpad/edukar-icon-estado-de-cuenta.png) 0 0 no-repeat;
           }	
      
      .aestado-active{
          background: url(../img/icons-portalpad/edukar-icon-estado-de-cuenta-hover.png) 0 0 no-repeat;
          color: white;
           }		 
      .aestado-active:hover{
          background: url(../img/icons-portalpad/edukar-icon-estado-de-cuenta-hover.png) 0 0 no-repeat;
          color:white;
           }
      @media (max-width: 767px){
           .aestado-active {
            background: #58167d;
          color: #f8eb32;
           }
      }		 	  	 	
      
      
      
      /**estilos buzon**/
      
      
      .abuzon{
          color: #58167d;
          background: url(../img/icons-portalpad/edukar-icon-buzon-de-sugerencia.png) 0 0 no-repeat;
           }
      .abuzon-active{
          
          background: url(../img/icons-portalpad/edukar-icon-buzon-de-sugerencia-hover.png) 0 0 no-repeat;
          color: white;
           }	 	 
      .abuzon-active:hover{
          
          background: url(../img/icons-portalpad/edukar-icon-buzon-de-sugerencia-hover.png) 0 0 no-repeat;
          color:white;
           }
      @media (max-width: 767px){
           .abuzon-active {
            background: #58167d;
          color: #f8eb32;
           }
      }		 	  	 	
      
      /**estilos matricula automatica**/
      
      
      .amatricula{
          color: #58167d;
          background: url(../img/icons-portalpad/edukar-icon-buzon-de-sugerencia.png) 0 0 no-repeat;
           }
      .amatricula-active{
          background: url(../img/icons-portalpad/edukar-icon-buzon-de-sugerencia-hover.png) 0 0 no-repeat;
          color: white;
          background-color: #58167d;
           }	 	 
      .amatricula-active:hover{
          background: url(../img/icons-portalpad/edukar-icon-buzon-de-sugerencia-hover.png) 0 0 no-repeat;
          color:white;
          background-color: #58167d !important;
           }
      @media (max-width: 767px){
            .amatricula-active {
              background: #58167d;
            color: #f8eb32;
           }
      }

      /**estilos pagos en linea**/
      
      
      .apagos{
          color: #58167d;
          background: url(../img/icons-portalpad/edukar-icon-estado-de-cuenta.png) 0 0 no-repeat;
           }	
      
      .apagos-active{
          background: url(../img/icons-portalpad/edukar-icon-estado-de-cuenta-hover.png) 0 0 no-repeat;
          color: white;
           }		 
      .apagos-active:hover{
          background: url(../img/icons-portalpad/edukar-icon-estado-de-cuenta-hover.png) 0 0 no-repeat;
          color:white;
           }
      @media (max-width: 767px){
           .apagos-active {
            background: #58167d;
          color: #f8eb32;
           }
      }		
      
      .fontlateral{
          width: 100%;
          color: #fff;
          font-weight: 700;
          font-size: 10pt;
      }
      .fontlateral:hover{
          width: 100%;
          color: #f2eb46;
          font-weight: 700;
          font-size: 10pt;
      }	 
      
      .fontlateral-active, .fontlateral-active:hover{
          width: 100%;
          color: #f2eb46;
          font-weight: 700;
          font-size: 10pt;
      }
      
      .fontlateral:focus {
          color: #f2eb46 !important;
          text-decoration: underline;
      }
      .font-circular-lateral {
          width: 100% !important;
          color: #ccc !important;
          font-weight: 500 !important;
          font-size: 9pt !important;
      }	 		  
      
      
      
      .font-circular-lateral-activo {
          width: 100% !important;
          color: #f2eb46 !important;
          font-weight: 500 !important;
          font-size: 9pt !important;
      }


/******************************ESTILOS ALERTAS************************************************************************/