.top{
    padding-top:90px;
    }
.top1{
    height: 28px;
    }
.top_card{
    margin-top:10px;
    }
.alert-dark { background-color:#2779AA; color: #ffffff; font-weight: bold; } 
.jumbotron{
    text-align:center;
    
    margin-bottom: 0px;
    height:210px;
    background-color: #003366;
    background-image: url(../imagenes/encabezado.jpg);
    background-position: 0% 25%;
    /*background-size: cover;*/
    background-repeat: repeat;
    color: #fff;
    /*text-align: center;*/
    /*text-shadow: black 0.2em 0.2em 0.2em;*/
  }

  

#imagen_centro h2{font-size: 36px; font-weight:bold;}   
#imagen_centro p{font-size: 25px; font-weight:bold;}






.bg-dark {
  background-color: #003366 !important;
} /*fondo del menu principal*/
.pink.darken-4 {
    background-color: #003366 !important;
}
nav ul li a:hover{background:#abb3b7;color:#333;text-decoration: none}
.dropdown-submenu>.dropdown-menu {
    left: 95%;
}

.dropdown-item:focus,.dropdown-item:hover {
    /*background-color: #757575;*/
    background-color: rgba(255,255,255,0.1);
}
.dropdown-item.active, .dropdown-item:active {
    /*background-color: #757575 !important;*/
    background-color: rgba(255,255,255,0.1);
}
.dropdown-submenu.active, .dropdown-submenu:active {
    /* background-color: #757575 !important; */
    background-color: rgba(255,255,255,0.1);
}





#footer{ 
  background-color:#2F2F2F;
  color:#ffffff;
  margin-top:10px;
  font-weight:bold;
  }
  #footer h4 { font-weight:bold;}
#footer h5 { font-weight:bold;}

.card_encabezado {background-color: #2779AA;color: #fff;}

input.user{ 
  padding-left:20px;
  color: #003366;
  background:url(../imagenes/icon-userb.png) 4px 12px #ffffff no-repeat;
  /*border: 1px solid #9FCBF7;*/
  }
input.user:focus{ 
  padding-left:20px;
  color: #003366;
  background:url(../imagenes/icon-user.png) 4px 12px #ebf2fa no-repeat;
  /*border: 1px solid #9FCBF7;*/
  }
input.pass {
  padding-left:20px;
  color: #003366;
  background:url(../imagenes/icon-authenb.png) 4px 12px #ffffff no-repeat;
  /*border: 1px solid #9FCBF7;*/
  }
input.pass:focus {
  padding-left:20px;
  color: #003366;
  background:url(../imagenes/icon-authen.png) 4px 12px #ebf2fa no-repeat;
  /*border: 1px solid #9FCBF7;*/
  }
  
 .btn-warning{
  background-color: #FFA824;
  color:#ffffff;
}
.btn-warning:hover{
  background-color: #F9D470;
  color:#ffffff;
}

.text-warning{
  color: #FFA824!important;

} 
.cursor{cursor:pointer;}
.ficon { color:#ffffff;font-size:18px;}
.userfoto {height: 40px;width: 40px;border-radius: 50%;}


.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     /*background-color: #3498db;*/
     background-color: #f1c40f;
     
     color: #FFFFFF;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #71c0f5;
     background-color: #f3f513;
}
.form-radio:checked
{
     /*background-color: #3498db;*/
     background-color: #f1c40f;
}
label
{
     font: 15px/1.7 'Open Sans', sans-serif;
     color: #333;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     cursor: pointer;
}



.tooltip-inner {
  background-color: #336699 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #336699;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #336699;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #336699;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #336699;
}

.bg-warning{
    /*background-color: #F4F095 !important;*/
    background-color: #A8C5E1 !important;
}

.datras{z-index: 1029;
}
#columnchart_material1{
    width:500px;
    height:400px;
    display: block;
    margin: 0 auto !important;
    }
#graficagg{
    width:500px;
    height:400px;
    display: block;
    margin: 0 auto !important;
    }

#grafica_pie_acta_docente{
    width:250px;
    height:200px;
    display: block;
    margin: 0 auto !important;
    }


#dprecarga {background: #000000; display:none; position:absolute; filter: alpha(opacity=50); opacity:0.5; }
#dimgprecarga { display:none; position:absolute; display:none; }


tr.enc1 > th {font-size: 11px;}
tr.reng1 > td {font-size: 11px; }



.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .show>.btn-light.dropdown-toggle {
    background-color: #dae0e5 !important;
    color: #212529;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.btn.btn-sm {
    padding: .5rem 1rem;
    font-size: .64rem;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545 !important;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d !important;
}
/*.badge-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
}*/
.text-secondary {
    color: #6c757d !important;
}


/*.badge {
 
  font-size: 14px;
  font-weight: 700;
  
}*/

.text11{
    font-size: 11px;
    }
.text12{
    font-size: 12px;
    }
.text13{
    font-size: 13px;
    }
.text14{
    font-size: 15px;
    }    

.navegador{
color: #212529;

}

.bg-warning {
  background-color: #003366 !important;
  color:#ffffff;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #003366 !important;
  color:#ffffff;
}
.text-azul {
color: #007bff !important;
}
.text-rojo {
  color: #DC3912 !important;
}
.text-amarillo {
  color: #FFA824 !important;
}
.text-verde {
  color: #17a2b8 !important;
}
.text-gris {
  color: #6C757D !important;
}

.bg-azul {
    width: fit-content;
    padding: 10px 5px 10px 5px !important;
  background-color: #007bff !important;
  font-size:11px;
  
}
.bg-rojo {
  margin-top:-15px;
  width: fit-content;
  padding: 10px 5px 10px 5px;
  background-color: #DC3912 !important;
  font-size:11px;
}
.bg-amarillo {
  margin-top:-15px;
  width: fit-content;
  background-color: #FFA824 !important;
  padding: 10px 5px 10px 5px;
  font-size:11px;
}
.bg-verde {
  margin-top:-15px;
  width: fit-content;
  background-color: #17a2b8 !important;
  padding: 10px 5px 10px 5px;
  font-size:11px;
}
.bg-gris {
  margin-top:-15px;
  width: fit-content;
  background-color: #6C757D !important;
  padding: 10px 5px 10px 5px;
  font-size:11px;
}

.badge-secondary {
    font-size: 10px!important;
    font-weight: 700;
    color: #fff !important;
    /*background-color: #000000 !important;*/
}

#grafica1{
    width:300px;
    height:300px;
    display: block;
    margin: 0 auto !important;
    }
#grafica2{
    width:500px;
    height:350px;
    display: block;
    margin: 0 auto !important;
    }

#grafica3{
    width:500px;
    height:300px;
    display: block;
    margin: 0 auto !important;
    }
#grafica4{
    width:500px;
    height:300px;
    display: block;
    margin: 0 auto !important;
    }
#barra1{
    width:1000px;
    height:1000px;
    display: block;
    margin: 0 auto !important;
    }
    
#barra2{
    width:500px;
    height:1000px;
    display: block;
    margin: 0 auto !important;
    }    

#ser_social_barra1{
    width:300px;
    height:800px;
    display: block;
    margin: 0 auto !important;
    }
#ser_social_barra3{
    width:300px;
    height:800px;
    display: block;
    margin: 0 auto !important;
    }    

@media screen and (min-width: 800px) and (max-width: 1200px) 
{
    #imagen_centro h2 {font-size:26px;}
    /*#footer h3 {font-size:26px;}
    #footer h4 {font-size:20px;}*/
    .hover-text { display:none;}
    /*#nombre_portal {display:none;}*/
    #lbl_usuario{display:none;}
    
    /*.bg-dark {background-color: #ef2f9e !important;}*/
    
    
}
@media screen and (min-width: 768px) and (max-width: 799px) {
  #imagen_centro h2{font-size: 24px; }
    #imagen_centro h3{font-size: 20px;}
    .jumbotron img{height: 90px;width: 75px;}
    p.h2{ font-size: 28px; }
    #nombre_portal {display:none;}
    #lbl_usuario{display:none;}
    /*#footer h3 {font-size:20px;}
    #footer h4 {font-size:18px;}*/
    .hover-text { display:none; }
    /*.bg-dark {background-color: #98051f !important;}*/
    
}
@media screen and (min-width: 575px) and (max-width: 767px) {
  #imagen_centro h2{font-size: 22px; }
    #imagen_centro h3{font-size: 20px;}
    #imagen_centro p{font-size: 19px;}
    jumbotron img{height: 90px;width: 75px;}
    #encabezado_der{display:none;}
    #nombre_portal {display:none;}
    #lbl_usuario{display:none;}
    p.h2{ font-size: 18px; }
    /*#footer h3 {font-size:18px;}
    #footer h4 {font-size:16px;}*/
    .hover-text { display:none;}
   /* .bg-dark {background-color: #ffa824 !important;}*/
}


@media screen and (min-width: 50px) and (max-width: 574px) {
  #imagen_centro h2{font-size: 18px; margin-top:10px;}
    #imagen_centro p{font-size: 14px;}
    .jumbotron img{height: 60px;width: 50px;}
    #nombre_portal {display:none;}
    /*#lbl_usuario{display:none;}*/
    #encabezado_izq{margin-top:50px;}
    #encabezado_der{ display:none;}
    p.h2{ font-size: 18px; }
    /*#footer h3 {font-size:16px;}
    #footer h4 {font-size:14px;}*/
   /* .bg-dark {background-color: #2779aa !important;}*/
}